separated vendor.js from main.js

gulp/copy.js

@@ -7,7 +7,6 @@ var paths = require('./paths.js');
 gulp.task('copyJs', function () {
     return gulp.src(
       [
-        paths.src.root + "piwikCheck.js",
         paths.src.root + "polyfills.js",
         paths.src.root + "JsLibraries\\handlebars.runtime.js",
       ])

src/UI/JsLibraries/xrayquire.js

@@ -1,416 +0,0 @@
-/**
- * @license xrayquire 0.0.0 Copyright (c) 2012, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/requirejs/xrayquire for details
- */
-/*jslint nomen: true */
-/*global requirejs, console, window */
-
-/**
- * Put a script tag in the HTML that references this script right after the
- * script tag for require.js.
- */
-
-var xrayquire;
-(function () {
-    'use strict';
-
-    var contexts = {},
-        config = typeof xrayquire === 'undefined' ? {} : xrayquire,
-        s = requirejs.s,
-        oldNewContext = s.newContext,
-        tokenRegExp = /\{(\w+)\}/g,
-        standardDeps = {
-            require: true,
-            exports: true,
-            module: true
-        },
-        prop;
-
-    function each(ary, func) {
-        if (ary) {
-            var i;
-            for (i = 0; i < ary.length; i += 1) {
-                if (ary[i] && func(ary[i], i, ary)) {
-                    break;
-                }
-            }
-        }
-    }
-
-    /**
-     * Cycles over properties in an object and calls a function for each
-     * property value. If the function returns a truthy value, then the
-     * iteration is stopped.
-     */
-    function eachProp(obj, func) {
-        var prop;
-        for (prop in obj) {
-            if (obj.hasOwnProperty(prop)) {
-                if (func(obj[prop], prop)) {
-                    break;
-                }
-            }
-        }
-    }
-
-    function hasProp(obj, prop) {
-        return obj.hasOwnProperty(prop);
-    }
-
-    /**
-     * Simple function to mix in properties from source into target,
-     * but only if target does not already have a property of the same name.
-     * This is not robust in IE for transferring methods that match
-     * Object.prototype names, but the uses of mixin here seem unlikely to
-     * trigger a problem related to that.
-     */
-    function mixin(target, source, force, deepStringMixin) {
-        if (source) {
-            eachProp(source, function (value, prop) {
-                if (force || !hasProp(target, prop)) {
-                    if (deepStringMixin && typeof value !== 'string') {
-                        if (!target[prop]) {
-                            target[prop] = {};
-                        }
-                        mixin(target[prop], value, force, deepStringMixin);
-                    } else {
-                        target[prop] = value;
-                    }
-                }
-            });
-        }
-        return target;
-    }
-
-    function isRequire(id) {
-        return id.indexOf('_@r') !== -1;
-    }
-
-    function formatId(id) {
-        //If the ID is for a require call, make it prettier.
-        return isRequire(id) ? 'require()' : id;
-    }
-
-    function formatUrl(url) {
-        return !url || isRequire(url) ? '' : url;
-    }
-
-    function getX(context) {
-        if (!context.xray) {
-            context.xray = {
-                traced: {},
-                traceOrder: [],
-                mixedCases: {}
-            };
-        }
-        return context.xray;
-    }
-
-    function modContext(context) {
-        var oldLoad = context.load,
-            modProto = context.Module.prototype,
-            oldModuleEnable = modProto.enable,
-            xray = getX(context),
-            traced = xray.traced,
-            mixedCases = xray.mixedCases;
-
-        function trackModule(mod) {
-            var id = mod.map.id,
-                traceData;
-
-            //If an intermediate module from a plugin, do not
-            //track it
-            if (mod.map.prefix && id.indexOf('_unnormalized') !== -1) {
-                return;
-            }
-
-            //Cycle through the dependencies now, wire this up here
-            //instead of context.load so that we get a recording of
-            //modules as they are encountered, and not as they
-            //are fetched/loaded, since things could fall over between
-            //now and then.
-            if (!traced[id] || !traced[id].deps || !traced[id].deps.length) {
-                each(mod.depMaps, function (dep) {
-                    var depId = dep.id,
-                        lowerId = depId.toLowerCase();
-
-                    if (mixedCases[lowerId] && depId !== mixedCases[lowerId].id) {
-                        console.error('Mixed case modules may conflict: ' +
-                            formatId(mixedCases[lowerId].refId) +
-                            ' asked for: "' +
-                            mixedCases[lowerId].id +
-                            '" and ' +
-                            formatId(id) +
-                            ' asked for: "' +
-                            depId +
-                            '"');
-                    } else {
-                        mixedCases[lowerId] = {
-                            refId: id,
-                            id: depId
-                        };
-                    }
-                });
-
-                traceData = {
-                    map: mod.map,
-                    deps: mod.depMaps
-                };
-
-                //Only add this to the order if not previously added.
-                if (!traced[id]) {
-                    xray.traceOrder.push(id);
-                }
-
-                //Set the data again in case this enable has the
-                //real dependencies. Some first calls of enable do
-                //not have the dependencies known yet.
-                traced[id] = traceData;
-            }
-        }
-
-        modProto.enable = function () {
-            var result = oldModuleEnable.apply(this, arguments);
-            trackModule(this);
-            return result;
-        };
-
-        //Collect any modules that are already in process
-        eachProp(context.registry, function (mod) {
-            if (mod.enabled) {
-                trackModule(mod);
-            }
-        });
-
-        return context;
-    }
-
-    //Mod any existing contexts.
-    eachProp(requirejs.s.contexts, function (context) {
-        modContext(context);
-    });
-
-    //Apply mods to any new context.
-    s.newContext = function (name) {
-        return modContext(oldNewContext);
-    };
-
-    requirejs.onResourceLoad = function (context, map, deps) {
-        var id = map.id;
-
-        if (typeof context.defined[id] === 'undefined') {
-            //May be a problem with a circular dependency.
-            //console.error(id + ' has undefined module value, may be part ' +
-            //              'of a bad circular reference');
-        }
-    };
-
-
-    function sortTraceOrder(traceOrder) {
-        //Sort the traceOrder, but do it by lowercase comparisons,
-        //to keep 'something' and 'Something' next to each other.
-        traceOrder.sort(function (a, b) {
-            return a.toLowerCase() > b.toLowerCase() ? 1 : -1;
-        });
-    }
-
-    function htmlEscape(id) {
-        return (id || '')
-            .replace('<', '&lt;')
-            .replace('>', '&gt;')
-            .replace('&', '&amp;')
-            .replace('"', '&quot;');
-    }
-
-    function template(contents, data) {
-        return contents.replace(tokenRegExp, function (match, token) {
-            var result = data[token];
-
-            //Just use empty string for null or undefined
-            if (result === null || result === undefined) {
-                result = '';
-            }
-
-            return result;
-        });
-    }
-
-
-    function findCycle(mod, traced, masterVisited, visited) {
-        var id = mod.map.id,
-            depArray = mod.deps,
-            foundModule;
-
-        //Do not bother with require calls or standard deps,
-        //or things that are already listed in a cycle
-        if (isRequire(id) || masterVisited[id] || standardDeps[id]) {
-            return;
-        }
-
-        //Found the cycle.
-        if (visited[id]) {
-            return {
-                mod: mod,
-                visited: visited
-            };
-        }
-
-        visited[id] = true;
-
-        //Trace through the dependencies.
-        each(depArray, function (depMap) {
-            var depId = depMap.id,
-                depMod = traced[depId];
-
-            if (!depMod) {
-                return;
-            }
-
-            //mixin visited to a new object for each dependency, so that
-            //sibling dependencies in this object to not generate a
-            //false positive match on a cycle. Ideally an Object.create
-            //type of prototype delegation would be used here, but
-            //optimizing for file size vs. execution speed since hopefully
-            //the trees are small for circular dependency scans relative
-            //to the full app perf.
-            return (foundModule = findCycle(depMod, traced, masterVisited, mixin({}, visited)));
-        });
-
-        return foundModule;
-    }
-
-    function showHtml(html) {
-        //Convert to URL encoded data
-        html = encodeURIComponent(html);
-
-        //Display the HTML
-        window.open('data:text/html;charset=utf-8,' + html, '_blank');
-    }
-
-    /**
-     * Public API
-     */
-    xrayquire = {
-        treeHtml: '<!DOCTYPE html>\n<html>\n<head>\n<title>Module Dependencies</title>\n<style>\nbody {\n    font-family: \"Inconsolata\",Andale Mono,Monaco,Monospace;\n    color: green;\n}\n\na {\n    color: #2E87DD;\n    text-decoration: none;\n}\n\na:hover {\n    text-decoration: underline;\n}\n\n.mod {\n    background-color: #FAFAFA;\n    border: 1px solid #E6E6E6;\n    border-radius: 5px 5px 5px 5px;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n    font-size: 13px;\n    line-height: 18px;\n    margin: 7px 0 21px;\n    overflow: auto;\n    padding: 5px 10px;\n}\n\n.url {\n    font-size: smaller;\n    color: grey;\n}\n\nli.standard {\n    color: grey;\n}\n\n</style>\n</head>\n<body>\n{content}\n</body>\n</html>\n',
-        treeDepItemHtml: '<li><a href=\"#mod-{htmlId}\">{id}</a></li>',
-        treeDepItemNoLinkHtml: '<li class=\"standard\">{id}</li>',
-        treeItemHtml: '<div class=\"mod\" id=\"mod-{htmlId}\">\n    <span class=\"id\">{id}</span>\n    <span class=\"url\">{url}</span>\n    <ul class=\"deps\">\n        {depItems}\n    </ul>\n</div>\n',
-
-        makeHtmlId: function (id) {
-            return encodeURIComponent(id);
-        },
-
-        makeTemplateData: function (mod) {
-            return {
-                htmlId: xrayquire.makeHtmlId(mod.id),
-                id: htmlEscape(formatId(mod.id)),
-                url: htmlEscape(formatUrl(mod.url))
-            };
-        },
-
-        showTree: function (contextName) {
-            var context = requirejs.s.contexts[contextName || '_'],
-                xray = getX(context),
-                traced = xray.traced,
-                html = '';
-
-            sortTraceOrder(xray.traceOrder);
-
-            //Generate the HTML
-            each(xray.traceOrder, function (id) {
-                var mod = traced[id],
-                    templateData = xrayquire.makeTemplateData(mod.map);
-
-                //Do not bother if this is a require() call with no
-                //dependencies
-                if (isRequire(mod.map.id) && (!mod.deps || !mod.deps.length)) {
-                    return;
-                }
-
-                templateData.depItems = '';
-
-                each(mod.deps, function (dep) {
-                    var depHtmlTemplate = standardDeps[dep.id] ?
-                        xrayquire.treeDepItemNoLinkHtml :
-                        xrayquire.treeDepItemHtml;
-
-                    templateData.depItems += template(depHtmlTemplate,
-                        xrayquire.makeTemplateData(dep));
-                });
-
-                html += template(xrayquire.treeItemHtml, templateData);
-            });
-
-            //Put the HTML in a full HTML document.
-            html = template(xrayquire.treeHtml, {
-                content: html
-            });
-
-            showHtml(html);
-        },
-
-        getCycles: function (contextName) {
-            var context = requirejs.s.contexts[contextName || '_'],
-                cycles = {},
-                xray = getX(context),
-                traced = xray.traced,
-                masterVisited = {},
-                foundCycle = false;
-
-            sortTraceOrder(xray.traceOrder);
-
-            each(xray.traceOrder, function (id) {
-                var mod = traced[id],
-                    cycleInfo = findCycle(mod, traced, masterVisited, {});
-
-                if (cycleInfo) {
-                    foundCycle = true;
-                    mod = cycleInfo.mod;
-                    mixin(masterVisited, cycleInfo.visited);
-
-                    cycles[mod.map.id] = {
-                        visited: cycleInfo.visited
-                    };
-                }
-            });
-
-            return foundCycle ? cycles : null;
-        },
-
-        cycleHtml: '<!DOCTYPE html>\n<html>\n<head>\n<title>Module Cycles</title>\n<style>\nbody {\n    font-family: \"Inconsolata\",Andale Mono,Monaco,Monospace;\n    color: green;\n}\n\na {\n    color: #2E87DD;\n    text-decoration: none;\n}\n\na:hover {\n    text-decoration: underline;\n}\n\n.mod {\n    background-color: #FAFAFA;\n    border: 1px solid #E6E6E6;\n    border-radius: 5px 5px 5px 5px;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n    font-size: 13px;\n    line-height: 18px;\n    margin: 7px 0 21px;\n    overflow: auto;\n    padding: 5px 10px;\n}\n\n</style>\n</head>\n<body>\n{content}\n</body>\n</html>\n',
-        cycleEntryHtml: '<div class=\"mod\">\n    <span class=\"id\">{id}</span>\n    <ul class=\"chain\">\n        {chain}\n    </ul>\n</div>\n',
-        cycleChainEntryHtml: '<li>{id}</li>',
-
-        showCycles: function (contextName) {
-            var cycles = xrayquire.getCycles(contextName),
-                html = '';
-
-            if (cycles) {
-                eachProp(cycles, function (cycle, id) {
-                    var chainHtml = '';
-                    eachProp(cycle.visited, function (value, cycleId) {
-                        if (cycleId !== id) {
-                            chainHtml += template(xrayquire.cycleChainEntryHtml, {
-                                id: cycleId
-                            });
-                        }
-                    });
-
-                    html += template(xrayquire.cycleEntryHtml, {
-                        id: id,
-                        chain: chainHtml
-                    });
-                });
-            } else {
-                html = 'No cycles found';
-            }
-
-            html = template(xrayquire.cycleHtml, {
-                content: html
-            });
-
-            showHtml(html);
-        }
-    };
-}());

src/UI/Shims/backbone.marionette.js

@@ -1,14 +1,10 @@
 require('backbone');
-require('../Handlebars/backbone.marionette.templates');
-require('../Mixins/AsNamedView');
 require('../JsLibraries/backbone.marionette');
 
 var templateMixin = require('../Handlebars/backbone.marionette.templates');
 var asNamedView = require('../Mixins/AsNamedView');
 
 templateMixin.call(window.Marionette.TemplateCache);
-
-
 asNamedView.call(window.Marionette.ItemView.prototype);
 
 

src/UI/index.html

@@ -90,5 +90,6 @@
 <script src="/polyfills.js"></script>
 <script src="/handlebars.runtime.js"></script>
 <script src="/templates.js"></script>
+<script src="/vendor.js"></script>
 <script src="/main.js"></script>
 </html>

src/UI/vendor.js

@@ -0,0 +1,35 @@
+/*Base*/
+require('jquery');
+require('underscore');
+require('messenger');
+require('moment');
+require('fullcalendar');
+require('backstrech');
+require('signalR');
+require('jquery-ui');
+require('jquery.knob');
+require('jquery.easypiechart');
+require('jquery.dotdotdot');
+require('typeahead');
+require('zero.clipboard');
+
+/*Bootstrap*/
+require('bootstrap');
+require('bootstrap.tagsinput');
+
+
+/*Backbone*/
+require('backbone');
+require('backbone.deepmodel');
+require('backbone.pageable');
+require('backbone-pageable');
+require('backbone.validation');
+
+require('backbone.modelbinder');
+require('backbone.collectionview');
+require('backgrid');
+require('backgrid.paginator');
+require('backgrid.selectall');
+
+require('marionette'); //this brings in a bunch of our code into this chunk because of template helpers.
+require('vent');

webpack.config.js

@@ -1,10 +1,16 @@
 var path = require('path');
 var stylish = require('jshint-stylish');
+var webpack = require('webpack');
+
+var uglifyJsPlugin = new webpack.optimize.UglifyJsPlugin();
 
 module.exports = {
-  entry     : 'main.js',
+  entry: {
+    vendor: 'vendor.js',
+    main: 'main.js'
+  },
   resolve : {
-  root : path.join(__dirname, "src", "ui"),
+  root : path.join(__dirname, 'src', 'UI'),
   alias : {
       'vent'                    : 'vent',
       'backbone'                : 'Shims/backbone',
@@ -40,10 +46,14 @@ module.exports = {
     }
   },
   output : {
-    filename : '_output/UI/main.js',
+    filename : '_output/UI/[name].js',
-    sourceMapFilename : '_output/UI/main.map'
+    sourceMapFilename : '_output/UI/[name].map'
   },
+  plugins : [
+        new webpack.optimize.CommonsChunkPlugin({name: 'vendor'})
+    ],
   module: {
+    
        //this doesn't work yet. wainting for https://github.com/spenceralger/rcloader/issues/5
        /*preLoaders: [
            {