require('my').load('app')

// math.js (directive prologues)
 
'export {sum, pi}'
 
function sum(x, y) {
    return x + y
}
var pi = 3.14159265

// math.js (labeled module statements)
 
exports: function sum(x, y) {
    return x + y
}
exports: var pi = 3.14159265

// simple client code (directive prologues)
 
'import {sum, pi} from "math.js"'
 
alert("2π = " + sum(pi, pi))

// simple client code (labeled module statements)
 
imports: {sum; pi} from: 'math.js'
 
alert("2π = " + sum(pi, pi))

import {a, b} from "m.js"    'import {a, b} from "m.js"'      imports: {a; b} from: "m.js"

import {a:a1} from "m1.js"    'import {a:a1} from "m1.js"'    imports: {a:a1} from: "m1.js"
import {a:a2} from "m2.js"    'import {a:a2} from "m2.js"'    imports: {a:a2} from: "m2.js"

export function f() {...}    'export f'                       exports: function f() {....}
                             ...
                             function f() {...}

export var v                 'export v'                       exports: var v
                             ...
                             var v

var a, b                     'export {a, b}'                  var a, b
...                          ...                              ...
export {a, b}                var a, b                         exports: {a; b}

var _a, _b                   'export {a: _a, b: _b}'          var _a, _b
...                          ...                              ...
export {a: _a, b: _b}        var _a, _b                       exports: {a: _a; b: _b}

// define the module _traits_ from local file
module ('traits'). at ('traits.js/lib/traits.js')
 
// define the module _light_traits_ which follow AMD spec
module ('light_traits'). at [AMD] ('traits.js/lib/traits.js')
 
// define the module _qwrap_ as naked script and exports the name _QW_
module ('qwrap'). at [SCRIPT] ('core_dom_youa.com.js#QW')
 
// define the module from the web
module ('gloader'). at [SCRIPT] ('https://www.google.com/jsapi#google')
 
// define the module from data uri
// NOTE: it makes building deployment version possible and easy,
//       all we need to do is resource mapping
module ('sample1'). at ('data:application/javascript,exports.Greeting = {hello:"world"}')
 
// define another module which use last module
module ('sample2'). at ('http://www.example.org/sample2.js')
 
// define a cross-origin proxy, so all http requests will be routed to the proxy
resource ('http://*'). from ('/proxy?url=$1')
 
// so _sample2_ will be transformed, and just like u write:
module ('sample2'). at ('/proxy?url=http://www.example.org/sample2.js')
// NOTE: url encode is missed here for easy to understand, but in real impl
//       it should be for encoded each mapping step
 
// This will be transformed internally to AMD wrapper form just like u write:
module ('sample2'). at [AMD] ('amdwrap:/proxy?url=http://www.example.org/sample2.js')
 
// Normally, the _amdwrap_ derefernce will be called to wrap code dynamically,
// but you can define a server-generated AMD wrapper
resource ('amdwrap:*'). from ('/amdwrap?url=$1')
 
// So, it will transform the _sample2_ to:
module ('sample2'). at [AMD] ('/amdwrap?url=/proxy?url=http://www.example.org/sample2.js')
// NOTE: url encode is missed here for easy to understand, but in real impl
//       it should be for encoded each mapping step
 
 
// define a resouce mapping rule, so last module will load source from data URI!
resource ('http://www.example.org/sample2.js'). from (
    "data:,var G = require('sample1').Greeting; console.info(G.hello);"
)
 
// define another module from legacy scripts
module ('sample3').
    imports ('Global.console').
    imports ('Greeting'). // which will be resolve to last _smaple1_ module
    include ('sample/legacy.js'). // content: console.info('Hello' + Greeting.hello)
end
 
// define a module delegate to directory, so the modules definitions can be distributed
module ('geo'). at ('geo/*')