raphael.amd.js to work with Browserify

DmitryBaranovskiy · Aug 11, 2015 · 3236fa6 · 3236fa6
1 parent f7744d0
commit 3236fa6
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 73 deletions.
diff --git a/README.md b/README.md
@@ -13,7 +13,8 @@ You need to have NPM installed to build the library.
 * [eve](https://github.com/adobe-webplatform/eve)
 
 You have the `raphael/raphael-min.js` files that has `eve` bundled inside, and `raphael-nodeps/raphael-nodeps-min.js` 
-where `eve` must be loaded by you first (you can try with the one in the `dev/` folder).  
+where `eve` must be loaded by you first (you can try with the one in the `dev/` folder).
+For AMD loading like Browserify, you can use raphael.amd.js.
 
 ## Where to start
 Check [Raphael-boilerplate](https://github.com/tomasAlabes/raphael-boilerplate) to see examples of loading.

diff --git a/dev/raphael.svg.js b/dev/raphael.svg.js
@@ -14,7 +14,7 @@
             return factory(raphael);
         });
     } else if (typeof exports === "object") {
-        factory(require("raphael.core"));
+        factory(require("./raphael.core"));
     } else {
         factory(glob.Raphael);
     }

diff --git a/dev/raphael.vml.js b/dev/raphael.vml.js
@@ -14,7 +14,7 @@
             return factory(raphael);
         });
     } else if (typeof exports === "object") {
-        factory(require("raphael"));
+        factory(require("./raphael.core"));
     } else {
         factory(glob.Raphael);
     }

diff --git a/dev/raphaelTest.html b/dev/raphaelTest.html
@@ -19,6 +19,8 @@
     <!--<script type="text/javascript" src="raphael.svg.js"></script>-->
     <!--<script type="text/javascript" src="raphael.vml.js"></script>-->
 
+    <script src="raphaelBrowserify.js"></script>
+
     <!-- Comment this script tag if you are testing with AMD -->
     <!--<script type="text/javascript">
         // Initialize container when document is loaded
@@ -31,7 +33,7 @@
 
     <!-- Use amdDev.js to work with AMD and Raphael -->
     <!-- You need to do a 'bower install -D' first to get requirejs -->
-    <script data-main="amdDev" src="../bower_components/requirejs/require.js"></script>
+    <!--<script data-main="amdDev" src="../bower_components/requirejs/require.js"></script>-->
 
 </head>
 <body>

diff --git a/history.md b/history.md
@@ -1,6 +1,7 @@
 2.2.0 • WIP
 ------------------
 
+  * raphael.amd.js version to work with Browserify.
   * Can't set glow with opacity 0
   * Using origin and pathname with gradient urls, urls with # weren't being resolved correctly
   * Defined nodeps version, and changed how raphael is loaded

diff --git a/raphael-min.js b/raphael-min.js
diff --git a/raphael-nodeps-min.js b/raphael-nodeps-min.js
diff --git a/raphael-nodeps.js b/raphael-nodeps.js
@@ -5429,7 +5429,7 @@
             return factory(raphael);
         });
     } else if (typeof exports === "object") {
-        factory(require("raphael.core"));
+        factory(require("./raphael.core"));
     } else {
         factory(glob.Raphael);
     }
@@ -6848,7 +6848,7 @@
             return factory(raphael);
         });
     } else if (typeof exports === "object") {
-        factory(require("raphael"));
+        factory(require("./raphael.core"));
     } else {
         factory(glob.Raphael);
     }
@@ -7852,31 +7852,3 @@
         })(method);
     }
 }));
-
-// ┌────────────────────────────────────────────────────────────────────┐ \\
-// │ Raphaël 2.1.4 - JavaScript Vector Library                      │ \\
-// ├────────────────────────────────────────────────────────────────────┤ \\
-// │ Copyright © 2008-2012 Dmitry Baranovskiy (http://raphaeljs.com)    │ \\
-// │ Copyright © 2008-2012 Sencha Labs (http://sencha.com)              │ \\
-// ├────────────────────────────────────────────────────────────────────┤ \\
-// │ Licensed under the MIT (http://raphaeljs.com/license.html) license.│ \\
-// └────────────────────────────────────────────────────────────────────┘ \\
-
-(function (glob, factory) {
-    if (typeof define === "function" && define.amd) {
-        define("raphael", ["raphael.core", "raphael.svg", "raphael.vml"], function(Raphael) {
-            return factory(Raphael);
-        });
-    } else if (typeof exports === "object") {
-        var raphael = require("raphael.core");
-
-        require("raphael.svg");
-        require("raphael.vml");
-
-        module.exports = factory(raphael);
-    } else {
-        //glob.Raphael = factory(glob.Raphael);
-    }
-}(this, function (Raphael) {
-    return Raphael.ninja();
-}));
diff --git a/dev/raphael.amd.js → raphael.amd.js b/dev/raphael.amd.js → raphael.amd.js
@@ -9,18 +9,18 @@
 
 (function (glob, factory) {
     if (typeof define === "function" && define.amd) {
-        define("raphael", ["raphael.core", "raphael.svg", "raphael.vml"], function(Raphael) {
+        define("raphael", ["dev/raphael.core.js", "raphael.svg", "raphael.vml"], function(Raphael) {
             return factory(Raphael);
         });
     } else if (typeof exports === "object") {
-        var raphael = require("raphael.core");
+        var raphael = require("./dev/raphael.core");
 
-        require("raphael.svg");
-        require("raphael.vml");
+        require("./dev/raphael.svg");
+        require("./dev/raphael.vml");
 
         module.exports = factory(raphael);
     } else {
-        //glob.Raphael = factory(glob.Raphael);
+        glob.Raphael = factory(glob.Raphael);
     }
 }(this, function (Raphael) {
     return Raphael.ninja();

diff --git a/raphael.js b/raphael.js
@@ -5811,7 +5811,7 @@
             return factory(raphael);
         });
     } else if (typeof exports === "object") {
-        factory(require("raphael.core"));
+        factory(require("./raphael.core"));
     } else {
         factory(glob.Raphael);
     }
@@ -7230,7 +7230,7 @@
             return factory(raphael);
         });
     } else if (typeof exports === "object") {
-        factory(require("raphael"));
+        factory(require("./raphael.core"));
     } else {
         factory(glob.Raphael);
     }
@@ -8234,31 +8234,3 @@
         })(method);
     }
 }));
-
-// ┌────────────────────────────────────────────────────────────────────┐ \\
-// │ Raphaël 2.1.4 - JavaScript Vector Library                      │ \\
-// ├────────────────────────────────────────────────────────────────────┤ \\
-// │ Copyright © 2008-2012 Dmitry Baranovskiy (http://raphaeljs.com)    │ \\
-// │ Copyright © 2008-2012 Sencha Labs (http://sencha.com)              │ \\
-// ├────────────────────────────────────────────────────────────────────┤ \\
-// │ Licensed under the MIT (http://raphaeljs.com/license.html) license.│ \\
-// └────────────────────────────────────────────────────────────────────┘ \\
-
-(function (glob, factory) {
-    if (typeof define === "function" && define.amd) {
-        define("raphael", ["raphael.core", "raphael.svg", "raphael.vml"], function(Raphael) {
-            return factory(Raphael);
-        });
-    } else if (typeof exports === "object") {
-        var raphael = require("raphael.core");
-
-        require("raphael.svg");
-        require("raphael.vml");
-
-        module.exports = factory(raphael);
-    } else {
-        //glob.Raphael = factory(glob.Raphael);
-    }
-}(this, function (Raphael) {
-    return Raphael.ninja();
-}));