Probando Script# – De C# a Javascript

Estos dïas me he conseguido con Script#, que según viene con tiempo, nunca había escuchado sobre la herramienta.

Script# Es una librería que compila código C# a Javascript. El cual funciona obviamente, entre todos los navegadores modernos. También hace que el mantenimiento de los scripts sean más mantenibles y escalables.

Lo primero que hacemos es ir a la página principal: http://projects.nikhilk.net/ScriptSharp y descargamos la última versión (0.6.3) para Visual Studio 2010. Ejecutamos el instalador y una vez finalizado el proceso abrimos Visual Studio.

Vemos que hay una nueva categoría de proyectos (Script#), y varios tipos nuevos (Class Library, jQuery Class Library, jQuery Web Application, Web Application, Sidebar Gadget y Unit Test). Seleccionaremos para esta prueba un proyecto de tipo jQuery Web Application y aceptamos.

Lo primero que notamos es que nos crea lo siguiente:

internal static class HomePage
{
    static HomePage()
    {
        jQuery.OnDocumentReady(delegate()
        {
            // Add script that runs once the document is ready for being
            // consumed by script.
        });
    }
}

Como podemos ver, Script# es una especie de DOM en C# para JS, pero bien integrado a VS, bien programado y con buena documentación.

Ahora a probar:

internal static class HomePage
{
    static HomePage()
    {
        jQuery.OnDocumentReady(delegate()
        {
            jQueryObject query = jQuery.Select(".mydiv");
            query.FadeIn(EffectDuration.Slow).Blur(delegate
            {
                Window.ShowModalDialog("Testing", null, "");
            });
                
        });
    }
}

 

Al compilar, revisamos la carpeta “bin” del proyecto, y podemos ver el resultado. Aunque no es un DOM que transcribe las funciones, sino más bien, está todo sobre un framework de JS de ScriptC# que va, en este caso encima de otra capa que sería jQuery.

Código que se compila:

(function(){function executeScript(){
Type.registerNamespace('WebAppDemo.Home');WebAppDemo.Home._HomePage=function(){}
Type.registerNamespace('WebAppDemo.Shared');WebAppDemo.Shared._Utility=function(){}
WebAppDemo.Home._HomePage.registerClass('WebAppDemo.Home._HomePage');
WebAppDemo.Shared._Utility.registerClass('WebAppDemo.Shared._Utility');
(function(){$(function(){
var $1_0=$('.mydiv');$1_0.fadeIn('slow').blur(function(){
window.showModalDialog('Testing',null,'');});});})();
}
ss.loader.registerScript('WebAppDemo.Home',[],executeScript);})();

Código en debbug, que sería el equivalente directo en JS.

(function () {
    $(function() {
        var query = $('.mydiv');
        query.fadeIn('slow').blur(function() {
            window.showModalDialog('Testing', null, '');
        });
    });
})();

Esto es solo una pequeña prueba, en otra entrega probaré un poco más a fondo a Script# y su rendimiento.

Por ahora solo les digo que la herramienta te permite hacer algo que de otra forma sería muy dificil o poco mantenible: Tener control sobre el código del cliente desde el servidor.

Gracias por leer!