Skip to content

jindw/jsi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

: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;
      		}
      	}
      ]
    

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published