kapsule - npm Package Compare versions

Comparing version 1.3.1 to 1.4.0

dist/kapsule.js

@@ -1,97 +0,232 @@
-// https://github.com/vasturiano/kapsule Version 1.3.1. Copyright 2017 Vasco Asturiano.
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.Kapsule = factory());
-}(this, (function () { 'use strict';
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["Kapsule"] = factory();
+	else
+		root["Kapsule"] = factory();
+})(this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
 
-class Prop {
-	constructor(name, { default: defaultVal = null, triggerUpdate = true, onChange = (newVal, state) => {}}) {
-		this.name = name;
-		this.defaultVal = defaultVal;
-		this.triggerUpdate = triggerUpdate;
-		this.onChange = onChange;
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
+	if (true) {
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+	} else if (typeof exports !== "undefined") {
+		factory(module, exports);
+	} else {
+		var mod = {
+			exports: {}
+		};
+		factory(mod, mod.exports);
+		global.index = mod.exports;
 	}
-}
+})(this, function (module, exports) {
+	"use strict";
 
-var index = function ({
-		stateInit = {},
-		props: rawProps = {},
-		methods = {},
-		init: initFn = (() => {}),
-		update: updateFn = (() => {})
-	}) {
+	Object.defineProperty(exports, "__esModule", {
+		value: true
+	});
 
-	// Parse props into Prop instances
-	const props = Object.keys(rawProps).map(propName =>
-		new Prop(propName, rawProps[propName])
-	);
+	exports.default = function (_ref2) {
+		var _ref2$stateInit = _ref2.stateInit,
+		    stateInit = _ref2$stateInit === undefined ? {} : _ref2$stateInit,
+		    _ref2$props = _ref2.props,
+		    rawProps = _ref2$props === undefined ? {} : _ref2$props,
+		    _ref2$methods = _ref2.methods,
+		    methods = _ref2$methods === undefined ? {} : _ref2$methods,
+		    _ref2$init = _ref2.init,
+		    initFn = _ref2$init === undefined ? function () {} : _ref2$init,
+		    _ref2$update = _ref2.update,
+		    updateFn = _ref2$update === undefined ? function () {} : _ref2$update;
 
-	return function(options = {}) {
 
-		// Holds component state
-		let state = Object.assign({}, stateInit, {
-			initialised: false,
-			_rerender: digest	// Expose digest method
+		// Parse props into Prop instances
+		var props = Object.keys(rawProps).map(function (propName) {
+			return new Prop(propName, rawProps[propName]);
 		});
 
-		// Component constructor
-		function comp(nodeElement) {
-			initStatic(nodeElement, options);
-			digest();
+		return function () {
+			var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-			return comp;
-		}
 
-		// Getter/setter methods
-		props.forEach(prop => {
-			comp[prop.name] = getSetProp(prop.name, prop.triggerUpdate, prop.onChange);
-			state[prop.name] = prop.defaultVal;
-			prop.onChange.call(comp, prop.defaultVal, state);
+			// Holds component state
+			var state = Object.assign({}, stateInit, {
+				initialised: false,
+				_rerender: digest // Expose digest method
+			});
 
-			function getSetProp(prop, redigest = false,  onChange = (newVal, state) => {}) {
-				return function(_) {
-					if (!arguments.length) { return state[prop] } // Getter mode
-					state[prop] = _;
-					onChange.call(comp, _, state);
-					if (redigest) { digest(); }
-					return comp;
-				}
+			// Component constructor
+			function comp(nodeElement) {
+				initStatic(nodeElement, options);
+				digest();
+
+				return comp;
 			}
-		});
 
-		// Other methods
-		Object.keys(methods).forEach(methodName => {
-			comp[methodName] = (...args) => methods[methodName].call(comp, state, ...args);
-		});
-
-		// Reset all component props to their default value
-		comp.resetProps = function() {
-			props.forEach(prop => {
+			// Getter/setter methods
+			props.forEach(function (prop) {
+				comp[prop.name] = getSetProp(prop.name, prop.triggerUpdate, prop.onChange);
 				state[prop.name] = prop.defaultVal;
 				prop.onChange.call(comp, prop.defaultVal, state);
+
+				function getSetProp(prop) {
+					var redigest = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+					var onChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (newVal, state) {};
+
+					return function (_) {
+						if (!arguments.length) {
+							return state[prop];
+						} // Getter mode
+						state[prop] = _;
+						onChange.call(comp, _, state);
+						if (redigest) {
+							digest();
+						}
+						return comp;
+					};
+				}
 			});
-			digest();	// Re-digest after resetting props
 
+			// Other methods
+			Object.keys(methods).forEach(function (methodName) {
+				comp[methodName] = function () {
+					var _methods$methodName;
+
+					for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+						args[_key] = arguments[_key];
+					}
+
+					return (_methods$methodName = methods[methodName]).call.apply(_methods$methodName, [comp, state].concat(args));
+				};
+			});
+
+			// Reset all component props to their default value
+			comp.resetProps = function () {
+				props.forEach(function (prop) {
+					state[prop.name] = prop.defaultVal;
+					prop.onChange.call(comp, prop.defaultVal, state);
+				});
+				digest(); // Re-digest after resetting props
+
+				return comp;
+			};
+
+			//
+
+			function initStatic(nodeElement, options) {
+				initFn.call(comp, nodeElement, state, options);
+				state.initialised = true;
+			}
+
+			function digest() {
+				if (!state.initialised) {
+					return;
+				}
+				updateFn.call(comp, state);
+			}
+
 			return comp;
 		};
+	};
 
-		//
-
-		function initStatic(nodeElement, options) {
-			initFn.call(comp, nodeElement, state, options);
-			state.initialised = true;
+	function _classCallCheck(instance, Constructor) {
+		if (!(instance instanceof Constructor)) {
+			throw new TypeError("Cannot call a class as a function");
 		}
+	}
 
-		function digest() {
-			if (!state.initialised) { return; }
-			updateFn.call(comp, state);
-		}
+	var Prop = function Prop(name, _ref) {
+		var _ref$default = _ref.default,
+		    defaultVal = _ref$default === undefined ? null : _ref$default,
+		    _ref$triggerUpdate = _ref.triggerUpdate,
+		    triggerUpdate = _ref$triggerUpdate === undefined ? true : _ref$triggerUpdate,
+		    _ref$onChange = _ref.onChange,
+		    onChange = _ref$onChange === undefined ? function (newVal, state) {} : _ref$onChange;
 
-		return comp;
-	}
-};
+		_classCallCheck(this, Prop);
 
-return index;
+		this.name = name;
+		this.defaultVal = defaultVal;
+		this.triggerUpdate = triggerUpdate;
+		this.onChange = onChange;
+	};
 
-})));
+	module.exports = exports["default"];
+});
+
+/***/ })
+/******/ ]);
+});
+//# sourceMappingURL=kapsule.js.map

