loader.js

/* global enyo:true */
(function() {
	enyo = window.enyo || {options: {}};

	enyo.pathResolverFactory = function() {
		this.paths = {};
		this.pathNames = [];
	};

	enyo.pathResolverFactory.prototype = {
		addPath: function(inName, inPath) {
			this.paths[inName] = inPath;
			this.pathNames.push(inName);
			this.pathNames.sort(function(a, b) {
				return b.length - a.length;
			});
			return inPath;
		},
		addPaths: function(inPaths) {
			if (inPaths) {
				for (var n in inPaths) {
					this.addPath(n, inPaths[n]);
				}
			}
		},
		includeTrailingSlash: function(inPath) {
			return (inPath && inPath.slice(-1) !== "/") ? inPath + "/" : inPath;
		},
		// replace macros of the form $pathname with the mapped value of paths.pathname
		rewrite: function (inPath) {
			var working, its = this.includeTrailingSlash, paths = this.paths;
			var fn = function(macro, name) {
				working = true;
				return its(paths[name]) || '';
			};
			var result = inPath;
			do {
				working = false;
				for (var i=0; i<this.pathNames.length; i++) {
					var regex = new RegExp("\\$(" + this.pathNames[i] + ")(\\/)?", "g");
					result = result.replace(regex, fn);
				}
			} while (working);
			return result;
		}
	};

	enyo.path = new enyo.pathResolverFactory();

	enyo.loaderFactory = function(inMachine, inPathResolver) {
		this.machine = inMachine;
		// package information
		this.packages = [];
		// module information
		this.modules = [];
		// stylesheet paths
		this.sheets = [];
		// designer metadata paths
		this.designs = [];
		// (protected) internal dependency stack
		this.stack = [];
		this.pathResolver = inPathResolver || enyo.path;
		this.packageName = "";
		this.packageFolder = "";
		this.finishCallbacks = {};
	};

	enyo.loaderFactory.prototype  = {
		verbose: false,
		loadScript: function(inScript, success, failure) {
			this.machine.script(inScript, success, failure);
		},
		loadSheet: function(inSheet) {
			this.machine.sheet(inSheet);
		},
		loadPackage: function(inPackage) {
			this.machine.script(inPackage);
		},
		report: function() {
		},
		//
		load: function(/*<inDependency0, inDependency1 ...>*/) {
			// begin processing dependencies
			this.more({
				index: 0,
				depends: arguments || []
			});
		},
		more: function(inBlock) {
			// a 'block' is a dependency list with a bookmark
			// the bookmark (index) allows us to interrupt
			// processing and then continue asynchronously.
			if (inBlock) {
				// returns true if this block has asynchronous requirements
				// in that case, we unwind the stack. The asynchronous loader
				// must provide the continuation (by calling 'more' again).
				if (this.continueBlock(inBlock)) {
					return;
				}
			}
			// A package is now complete. Pop the block that was interrupted for that package (if any).
			var block = this.stack.pop();
			if (block) {
				// propagate failed scripts to queued block
				if(enyo.runtimeLoading && inBlock.failed) {
					block.failed = block.failed || [];
					block.failed.push.apply(block.failed, inBlock.failed);
				}

				// block.packageName is the name of the package that interrupted us
				//this.report("finished package", block.packageName);
				if (this.verbose) {
					window.console.groupEnd("* finish package (" + (block.packageName || "anon") + ")");
				}
				// cache the folder for the currently processing package
				this.packageFolder = block.folder;
				// no current package
				this.packageName = "";
				// process this new block
				this.more(block);
			} else {
				this.finish(inBlock);
			}
		},
		finish: function(inBlock) {
			this.packageFolder = "";
			if (this.verbose) {
				window.console.log("-------------- fini");
			}
			for (var i in this.finishCallbacks) {
				if (this.finishCallbacks[i]) {
					var callback = this.finishCallbacks[i];
					this.finishCallbacks[i] = null;
					callback(inBlock);
				}
			}
		},
		continueBlock: function(inBlock) {
			while (inBlock.index < inBlock.depends.length) {
				var d = inBlock.depends[inBlock.index++];
				if (d) {
					if (typeof d == "string") {
						if (this.require(d, inBlock)) {
							// return true to indicate we need to interrupt
							// processing until asynchronous file load completes
							// the load process itself must provide the
							// continuation
							return true;
						}
					} else {
						this.pathResolver.addPaths(d);
					}
				}
			}
		},
		require: function(inPath, inBlock) {
			// process aliases
			var path = this.pathResolver.rewrite(inPath);
			// get path root
			var prefix = this.getPathPrefix(inPath);
			// assemble path
			path = prefix + path;
			// process path
			if ((path.slice(-4).toLowerCase() == ".css") || (path.slice(-5).toLowerCase() == ".less")) {
				if (this.verbose) {
					window.console.log("+ stylesheet: [" + prefix + "][" + inPath + "]");
				}
				this.requireStylesheet(path);
			} else if (path.slice(-3).toLowerCase() == ".js" && path.slice(-10).toLowerCase() != "package.js") {
				if (this.verbose) {
					window.console.log("+ module: [" + prefix + "][" + inPath + "]");
				}

				return this.requireScript(inPath, path, inBlock);
			} else if (path.slice(-7).toLowerCase() == ".design") {
				if (this.verbose) {
					window.console.log("+ design metadata: [" + prefix + "][" + inPath + "]");
				}
				this.requireDesign(path);
			} else {
				// package
				this.requirePackage(path, inBlock);
				// return true to indicate a package was located and
				// we need to interrupt further processing until it's completed
				return true;
			}
		},
		getPathPrefix: function(inPath) {
			var delim = inPath.slice(0, 1);
			if ((delim != "/") && (delim != "\\") && (delim != "$") && !/^https?:/i.test(inPath)) {
				return this.packageFolder;
			}
			return "";
		},
		requireStylesheet: function(inPath) {
			// stylesheet
			this.sheets.push(inPath);
			this.loadSheet(inPath);
		},
		requireScript: function(inRawPath, inPath, inBlock) {
			// script file
			this.modules.push({
				packageName: this.packageName,
				rawPath: inRawPath,
				path: inPath
			});

			if(enyo.runtimeLoading) {
				var _this = this;
				var success = function() {
					_this.more(inBlock);
				};

				var failure = function() {
					inBlock.failed = inBlock.failed || [];
					inBlock.failed.push(inPath);
					_this.more(inBlock);
				};

				this.loadScript(inPath, success, failure);
			} else {
				this.loadScript(inPath);
			}

			return enyo.runtimeLoading;
		},
		requireDesign: function(inPath) {
			// designer metadata (no loading here)
			this.designs.push({
				packageName: this.packageName,
				path: inPath
			});
		},
		decodePackagePath: function(inPath) {
			// A package path can be encoded in two ways:
			//
			//	1. [folder]
			//	2. [folder]/[*package.js]
			//
			// Note: manifest file name must end in "package.js"
			//
			var folder = '', manifest = 'package.js';
			// handle urls that start with '//' that use current document's protocol
			if (/^\/\//.test(inPath)) {
				inPath = document.location.protocol + inPath;
			}
			// convert back slashes to forward slashes, remove double slashes, split on slash
			var parts = inPath.replace(/\\/g, "/").replace(/\/\//g, "/").replace(/:\//, "://").split("/");
			if (parts.length) {
				// if inPath has a trailing slash, parts has an empty string which we pop off and ignore
				var name = parts.pop() || parts.pop() || "";
				// test if name includes the manifest tag
				if (name.slice(-manifest.length) !== manifest) {
					// if not a manifest name, it's part of the folder path
					parts.push(name);
				} else {
					// otherwise this is the manifest name
					manifest = name;
				}
				//
				folder = parts.join("/");
				folder = (folder ? folder + "/" : "");
				manifest = folder + manifest;
			}
			return {
				folder: folder,
				manifest: manifest
			};
		},
		aliasPackage: function(inPath) {
			var parts = this.decodePackagePath(inPath);
			// cache manifest path
			this.manifest = parts.manifest;
		},
		requirePackage: function(inPath, inBlock) {
			// cache the interrupted packageFolder
			inBlock.folder = this.packageFolder;
			// set new manifest/packageFolder
			var parts = this.decodePackagePath(inPath);
			this.manifest = parts.manifest;
			this.packageFolder = parts.folder;
			// cache the name of the package 'inBlock' is loading now
			inBlock.packageName = this.packageName;
			// push inBlock on the continuation stack
			this.stack.push(inBlock);
			// console/user reporting
			this.report("loading package", this.packageName);
			if (this.verbose) {
				window.console.group("* start package [" + this.packageName + "]");
			}
			// load the actual package. the package MUST call a continuation function
			// or the process will halt.
			this.loadPackage(this.manifest);
		}
	};
})();