:q

JSI Introduction

a simple module loader , you can use npm installed modules in web browser such as it work in nodejs!

Install:

npm install jsi -g

Start:

• install and run example:

   $ cd <webroot>
   $ jsi example
   $ open http://localhost:8080
  

• command line

  • on [webroot]

      $ jsi example 									--deplay hello world example
      $ jsi start										--start debug server
    

  • on [webroot]/[scriptroot]

      $ jsi export -o temp.js main.js					--export main.js as a single javascript file
                                                          (main.js variables on global namespace;
                                                              buf dependence modules is hidden, you can use require('modulename') to get it )
      $ jsi export -o exported.js -ns xmldom xmldom	--export package: export xmldom to a single script and exports variables on the namespace xmldom.
    
    
    
      //advance useage:  install a optimized external package on package system.
    

$ jsi install jquery--install a exter:qnal optimized package from npm $ jsi install ./workspace/xmldom--install a external optimized package from local filesystem

• lite template example

    //function template
    var tpl = function(list){
        return <div>
            <c:if test='${var1>var2}'>test${value}</c:if>
            <p> this is a xml style templete ${varName}; 
            default syntax support for mostly javascript editor (E4X standard) </p>
        </div>
    }
    //inline template render
    var tpl = <div>
        <p> this is a xml style templete ; 
            default syntax support for mostly javascript editor (E4X standard) </p>
    </div>
    
    //single template file
    var tpl = liteXML("/path.tpl")
  
    //partly template file（css3 selector）
    var tpl = liteXML("/path.tpl#header")
  

• javascript debug and compress

  • enable debug

    javascript:document.cookie="JSI_DEBUG=true"

  • disable debug

    javascript:document.cookie="JSI_DEBUG=false"

• test route /route.js

    content:
    exports = [
  
        //mock with json data
        {path:"/service/login.do",data:{"auth-token":"sdeee23734ru3hfbvncm"}},
  
        //mock from remote url 
        {path:"/service/user.do",remote:"http://test.com/user.do"},
  
        //mock from local json file
        {path:"/service/user.do",file:"./mock/user.json"},
  
  
        //mock with nodejs request handle
        {
            path:	/\/service\/user\/(\d+)/,
            action:	function(request,response,path,uid){
                var headers = {"Content-Type":"text/json;charset=utf-8"};
                response.writeHead(200, headers); 
                response.end(JSON.stringify({"uid":uid}));
                return true;
            }
        }
    ]