Initial commit

Author: developit

.gitignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+npm-debug.log
+.DS_Store

index.js

@@ -0,0 +1,11 @@
+const CSS = 'position:absolute;left:0;top:-100%;width:100%;height:100%;margin:1px 0 0;border:none;opacity:0;visibility:hidden;pointer-events:none;';
+
+export default (element, handler) => {
+	let frame = document.createElement('iframe');
+	frame.style.cssText = CSS;
+	element.appendChild(frame);
+	frame.contentWindow.onresize = () => {
+		handler.call(element);
+	};
+	return frame;
+}

package.json

@@ -0,0 +1,43 @@
+{
+  "name": "simple-element-resize-detector",
+  "amdName": "simpleElementResizeDetector",
+  "version": "1.0.0",
+  "description": "Observes resizing of an element using a hidden iframe.",
+  "main": "dist/simple-element-resize-detector.js",
+  "jsnext:main": "index.js",
+  "scripts": {
+    "build": "npm-run-all transpile minify size",
+    "transpile": "rollup -c rollup.config.js",
+    "minify": "uglifyjs $npm_package_main -cm -o $npm_package_main -p relative --in-source-map ${npm_package_main}.map --source-map ${npm_package_main}.map",
+    "size": "echo \"gzip size: $(gzip-size $npm_package_main | pretty-bytes)\"",
+    "test": "eslint src test",
+    "prepublish": "npm-run-all build test",
+    "release": "npm run -s build && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"
+  },
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "keywords": [],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/developit/simple-element-resize-detector.git"
+  },
+  "author": "Jason Miller <jason@developit.ca>",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-core": "^6.6.4",
+    "babel-eslint": "^7.0.0",
+    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-stage-0": "^6.5.0",
+    "eslint": "^3.1.0",
+    "gzip-size-cli": "^1.0.0",
+    "mkdirp": "^0.5.1",
+    "npm-run-all": "^2.3.0",
+    "pretty-bytes-cli": "^1.0.0",
+    "rollup": "^0.36.3",
+    "rollup-plugin-babel": "^2.4.0",
+    "rollup-plugin-es3": "^1.0.3",
+    "uglify-js": "^2.6.2"
+  }
+}

rollup.config.js

@@ -0,0 +1,27 @@
+import path from 'path';
+import fs from 'fs';
+import babel from 'rollup-plugin-babel';
+import es3 from 'rollup-plugin-es3';
+
+let pkg = JSON.parse(fs.readFileSync('./package.json'));
+
+export default {
+	entry: pkg['jsnext:main'],
+	dest: pkg.main,
+	sourceMap: path.resolve(pkg.main),
+	moduleName: pkg.amdName,
+	useStrict: false,
+	exports: 'default',
+	format: 'umd',
+	plugins: [
+		babel({
+			babelrc: false,
+			comments: false,
+			presets: [
+				['es2015', { loose:true, modules:false }],
+				'stage-0'
+			]
+		}),
+		es3()
+	]
+};