Cram help please!

Gehan Gonsalkorale

unread,

Apr 12, 2013, 10:17:05 AM4/12/13

to cuj...@googlegroups.com

Hi Guys,

Trying to switch from using r.js to using cram.js so that I can use cram plugins, create plugins with text/css etc. However, no idea what's going on really! I'm gonna play around with the source but thought I might as was ask in case there's a quick answer to this!

I have installed cram using npm, so I have something like this as my app

config.json

/node_modules
/cram
cram.js
/static
/app
common.js
core.js
ModuleA.js
ModuleB.js
/lib
/Q
/build

With r.js I'd then have a config.json like this

{
appDir: './static/',
baseUrl: './',
packages: [
{ name: 'Q', location: 'lib/q/', main: 'q' }
]
dir: './build/',
modules: [
{
name: 'app/common',
include: ['app/core', 'Q'] // Include these extra modules into init even though they aren't referenced
},
{
name: 'app/ModuleA',
exclude: ['app/common'] // Exclude everything inside common
},
{
name: 'app/ModuleB',
exclude: ['app/common'] // Exclude everything inside common
}
]
}

I'd run :

node r.js -c config.json

It would then create the 3 modules specified. Our app is in 2 parts which is why we have 2 modules like this, which we'd run like this

curl(['app/common'], function() {
curl(['app/ModuleA'], function(ModuleA) {
// Run this part
});
});

I'd assuming I'd have to run cram for each of these 3 modules, and include the extra bits using --include? I can't see how to exclude though. Also when running the below

node node_modules/cram/cram.js static/app/common.js -c config.json

It seems to have all paths relative to node_modules/cram? as I get

Error: Cannot find module 'config.json' │

Anyway, any help appreciated! When working I'll make a grunt plugin for this!

unscriptable

unread,

Apr 12, 2013, 12:07:47 PM4/12/13

to cuj...@googlegroups.com

Hey Gehan!

A couple of notes:

1. A few times you mention "modules", but I think you mean built/concatenated files. We call these "bundles".

2. cram.js doesn't use the same config options as r.js. (I think you know this, but just confirming. :) )

3. I've never `npm install`ed cram.js locally and used it like this. (Silly me.) I've always used it globally `npm install -g cram`. You will have to remove the local reference, iiuc, for the global one to work. However, I have no reason to think that global-vs-local cram is a cause of the "Cannot find module" issue.

4. You are correct: cram does not build multiple bundles at once. You will have to run it three times.

The `excludes` feature is not implemented, yet. It's something I've been wanting to tackle and is already partly implemented. Also, coordination of multiple bundles is a feature I've been itching to do, as well. That could follow right after `excludes` (and is partially implemented, too).

I could probably get the `excludes` feature done fairly quickly. You'd have to work with the dev branch of cram.js for a while, which is only slightly inconvenient, imho. Also, you'd have to manually build the `excludes` lists until cram can coordinate multiple bundles. Is this cool with you?

FYI: cram.js dev branch has another bug that mangles the output when you use the --loader option or point cram at an html file that uses the data-curl-run html attr. We're working on that bug, so don't use those features, yet. :)

Anyway, any help appreciated! When working I'll make a grunt plugin for this!

Very nice! Looking forward to it!

Regards,

-- John

Gehan Gonsalkorale

unread,

Apr 12, 2013, 12:27:31 PM4/12/13

to cuj...@googlegroups.com

Great thanks will play again!

I installed cram globally but it doesn't seem to have an executable, so how are you running it? i.e. can't run cram, or node cram. are you adding node_modules/cram to your path then or something else?

unscriptable

unread,

Apr 12, 2013, 1:13:39 PM4/12/13

to

Doh! I am such an idiot today. You are right. The version in npm can't be run globally. I'll see if I can fix that soon, too. Thanks for your patience. :)

-- J

Gehan Gonsalkorale

unread,

Apr 12, 2013, 6:22:16 PM4/12/13

to cuj...@googlegroups.com

This bin file should sort it?

https://github.com/cujojs/cram/pull/16

Gehan Gonsalkorale

unread,

Apr 12, 2013, 6:24:02 PM4/12/13

to cuj...@googlegroups.com

Although this happens:

$ cram -c static/app/curlPaths.js

cram failed: Cannot find module 'static/app/curlPaths.js'

Error: Cannot find module 'static/app/curlPaths.js'

Even though static/app/curlPaths.js exists :)

Gehan Gonsalkorale

unread,

Apr 12, 2013, 6:24:42 PM4/12/13

to cuj...@googlegroups.com

Error: Cannot find module 'static/app/curlPaths.js'

