dualStorage and requireJS : Underscore is missing

[Simmoniz]

Since dualStorage uses underscore fonctionnalities, would the line #9 should look like this ?

})(this, function(Backbone, _) {

I am getting error "_ is not defined"

(within the amd version -> "backbone.dualstorage.amd.js")

[nilbus]

Yes, I think you're right. I don't use AMD, so could you make the change, and send a pull request if that fixes the problem?

[elmbrent]

Can we please have an example with Require.JS I cannot for the life of me getting it working.

[nilbus]

I don't use require.js, but I think these people have. @GermanDZ @matthieugayon @elad @dschien @thoaionline

Could one of you please provide an example of how you use Backbone.dualStorage with require.js?

/cc @BananaNeil

[dschien]

Hi @Simmoniz,

Below some snippets. They are copy pasted from my working code and contain unresolved reference. You will need to clean them up.

Versions: "dependencies": { "jquery": "~2.1.0", "handlebars": "1.3.0", "requirejs": "~2.1.10", "requirejs-plugins": "~1.0.2", "underscore": "~1.5.2"

"glob": "~3.2.8", "grunt": "~0.4.1", "grunt-contrib-copy": "~0.4.1", "grunt-contrib-watch": "~0.5.1", "grunt-contrib-jshint": "~0.6.0", "grunt-contrib-handlebars": "~0.5.10", "grunt-contrib-jasmine": "~0.5.1", "grunt-handlebars": "0.0.6", "grunt-contrib-compass": "~0.4.0", "grunt-bower-task": "~0.2.3", "bower": "~0.10.0", "grunt-bower-requirejs": "~0.6.0", "grunt-template-jasmine-requirejs": "~0.1.4", "grunt-contrib-uglify": "~0.2.2", "grunt-contrib-requirejs": "~0.4.1", "grunt-jsdoc": "~0.4.0", "grunt-contrib-clean": "~0.5.0", "grunt-shell": "~0.3.1", "grunt-bump": "0.0.11", "grunt-preprocess": "~3.0.1"

My config.js:

require.config({
    catchError: true,

    baseUrl: './',
    paths: {
        backbone: 'js/lib/backbone',
        dualstorage: 'js/lib/backbone.dualstorage.amd',
        underscore: 'js/lib/underscore',
    },
    shim: {
        underscore: {
            exports: '_'
        },
        backbone: {
            deps: [
                'underscore',
                'jquery'
            ],
            exports: 'Backbone'
        },
        dualstorage: {
            deps: ['underscore', 'backbone']
        },
    },
    // for ripple
    waitSeconds: 0
});

My grunt task looks like this:

js: {
        options: {
            name: 'config',
            baseUrl: '<%= dirs.build %>/<%= grunt.config.get("build_dist_folder") %>/',
            mainConfigFile: '<%= dirs.build %>/<%= grunt.config.get("build_dist_folder") %>/config.js',
            out: '<%= dirs.build %>/<%= grunt.config.get("build_dist_folder") %>/optimized.js',
            include: [
                'app/MainApp',
            ]
        }
    },

Example of class using underscore:

define([
    'settings',
    'backbone',
    'underscore'
], function (config, Backbone) {
    var globals = { /* */};      
    _.extend(globals, config);
    return globals;

Hope this helps. Good luck

[nilbus]

Thank you @dschien!

[elmbrent]

Thankyou @dschien

[elmbrent]

@nilbus I went offline but none of the models / collections where not being loaded? Does it save the information to local-storage?

[nilbus]

@elmbrent Please open a new issue, so we don't clutter this one with an unrelated conversation.

[dreamalligator]

@elmbrent use --save or --save-dev