Bookmarklet + version handling

Gruntfile.js

@@ -34,6 +34,7 @@ module.exports = function( grunt ) {
 		jshint: {
 			files: [
 				"src/respimg-inspector.js",
+				"src/bookmarklet.js",
 				"src/chrome/*.js"
 			],
 			options: {
@@ -44,14 +45,34 @@ module.exports = function( grunt ) {
 		// Minify definitions
 		uglify: {
 			dist: {
-				src: [ "dist/respimg-inspector.js" ],
-				dest: "dist/respimg-inspector.min.js"
+				files: {
+					"dist/respimg-inspector.min.js": [ "dist/respimg-inspector.js" ],
+					"dist/bookmarklet.js": [ "src/bookmarklet.js" ]
+				}
 			},
 			options: {
 				banner: "<%= meta.banner %>"
 			}
 		},
 
+		// Replace definitions
+		replace: {
+			dist: {
+				options: {
+					patterns: [ {
+						match: "version",
+						replacement: "<%= pkg.version %>"
+					} ]
+				},
+				files: [ {
+					expand: true,
+					flatten: true,
+					src: [ "dist/bookmarklet.js" ],
+					dest: "dist/"
+				} ]
+			}
+		},
+
 		// Clean definitions
 		clean: {
 			dist: {
@@ -108,6 +129,7 @@ module.exports = function( grunt ) {
 		"clean:dist",
 		"concat",
 		"uglify",
+		"replace",
 		"copy:chrome"
 	] );
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "respimg-inspector",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "homepage": "https://github.com/creative-area/respimg-inspector",
   "repository": {
     "type": "git",

dist/bookmarklet.js

@@ -0,0 +1,9 @@
+/*
+ *	respimg-inspector - v0.2.3
+ *	A javascript plugin to check responsive images in the browser.
+ *	https://www.npmjs.com/package/respimg-inspector
+ *
+ *	Made by Florent Bourgeois
+ *	Under MIT License
+ */
+!function(){var a=document.createElement("link");a.id="respimage-inspector-link",a.href="https://cdn.rawgit.com/creative-area/respimg-inspector/0.2.3/dist/respimg-inspector.css",document.head.appendChild(a);var b=document.createElement("script");b.id="respimage-inspector-script",b.src="https://cdn.rawgit.com/creative-area/respimg-inspector/0.2.3/dist/respimg-inspector.min.js",document.body.appendChild(b)}();

dist/chrome/respimg-inspector.js

@@ -1,7 +1,7 @@
 /*
- *	respimg-inspector - v0.2.2
+ *	respimg-inspector - v0.2.3
  *	A javascript plugin to check responsive images in the browser.
- *	
+ *	https://www.npmjs.com/package/respimg-inspector
  *
  *	Made by Florent Bourgeois
  *	Under MIT License
@@ -15,8 +15,7 @@
 	var supports = !!document.querySelector &&
 		!!window.addEventListener &&
 		!!window.MutationObserver &&
-		!!window.Promise &&
-		!!Array.prototype.map;
+		!!window.Promise;
 
 	var settings, throttling = false, items = [], images = [], overlays = [];
 
@@ -251,11 +250,15 @@
 		overlays = [];
 	};
 
-	respImgInspector.init = function( options ) {
+	respImgInspector.init = function() {
+		var options = {};
 		if ( !supports ) {
 			console.log( "Unsupported browser... Sorry." );
 			return;
 		}
+		if ( window.respImgInspectorSelectors ) {
+			options.selectors = window.respImgInspectorSelectors;
+		}
 		settings = extend( defaults, options || {} );
 		throttle( "resize", "optimizedResize" );
 		window.addEventListener( "optimizedResize", update, false );
@@ -278,4 +281,8 @@
 		window.respImgInspector = respImgInspector;
 	}
 
+	window.addEventListener( "load", function() {
+		respImgInspector.init();
+	} );
+
 } )( window, document );

dist/respimg-inspector.js

@@ -1,7 +1,7 @@
 /*
- *	respimg-inspector - v0.2.2
+ *	respimg-inspector - v0.2.3
  *	A javascript plugin to check responsive images in the browser.
- *	
+ *	https://www.npmjs.com/package/respimg-inspector
  *
  *	Made by Florent Bourgeois
  *	Under MIT License
@@ -15,8 +15,7 @@
 	var supports = !!document.querySelector &&
 		!!window.addEventListener &&
 		!!window.MutationObserver &&
-		!!window.Promise &&
-		!!Array.prototype.map;
+		!!window.Promise;
 
 	var settings, throttling = false, items = [], images = [], overlays = [];
 
@@ -251,11 +250,15 @@
 		overlays = [];
 	};
 
-	respImgInspector.init = function( options ) {
+	respImgInspector.init = function() {
+		var options = {};
 		if ( !supports ) {
 			console.log( "Unsupported browser... Sorry." );
 			return;
 		}
+		if ( window.respImgInspectorSelectors ) {
+			options.selectors = window.respImgInspectorSelectors;
+		}
 		settings = extend( defaults, options || {} );
 		throttle( "resize", "optimizedResize" );
 		window.addEventListener( "optimizedResize", update, false );
@@ -278,4 +281,8 @@
 		window.respImgInspector = respImgInspector;
 	}
 
+	window.addEventListener( "load", function() {
+		respImgInspector.init();
+	} );
+
 } )( window, document );

package.json

@@ -1,7 +1,8 @@
 {
   "name": "respimg-inspector",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A javascript plugin to check responsive images in the browser.",
+  "homepage": "https://www.npmjs.com/package/respimg-inspector",
   "keywords": [
     "image",
     "debug",

src/bookmarklet.js

@@ -0,0 +1,13 @@
+( 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 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 );
+
+} )();