at Function.Module._resolveFilename (module.js:338:15)

at Function.Module._load (module.js:280:25)

at Module.require (module.js:364:17)

at require (module.js:380:17)

at loadModule (/usr/local/lib/node_modules/cram/lib/io/json/require.js:15:23)

at /usr/local/lib/node_modules/cram/lib/io/json/require.js:9:12

at /usr/local/lib/node_modules/cram/cram.js:110:35

at Object.then (/usr/local/lib/node_modules/cram/support/when/when.js:193:34)

at when (/usr/local/lib/node_modules/cram/support/when/when.js:56:34)

at resolveOne (/usr/local/lib/node_modules/cram/support/when/when.js:543:6)

Gehan Gonsalkorale

unread,

Apr 13, 2013, 5:56:15 AM4/13/13

to cuj...@googlegroups.com

Sorry to keep posting problems! Tried a run.js

define(['curl'], function (curl) {

curl.config({

baseUrl: "/money/static",

packages: [

{ name: 'dojo', location: 'lib/dojo' }

{ name: 'ko', location: 'lib/knockout/build/output', main: 'knockout-latest' }

{ name: 'curl', location: 'lib/curl/src/curl', main: 'curl' }

{ name: 'wire', location: 'lib/wire', main: 'wire' }

{ name: 'when', location: 'lib/when', main: 'when' }

{ name: 'meld', location: 'lib/meld', main: 'meld' }

{ name: 'poly', location: 'lib/poly', main: 'poly' }

]

})

curl(['wire!app/main/spec'])

})

But now get this

cram failed: grokking "money/static/app/run.js": TypeError: Object function _curl() {

var args, config, includes, warnings;

warnings = [];

// parse params

args = Array.prototype.slice.call(arguments);

if (Object.prototype.toString.call(args[0]) == '[object Object]') {

config = args.shift();

}

if (Object.prototype.toString.call(args[0]) == '[object Array]') {

includes = args.shift();

}

if (typeof args[0] == 'function') {

warnings.push('Did not inspect code inside `curl()` callback(s).');

}

collectConfig(config, includes, warnings);

return {

// warn when .then() is called

then: function (cb, eb) {

warn('Did not inspect code inside `.then()` callback(s).');

},

// warn if .next() is called

next: function (modules) {

warn('Did not include any modules mentioned in `.next()`: ' + modules);

},

config: function(cfg) {

collectConfig(cfg);

}

};

} has no method 'config'

Which is confusing as the printed method clearly has a config function! :)

unscriptable

unread,

Apr 18, 2013, 9:56:15 AM4/18/13

to cuj...@googlegroups.com

Hey Gehan,

Lots of updates to cram over the past few days (including your bin addition). Speaking of your bin addition, I simplified it. A lot! It seems to work for me. Can you try it?

Thanks!

-- John

Gehan Gonsalkorale

unread,

Apr 19, 2013, 7:59:36 AM4/19/13

to cuj...@googlegroups.com

Oh yes, that is quite a lot simpler! I'll try, I would have thought it would work though yes!

Gehan Gonsalkorale

unread,

Apr 23, 2013, 5:33:13 AM4/23/13

to cuj...@googlegroups.com

Will have a play with new cram, although might want to update npm package as it's still 0.7.0

unscriptable

unread,

Apr 23, 2013, 9:04:08 AM4/23/13

to cuj...@googlegroups.com

Hey Gehan,

Yah, It's still at 0.7.0 in npm until I've added more tests. In the mean time I've been installing cram globally by pointing at the local folder:

npm install -g path/to/cram

-- John

Gehan Gonsalkorale

unread,

Jun 4, 2013, 9:14:24 AM6/4/13

to cuj...@googlegroups.com

I'm going to have a play with this soon so will let you know how I get on, some questions though.

How does cram work through the dependencies of a wire spec? Does it just look for wire! plugin calls? If so then presumably if I always called wire() manually to access the error handler then it won't catch these?

We are using wire for our new developments, but haven't deployed any yet. We're getting close but now optimising the build is the next step!

unscriptable

unread,

Jun 4, 2013, 5:23:33 PM6/4/13

to cuj...@googlegroups.com

Hey Gehan,

Yes, cram only uses the wire! plugin to dig into dependencies, atm (via the wire/builder/cram module). We're contemplating a solution that uses the wire/builder/cram from the command line. https://github.com/cujojs/wire/issues/102 Feedback welcome!

-- John

Gehan Gonsalkorale

unread,

Jun 24, 2013, 4:51:01 AM6/24/13

to cuj...@googlegroups.com

Hey finally got round to giving this a go...

However I still can't get it to run with a config file!

I installed via npm globally then tried running this:

cram static/app/managementDashboard/spec.js build-options.json

However I still just get this

cram failed: Cannot find module 'build-options.json'

I will try using a run.js next although we construct some of our html at runtime so being able to use a config file would be much better for us!

Also can I just point to a wire spec and build that? That would ideal.

Gehan Gonsalkorale

unread,

Jun 24, 2013, 5:03:13 AM6/24/13

to cuj...@googlegroups.com

Can't get a run.js working either, I get this error. Strange as the object it prints out has a method called config which you can see

(conversocial)vagrant@vagrant-ubuntu:~/conversocial$ cram static/app/dashboard.js

cram failed: grokking "static/app/dashboard.js": TypeError: Object function _curl() {

var args, config, includes, warnings;

warnings = [];

// parse params

args = Array.prototype.slice.call(arguments);

if (Object.prototype.toString.call(args[0]) == '[object Object]') {

config = args.shift();

}

if (Object.prototype.toString.call(args[0]) == '[object Array]') {

includes = args.shift();

}

if (typeof args[0] == 'function') {

warnings.push('Did not inspect code inside `curl()` callback(s).');

}

collectConfig(config, includes, warnings);

return {

// warn when .then() is called

then: function (cb, eb) {

warn('Did not inspect code inside `.then()` callback(s).');

},

// warn if .next() is called

next: function (modules) {

warn('Did not include any modules mentioned in `.next()`: ' + modules);

},

config: function(cfg) {

collectConfig(cfg);

}

};

} has no method 'config'

Dashboard.js is this:

define(['curl'], function(curl) {
curl.config({
"baseUrl": "static/",
"paths": {
"sandbox": "app/sandbox",
"lib": "js/lib",
"domReady": "js/lib/domReady",
"jquery": "lib/jquery/jquery"
},
"packages": [
{ "name": "bags", "location": "lib/bags/dist" },

{ "name": "curl", "location": "lib/curl/src/curl"},

{ "name": "Q", "location": "lib/q/", "main": "q" },
{ "name": "wire", "location": "lib/wire", "main": "wire" },
{ "name": "meld", "location": "lib/meld", "main": "meld" },
{ "name": "when", "location": "lib/when", "main": "when" },

{ "name": "poly", "location": "lib/poly" },

{ "name": "ko", "location": "lib/knockout/build/output", "main": "knockout-latest" },
{ "name": "knockout", "location": "lib/knockout/build/output", "main": "knockout-latest" },
{ "name": "backbone", "location": "lib/backbone", "main": "backbone", "config": {
"moduleLoader": "curl/loader/cjsm11"
}},
{ "name": "underscore", "location": "js/lib", "main": "lodash.compat"},
{ "name": "lodash", "location": "js/lib", "main": "lodash.compat"},
{ "name": "knockback", "location": "lib/knockback", "main": "knockback", "config": {
"moduleLoader": "curl/loader/cjsm11"
}},
{ "name": "dojo", "location": "lib/dojo"},
{ "name": "mout", "location": "lib/mout/src"}
],
"preloads": ["poly/array", "poly/object"]
});
curl(['wire!app/managementDashboard/spec']);
});

Gehan Gonsalkorale

unread,

Jun 24, 2013, 5:13:55 AM6/24/13

to cuj...@googlegroups.com

Got a bit further, however still not working and driving me a bit insane so going to stop now! Do you have a example repo of cram working I could base things off? Either I'm not getting it at all or it's rather brittle...

(conversocial)vagrant@vagrant-ubuntu:~/conversocial$ cram static/app/dashboard.js

`baseUrl` resolved to static

`output` resolved to .cram/linked/bundle.js

Compiling preloads

Compiling modules

cram failed: Cannot find module 'static/lib/wire/wire' wire/wire!app/managementDashboard/spec

Error: Cannot find module 'static/lib/wire/wire' wire/wire!app/managementDashboard/spec

at Function.Module._resolveFilename (module.js:338:15)

at Function.Module._load (module.js:280:25)

at Module.require (module.js:364:17)

at require (module.js:380:17)

at loadScriptViaRequire (/usr/local/lib/node_modules/cram/amd_modules/curl/dist/curl-for-ssjs/curl.js:1506:4)

at Object.priv.core.loadScript (/usr/local/lib/node_modules/cram/amd_modules/curl/dist/curl-for-ssjs/curl.js:1488:11)

at Object.core.fetchResDef (/usr/local/lib/node_modules/cram/amd_modules/curl/dist/curl-for-ssjs/curl.js:934:9)

