Bookmarklet generator + minor fixes

creative-area · May 19, 2016 · 0cfe514 · 0cfe514
1 parent 696c85d
commit 0cfe514
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 40 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -46,8 +46,7 @@ module.exports = function( grunt ) {
 		uglify: {
 			dist: {
 				files: {
-					"dist/respimg-inspector.min.js": [ "dist/respimg-inspector.js" ],
-					"dist/bookmarklet.js": [ "src/bookmarklet.js" ]
+					"dist/respimg-inspector.min.js": [ "dist/respimg-inspector.js" ]
 				}
 			},
 			options: {
@@ -67,12 +66,21 @@ module.exports = function( grunt ) {
 				files: [ {
 					expand: true,
 					flatten: true,
-					src: [ "dist/bookmarklet.js" ],
+					src: [ "src/bookmarklet.js" ],
 					dest: "dist/"
 				} ]
 			}
 		},
 
+		// Bookmarklet wrapper definitions
+		bookmarklet_wrapper: {
+			dist: {
+				files: {
+					"dist/bookmarklet.js": [ "dist/bookmarklet.js" ]
+				}
+			}
+		},
+
 		// Clean definitions
 		clean: {
 			dist: {
@@ -124,12 +132,14 @@ module.exports = function( grunt ) {
 	grunt.loadNpmTasks( "grunt-contrib-uglify" );
 	grunt.loadNpmTasks( "grunt-contrib-watch" );
 	grunt.loadNpmTasks( "grunt-replace" );
+	grunt.loadNpmTasks( "grunt-bookmarklet-wrapper" );
 
 	grunt.registerTask( "build", [
 		"clean:dist",
 		"concat",
 		"uglify",
 		"replace",
+		"bookmarklet_wrapper",
 		"copy:chrome"
 	] );
 

diff --git a/README.md b/README.md
@@ -39,7 +39,6 @@ Or install via npm: `npm install respimg-inspector`
 
 ```html
 <script src="respimg-inspector.min.js"></script>
-<script>respImgInspector.init();</script>
 ```
 
 By default, all document's nodes are processed except those:

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "respimg-inspector",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "homepage": "https://github.com/creative-area/respimg-inspector",
   "repository": {
     "type": "git",

diff --git a/dist/bookmarklet.js b/dist/bookmarklet.js
diff --git a/dist/chrome/respimg-inspector.js b/dist/chrome/respimg-inspector.js
@@ -1,5 +1,5 @@
 /*
- *	respimg-inspector - v0.2.3
+ *	respimg-inspector - v0.2.4
  *	A javascript plugin to check responsive images in the browser.
  *	https://www.npmjs.com/package/respimg-inspector
  *
@@ -281,8 +281,6 @@
 		window.respImgInspector = respImgInspector;
 	}
 
-	window.addEventListener( "load", function() {
-		respImgInspector.init();
-	} );
+	respImgInspector.init();
 
 } )( window, document );
diff --git a/dist/respimg-inspector.js b/dist/respimg-inspector.js
@@ -1,5 +1,5 @@
 /*
- *	respimg-inspector - v0.2.3
+ *	respimg-inspector - v0.2.4
  *	A javascript plugin to check responsive images in the browser.
  *	https://www.npmjs.com/package/respimg-inspector
  *
@@ -281,8 +281,6 @@
 		window.respImgInspector = respImgInspector;
 	}
 
-	window.addEventListener( "load", function() {
-		respImgInspector.init();
-	} );
+	respImgInspector.init();
 
 } )( window, document );
diff --git a/dist/respimg-inspector.min.js b/dist/respimg-inspector.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "respimg-inspector",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "A javascript plugin to check responsive images in the browser.",
   "homepage": "https://www.npmjs.com/package/respimg-inspector",
   "keywords": [
@@ -30,6 +30,7 @@
   "dependencies": {},
   "devDependencies": {
     "grunt": "^1.0.1",
+    "grunt-bookmarklet-wrapper": "^1.2.0",
     "grunt-cli": "^1.2.0",
     "grunt-contrib-clean": "^1.0.0",
     "grunt-contrib-concat": "^1.0.1",

diff --git a/src/bookmarklet.js b/src/bookmarklet.js
@@ -1,13 +1,9 @@
-( function() {
+var link = document.createElement( "link" );
+link.id = "respimage-inspector-link";
+link.href = "https://cdn.rawgit.com/creative-area/respimg-inspector/@@version/dist/respimg-inspector.css";
+document.head.appendChild( link );
 
-	var link = document.createElement( "link" );
-	link.id = "respimage-inspector-link";
-	link.href = "https://cdn.rawgit.com/creative-area/respimg-inspector/@@version/dist/respimg-inspector.css";
-	document.head.appendChild( link );
-
-	var script = document.createElement( "script" );
-	script.id = "respimage-inspector-script";
-	script.src = "https://cdn.rawgit.com/creative-area/respimg-inspector/@@version/dist/respimg-inspector.min.js";
-	document.body.appendChild( script );
-
-} )();
+var script = document.createElement( "script" );
+script.id = "respimage-inspector-script";
+script.src = "https://cdn.rawgit.com/creative-area/respimg-inspector/@@version/dist/respimg-inspector.min.js";
+document.body.appendChild( script );
diff --git a/src/respimg-inspector.js b/src/respimg-inspector.js
@@ -273,8 +273,6 @@
 		window.respImgInspector = respImgInspector;
 	}
 
-	window.addEventListener( "load", function() {
-		respImgInspector.init();
-	} );
+	respImgInspector.init();
 
 } )( window, document );
-Original file line number
+Diff line change
@@ Expand Up / @@ -39,7 +39,6 @@ Or install via npm: `npm install respimg-inspector` @@
     ```html
     <script src="respimg-inspector.min.js"></script>
-    <script>respImgInspector.init();</script>
     ```
     By default, all document's nodes are processed except those:
@@ Expand Down @@