dist/kapsule.min.js

@@ -1,2 +0,1 @@
-// https://github.com/vasturiano/kapsule Version 1.3.1. Copyright 2017 Vasco Asturiano.
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):n.Kapsule=t()}(this,function(){"use strict";class n{constructor(n,{default:defaultVal=null,triggerUpdate:triggerUpdate=!0,onChange:onChange=((newVal,state)=>{})}){this.name=n,this.defaultVal=defaultVal,this.triggerUpdate=triggerUpdate,this.onChange=onChange}}return function({stateInit:stateInit={},props:rawProps={},methods:methods={},init:initFn=(()=>{}),update:updateFn=(()=>{})}){const t=Object.keys(rawProps).map(t=>new n(t,rawProps[t]));return function(n={}){function e(t){return a(t,n),i(),e}function a(n,t){initFn.call(e,n,o,t),o.initialised=!0}function i(){o.initialised&&updateFn.call(e,o)}let o=Object.assign({},stateInit,{initialised:!1,_rerender:i});return t.forEach(n=>{e[n.name]=function(n,t=!1,a=((n,t)=>{})){return function(u){return arguments.length?(o[n]=u,a.call(e,u,o),t&&i(),e):o[n]}}(n.name,n.triggerUpdate,n.onChange),o[n.name]=n.defaultVal,n.onChange.call(e,n.defaultVal,o)}),Object.keys(methods).forEach(n=>{e[n]=((...t)=>methods[n].call(e,o,...t))}),e.resetProps=function(){return t.forEach(n=>{o[n.name]=n.defaultVal,n.onChange.call(e,n.defaultVal,o)}),i(),e},e}}});
+!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Kapsule=t():n.Kapsule=t()}(this,function(){return function(n){function t(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return n[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var e={};return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:o})},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=0)}([function(n,t,e){var o,r,i;!function(e,a){r=[n,t],void 0!==(i="function"==typeof(o=a)?o.apply(t,r):o)&&(n.exports=i)}(0,function(n,t){"use strict";function e(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(n){var t=n.stateInit,e=void 0===t?{}:t,r=n.props,i=void 0===r?{}:r,a=n.methods,u=void 0===a?{}:a,c=n.init,f=void 0===c?function(){}:c,l=n.update,d=void 0===l?function(){}:l,s=Object.keys(i).map(function(n){return new o(n,i[n])});return function(){function n(e){return t(e,r),o(),n}function t(t,e){f.call(n,t,i,e),i.initialised=!0}function o(){i.initialised&&d.call(n,i)}var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=Object.assign({},e,{initialised:!1,_rerender:o});return s.forEach(function(t){n[t.name]=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(n,t){};return function(a){return arguments.length?(i[t]=a,r.call(n,a,i),e&&o(),n):i[t]}}(t.name,t.triggerUpdate,t.onChange),i[t.name]=t.defaultVal,t.onChange.call(n,t.defaultVal,i)}),Object.keys(u).forEach(function(t){n[t]=function(){for(var e,o=arguments.length,r=Array(o),a=0;a<o;a++)r[a]=arguments[a];return(e=u[t]).call.apply(e,[n,i].concat(r))}}),n.resetProps=function(){return s.forEach(function(t){i[t.name]=t.defaultVal,t.onChange.call(n,t.defaultVal,i)}),o(),n},n}};var o=function n(t,o){var r=o.default,i=void 0===r?null:r,a=o.triggerUpdate,u=void 0===a||a,c=o.onChange,f=void 0===c?function(n,t){}:c;e(this,n),this.name=t,this.defaultVal=i,this.triggerUpdate=u,this.onChange=f};n.exports=t.default})}])});