at Object.core.fetchDep (/usr/local/lib/node_modules/cram/amd_modules/curl/dist/curl-for-ssjs/curl.js:1017:10)

at getDep (/usr/local/lib/node_modules/cram/amd_modules/curl/dist/curl-for-ssjs/curl.js:889:21)

at Object.core.getDeps (/usr/local/lib/node_modules/cram/amd_modules/curl/dist/curl-for-ssjs/curl.js:871:6)

(conversocial)vagrant@vagrant-ubuntu:~/conversocial$

dashboard.js is:

define(['curl'], function(curl) {

var config = {

"baseUrl": "static",

};

curl(config, ['wire!app/managementDashboard/spec']);

});

The spec file exists:

static/app/managementDashboard/spec.js

Also all the mentioned modules are def present in the static directory

e.g.

static/lib/wire/wire.js

unscriptable

unread,

Jun 24, 2013, 1:57:35 PM6/24/13

to cuj...@googlegroups.com

Hey Gehan,

You've tried lots of different things. Let me see if I can understand each scenario...

On Monday, June 24, 2013 4:51:01 AM UTC-4, Gehan Gonsalkorale wrote:

Hey finally got round to giving this a go...

However I still can't get it to run with a config file!

I installed via npm globally then tried running this:

cram static/app/managementDashboard/spec.js build-options.json

However I still just get this

cram failed: Cannot find module 'build-options.json'

If build-options.json is in the current folder, node may not be able to find it. Did you try specifying ./build-options.json ?

-- J

unscriptable

unread,

Jun 24, 2013, 2:04:30 PM6/24/13

to cuj...@googlegroups.com

Hey Gehan,

This looks like a cram bug. Will fix asap. -- J

unscriptable

unread,

Jun 24, 2013, 2:07:14 PM6/24/13

to cuj...@googlegroups.com

Hey Gehan,

I see you got around the missing curl.config bug in cram. Cool.

The following error might be happening if you are using wire 0.9.x. Have you upgraded to 0.10.x?

-- John

Gehan Gonsalkorale

unread,

Jun 24, 2013, 3:31:21 PM6/24/13

to cuj...@googlegroups.com

./build-options didn't work, but it was fine with the full path. however requiring a full path seems a bit excessive..!

Not sure if using local cram is a problem but this still can't find build-options

(conversocial)vagrant@vagrant-ubuntu:~/conversocial$ node_modules/.bin/cram ~/conversocial/static/app/dashboard.js -c ./build-options.json

But this can

(conversocial)vagrant@vagrant-ubuntu:~/conversocial$ node_modules/.bin/cram ~/conversocial/static/app/dashboard.js -c ~/conversocial/build-options.json

Although cram then falls over here, mentioned in another post :)

cram failed: Cannot find module 'static/lib/wire/wire' wire/wire!app/managementDashboard/spec

Error: Cannot find module 'static/lib/wire/wire' wire/wire!app/managementDashboard/spec

Gehan Gonsalkorale

unread,

Jun 24, 2013, 3:32:48 PM6/24/13

to cuj...@googlegroups.com

Yep I'm using wire 0.10.0!

Gehan Gonsalkorale

unread,

Jun 24, 2013, 3:44:19 PM6/24/13

to cuj...@googlegroups.com

Ok I wondered is there was a path problem causing this error

cram failed: Cannot find module 'static/lib/wire/wire' wire/wire!app/managementDashboard/spec

Error: Cannot find module 'static/lib/wire/wire' wire/wire!app/managementDashboard/spec

So I change the baseUrl to "./static" and now I have an error to do with the cjsm11 loader defined for backbone/knockback.

cram failed: ENOENT, open '/home/vagrant/conversocial/static/lib/knockback/knockback' curl/loader/cjsm11!knockback/knockback app/managementDashboard/components/SLA/viewmodels/SLAList wire/wire!app/managementDashboard/spec

Error: ENOENT, open '/home/vagrant/conversocial/static/lib/knockback/knockback' curl/loader/cjsm11!knockback/knockback app/managementDashboard/components/SLA/viewmodels/SLAList wire/wire!app/managementDashboard/spec

If I remove the moduleLoader config bits then it has a problem with dojo I think?

Compiling modules

warning: sync require() found in the global scope or in an external factory. 0 [ 'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.' ]

warning: sync require() found in the global scope or in an external factory. 1 [ 'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.' ]

warning: sync require() found in the global scope or in an external factory. 2 [ 'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.' ]

warning: sync require() found in the global scope or in an external factory. 3 [ 'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.',

'sync require() found in the global scope or in an external factory.' ]

warning: sync require() found in the global scope or in an external factory. 0 [ 'sync require() found in the global scope or in an external factory.' ]