| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <title>issue 53</title> | |
| <script src="../src/curl.js" type="text/javascript"></script> | |
| <script type="text/javascript"> | |
| curl({ |
| // AMD module wrapper. | |
| define(function () { | |
| function HttpError (msg, code) { | |
| var ex; | |
| msg = msg || 'Unknown HTTP error'; | |
| ex = new Error(msg); // not all browsers let us inherit, so we do it this way | |
| ex.code = code; | |
| ex.name = 'HttpError'; // thx @cjno! (http://twitter.com/cjno/status/154959746582056960) |
| { | |
| packages: { | |
| pkgA: { | |
| path: 'path/to/pkgA', | |
| main: 'main/main-module-file', | |
| lib: 'location/of/other/modules', | |
| config: { | |
| packages: { | |
| // pkgC1.0 is declared at the top level | |
| pkgC: { $ref: 'packages/pkgC1.0' }, |
| // google closure compiler turns this: | |
| function indexOf (item /*, fromIndex */) { | |
| return find(this, item, arguments[1] /* fromIndex */, true); | |
| } | |
| // into this (notice the new function argument): | |
| function q(a,c){b(this,a,c,!0)} | |
| /* | |
| Q: Why is this bad? |
| (function (define) { | |
| define(['pkgA/modA', 'pkgB/mod2'], function (modA, mod2) { | |
| // define and return module here | |
| function myCtor () {} | |
| myCtor.prototype = { | |
| combine: function () { return modA.aMethod() + mod2.anotherMethod(); | |
| }; | |
| return myCtor; |
| // MyView.js when concatenated together using cram.js | |
| // cram.js needs two new features to make this work: | |
| // 1. an option to NOT normalize module ids | |
| // 2. an option to more easily exclude modules from the build (wire plugins, for instance) | |
| define('./myView/controller', { | |
| _onClick: function (e) { | |
| this.rootNode.classList.toggle(this.states.selected); | |
| } | |
| }); |
CSS AMD plugins
curl/plugin/link: https://github.com/unscriptable/curl/blob/master/src/curl/plugin/link.js
curl/plugin/css: https://github.com/unscriptable/curl/blob/master/src/curl/plugin/css.js
| (function (myLib, define) { | |
| //Set up myLib here. | |
| myLib.add = function (a, b) { return a + b; }; | |
| define(myLib); | |
| }.call(this, | |
| typeof exports == 'object' ? exports : {}, | |
| typeof define == 'function' && define.amd ? | |
| define : |
| global.curl = { | |
| baseUrl: baseUrl, | |
| paths: { | |
| 'li/ubox': '../../../../../applications/universal-inbox/src/main/webapp/li/ubox', | |
| 'li/schema': '../../../../../applications/universal-inbox/src/main/webapp/li/schema', | |
| 'li/referenceData': '../../../../../applications/universal-inbox/src/main/webapp/li/referenceData', | |
| 'data': '../../test/webapp/data', | |
| /* this is the interesting line: */ | |
| 'li/core/xhr': '../../test/webapp/mock/li/core/xhr-promise' |
| wire({ | |
| // this is a normal module | |
| // it is loaded, created, and initialized asap | |
| staticModule: { | |
| create: { | |
| module: 'my/static/module', | |
| args: {} | |
| }, | |
| init: 'startMe' | |
| }, |