package.json

 {
   "name": "kapsule",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "A Simple Web Component library",
@@ -26,5 +26,5 @@ "main": "dist/kapsule.js",
   "scripts": {
-    "build": "rm -rf dist && mkdir dist && rollup -f umd -n Kapsule --banner \"$(preamble)\" -o dist/kapsule.js -- index.js",
-    "watch": "rollup -w -f umd -n Kapsule -o dist/kapsule.js -- index.js",
-    "minify": "uglifyjs dist/kapsule.js -o dist/kapsule.min.js -c -m --preamble \"$(preamble)\"",
+    "build": "webpack",
+    "watch": "webpack --progress --colors --watch",
+    "minify": "uglifyjs dist/kapsule.js -o dist/kapsule.min.js -c -m",
     "prepublish": "npm run build && npm run minify"
@@ -34,7 +34,14 @@ },
   "devDependencies": {
-    "package-preamble": "~0.0.2",
-    "rollup": "~0.41.6",
-    "rollup-watch": "^3.2",
-    "uglify-js-es6": "^2.8.9"
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "css-loader": "^0.28.7",
+    "style-loader": "^0.18.2",
+    "uglify-js": "^3.1.0",
+    "webpack": "^3.5.6"
   }
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68344

increased by44.75%

Number of package files

19

increased by18.75%

Lines of code

300

increased by98.68%

Worsened metrics

Dev dependency count

11

increased by175%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes