Last active
December 31, 2015 15:38
-
-
Save okonet/8008000 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "hasjs-rjs-test", | |
"dependencies": { | |
"has": "*", | |
"requirejs": "~2.1.9" | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"use strict" | |
module.exports = (grunt) -> | |
require("matchdep").filterAll("grunt-*").forEach grunt.loadNpmTasks | |
grunt.initConfig | |
bower: | |
install: | |
options: | |
copy: no | |
verbose: yes | |
requirejs: | |
compile: | |
options: | |
almond: yes | |
baseUrl: "." | |
optimize: "none" | |
mainConfigFile: "main.js" | |
name: "main" | |
excludeShallow: ["module_desktop"] | |
insertRequire: ["main"] | |
out: "main.min.js" | |
has: { | |
'touch': true | |
'desktop': false | |
} | |
grunt.registerTask "default", ["bower", "requirejs"] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>Test</title> | |
</head> | |
<body> | |
<script data-main="main.min" src="bower_components/requirejs/require.js"></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
require.config({ | |
deps: ['main'], | |
paths: { | |
'has': 'bower_components/has/has' | |
} | |
}); | |
define(function(require, exports, module) { | |
var has = require('has'); | |
has.add('desktop', function(){ return false; }); | |
has.add('touch', function(){ return true; }); | |
console.log("I'm a main module"); | |
depModule = has('touch') ? require('module_touch') : require('module_desktop'); | |
console.log(depModule.name); | |
module.exports = {} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* almond 0.2.7 Copyright (c) 2011-2012, The Dojo Foundation All Rights Reserved. | |
* Available via the MIT or new BSD license. | |
* see: http://github.com/jrburke/almond for details | |
*/ | |
//Going sloppy to avoid 'use strict' string cost, but strict practices should | |
//be followed. | |
/*jslint sloppy: true */ | |
/*global setTimeout: false */ | |
var requirejs, require, define; | |
(function (undef) { | |
var main, req, makeMap, handlers, | |
defined = {}, | |
waiting = {}, | |
config = {}, | |
defining = {}, | |
hasOwn = Object.prototype.hasOwnProperty, | |
aps = [].slice; | |
function hasProp(obj, prop) { | |
return hasOwn.call(obj, prop); | |
} | |
/** | |
* Given a relative module name, like ./something, normalize it to | |
* a real name that can be mapped to a path. | |
* @param {String} name the relative name | |
* @param {String} baseName a real name that the name arg is relative | |
* to. | |
* @returns {String} normalized name | |
*/ | |
function normalize(name, baseName) { | |
var nameParts, nameSegment, mapValue, foundMap, | |
foundI, foundStarMap, starI, i, j, part, | |
baseParts = baseName && baseName.split("/"), | |
map = config.map, | |
starMap = (map && map['*']) || {}; | |
//Adjust any relative paths. | |
if (name && name.charAt(0) === ".") { | |
//If have a base name, try to normalize against it, | |
//otherwise, assume it is a top-level require that will | |
//be relative to baseUrl in the end. | |
if (baseName) { | |
//Convert baseName to array, and lop off the last part, | |
//so that . matches that "directory" and not name of the baseName's | |
//module. For instance, baseName of "one/two/three", maps to | |
//"one/two/three.js", but we want the directory, "one/two" for | |
//this normalization. | |
baseParts = baseParts.slice(0, baseParts.length - 1); | |
name = baseParts.concat(name.split("/")); | |
//start trimDots | |
for (i = 0; i < name.length; i += 1) { | |
part = name[i]; | |
if (part === ".") { | |
name.splice(i, 1); | |
i -= 1; | |
} else if (part === "..") { | |
if (i === 1 && (name[2] === '..' || name[0] === '..')) { | |
//End of the line. Keep at least one non-dot | |
//path segment at the front so it can be mapped | |
//correctly to disk. Otherwise, there is likely | |
//no path mapping for a path starting with '..'. | |
//This can still fail, but catches the most reasonable | |
//uses of .. | |
break; | |
} else if (i > 0) { | |
name.splice(i - 1, 2); | |
i -= 2; | |
} | |
} | |
} | |
//end trimDots | |
name = name.join("/"); | |
} else if (name.indexOf('./') === 0) { | |
// No baseName, so this is ID is resolved relative | |
// to baseUrl, pull off the leading dot. | |
name = name.substring(2); | |
} | |
} | |
//Apply map config if available. | |
if ((baseParts || starMap) && map) { | |
nameParts = name.split('/'); | |
for (i = nameParts.length; i > 0; i -= 1) { | |
nameSegment = nameParts.slice(0, i).join("/"); | |
if (baseParts) { | |
//Find the longest baseName segment match in the config. | |
//So, do joins on the biggest to smallest lengths of baseParts. | |
for (j = baseParts.length; j > 0; j -= 1) { | |
mapValue = map[baseParts.slice(0, j).join('/')]; | |
//baseName segment has config, find if it has one for | |
//this name. | |
if (mapValue) { | |
mapValue = mapValue[nameSegment]; | |
if (mapValue) { | |
//Match, update name to the new value. | |
foundMap = mapValue; | |
foundI = i; | |
break; | |
} | |
} | |
} | |
} | |
if (foundMap) { | |
break; | |
} | |
//Check for a star map match, but just hold on to it, | |
//if there is a shorter segment match later in a matching | |
//config, then favor over this star map. | |
if (!foundStarMap && starMap && starMap[nameSegment]) { | |
foundStarMap = starMap[nameSegment]; | |
starI = i; | |
} | |
} | |
if (!foundMap && foundStarMap) { | |
foundMap = foundStarMap; | |
foundI = starI; | |
} | |
if (foundMap) { | |
nameParts.splice(0, foundI, foundMap); | |
name = nameParts.join('/'); | |
} | |
} | |
return name; | |
} | |
function makeRequire(relName, forceSync) { | |
return function () { | |
//A version of a require function that passes a moduleName | |
//value for items that may need to | |
//look up paths relative to the moduleName | |
return req.apply(undef, aps.call(arguments, 0).concat([relName, forceSync])); | |
}; | |
} | |
function makeNormalize(relName) { | |
return function (name) { | |
return normalize(name, relName); | |
}; | |
} | |
function makeLoad(depName) { | |
return function (value) { | |
defined[depName] = value; | |
}; | |
} | |
function callDep(name) { | |
if (hasProp(waiting, name)) { | |
var args = waiting[name]; | |
delete waiting[name]; | |
defining[name] = true; | |
main.apply(undef, args); | |
} | |
if (!hasProp(defined, name) && !hasProp(defining, name)) { | |
throw new Error('No ' + name); | |
} | |
return defined[name]; | |
} | |
//Turns a plugin!resource to [plugin, resource] | |
//with the plugin being undefined if the name | |
//did not have a plugin prefix. | |
function splitPrefix(name) { | |
var prefix, | |
index = name ? name.indexOf('!') : -1; | |
if (index > -1) { | |
prefix = name.substring(0, index); | |
name = name.substring(index + 1, name.length); | |
} | |
return [prefix, name]; | |
} | |
/** | |
* Makes a name map, normalizing the name, and using a plugin | |
* for normalization if necessary. Grabs a ref to plugin | |
* too, as an optimization. | |
*/ | |
makeMap = function (name, relName) { | |
var plugin, | |
parts = splitPrefix(name), | |
prefix = parts[0]; | |
name = parts[1]; | |
if (prefix) { | |
prefix = normalize(prefix, relName); | |
plugin = callDep(prefix); | |
} | |
//Normalize according | |
if (prefix) { | |
if (plugin && plugin.normalize) { | |
name = plugin.normalize(name, makeNormalize(relName)); | |
} else { | |
name = normalize(name, relName); | |
} | |
} else { | |
name = normalize(name, relName); | |
parts = splitPrefix(name); | |
prefix = parts[0]; | |
name = parts[1]; | |
if (prefix) { | |
plugin = callDep(prefix); | |
} | |
} | |
//Using ridiculous property names for space reasons | |
return { | |
f: prefix ? prefix + '!' + name : name, //fullName | |
n: name, | |
pr: prefix, | |
p: plugin | |
}; | |
}; | |
function makeConfig(name) { | |
return function () { | |
return (config && config.config && config.config[name]) || {}; | |
}; | |
} | |
handlers = { | |
require: function (name) { | |
return makeRequire(name); | |
}, | |
exports: function (name) { | |
var e = defined[name]; | |
if (typeof e !== 'undefined') { | |
return e; | |
} else { | |
return (defined[name] = {}); | |
} | |
}, | |
module: function (name) { | |
return { | |
id: name, | |
uri: '', | |
exports: defined[name], | |
config: makeConfig(name) | |
}; | |
} | |
}; | |
main = function (name, deps, callback, relName) { | |
var cjsModule, depName, ret, map, i, | |
args = [], | |
callbackType = typeof callback, | |
usingExports; | |
//Use name if no relName | |
relName = relName || name; | |
//Call the callback to define the module, if necessary. | |
if (callbackType === 'undefined' || callbackType === 'function') { | |
//Pull out the defined dependencies and pass the ordered | |
//values to the callback. | |
//Default to [require, exports, module] if no deps | |
deps = !deps.length && callback.length ? ['require', 'exports', 'module'] : deps; | |
for (i = 0; i < deps.length; i += 1) { | |
map = makeMap(deps[i], relName); | |
depName = map.f; | |
//Fast path CommonJS standard dependencies. | |
if (depName === "require") { | |
args[i] = handlers.require(name); | |
} else if (depName === "exports") { | |
//CommonJS module spec 1.1 | |
args[i] = handlers.exports(name); | |
usingExports = true; | |
} else if (depName === "module") { | |
//CommonJS module spec 1.1 | |
cjsModule = args[i] = handlers.module(name); | |
} else if (hasProp(defined, depName) || | |
hasProp(waiting, depName) || | |
hasProp(defining, depName)) { | |
args[i] = callDep(depName); | |
} else if (map.p) { | |
map.p.load(map.n, makeRequire(relName, true), makeLoad(depName), {}); | |
args[i] = defined[depName]; | |
} else { | |
throw new Error(name + ' missing ' + depName); | |
} | |
} | |
ret = callback ? callback.apply(defined[name], args) : undefined; | |
if (name) { | |
//If setting exports via "module" is in play, | |
//favor that over return value and exports. After that, | |
//favor a non-undefined return value over exports use. | |
if (cjsModule && cjsModule.exports !== undef && | |
cjsModule.exports !== defined[name]) { | |
defined[name] = cjsModule.exports; | |
} else if (ret !== undef || !usingExports) { | |
//Use the return value from the function. | |
defined[name] = ret; | |
} | |
} | |
} else if (name) { | |
//May just be an object definition for the module. Only | |
//worry about defining if have a module name. | |
defined[name] = callback; | |
} | |
}; | |
requirejs = require = req = function (deps, callback, relName, forceSync, alt) { | |
if (typeof deps === "string") { | |
if (handlers[deps]) { | |
//callback in this case is really relName | |
return handlers[deps](callback); | |
} | |
//Just return the module wanted. In this scenario, the | |
//deps arg is the module name, and second arg (if passed) | |
//is just the relName. | |
//Normalize module name, if it contains . or .. | |
return callDep(makeMap(deps, callback).f); | |
} else if (!deps.splice) { | |
//deps is a config object, not an array. | |
config = deps; | |
if (callback.splice) { | |
//callback is an array, which means it is a dependency list. | |
//Adjust args if there are dependencies | |
deps = callback; | |
callback = relName; | |
relName = null; | |
} else { | |
deps = undef; | |
} | |
} | |
//Support require(['a']) | |
callback = callback || function () {}; | |
//If relName is a function, it is an errback handler, | |
//so remove it. | |
if (typeof relName === 'function') { | |
relName = forceSync; | |
forceSync = alt; | |
} | |
//Simulate async callback; | |
if (forceSync) { | |
main(undef, deps, callback, relName); | |
} else { | |
//Using a non-zero value because of concern for what old browsers | |
//do, and latest browsers "upgrade" to 4 if lower value is used: | |
//http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dom-windowtimers-settimeout: | |
//If want a value immediately, use require('id') instead -- something | |
//that works in almond on the global level, but not guaranteed and | |
//unlikely to work in other AMD implementations. | |
setTimeout(function () { | |
main(undef, deps, callback, relName); | |
}, 4); | |
} | |
return req; | |
}; | |
/** | |
* Just drops the config on the floor, but returns req in case | |
* the config return value is used. | |
*/ | |
req.config = function (cfg) { | |
config = cfg; | |
if (config.deps) { | |
req(config.deps, config.callback); | |
} | |
return req; | |
}; | |
/** | |
* Expose module registry for debugging and tooling | |
*/ | |
requirejs._defined = defined; | |
define = function (name, deps, callback) { | |
//This module may not have dependencies | |
if (!deps.splice) { | |
//deps is not an array, so probably means | |
//an object literal or factory function for | |
//the value. Adjust args. | |
callback = deps; | |
deps = []; | |
} | |
if (!hasProp(defined, name) && !hasProp(waiting, name)) { | |
waiting[name] = [name, deps, callback]; | |
} | |
}; | |
define.amd = { | |
jQuery: true | |
}; | |
}()); | |
define("almond", function(){}); | |
;(function(g){ | |
// summary: A simple feature detection function/framework. | |
// | |
// name: String | |
// The name of the feature to detect, as defined by the overall `has` tests. | |
// Tests can be registered via `has.add(testname, testfunction)`. | |
// | |
// example: | |
// mylibrary.bind = has("native-bind") ? function(fn, context){ | |
// return fn.bind(context); | |
// } : function(fn, context){ | |
// return function(){ | |
// fn.apply(context, arguments); | |
// } | |
// } | |
var NON_HOST_TYPES = { "boolean": 1, "number": 1, "string": 1, "undefined": 1 }, | |
VENDOR_PREFIXES = ["Webkit", "Moz", "O", "ms", "Khtml"], | |
d = isHostType(g, "document") && g.document, | |
el = d && isHostType(d, "createElement") && d.createElement("DiV"), | |
freeExports = typeof exports == "object" && exports, | |
freeModule = typeof module == "object" && module, | |
testCache = {} | |
; | |
function has(/* String */name){ | |
if(typeof testCache[name] == "function"){ | |
testCache[name] = testCache[name](g, d, el); | |
} | |
return testCache[name]; // Boolean | |
} | |
function add(/* String */name, /* Function */test, /* Boolean? */now){ | |
// summary: Register a new feature detection test for some named feature | |
// | |
// name: String | |
// The name of the feature to test. | |
// | |
// test: Function | |
// A test function to register. If a function, queued for testing until actually | |
// needed. The test function should return a boolean indicating | |
// the presence of a feature or bug. | |
// | |
// now: Boolean? | |
// Optional. Omit if `test` is not a function. Provides a way to immediately | |
// run the test and cache the result. | |
// example: | |
// A redundant test, testFn with immediate execution: | |
// | has.add("javascript", function(){ return true; }, true); | |
// | |
// example: | |
// Again with the redundantness. You can do this in your tests, but we should | |
// not be doing this in any internal has.js tests | |
// | has.add("javascript", true); | |
// | |
// example: | |
// Three things are passed to the testFunction. `global`, `document`, and a generic element | |
// from which to work your test should the need arise. | |
// | has.add("bug-byid", function(g, d, el){ | |
// | // g == global, typically window, yadda yadda | |
// | // d == document object | |
// | // el == the generic element. a `has` element. | |
// | return false; // fake test, byid-when-form-has-name-matching-an-id is slightly longer | |
// | }); | |
testCache[name] = now ? test(g, d, el) : test; | |
} | |
// cssprop adapted from http://gist.github.com/598008 (thanks, ^pi) | |
function cssprop(name, el){ | |
var supported = false, | |
capitalized = name.charAt(0).toUpperCase() + name.slice(1), | |
length = VENDOR_PREFIXES.length, | |
style = el.style; | |
if(typeof style[name] == "string"){ | |
supported = true; | |
}else{ | |
while(length--){ | |
if(typeof style[VENDOR_PREFIXES[length] + capitalized] == "string"){ | |
supported = true; | |
break; | |
} | |
} | |
} | |
return supported; | |
} | |
function clearElement(el){ | |
if(el){ | |
while(el.lastChild){ | |
el.removeChild(el.lastChild); | |
} | |
} | |
return el; | |
} | |
// Host objects can return type values that are different from their actual | |
// data type. The objects we are concerned with usually return non-primitive | |
// types of object, function, or unknown. | |
function isHostType(object, property){ | |
var type = typeof object[property]; | |
return type == "object" ? !!object[property] : !NON_HOST_TYPES[type]; | |
} | |
has.add = add; | |
has.clearElement = clearElement; | |
has.cssprop = cssprop; | |
has.isHostType = isHostType; | |
has._tests = testCache; | |
has.add("dom", function(g, d, el){ | |
return d && el && isHostType(g, "location") && isHostType(d, "documentElement") && | |
isHostType(d, "getElementById") && isHostType(d, "getElementsByName") && | |
isHostType(d, "getElementsByTagName") && isHostType(d, "createComment") && | |
isHostType(d, "createElement") && isHostType(d, "createTextNode") && | |
isHostType(el, "appendChild") && isHostType(el, "insertBefore") && | |
isHostType(el, "removeChild") && isHostType(el, "getAttribute") && | |
isHostType(el, "setAttribute") && isHostType(el, "removeAttribute") && | |
isHostType(el, "style") && typeof el.style.cssText == "string"; | |
}); | |
// Stop repeat background-image requests and reduce memory consumption in IE6 SP1 | |
// http://misterpixel.blogspot.com/2006/09/forensic-analysis-of-ie6.html | |
// http://blogs.msdn.com/b/cwilso/archive/2006/11/07/ie-re-downloading-background-images.aspx?PageIndex=1 | |
// http://support.microsoft.com/kb/823727 | |
try{ | |
document.execCommand("BackgroundImageCache", false, true); | |
}catch(e){} | |
// Expose has() | |
// some AMD build optimizers, like r.js, check for specific condition patterns like the following: | |
if(typeof define == "function" && typeof define.amd == "object" && define.amd){ | |
define("has", [],function(){ | |
return has; | |
}); | |
} | |
// check for `exports` after `define` in case a build optimizer adds an `exports` object | |
else if(freeExports){ | |
// in Node.js or RingoJS v0.8.0+ | |
if(freeModule && freeModule.exports == freeExports){ | |
(freeModule.exports = has).has = has; | |
} | |
// in Narwhal or RingoJS v0.7.0- | |
else{ | |
freeExports.has = has; | |
} | |
} | |
// in a browser or Rhino | |
else{ | |
// use square bracket notation so Closure Compiler won't munge `has` | |
// http://code.google.com/closure/compiler/docs/api-tutorial3.html#export | |
g["has"] = has; | |
} | |
})(this); | |
define('module_touch',['require','exports','module'],function(require, exports, module) { | |
module.exports = { | |
name: "I'm a touch module" | |
} | |
}); | |
require.config({ | |
deps: ['main'], | |
paths: { | |
'has': 'bower_components/has/has' | |
} | |
}); | |
define('main',['require','exports','module','has','module_touch','module_desktop'],function(require, exports, module) { | |
has = require('has'); | |
has.add('desktop', function(){ return false; }); | |
has.add('touch', function(){ return true; }); | |
console.log("I'm a main module"); | |
depModule = true ? require('module_touch') : require('module_desktop'); | |
console.log(depModule.name); | |
module.exports = {} | |
}); | |
require(["main"]); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
define(function(require, exports, module) { | |
module.exports = { | |
name: "I'm a desktop module" | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
define(function(require, exports, module) { | |
module.exports = { | |
name: "I'm a touch module" | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "hasjs-rjs-test", | |
"private": true, | |
"dependencies": { | |
"grunt": "~0.4", | |
"matchdep": "~0.1", | |
"grunt-requirejs": "~0.4", | |
"grunt-bower-task": "~0.3" | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment