Skip to content

殷洪（管理员） / raphael

Go to a project
Commit a9c46aaf by Timmy Willison
Options

Use a custom build task in grunt to build raphael in a way that creates a valid… 

Use a custom build task in grunt to build raphael in a way that creates a valid anonymous module for AMD definition.

- Also pulls in the version from package.json to create the banner from copy.js (so the version can be set in one place)
- Conforms Gruntfile to most common tabs and spacing of other files
- grunt-cli should not be included in devDependencies (it is only ever installed globally)
parent 5a23713f
Showing with 129 additions and 125 deletions
Gruntfile.js
'use strict';
"use strict";
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
// Metadata.
pkg: grunt.file.readJSON('package.json'),
banner: grunt.file.read('copy.js'),
// Task configuration.
concat: {
options: {
banner: '<%= banner %>',
stripBanners: true
},
dist: {
src: ['./eve/eve.js', 'raphael.core.js', 'raphael.svg.js', 'raphael.vml.js'],
dest: '<%= pkg.name %>.js'
},
},
uglify: {
options: {
banner: '<%= banner %>'
},
dist: {
src: '<%= concat.dist.dest %>',
dest: '<%= pkg.name %>-min.js'
},
},
});
// These plugins provide necessary tasks.
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
// Default task.
grunt.registerTask('default', ['concat', 'uglify']);
var pkg = grunt.file.readJSON("package.json");
// Project configuration.
grunt.initConfig({
// Metadata.
pkg: pkg,
banner: grunt.file.read("copy.js").replace(/@VERSION/, pkg.version),
// Task configuration.
uglify: {
options: {
banner: "<%= banner %>"
},
dist: {
src: "<%= build.dist.dest %>",
dest: "<%= pkg.name %>-min.js"
}
},
build: {
options: {
banner: "<%= banner %>"
},
dist: {
dest: "raphael.js",
src: [
"./eve/eve.js",
"raphael.core.js",
"raphael.svg.js",
"raphael.vml.js"
]
}
}
});
// These plugins provide necessary tasks.
grunt.loadNpmTasks("grunt-contrib-uglify");
// Special concat/build task to handle Raphael's build requirements
grunt.registerMultiTask(
"build",
"Concatenate source, remove individual closures, embed version",
function() {
var data = this.data,
name = data.dest,
src = data.src,
options = this.options({
banner: ""
}),
// Start with banner
compiled = options.banner,
svgorvmlRegex = /\.(svg|vml)\.js/,
closureRegex = /window\.Raphael.*\(R\)\s*\{/,
closureEndRegex = /\}\(window\.Raphael\);\s*$/,
exposeRegex = /(\n\s*\/\/\s*EXPOSE(?:\n|.)*\}\)\);)/;
// Concatenate src
src.forEach(function(path) {
var source = grunt.file.read(path);
var match = svgorvmlRegex.exec(path);
// If either SVG or VML,
// remove the closure and add an early return if not required
if (match) {
source = "\n\n" +
source.replace(closureRegex,
"(function(){\n" +
" if (!R." + match[1] + ") {\n" +
" return;\n" +
" }"
)
.replace( closureEndRegex, "})();" );
// Add source before EXPOSE line
compiled = compiled.replace(exposeRegex, source + "$1");
} else {
compiled += source;
}
});
grunt.file.write( name, compiled );
grunt.log.ok("Built file " + name);
});
// Default task.
grunt.registerTask("default", ["build", "uglify"]);
};
README.markdown
......@@ -9,30 +9,18 @@ Visit the library website for more information: [http://raphaeljs.com](http://ra
(thank you [Wes Tood](https://github.com/wesleytodd))
## Dependencies
* [grunt](https://github.com/gruntjs/grunt)
* [uglifyjs](https://github.com/mishoo/UglifyJS)
* [eve](https://github.com/adobe-webplatform/eve)
* [grunt](https://github.com/gruntjs/grunt)
## Loading
Raphael can be loaded in a script tag or with AMD:
```js
define([ "raphael" ], function( Raphael ) {
define([ "path/to/raphael" ], function( Raphael ) {
console.log( Raphael );
});
```
To place raphael in a directory that is not your AMD's loader's base URL, adjust the path to raphael.
```js
// requirejs syntax
require.config({
paths: {
raphael: "libs/raphael"
}
});
```
## Development
At the moment we have 4 milestones:
......
copy.js
// ┌────────────────────────────────────────────────────────────────────┐ \\
// │ Raphaël 2.1.0 - JavaScript Vector Library │ \\
// │ Raphaël @VERSION - JavaScript Vector Library │ \\
// ├────────────────────────────────────────────────────────────────────┤ \\
// │ Copyright © 2008-2012 Dmitry Baranovskiy (http://raphaeljs.com) │ \\
// │ Copyright © 2008-2012 Sencha Labs (http://sencha.com) │ \\
......
package.json
......@@ -15,9 +15,7 @@
"readmeFilename": "README.markdown",
"gitHead": "52bff469f60988f1391e8b3d7cb5349163df8ba1",
"devDependencies": {
"grunt-cli": "~0.1.7",
"grunt": "~0.4.1",
"grunt-contrib-uglify": "~0.2.0",
"grunt-contrib-concat": "~0.3.0"
"grunt-contrib-uglify": "~0.2.0"
}
}
raphael-min.js
This source diff could not be displayed because it is too large. You can view the blob instead.
raphael.core.js
......@@ -8,16 +8,16 @@
(function (glob, factory) {
// AMD support
if (typeof define === "function" && define.amd) {
// Define as named module for the sake of raphael.svg.js and raphael.vml.js
// Adjust AMD paths if needed
// example:
// require.config({ paths: { raphael: "libs/raphael" } });
define("raphael", ["eve"], factory);
// Define as an anonymous module
define(["eve"], function( eve ) {
return factory(glob, eve);
});
} else {
// Browser globals (glob is window)
glob.Raphael = factory(glob.eve);
// Raphael adds itself to window
factory(glob, glob.eve);
}
}(this, function (eve) {
}(this, function (window, eve) {
/*\
* Raphael
[ method ]
......@@ -5254,11 +5254,14 @@
isLoaded();
})(document, "DOMContentLoaded");
oldRaphael.was ? (g.win.Raphael = R) : (Raphael = R);
eve.on("raphael.DOMload", function () {
loaded = true;
});
// EXPOSE
// SVG and VML are appended just before the EXPOSE line
// Even with AMD, Raphael should be defined globally
oldRaphael.was ? (g.win.Raphael = R) : (Raphael = R);
return R;
}));
raphael.js
......@@ -377,7 +377,6 @@
};
(typeof module != "undefined" && module.exports) ? (module.exports = eve) : (typeof define != "undefined" ? (define("eve", [], function() { return eve; })) : (glob.eve = eve));
})(this);
// ┌─────────────────────────────────────────────────────────────────────┐ \\
// │ "Raphaël 2.1.0" - JavaScript Vector Library │ \\
// ├─────────────────────────────────────────────────────────────────────┤ \\
......@@ -388,16 +387,16 @@
(function (glob, factory) {
// AMD support
if (typeof define === "function" && define.amd) {
// Define as named module for the sake of raphael.svg.js and raphael.vml.js
// Adjust AMD paths if needed
// example:
// require.config({ paths: { raphael: "libs/raphael" } });
define("raphael", ["eve"], factory);
// Define as an anonymous module
define(["eve"], function( eve ) {
return factory(glob, eve);
});
} else {
// Browser globals (glob is window)
glob.Raphael = factory(glob.eve);
// Raphael adds itself to window
factory(glob, glob.eve);
}
}(this, function (eve) {
}(this, function (window, eve) {
/*\
* Raphael
[ method ]
......@@ -5634,15 +5633,10 @@
isLoaded();
})(document, "DOMContentLoaded");
oldRaphael.was ? (g.win.Raphael = R) : (Raphael = R);
eve.on("raphael.DOMload", function () {
loaded = true;
});
return R;
}));
// ┌─────────────────────────────────────────────────────────────────────┐ \\
// │ Raphaël - JavaScript Vector Library │ \\
// ├─────────────────────────────────────────────────────────────────────┤ \\
......@@ -5652,16 +5646,8 @@
// │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com) │ \\
// │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\
// └─────────────────────────────────────────────────────────────────────┘ \\
(function (glob, factory) {
// AMD support
if (typeof define === "function" && define.amd) {
// Require Raphael
require(["raphael"], factory);
} else if (glob.Raphael) {
// Browser globals (glob is window)
factory(glob.Raphael);
}
}(this, function (R) {
(function(){
if (!R.svg) {
return;
}
......@@ -7014,7 +7000,7 @@
};
})(method);
}
}));
})();
// ┌─────────────────────────────────────────────────────────────────────┐ \\
// │ Raphaël - JavaScript Vector Library │ \\
......@@ -7025,16 +7011,8 @@
// │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com) │ \\
// │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\
// └─────────────────────────────────────────────────────────────────────┘ \\
(function (glob, factory) {
// AMD support
if (typeof define === "function" && define.amd) {
// Require Raphael
require(["raphael"], factory);
} else if (glob.Raphael) {
// Browser globals (glob is window)
factory(glob.Raphael);
}
}(this, function (R) {
(function(){
if (!R.vml) {
return;
}
......@@ -8000,4 +7978,12 @@
};
})(method);
}
})();
// EXPOSE
// SVG and VML are appended just before the EXPOSE line
// Even with AMD, Raphael should be defined globally
oldRaphael.was ? (g.win.Raphael = R) : (Raphael = R);
return R;
}));
raphael.svg.js
......@@ -7,19 +7,8 @@
// │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com) │ \\
// │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\
// └─────────────────────────────────────────────────────────────────────┘ \\
(function (glob, factory) {
// AMD support
if (typeof define === "function" && define.amd) {
// Require Raphael
require(["raphael"], factory);
} else if (glob.Raphael) {
// Browser globals (glob is window)
factory(glob.Raphael);
}
}(this, function (R) {
if (!R.svg) {
return;
}
window.Raphael && window.Raphael.svg && function(R) {
var has = "hasOwnProperty",
Str = String,
toFloat = parseFloat,
......@@ -1369,4 +1358,4 @@
};
})(method);
}
}));
}(window.Raphael);
raphael.vml.js
......@@ -7,19 +7,8 @@
// │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com) │ \\
// │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\
// └─────────────────────────────────────────────────────────────────────┘ \\
(function (glob, factory) {
// AMD support
if (typeof define === "function" && define.amd) {
// Require Raphael
require(["raphael"], factory);
} else if (glob.Raphael) {
// Browser globals (glob is window)
factory(glob.Raphael);
}
}(this, function (R) {
if (!R.vml) {
return;
}
window.Raphael && window.Raphael.vml && function(R) {
var has = "hasOwnProperty",
Str = String,
toFloat = parseFloat,
......@@ -982,4 +971,4 @@
};
})(method);
}
}));
\ No newline at end of file
}(window.Raphael);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment