@peter-debugging-2/peter-minimal-jquery 1.0.0 → 2.0.0

package/README.md

@@ -8,4 +8,11 @@ Just include this package link as a script tag, this should be delivered via *js
 - scripts npm to build & bundle with mode
 - add .npmignore to prevent node_modules being push to npm
 - change package name in package.json including username, also mind the version
-- use ```npm pushblish --access public``` to publish
+- use ```npm pushblish --access public``` to publish
+
+
+## New features in version 2.0.0
+- widget factory to standardize ways to create widget and setup life cycle
+- widget inheritance and extense
+- friendly interface via widget bridge
+- set arbitrary data associated with element via Data

package/dist/main.js

@@ -2,6 +2,53 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ "./src/data.js"
+/*!*********************!*\
+  !*** ./src/data.js ***!
+  \*********************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Data: () => (/* binding */ Data),
+/* harmony export */   dataUser: () => (/* binding */ dataUser)
+/* harmony export */ });
+function Data() {
+    this.store = new WeakMap();
+}
+
+Data.prototype = {
+    set(element, key, value) {
+        if (!this.store.has(element))
+            this.store.set(element, {});
+        this.store.get(element)[key] = value;
+    },
+    get(element, key) {
+        if (!this.store.has(element)) return undefined;
+        if (key === undefined) return this.store.get(element);
+        return this.store.get(element)[key];
+    },
+    hasData(element) {
+        return this.store.get(element);
+    },
+    remove(element, key) {
+        if (!this.store.has(element)) return;
+        if (key === undefined) 
+            this.store.delete(element);
+        else 
+            delete this.store.get(element)[key];
+    },
+    access(element, key, value) {
+        if (value === undefined) return this.get(element, key);
+        this.set(element, key, value);
+        return value;
+    }    
+}
+
+const dataUser = new Data();
+
+/***/ },
+
 /***/ "./src/utils.js"
 /*!**********************!*\
   !*** ./src/utils.js ***!
@@ -15,23 +62,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 function deepExtend() {
     let target = arguments[0] || {};
-    let otherArgs = Array.prototype.slice.apply(arguments, 1); //other options to override
+    let otherArgs = Array.prototype.slice.apply(arguments, [1]); //other options to override
     for (const obj of otherArgs) {
         if (!obj) continue;
         for (const [key, value] of Object.entries(obj)) {
             switch (Object.prototype.toString.call(value)) {
                 case '[object Object]':
                     target[key] = target[key] || {};
-                    target[key] = jQuery.fn.extend(target[key], value);
+                    target[key] = deepExtend(target[key], value);
                     break;
                 case '[object Array]': //review case array
-                    target[key] = jQuery.fn.extend(new Array(value.length), value);
+                    target[key] = deepExtend(new Array(value.length), value);
                     break;
                 default:
                     target[key] = value;
             }
         }
     }
+    return target;
 }
 
 function shallowExtend(target, ...sources) {
@@ -41,8 +89,50 @@ function shallowExtend(target, ...sources) {
             target[key] = value;
         }
     }
+    return target;
 }
 
+/***/ },
+
+/***/ "./src/widget.js"
+/*!***********************!*\
+  !*** ./src/widget.js ***!
+  \***********************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./src/utils.js");
+
+let Widget = function() {};
+Widget.prototype = {
+    options: {
+        classes: {},
+        disabled: false,
+    },
+
+    _createWidget: function(options, element) {
+        this.options = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, this.options, options);
+        this._create();
+        this._init();
+    },
+    _create: function() {},
+	_init: function() {},
+    _destroy: function() {},
+    _setOption: function(key, value) {
+        this.options[key] = value;
+        return this;
+    },
+    _setOptions: function(options) {
+        for (const key in options )
+			this._setOption( key, options[key] );
+        return this;
+    }
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Widget);
+
 /***/ }
 
 /******/ 	});
@@ -115,6 +205,9 @@ var __webpack_exports__ = {};
   \*********************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./src/utils.js");
+/* harmony import */ var _data_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./data.js */ "./src/data.js");
+/* harmony import */ var _widget_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./widget.js */ "./src/widget.js");
+
 
 
 
@@ -253,6 +346,18 @@ __webpack_require__.r(__webpack_exports__);
                 const element = this;
                 element.classList.toggle(className);
             });
+        },
+        data: function(name, value) {
+            const jQueryObj = this;
+            const element = jQueryObj[0];
+            if (name === undefined) return _data_js__WEBPACK_IMPORTED_MODULE_1__.dataUser.get(element);
+            if (value === undefined) return _data_js__WEBPACK_IMPORTED_MODULE_1__.dataUser.access(element, name);
+            else {
+                return jQuery.each(jQueryObj, function() {
+                    const element = this;
+                    _data_js__WEBPACK_IMPORTED_MODULE_1__.dataUser.access(element, name, value);
+                });
+            }
         }
     }
     jQuery.shallowExtend = _utils_js__WEBPACK_IMPORTED_MODULE_0__.shallowExtend;
@@ -267,7 +372,125 @@ __webpack_require__.r(__webpack_exports__);
                 if (callback.call(target[key], key, target[key]) === false) break;
         }
         return target; //jQuery chainable
+    };
+    //TODO: jQuery.extends({ something: ...}) will extend the jQuery itself, so we can import jQuery, and add functionality in different module, more scalable
+    jQuery.hasData = function(element) {
+        return _data_js__WEBPACK_IMPORTED_MODULE_1__.dataUser.hasData(element);
+    };
+    jQuery.data = function(element, name, value) {
+        return _data_js__WEBPACK_IMPORTED_MODULE_1__.dataUser.access(element, name, value);
+    };
+    jQuery.removeData = function(element, name) {
+        _data_js__WEBPACK_IMPORTED_MODULE_1__.dataUser.remove(element, name);
+    };
+    /** This method is ensure we have widgetName => we will have $(element).widgetFullName() getter, setter */
+    jQuery.widgetBridge = function(name, constructorFn) { 
+        let fullName = constructorFn.prototype.widgetFullName || name;
+        jQuery.fn[name] = function(options) {
+            let isMethodCall = typeof options === "string";
+            const jQueryObj = this;
+            const args = Array.prototype.slice.call(arguments, 1);
+            let returnValue = jQueryObj;
+            if (!isMethodCall) { //is init                
+                jQuery.each(jQueryObj, function() {
+                    const element = this;
+                    const instance = jQuery.data(element, fullName);
+                    if (!instance)
+                        jQuery.data(this, fullName, new constructorFn(options, element));
+                    else {
+                        instance._setOptions(options);
+                        if (instance._init) instance._init();
+                    }
+                });
+            }
+            else { //is method call
+                if (!jQueryObj.length && options === 'instance') return undefined;
+                jQuery.each(jQueryObj, function() {
+                    let instance = jQuery.data(this, fullName);
+                    if (!instance) throw Error("not initialized");
+                    if (options === 'instance') {
+                        returnValue = instance;
+                        return false; //exits jQuery.each
+                    }
+                    if (typeof instance[options] == 'function') {
+                        returnValue = instance[options].apply(instance, args);
+                        return false;
+                    }
+                });
+            } 
+            return returnValue;
+        }
     }
+    /**
+     * Minimal flow (mental model) $.widget():
+        build constructor -> set prototype chain -> wrap overridden methods -> expose $.fn.plugin
+     */
+    jQuery.widget = function(inputName, base, prototype) {
+        const [namespace, name] = inputName.split(".");
+        const fullName = `${namespace}-${name}`;
+        if (prototype === undefined) {
+            prototype = base;
+            base = _widget_js__WEBPACK_IMPORTED_MODULE_2__["default"];
+        }
+
+        jQuery[namespace] = jQuery[namespace] || {};
+        let constructor = jQuery[namespace][name]  = function(options, element) {
+            //!this: Called without new
+            //!this._createWidget: Prototype isn’t set yet, or calling for simple inheritance
+            if (!this || !this._createWidget)
+                return new constructor( options, element );
+            if (arguments.length)
+                this._createWidget( options, element );
+        }
+
+        let basePrototype = new base();
+        //not mutate the base 's options from prototype (shared), in case options of base is from prototype
+        //obj.options === Base.prototype.options // ✅ true (obj not have options, but get this from its prototype)
+        basePrototype.options = jQuery.deepExtend({}, basePrototype.options);
+
+        let proxiedPrototype = {};
+        jQuery.each(prototype, function(property, value) {
+            if (typeof value !== "function") {
+                proxiedPrototype[property] = value;
+                return;
+            }
+            proxiedPrototype[property] = (function() {
+                function _super() {
+                    return base.prototype[property].apply(this, arguments);
+                }
+
+                function _superApply(args) {
+                    return base.prototype[property].apply(this, args);
+                }
+
+                return function() {
+                    //this keyword in this context is the widget instance
+                    //save these for later restore
+                    let __super = this._super;
+                    let __superApply = this._superApply;
+
+                    this._super = _super;
+                    this._superApply = _superApply;
+
+                    const returnValue = value.apply(this, arguments); //value is a function
+                    this._super = __super;
+                    this._superApply = __superApply;
+                    return returnValue;
+                }
+            })()
+        });
+
+        constructor.prototype = jQuery.deepExtend(basePrototype, proxiedPrototype, {
+            constructor: constructor,
+            namespace: namespace,
+            widgetName: name,
+            widgetFullName: fullName
+        });
+
+        jQuery.widgetBridge( name, constructor );
+        return constructor;
+    }
+
 
     //NOTE: if Query.fn = jQuery.prototype is after jQueryObject.prototype = jQuery.fn, then prototype of instance not have these methods: shallowExtend, ....
     // jQuery.fn = jQuery.prototype = {

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","mappings":";;;;;;;;;;;;;;;AAAO;AACP;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,C;;;;;;UC5BA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WC5BA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,wF;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;;;;;;;;ACNA;AACuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gEAAgE;AAChE;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8DAA8D;AAC9D;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,mCAAmC;AACnC;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb,SAAS;AACT;AACA;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,2BAA2B,oDAAa;AACxC,wBAAwB,iDAAU;AAClC;AACA;AACA,4BAA4B,mBAAmB;AAC/C,6EAA6E;AAC7E;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA,wBAAwB,qBAAqB","sources":["webpack://minimal-jquery/./src/utils.js","webpack://minimal-jquery/webpack/bootstrap","webpack://minimal-jquery/webpack/runtime/define property getters","webpack://minimal-jquery/webpack/runtime/hasOwnProperty shorthand","webpack://minimal-jquery/webpack/runtime/make namespace object","webpack://minimal-jquery/./src/core.js"],"sourcesContent":["export function deepExtend() {\r\n    let target = arguments[0] || {};\r\n    let otherArgs = Array.prototype.slice.apply(arguments, 1); //other options to override\r\n    for (const obj of otherArgs) {\r\n        if (!obj) continue;\r\n        for (const [key, value] of Object.entries(obj)) {\r\n            switch (Object.prototype.toString.call(value)) {\r\n                case '[object Object]':\r\n                    target[key] = target[key] || {};\r\n                    target[key] = jQuery.fn.extend(target[key], value);\r\n                    break;\r\n                case '[object Array]': //review case array\r\n                    target[key] = jQuery.fn.extend(new Array(value.length), value);\r\n                    break;\r\n                default:\r\n                    target[key] = value;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport function shallowExtend(target, ...sources) {\r\n    for (const src of sources) {\r\n        if (!src) continue;\r\n        for (const [key, value] of Object.entries(src)) {\r\n            target[key] = value;\r\n        }\r\n    }\r\n}","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Check if module exists (development only)\n\tif (__webpack_modules__[moduleId] === undefined) {\n\t\tvar e = new Error(\"Cannot find module '\" + moduleId + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\nimport { shallowExtend, deepExtend } from \"./utils.js\";\r\n\r\n(function(global) {\r\n    function jQueryObject(selector) {\r\n        if (selector.nodeType) {\r\n            this.length = 1;\r\n            this[0] = selector;\r\n        }\r\n        else if (typeof selector == 'string') {\r\n            let nodeList = document.querySelectorAll(selector); //an array of nodelist => change it to jquery object\r\n            let index = 0;\r\n            this.length = 0; //Data in constructor, methods in prototype ✅\r\n            for (let node of nodeList) {\r\n                this[index] = node;\r\n                index += 1;\r\n                this.length += 1;\r\n            }\r\n        }\r\n        else \r\n            return;\r\n        //new jQueryObject implicitly return this\r\n    }\r\n\r\n    let jQuery = (selector) => new jQueryObject(selector);\r\n    jQueryObject.prototype = jQuery.fn = jQuery.prototype = { //alias to prototype\r\n        ready: function(callback) {\r\n            let jQueryObj = this;\r\n            const isReady = Array.prototype.some.call(jQueryObj, function(element) {\r\n                return element.readyState != null && element.readyState != \"loading\";\r\n            });\r\n            if (isReady) {\r\n                callback();\r\n            }\r\n            else {\r\n                jQueryObj.on('DOMContentLoaded', callback);\r\n            }\r\n        },\r\n        each: function(callback) { //suger syntax, now callback exec for each match element of jQuery instance and chainable\r\n            return jQuery.each(this, callback);\r\n        },\r\n        on: function(event, callback) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.addEventListener(event, function(e) {\r\n                    callback.call(element, e)\r\n                });\r\n            })\r\n        },\r\n        text: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) { //setter\r\n                const text = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.textContent = text;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].textContent;\r\n            }\r\n        },\r\n        val: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) {\r\n                const value = arguments[0];//if call arguments inside jQuery.each then it is different\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.value = value;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].value;\r\n            }\r\n        },\r\n        css: function() {\r\n            let cssCamelcaseProperty = function(cssProperty) {\r\n                return cssProperty.replace(/-([a-z])/g, (fullMatch, captureCharacter) => {\r\n                    return captureCharacter.toUpperCase();\r\n                });\r\n            };\r\n            const jQueryObj = this;\r\n            if (arguments.length == 2) {\r\n                let cssPropertyName = arguments[0];\r\n                let value = arguments[1];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                    element.style[camelProperty] = value;\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'object')  {\r\n                const cssProperties = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    for (const [cssPropertyName, value] of Object.entries(cssProperties)) {\r\n                        const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                        element.style[camelProperty] = value;\r\n                    }\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'string')  {\r\n                const cssPropertyName = arguments[0];\r\n                const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                let result = getComputedStyle(jQueryObj[0])[camelProperty];\r\n                return jQueryObj[0].style[camelProperty];\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                let result = jQueryObj[0].style;\r\n                return result;\r\n            }\r\n        },\r\n        hasClass: function(className) {\r\n            const jQueryObj = this;\r\n            const result = Array.prototype.some.call(jQueryObj, (element) => element.classList.contains(className));\r\n            return result;\r\n        },\r\n        addClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.add(className);\r\n            });\r\n        },\r\n        removeClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.remove(className);\r\n            });\r\n        },\r\n        toggleClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.toggle(className);\r\n            });\r\n        }\r\n    }\r\n    jQuery.shallowExtend = shallowExtend;\r\n    jQuery.deepExtend = deepExtend;\r\n    jQuery.each = function(target, callback) {\r\n        if (target.length > 0) {\r\n            for (let i = 0; i < target.length; i++)\r\n                if (callback.call(target[i], i, target[i]) === false) break; //TODO: not sure why return false will break\r\n        }\r\n        else {\r\n            for (let key in target)\r\n                if (callback.call(target[key], key, target[key]) === false) break;\r\n        }\r\n        return target; //jQuery chainable\r\n    }\r\n\r\n    //NOTE: if Query.fn = jQuery.prototype is after jQueryObject.prototype = jQuery.fn, then prototype of instance not have these methods: shallowExtend, ....\r\n    // jQuery.fn = jQuery.prototype = {\r\n    //     shallowExtend: shallowExtend,\r\n    //     deepExtend: deepExtend,\r\n    // }\r\n\r\n    global.jQuery = global.$ = jQuery;\r\n})(window)\r\n//IIFE to ensure, all var in this file not polute window global object, only jQuery & $\r\n//or could use export { jQuery, jQuery as $ }, then import these 2 from the core.js (module)\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}
+{"version":3,"file":"main.js","mappings":";;;;;;;;;;;;;;;AAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACO,4B;;;;;;;;;;;;;;;AChCA;AACP;AACA,iEAAiE;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;;;;;;;;;;;;;;;AC9BwC;AACxC;AACA;AACA;AACA,mBAAmB;AACnB;AACA,KAAK;AACL;AACA;AACA,uBAAuB,qDAAU,GAAG;AACpC;AACA;AACA,KAAK;AACL,0BAA0B;AAC1B,qBAAqB;AACrB,2BAA2B;AAC3B;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,iEAAe,MAAM,E;;;;;;UC1BrB;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WC5BA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,wF;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;;;;;;;;;;ACNA;AACuD;AAClB;AACJ;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gEAAgE;AAChE;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8DAA8D;AAC9D;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,mCAAmC;AACnC;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb,SAAS;AACT;AACA;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA,2CAA2C,8CAAQ;AACnD,4CAA4C,8CAAQ;AACpD;AACA;AACA;AACA,oBAAoB,8CAAQ;AAC5B,iBAAiB;AACjB;AACA;AACA;AACA,2BAA2B,oDAAa;AACxC,wBAAwB,iDAAU;AAClC;AACA;AACA,4BAA4B,mBAAmB;AAC/C,6EAA6E;AAC7E;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA,6BAA6B,eAAe;AAC5C;AACA,eAAe,8CAAQ;AACvB;AACA;AACA,eAAe,8CAAQ;AACvB;AACA;AACA,QAAQ,8CAAQ;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,UAAU,GAAG,KAAK;AAC9C;AACA;AACA,mBAAmB,kDAAM;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oDAAoD;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sEAAsE;AACtE;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA,wBAAwB,qBAAqB","sources":["webpack://@peter-debugging-2/peter-minimal-jquery/./src/data.js","webpack://@peter-debugging-2/peter-minimal-jquery/./src/utils.js","webpack://@peter-debugging-2/peter-minimal-jquery/./src/widget.js","webpack://@peter-debugging-2/peter-minimal-jquery/webpack/bootstrap","webpack://@peter-debugging-2/peter-minimal-jquery/webpack/runtime/define property getters","webpack://@peter-debugging-2/peter-minimal-jquery/webpack/runtime/hasOwnProperty shorthand","webpack://@peter-debugging-2/peter-minimal-jquery/webpack/runtime/make namespace object","webpack://@peter-debugging-2/peter-minimal-jquery/./src/core.js"],"sourcesContent":["export function Data() {\r\n    this.store = new WeakMap();\r\n}\r\n\r\nData.prototype = {\r\n    set(element, key, value) {\r\n        if (!this.store.has(element))\r\n            this.store.set(element, {});\r\n        this.store.get(element)[key] = value;\r\n    },\r\n    get(element, key) {\r\n        if (!this.store.has(element)) return undefined;\r\n        if (key === undefined) return this.store.get(element);\r\n        return this.store.get(element)[key];\r\n    },\r\n    hasData(element) {\r\n        return this.store.get(element);\r\n    },\r\n    remove(element, key) {\r\n        if (!this.store.has(element)) return;\r\n        if (key === undefined) \r\n            this.store.delete(element);\r\n        else \r\n            delete this.store.get(element)[key];\r\n    },\r\n    access(element, key, value) {\r\n        if (value === undefined) return this.get(element, key);\r\n        this.set(element, key, value);\r\n        return value;\r\n    }    \r\n}\r\n\r\nexport const dataUser = new Data();","export function deepExtend() {\r\n    let target = arguments[0] || {};\r\n    let otherArgs = Array.prototype.slice.apply(arguments, [1]); //other options to override\r\n    for (const obj of otherArgs) {\r\n        if (!obj) continue;\r\n        for (const [key, value] of Object.entries(obj)) {\r\n            switch (Object.prototype.toString.call(value)) {\r\n                case '[object Object]':\r\n                    target[key] = target[key] || {};\r\n                    target[key] = deepExtend(target[key], value);\r\n                    break;\r\n                case '[object Array]': //review case array\r\n                    target[key] = deepExtend(new Array(value.length), value);\r\n                    break;\r\n                default:\r\n                    target[key] = value;\r\n            }\r\n        }\r\n    }\r\n    return target;\r\n}\r\n\r\nexport function shallowExtend(target, ...sources) {\r\n    for (const src of sources) {\r\n        if (!src) continue;\r\n        for (const [key, value] of Object.entries(src)) {\r\n            target[key] = value;\r\n        }\r\n    }\r\n    return target;\r\n}","import { deepExtend } from \"./utils.js\";\r\nlet Widget = function() {};\r\nWidget.prototype = {\r\n    options: {\r\n        classes: {},\r\n        disabled: false,\r\n    },\r\n\r\n    _createWidget: function(options, element) {\r\n        this.options = deepExtend({}, this.options, options);\r\n        this._create();\r\n        this._init();\r\n    },\r\n    _create: function() {},\r\n\t_init: function() {},\r\n    _destroy: function() {},\r\n    _setOption: function(key, value) {\r\n        this.options[key] = value;\r\n        return this;\r\n    },\r\n    _setOptions: function(options) {\r\n        for (const key in options )\r\n\t\t\tthis._setOption( key, options[key] );\r\n        return this;\r\n    }\r\n}\r\nexport default Widget;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Check if module exists (development only)\n\tif (__webpack_modules__[moduleId] === undefined) {\n\t\tvar e = new Error(\"Cannot find module '\" + moduleId + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\nimport { shallowExtend, deepExtend } from \"./utils.js\";\r\nimport { dataUser } from \"./data.js\";\r\nimport Widget from \"./widget.js\";\r\n(function(global) {\r\n    function jQueryObject(selector) {\r\n        if (selector.nodeType) {\r\n            this.length = 1;\r\n            this[0] = selector;\r\n        }\r\n        else if (typeof selector == 'string') {\r\n            let nodeList = document.querySelectorAll(selector); //an array of nodelist => change it to jquery object\r\n            let index = 0;\r\n            this.length = 0; //Data in constructor, methods in prototype ✅\r\n            for (let node of nodeList) {\r\n                this[index] = node;\r\n                index += 1;\r\n                this.length += 1;\r\n            }\r\n        }\r\n        else \r\n            return;\r\n        //new jQueryObject implicitly return this\r\n    }\r\n\r\n    let jQuery = (selector) => new jQueryObject(selector);\r\n    jQueryObject.prototype = jQuery.fn = jQuery.prototype = { //alias to prototype\r\n        ready: function(callback) {\r\n            let jQueryObj = this;\r\n            const isReady = Array.prototype.some.call(jQueryObj, function(element) {\r\n                return element.readyState != null && element.readyState != \"loading\";\r\n            });\r\n            if (isReady) {\r\n                callback();\r\n            }\r\n            else {\r\n                jQueryObj.on('DOMContentLoaded', callback);\r\n            }\r\n        },\r\n        each: function(callback) { //suger syntax, now callback exec for each match element of jQuery instance and chainable\r\n            return jQuery.each(this, callback);\r\n        },\r\n        on: function(event, callback) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.addEventListener(event, function(e) {\r\n                    callback.call(element, e)\r\n                });\r\n            })\r\n        },\r\n        text: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) { //setter\r\n                const text = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.textContent = text;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].textContent;\r\n            }\r\n        },\r\n        val: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) {\r\n                const value = arguments[0];//if call arguments inside jQuery.each then it is different\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.value = value;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].value;\r\n            }\r\n        },\r\n        css: function() {\r\n            let cssCamelcaseProperty = function(cssProperty) {\r\n                return cssProperty.replace(/-([a-z])/g, (fullMatch, captureCharacter) => {\r\n                    return captureCharacter.toUpperCase();\r\n                });\r\n            };\r\n            const jQueryObj = this;\r\n            if (arguments.length == 2) {\r\n                let cssPropertyName = arguments[0];\r\n                let value = arguments[1];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                    element.style[camelProperty] = value;\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'object')  {\r\n                const cssProperties = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    for (const [cssPropertyName, value] of Object.entries(cssProperties)) {\r\n                        const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                        element.style[camelProperty] = value;\r\n                    }\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'string')  {\r\n                const cssPropertyName = arguments[0];\r\n                const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                let result = getComputedStyle(jQueryObj[0])[camelProperty];\r\n                return jQueryObj[0].style[camelProperty];\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                let result = jQueryObj[0].style;\r\n                return result;\r\n            }\r\n        },\r\n        hasClass: function(className) {\r\n            const jQueryObj = this;\r\n            const result = Array.prototype.some.call(jQueryObj, (element) => element.classList.contains(className));\r\n            return result;\r\n        },\r\n        addClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.add(className);\r\n            });\r\n        },\r\n        removeClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.remove(className);\r\n            });\r\n        },\r\n        toggleClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.toggle(className);\r\n            });\r\n        },\r\n        data: function(name, value) {\r\n            const jQueryObj = this;\r\n            const element = jQueryObj[0];\r\n            if (name === undefined) return dataUser.get(element);\r\n            if (value === undefined) return dataUser.access(element, name);\r\n            else {\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    dataUser.access(element, name, value);\r\n                });\r\n            }\r\n        }\r\n    }\r\n    jQuery.shallowExtend = shallowExtend;\r\n    jQuery.deepExtend = deepExtend;\r\n    jQuery.each = function(target, callback) {\r\n        if (target.length > 0) {\r\n            for (let i = 0; i < target.length; i++)\r\n                if (callback.call(target[i], i, target[i]) === false) break; //TODO: not sure why return false will break\r\n        }\r\n        else {\r\n            for (let key in target)\r\n                if (callback.call(target[key], key, target[key]) === false) break;\r\n        }\r\n        return target; //jQuery chainable\r\n    };\r\n    //TODO: jQuery.extends({ something: ...}) will extend the jQuery itself, so we can import jQuery, and add functionality in different module, more scalable\r\n    jQuery.hasData = function(element) {\r\n        return dataUser.hasData(element);\r\n    };\r\n    jQuery.data = function(element, name, value) {\r\n        return dataUser.access(element, name, value);\r\n    };\r\n    jQuery.removeData = function(element, name) {\r\n        dataUser.remove(element, name);\r\n    };\r\n    /** This method is ensure we have widgetName => we will have $(element).widgetFullName() getter, setter */\r\n    jQuery.widgetBridge = function(name, constructorFn) { \r\n        let fullName = constructorFn.prototype.widgetFullName || name;\r\n        jQuery.fn[name] = function(options) {\r\n            let isMethodCall = typeof options === \"string\";\r\n            const jQueryObj = this;\r\n            const args = Array.prototype.slice.call(arguments, 1);\r\n            let returnValue = jQueryObj;\r\n            if (!isMethodCall) { //is init                \r\n                jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    const instance = jQuery.data(element, fullName);\r\n                    if (!instance)\r\n                        jQuery.data(this, fullName, new constructorFn(options, element));\r\n                    else {\r\n                        instance._setOptions(options);\r\n                        if (instance._init) instance._init();\r\n                    }\r\n                });\r\n            }\r\n            else { //is method call\r\n                if (!jQueryObj.length && options === 'instance') return undefined;\r\n                jQuery.each(jQueryObj, function() {\r\n                    let instance = jQuery.data(this, fullName);\r\n                    if (!instance) throw Error(\"not initialized\");\r\n                    if (options === 'instance') {\r\n                        returnValue = instance;\r\n                        return false; //exits jQuery.each\r\n                    }\r\n                    if (typeof instance[options] == 'function') {\r\n                        returnValue = instance[options].apply(instance, args);\r\n                        return false;\r\n                    }\r\n                });\r\n            } \r\n            return returnValue;\r\n        }\r\n    }\r\n    /**\r\n     * Minimal flow (mental model) $.widget():\r\n        build constructor -> set prototype chain -> wrap overridden methods -> expose $.fn.plugin\r\n     */\r\n    jQuery.widget = function(inputName, base, prototype) {\r\n        const [namespace, name] = inputName.split(\".\");\r\n        const fullName = `${namespace}-${name}`;\r\n        if (prototype === undefined) {\r\n            prototype = base;\r\n            base = Widget;\r\n        }\r\n\r\n        jQuery[namespace] = jQuery[namespace] || {};\r\n        let constructor = jQuery[namespace][name]  = function(options, element) {\r\n            //!this: Called without new\r\n            //!this._createWidget: Prototype isn’t set yet, or calling for simple inheritance\r\n            if (!this || !this._createWidget)\r\n                return new constructor( options, element );\r\n            if (arguments.length)\r\n                this._createWidget( options, element );\r\n        }\r\n\r\n        let basePrototype = new base();\r\n        //not mutate the base 's options from prototype (shared), in case options of base is from prototype\r\n        //obj.options === Base.prototype.options // ✅ true (obj not have options, but get this from its prototype)\r\n        basePrototype.options = jQuery.deepExtend({}, basePrototype.options);\r\n\r\n        let proxiedPrototype = {};\r\n        jQuery.each(prototype, function(property, value) {\r\n            if (typeof value !== \"function\") {\r\n                proxiedPrototype[property] = value;\r\n                return;\r\n            }\r\n            proxiedPrototype[property] = (function() {\r\n                function _super() {\r\n                    return base.prototype[property].apply(this, arguments);\r\n                }\r\n\r\n                function _superApply(args) {\r\n                    return base.prototype[property].apply(this, args);\r\n                }\r\n\r\n                return function() {\r\n                    //this keyword in this context is the widget instance\r\n                    //save these for later restore\r\n                    let __super = this._super;\r\n                    let __superApply = this._superApply;\r\n\r\n                    this._super = _super;\r\n                    this._superApply = _superApply;\r\n\r\n                    const returnValue = value.apply(this, arguments); //value is a function\r\n                    this._super = __super;\r\n                    this._superApply = __superApply;\r\n                    return returnValue;\r\n                }\r\n            })()\r\n        });\r\n\r\n        constructor.prototype = jQuery.deepExtend(basePrototype, proxiedPrototype, {\r\n            constructor: constructor,\r\n            namespace: namespace,\r\n            widgetName: name,\r\n            widgetFullName: fullName\r\n        });\r\n\r\n        jQuery.widgetBridge( name, constructor );\r\n        return constructor;\r\n    }\r\n\r\n\r\n    //NOTE: if Query.fn = jQuery.prototype is after jQueryObject.prototype = jQuery.fn, then prototype of instance not have these methods: shallowExtend, ....\r\n    // jQuery.fn = jQuery.prototype = {\r\n    //     shallowExtend: shallowExtend,\r\n    //     deepExtend: deepExtend,\r\n    // }\r\n\r\n    global.jQuery = global.$ = jQuery;\r\n})(window)\r\n//IIFE to ensure, all var in this file not polute window global object, only jQuery & $\r\n//or could use export { jQuery, jQuery as $ }, then import these 2 from the core.js (module)\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}

package/dist/main.min.js

@@ -1,2 +1,3 @@
-(()=>{"use strict";function t(){let t=arguments[0]||{},e=Array.prototype.slice.apply(arguments,1);for(const n of e)if(n)for(const[e,o]of Object.entries(n))switch(Object.prototype.toString.call(o)){case"[object Object]":t[e]=t[e]||{},t[e]=jQuery.fn.extend(t[e],o);break;case"[object Array]":t[e]=jQuery.fn.extend(new Array(o.length),o);break;default:t[e]=o}}function e(t,...e){for(const n of e)if(n)for(const[e,o]of Object.entries(n))t[e]=o}!function(n){function o(t){if(t.nodeType)this.length=1,this[0]=t;else{if("string"!=typeof t)return;{let e=document.querySelectorAll(t),n=0;this.length=0;for(let t of e)this[n]=t,n+=1,this.length+=1}}}let s=t=>new o(t);o.prototype=s.fn=s.prototype={ready:function(t){Array.prototype.some.call(this,function(t){return null!=t.readyState&&"loading"!=t.readyState})?t():this.on("DOMContentLoaded",t)},each:function(t){return s.each(this,t)},on:function(t,e){return s.each(this,function(){const n=this;n.addEventListener(t,function(t){e.call(n,t)})})},text:function(){const t=this;if(1==arguments.length){const e=arguments[0];return s.each(t,function(){this.textContent=e})}if(!arguments||0==arguments?.length)return t[0].textContent},val:function(){const t=this;if(1==arguments.length){const e=arguments[0];return s.each(t,function(){this.value=e})}if(!arguments||0==arguments?.length)return t[0].value},css:function(){let t=function(t){return t.replace(/-([a-z])/g,(t,e)=>e.toUpperCase())};const e=this;if(2==arguments.length){let n=arguments[0],o=arguments[1];return s.each(e,function(){const e=t(n);this.style[e]=o})}if(1==arguments.length&&"object"==typeof arguments[0]){const n=arguments[0];return s.each(e,function(){const e=this;for(const[o,s]of Object.entries(n)){const n=t(o);e.style[n]=s}})}if(1==arguments.length&&"string"==typeof arguments[0]){const n=t(arguments[0]);return getComputedStyle(e[0])[n],e[0].style[n]}if(!arguments||0==arguments?.length)return e[0].style},hasClass:function(t){return Array.prototype.some.call(this,e=>e.classList.contains(t))},addClass:function(t){return s.each(this,function(){this.classList.add(t)})},removeClass:function(t){return s.each(this,function(){this.classList.remove(t)})},toggleClass:function(t){return s.each(this,function(){this.classList.toggle(t)})}},s.shallowExtend=e,s.deepExtend=t,s.each=function(t,e){if(t.length>0)for(let n=0;n<t.length&&!1!==e.call(t[n],n,t[n]);n++);else for(let n in t)if(!1===e.call(t[n],n,t[n]))break;return t},n.jQuery=n.$=s}(window)})();
+/*! For license information please see main.min.js.LICENSE.txt */
+(()=>{"use strict";function t(){let e=arguments[0]||{},n=Array.prototype.slice.apply(arguments,[1]);for(const i of n)if(i)for(const[n,s]of Object.entries(i))switch(Object.prototype.toString.call(s)){case"[object Object]":e[n]=e[n]||{},e[n]=t(e[n],s);break;case"[object Array]":e[n]=t(new Array(s.length),s);break;default:e[n]=s}return e}function e(t,...e){for(const n of e)if(n)for(const[e,i]of Object.entries(n))t[e]=i;return t}function n(){this.store=new WeakMap}n.prototype={set(t,e,n){this.store.has(t)||this.store.set(t,{}),this.store.get(t)[e]=n},get(t,e){if(this.store.has(t))return void 0===e?this.store.get(t):this.store.get(t)[e]},hasData(t){return this.store.get(t)},remove(t,e){this.store.has(t)&&(void 0===e?this.store.delete(t):delete this.store.get(t)[e])},access(t,e,n){return void 0===n?this.get(t,e):(this.set(t,e,n),n)}};const i=new n;let s=function(){};s.prototype={options:{classes:{},disabled:!1},_createWidget:function(e,n){this.options=t({},this.options,e),this._create(),this._init()},_create:function(){},_init:function(){},_destroy:function(){},_setOption:function(t,e){return this.options[t]=e,this},_setOptions:function(t){for(const e in t)this._setOption(e,t[e]);return this}};const o=s;!function(n){function s(t){if(t.nodeType)this.length=1,this[0]=t;else{if("string"!=typeof t)return;{let e=document.querySelectorAll(t),n=0;this.length=0;for(let t of e)this[n]=t,n+=1,this.length+=1}}}let r=t=>new s(t);s.prototype=r.fn=r.prototype={ready:function(t){Array.prototype.some.call(this,function(t){return null!=t.readyState&&"loading"!=t.readyState})?t():this.on("DOMContentLoaded",t)},each:function(t){return r.each(this,t)},on:function(t,e){return r.each(this,function(){const n=this;n.addEventListener(t,function(t){e.call(n,t)})})},text:function(){const t=this;if(1==arguments.length){const e=arguments[0];return r.each(t,function(){this.textContent=e})}if(!arguments||0==arguments?.length)return t[0].textContent},val:function(){const t=this;if(1==arguments.length){const e=arguments[0];return r.each(t,function(){this.value=e})}if(!arguments||0==arguments?.length)return t[0].value},css:function(){let t=function(t){return t.replace(/-([a-z])/g,(t,e)=>e.toUpperCase())};const e=this;if(2==arguments.length){let n=arguments[0],i=arguments[1];return r.each(e,function(){const e=t(n);this.style[e]=i})}if(1==arguments.length&&"object"==typeof arguments[0]){const n=arguments[0];return r.each(e,function(){const e=this;for(const[i,s]of Object.entries(n)){const n=t(i);e.style[n]=s}})}if(1==arguments.length&&"string"==typeof arguments[0]){const n=t(arguments[0]);return getComputedStyle(e[0])[n],e[0].style[n]}if(!arguments||0==arguments?.length)return e[0].style},hasClass:function(t){return Array.prototype.some.call(this,e=>e.classList.contains(t))},addClass:function(t){return r.each(this,function(){this.classList.add(t)})},removeClass:function(t){return r.each(this,function(){this.classList.remove(t)})},toggleClass:function(t){return r.each(this,function(){this.classList.toggle(t)})},data:function(t,e){const n=this[0];return void 0===t?i.get(n):void 0===e?i.access(n,t):r.each(this,function(){i.access(this,t,e)})}},r.shallowExtend=e,r.deepExtend=t,r.each=function(t,e){if(t.length>0)for(let n=0;n<t.length&&!1!==e.call(t[n],n,t[n]);n++);else for(let n in t)if(!1===e.call(t[n],n,t[n]))break;return t},r.hasData=function(t){return i.hasData(t)},r.data=function(t,e,n){return i.access(t,e,n)},r.removeData=function(t,e){i.remove(t,e)},r.widgetBridge=function(t,e){let n=e.prototype.widgetFullName||t;r.fn[t]=function(t){let i="string"==typeof t;const s=this,o=Array.prototype.slice.call(arguments,1);let c=s;if(i){if(!s.length&&"instance"===t)return;r.each(s,function(){let e=r.data(this,n);if(!e)throw Error("not initialized");return"instance"===t?(c=e,!1):"function"==typeof e[t]?(c=e[t].apply(e,o),!1):void 0})}else r.each(s,function(){const i=r.data(this,n);i?(i._setOptions(t),i._init&&i._init()):r.data(this,n,new e(t,this))});return c}},r.widget=function(t,e,n){const[i,s]=t.split("."),c=`${i}-${s}`;void 0===n&&(n=e,e=o);let a=(r[i]=r[i]||{})[s]=function(t,e){if(!this||!this._createWidget)return new a(t,e);arguments.length&&this._createWidget(t,e)},u=new e;u.options=r.deepExtend({},u.options);let h={};return r.each(n,function(t,n){h[t]="function"==typeof n?function(){function i(){return e.prototype[t].apply(this,arguments)}function s(n){return e.prototype[t].apply(this,n)}return function(){let t=this._super,e=this._superApply;this._super=i,this._superApply=s;const o=n.apply(this,arguments);return this._super=t,this._superApply=e,o}}():n}),a.prototype=r.deepExtend(u,h,{constructor:a,namespace:i,widgetName:s,widgetFullName:c}),r.widgetBridge(s,a),a},n.jQuery=n.$=r}(window)})();
 //# sourceMappingURL=main.min.js.map

package/dist/main.min.js.LICENSE.txt

@@ -0,0 +1,3 @@
+//!this._createWidget: Prototype isn’t set yet, or calling for simple inheritance
+
+//!this: Called without new

package/dist/main.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.min.js","mappings":"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","sources":["webpack://minimal-jquery/./src/utils.js","webpack://minimal-jquery/./src/core.js"],"sourcesContent":["export function deepExtend() {\r\n    let target = arguments[0] || {};\r\n    let otherArgs = Array.prototype.slice.apply(arguments, 1); //other options to override\r\n    for (const obj of otherArgs) {\r\n        if (!obj) continue;\r\n        for (const [key, value] of Object.entries(obj)) {\r\n            switch (Object.prototype.toString.call(value)) {\r\n                case '[object Object]':\r\n                    target[key] = target[key] || {};\r\n                    target[key] = jQuery.fn.extend(target[key], value);\r\n                    break;\r\n                case '[object Array]': //review case array\r\n                    target[key] = jQuery.fn.extend(new Array(value.length), value);\r\n                    break;\r\n                default:\r\n                    target[key] = value;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport function shallowExtend(target, ...sources) {\r\n    for (const src of sources) {\r\n        if (!src) continue;\r\n        for (const [key, value] of Object.entries(src)) {\r\n            target[key] = value;\r\n        }\r\n    }\r\n}","\r\nimport { shallowExtend, deepExtend } from \"./utils.js\";\r\n\r\n(function(global) {\r\n    function jQueryObject(selector) {\r\n        if (selector.nodeType) {\r\n            this.length = 1;\r\n            this[0] = selector;\r\n        }\r\n        else if (typeof selector == 'string') {\r\n            let nodeList = document.querySelectorAll(selector); //an array of nodelist => change it to jquery object\r\n            let index = 0;\r\n            this.length = 0; //Data in constructor, methods in prototype ✅\r\n            for (let node of nodeList) {\r\n                this[index] = node;\r\n                index += 1;\r\n                this.length += 1;\r\n            }\r\n        }\r\n        else \r\n            return;\r\n        //new jQueryObject implicitly return this\r\n    }\r\n\r\n    let jQuery = (selector) => new jQueryObject(selector);\r\n    jQueryObject.prototype = jQuery.fn = jQuery.prototype = { //alias to prototype\r\n        ready: function(callback) {\r\n            let jQueryObj = this;\r\n            const isReady = Array.prototype.some.call(jQueryObj, function(element) {\r\n                return element.readyState != null && element.readyState != \"loading\";\r\n            });\r\n            if (isReady) {\r\n                callback();\r\n            }\r\n            else {\r\n                jQueryObj.on('DOMContentLoaded', callback);\r\n            }\r\n        },\r\n        each: function(callback) { //suger syntax, now callback exec for each match element of jQuery instance and chainable\r\n            return jQuery.each(this, callback);\r\n        },\r\n        on: function(event, callback) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.addEventListener(event, function(e) {\r\n                    callback.call(element, e)\r\n                });\r\n            })\r\n        },\r\n        text: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) { //setter\r\n                const text = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.textContent = text;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].textContent;\r\n            }\r\n        },\r\n        val: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) {\r\n                const value = arguments[0];//if call arguments inside jQuery.each then it is different\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.value = value;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].value;\r\n            }\r\n        },\r\n        css: function() {\r\n            let cssCamelcaseProperty = function(cssProperty) {\r\n                return cssProperty.replace(/-([a-z])/g, (fullMatch, captureCharacter) => {\r\n                    return captureCharacter.toUpperCase();\r\n                });\r\n            };\r\n            const jQueryObj = this;\r\n            if (arguments.length == 2) {\r\n                let cssPropertyName = arguments[0];\r\n                let value = arguments[1];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                    element.style[camelProperty] = value;\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'object')  {\r\n                const cssProperties = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    for (const [cssPropertyName, value] of Object.entries(cssProperties)) {\r\n                        const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                        element.style[camelProperty] = value;\r\n                    }\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'string')  {\r\n                const cssPropertyName = arguments[0];\r\n                const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                let result = getComputedStyle(jQueryObj[0])[camelProperty];\r\n                return jQueryObj[0].style[camelProperty];\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                let result = jQueryObj[0].style;\r\n                return result;\r\n            }\r\n        },\r\n        hasClass: function(className) {\r\n            const jQueryObj = this;\r\n            const result = Array.prototype.some.call(jQueryObj, (element) => element.classList.contains(className));\r\n            return result;\r\n        },\r\n        addClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.add(className);\r\n            });\r\n        },\r\n        removeClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.remove(className);\r\n            });\r\n        },\r\n        toggleClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.toggle(className);\r\n            });\r\n        }\r\n    }\r\n    jQuery.shallowExtend = shallowExtend;\r\n    jQuery.deepExtend = deepExtend;\r\n    jQuery.each = function(target, callback) {\r\n        if (target.length > 0) {\r\n            for (let i = 0; i < target.length; i++)\r\n                if (callback.call(target[i], i, target[i]) === false) break; //TODO: not sure why return false will break\r\n        }\r\n        else {\r\n            for (let key in target)\r\n                if (callback.call(target[key], key, target[key]) === false) break;\r\n        }\r\n        return target; //jQuery chainable\r\n    }\r\n\r\n    //NOTE: if Query.fn = jQuery.prototype is after jQueryObject.prototype = jQuery.fn, then prototype of instance not have these methods: shallowExtend, ....\r\n    // jQuery.fn = jQuery.prototype = {\r\n    //     shallowExtend: shallowExtend,\r\n    //     deepExtend: deepExtend,\r\n    // }\r\n\r\n    global.jQuery = global.$ = jQuery;\r\n})(window)\r\n//IIFE to ensure, all var in this file not polute window global object, only jQuery & $\r\n//or could use export { jQuery, jQuery as $ }, then import these 2 from the core.js (module)\r\n"],"names":["deepExtend","target","arguments","otherArgs","Array","prototype","slice","apply","obj","key","value","Object","entries","toString","call","jQuery","fn","extend","length","shallowExtend","sources","src","global","jQueryObject","selector","nodeType","this","nodeList","document","querySelectorAll","index","node","ready","callback","some","element","readyState","on","each","event","addEventListener","e","text","jQueryObj","textContent","val","css","cssCamelcaseProperty","cssProperty","replace","fullMatch","captureCharacter","toUpperCase","cssPropertyName","camelProperty","style","cssProperties","getComputedStyle","hasClass","className","classList","contains","addClass","add","removeClass","remove","toggleClass","toggle","i","$","window"],"ignoreList":[],"sourceRoot":""}
+{"version":3,"file":"main.min.js","mappings":"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","sources":["webpack://@peter-debugging-2/peter-minimal-jquery/./src/utils.js","webpack://@peter-debugging-2/peter-minimal-jquery/./src/data.js","webpack://@peter-debugging-2/peter-minimal-jquery/./src/widget.js","webpack://@peter-debugging-2/peter-minimal-jquery/./src/core.js"],"sourcesContent":["export function deepExtend() {\r\n    let target = arguments[0] || {};\r\n    let otherArgs = Array.prototype.slice.apply(arguments, [1]); //other options to override\r\n    for (const obj of otherArgs) {\r\n        if (!obj) continue;\r\n        for (const [key, value] of Object.entries(obj)) {\r\n            switch (Object.prototype.toString.call(value)) {\r\n                case '[object Object]':\r\n                    target[key] = target[key] || {};\r\n                    target[key] = deepExtend(target[key], value);\r\n                    break;\r\n                case '[object Array]': //review case array\r\n                    target[key] = deepExtend(new Array(value.length), value);\r\n                    break;\r\n                default:\r\n                    target[key] = value;\r\n            }\r\n        }\r\n    }\r\n    return target;\r\n}\r\n\r\nexport function shallowExtend(target, ...sources) {\r\n    for (const src of sources) {\r\n        if (!src) continue;\r\n        for (const [key, value] of Object.entries(src)) {\r\n            target[key] = value;\r\n        }\r\n    }\r\n    return target;\r\n}","export function Data() {\r\n    this.store = new WeakMap();\r\n}\r\n\r\nData.prototype = {\r\n    set(element, key, value) {\r\n        if (!this.store.has(element))\r\n            this.store.set(element, {});\r\n        this.store.get(element)[key] = value;\r\n    },\r\n    get(element, key) {\r\n        if (!this.store.has(element)) return undefined;\r\n        if (key === undefined) return this.store.get(element);\r\n        return this.store.get(element)[key];\r\n    },\r\n    hasData(element) {\r\n        return this.store.get(element);\r\n    },\r\n    remove(element, key) {\r\n        if (!this.store.has(element)) return;\r\n        if (key === undefined) \r\n            this.store.delete(element);\r\n        else \r\n            delete this.store.get(element)[key];\r\n    },\r\n    access(element, key, value) {\r\n        if (value === undefined) return this.get(element, key);\r\n        this.set(element, key, value);\r\n        return value;\r\n    }    \r\n}\r\n\r\nexport const dataUser = new Data();","import { deepExtend } from \"./utils.js\";\r\nlet Widget = function() {};\r\nWidget.prototype = {\r\n    options: {\r\n        classes: {},\r\n        disabled: false,\r\n    },\r\n\r\n    _createWidget: function(options, element) {\r\n        this.options = deepExtend({}, this.options, options);\r\n        this._create();\r\n        this._init();\r\n    },\r\n    _create: function() {},\r\n\t_init: function() {},\r\n    _destroy: function() {},\r\n    _setOption: function(key, value) {\r\n        this.options[key] = value;\r\n        return this;\r\n    },\r\n    _setOptions: function(options) {\r\n        for (const key in options )\r\n\t\t\tthis._setOption( key, options[key] );\r\n        return this;\r\n    }\r\n}\r\nexport default Widget;","\r\nimport { shallowExtend, deepExtend } from \"./utils.js\";\r\nimport { dataUser } from \"./data.js\";\r\nimport Widget from \"./widget.js\";\r\n(function(global) {\r\n    function jQueryObject(selector) {\r\n        if (selector.nodeType) {\r\n            this.length = 1;\r\n            this[0] = selector;\r\n        }\r\n        else if (typeof selector == 'string') {\r\n            let nodeList = document.querySelectorAll(selector); //an array of nodelist => change it to jquery object\r\n            let index = 0;\r\n            this.length = 0; //Data in constructor, methods in prototype ✅\r\n            for (let node of nodeList) {\r\n                this[index] = node;\r\n                index += 1;\r\n                this.length += 1;\r\n            }\r\n        }\r\n        else \r\n            return;\r\n        //new jQueryObject implicitly return this\r\n    }\r\n\r\n    let jQuery = (selector) => new jQueryObject(selector);\r\n    jQueryObject.prototype = jQuery.fn = jQuery.prototype = { //alias to prototype\r\n        ready: function(callback) {\r\n            let jQueryObj = this;\r\n            const isReady = Array.prototype.some.call(jQueryObj, function(element) {\r\n                return element.readyState != null && element.readyState != \"loading\";\r\n            });\r\n            if (isReady) {\r\n                callback();\r\n            }\r\n            else {\r\n                jQueryObj.on('DOMContentLoaded', callback);\r\n            }\r\n        },\r\n        each: function(callback) { //suger syntax, now callback exec for each match element of jQuery instance and chainable\r\n            return jQuery.each(this, callback);\r\n        },\r\n        on: function(event, callback) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.addEventListener(event, function(e) {\r\n                    callback.call(element, e)\r\n                });\r\n            })\r\n        },\r\n        text: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) { //setter\r\n                const text = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.textContent = text;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].textContent;\r\n            }\r\n        },\r\n        val: function() {\r\n            const jQueryObj = this;\r\n            if (arguments.length == 1) {\r\n                const value = arguments[0];//if call arguments inside jQuery.each then it is different\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    element.value = value;\r\n                })\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                return jQueryObj[0].value;\r\n            }\r\n        },\r\n        css: function() {\r\n            let cssCamelcaseProperty = function(cssProperty) {\r\n                return cssProperty.replace(/-([a-z])/g, (fullMatch, captureCharacter) => {\r\n                    return captureCharacter.toUpperCase();\r\n                });\r\n            };\r\n            const jQueryObj = this;\r\n            if (arguments.length == 2) {\r\n                let cssPropertyName = arguments[0];\r\n                let value = arguments[1];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                    element.style[camelProperty] = value;\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'object')  {\r\n                const cssProperties = arguments[0];\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    for (const [cssPropertyName, value] of Object.entries(cssProperties)) {\r\n                        const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                        element.style[camelProperty] = value;\r\n                    }\r\n                });\r\n            }\r\n            else if (arguments.length == 1 && typeof arguments[0] == 'string')  {\r\n                const cssPropertyName = arguments[0];\r\n                const camelProperty = cssCamelcaseProperty(cssPropertyName);\r\n                let result = getComputedStyle(jQueryObj[0])[camelProperty];\r\n                return jQueryObj[0].style[camelProperty];\r\n            }\r\n            else if (!arguments || arguments?.length == 0) {\r\n                let result = jQueryObj[0].style;\r\n                return result;\r\n            }\r\n        },\r\n        hasClass: function(className) {\r\n            const jQueryObj = this;\r\n            const result = Array.prototype.some.call(jQueryObj, (element) => element.classList.contains(className));\r\n            return result;\r\n        },\r\n        addClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.add(className);\r\n            });\r\n        },\r\n        removeClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.remove(className);\r\n            });\r\n        },\r\n        toggleClass: function(className) {\r\n            const jQueryObj = this;\r\n            return jQuery.each(jQueryObj, function() {\r\n                const element = this;\r\n                element.classList.toggle(className);\r\n            });\r\n        },\r\n        data: function(name, value) {\r\n            const jQueryObj = this;\r\n            const element = jQueryObj[0];\r\n            if (name === undefined) return dataUser.get(element);\r\n            if (value === undefined) return dataUser.access(element, name);\r\n            else {\r\n                return jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    dataUser.access(element, name, value);\r\n                });\r\n            }\r\n        }\r\n    }\r\n    jQuery.shallowExtend = shallowExtend;\r\n    jQuery.deepExtend = deepExtend;\r\n    jQuery.each = function(target, callback) {\r\n        if (target.length > 0) {\r\n            for (let i = 0; i < target.length; i++)\r\n                if (callback.call(target[i], i, target[i]) === false) break; //TODO: not sure why return false will break\r\n        }\r\n        else {\r\n            for (let key in target)\r\n                if (callback.call(target[key], key, target[key]) === false) break;\r\n        }\r\n        return target; //jQuery chainable\r\n    };\r\n    //TODO: jQuery.extends({ something: ...}) will extend the jQuery itself, so we can import jQuery, and add functionality in different module, more scalable\r\n    jQuery.hasData = function(element) {\r\n        return dataUser.hasData(element);\r\n    };\r\n    jQuery.data = function(element, name, value) {\r\n        return dataUser.access(element, name, value);\r\n    };\r\n    jQuery.removeData = function(element, name) {\r\n        dataUser.remove(element, name);\r\n    };\r\n    /** This method is ensure we have widgetName => we will have $(element).widgetFullName() getter, setter */\r\n    jQuery.widgetBridge = function(name, constructorFn) { \r\n        let fullName = constructorFn.prototype.widgetFullName || name;\r\n        jQuery.fn[name] = function(options) {\r\n            let isMethodCall = typeof options === \"string\";\r\n            const jQueryObj = this;\r\n            const args = Array.prototype.slice.call(arguments, 1);\r\n            let returnValue = jQueryObj;\r\n            if (!isMethodCall) { //is init                \r\n                jQuery.each(jQueryObj, function() {\r\n                    const element = this;\r\n                    const instance = jQuery.data(element, fullName);\r\n                    if (!instance)\r\n                        jQuery.data(this, fullName, new constructorFn(options, element));\r\n                    else {\r\n                        instance._setOptions(options);\r\n                        if (instance._init) instance._init();\r\n                    }\r\n                });\r\n            }\r\n            else { //is method call\r\n                if (!jQueryObj.length && options === 'instance') return undefined;\r\n                jQuery.each(jQueryObj, function() {\r\n                    let instance = jQuery.data(this, fullName);\r\n                    if (!instance) throw Error(\"not initialized\");\r\n                    if (options === 'instance') {\r\n                        returnValue = instance;\r\n                        return false; //exits jQuery.each\r\n                    }\r\n                    if (typeof instance[options] == 'function') {\r\n                        returnValue = instance[options].apply(instance, args);\r\n                        return false;\r\n                    }\r\n                });\r\n            } \r\n            return returnValue;\r\n        }\r\n    }\r\n    /**\r\n     * Minimal flow (mental model) $.widget():\r\n        build constructor -> set prototype chain -> wrap overridden methods -> expose $.fn.plugin\r\n     */\r\n    jQuery.widget = function(inputName, base, prototype) {\r\n        const [namespace, name] = inputName.split(\".\");\r\n        const fullName = `${namespace}-${name}`;\r\n        if (prototype === undefined) {\r\n            prototype = base;\r\n            base = Widget;\r\n        }\r\n\r\n        jQuery[namespace] = jQuery[namespace] || {};\r\n        let constructor = jQuery[namespace][name]  = function(options, element) {\r\n            //!this: Called without new\r\n            //!this._createWidget: Prototype isn’t set yet, or calling for simple inheritance\r\n            if (!this || !this._createWidget)\r\n                return new constructor( options, element );\r\n            if (arguments.length)\r\n                this._createWidget( options, element );\r\n        }\r\n\r\n        let basePrototype = new base();\r\n        //not mutate the base 's options from prototype (shared), in case options of base is from prototype\r\n        //obj.options === Base.prototype.options // ✅ true (obj not have options, but get this from its prototype)\r\n        basePrototype.options = jQuery.deepExtend({}, basePrototype.options);\r\n\r\n        let proxiedPrototype = {};\r\n        jQuery.each(prototype, function(property, value) {\r\n            if (typeof value !== \"function\") {\r\n                proxiedPrototype[property] = value;\r\n                return;\r\n            }\r\n            proxiedPrototype[property] = (function() {\r\n                function _super() {\r\n                    return base.prototype[property].apply(this, arguments);\r\n                }\r\n\r\n                function _superApply(args) {\r\n                    return base.prototype[property].apply(this, args);\r\n                }\r\n\r\n                return function() {\r\n                    //this keyword in this context is the widget instance\r\n                    //save these for later restore\r\n                    let __super = this._super;\r\n                    let __superApply = this._superApply;\r\n\r\n                    this._super = _super;\r\n                    this._superApply = _superApply;\r\n\r\n                    const returnValue = value.apply(this, arguments); //value is a function\r\n                    this._super = __super;\r\n                    this._superApply = __superApply;\r\n                    return returnValue;\r\n                }\r\n            })()\r\n        });\r\n\r\n        constructor.prototype = jQuery.deepExtend(basePrototype, proxiedPrototype, {\r\n            constructor: constructor,\r\n            namespace: namespace,\r\n            widgetName: name,\r\n            widgetFullName: fullName\r\n        });\r\n\r\n        jQuery.widgetBridge( name, constructor );\r\n        return constructor;\r\n    }\r\n\r\n\r\n    //NOTE: if Query.fn = jQuery.prototype is after jQueryObject.prototype = jQuery.fn, then prototype of instance not have these methods: shallowExtend, ....\r\n    // jQuery.fn = jQuery.prototype = {\r\n    //     shallowExtend: shallowExtend,\r\n    //     deepExtend: deepExtend,\r\n    // }\r\n\r\n    global.jQuery = global.$ = jQuery;\r\n})(window)\r\n//IIFE to ensure, all var in this file not polute window global object, only jQuery & $\r\n//or could use export { jQuery, jQuery as $ }, then import these 2 from the core.js (module)\r\n"],"names":["deepExtend","target","arguments","otherArgs","Array","prototype","slice","apply","obj","key","value","Object","entries","toString","call","length","shallowExtend","sources","src","Data","this","store","WeakMap","set","element","has","get","undefined","hasData","remove","delete","access","dataUser","Widget","options","classes","disabled","_createWidget","_create","_init","_destroy","_setOption","_setOptions","global","jQueryObject","selector","nodeType","nodeList","document","querySelectorAll","index","node","jQuery","fn","ready","callback","some","readyState","on","each","event","addEventListener","e","text","jQueryObj","textContent","val","css","cssCamelcaseProperty","cssProperty","replace","fullMatch","captureCharacter","toUpperCase","cssPropertyName","camelProperty","style","cssProperties","getComputedStyle","hasClass","className","classList","contains","addClass","add","removeClass","toggleClass","toggle","data","name","i","removeData","widgetBridge","constructorFn","fullName","widgetFullName","isMethodCall","args","returnValue","instance","Error","widget","inputName","base","namespace","split","constructor","basePrototype","proxiedPrototype","property","_super","_superApply","__super","__superApply","widgetName","$","window"],"ignoreList":[],"sourceRoot":""}

package/index.html

@@ -11,6 +11,7 @@
     <div class="myDiv"></div>
     <!-- <script src="./src/core.js" type="module"></script> -->
      <script src="./dist/main.js"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/@peter-debugging-2/peter-minimal-jquery@1.0.0/dist/main.js"></script> -->
     <!-- <script type="module"> -->
      <script>
         jQuery(document).ready(function() {
@@ -33,12 +34,21 @@
             })
             .val("Just a value")
             .css({"color": "yellow", "display": "block"})
-            .toggleClass("myInput");
+            .toggleClass("myInput")
+            .data("peterData", {"hello": "world", "me": 1});
         jQuery(".myDiv").text("Hello world");
+        console.log(jQuery("input").data());
         console.log(jQuery("input").css("color"));
         console.log(jQuery("input").css());
         console.log(jQuery("input").hasClass("myInput"));
-        
+
+        jQuery.widget("custom.simpleWidget", { 
+            _create: function() { 
+                console.log("This is me"); 
+            }
+        });
+        jQuery("input").simpleWidget();
+        jQuery("input").simpleWidget({"me": 2});
     </script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peter-debugging-2/peter-minimal-jquery",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "A usable simplified jquery like package",
   "main": "./src/core.js",
   "type": "module",

package/src/core.js

@@ -1,6 +1,7 @@
 
 import { shallowExtend, deepExtend } from "./utils.js";
-
+import { dataUser } from "./data.js";
+import Widget from "./widget.js";
 (function(global) {
     function jQueryObject(selector) {
         if (selector.nodeType) {
@@ -136,6 +137,18 @@ import { shallowExtend, deepExtend } from "./utils.js";
                 const element = this;
                 element.classList.toggle(className);
             });
+        },
+        data: function(name, value) {
+            const jQueryObj = this;
+            const element = jQueryObj[0];
+            if (name === undefined) return dataUser.get(element);
+            if (value === undefined) return dataUser.access(element, name);
+            else {
+                return jQuery.each(jQueryObj, function() {
+                    const element = this;
+                    dataUser.access(element, name, value);
+                });
+            }
         }
     }
     jQuery.shallowExtend = shallowExtend;
@@ -150,7 +163,125 @@ import { shallowExtend, deepExtend } from "./utils.js";
                 if (callback.call(target[key], key, target[key]) === false) break;
         }
         return target; //jQuery chainable
+    };
+    //TODO: jQuery.extends({ something: ...}) will extend the jQuery itself, so we can import jQuery, and add functionality in different module, more scalable
+    jQuery.hasData = function(element) {
+        return dataUser.hasData(element);
+    };
+    jQuery.data = function(element, name, value) {
+        return dataUser.access(element, name, value);
+    };
+    jQuery.removeData = function(element, name) {
+        dataUser.remove(element, name);
+    };
+    /** This method is ensure we have widgetName => we will have $(element).widgetFullName() getter, setter */
+    jQuery.widgetBridge = function(name, constructorFn) { 
+        let fullName = constructorFn.prototype.widgetFullName || name;
+        jQuery.fn[name] = function(options) {
+            let isMethodCall = typeof options === "string";
+            const jQueryObj = this;
+            const args = Array.prototype.slice.call(arguments, 1);
+            let returnValue = jQueryObj;
+            if (!isMethodCall) { //is init                
+                jQuery.each(jQueryObj, function() {
+                    const element = this;
+                    const instance = jQuery.data(element, fullName);
+                    if (!instance)
+                        jQuery.data(this, fullName, new constructorFn(options, element));
+                    else {
+                        instance._setOptions(options);
+                        if (instance._init) instance._init();
+                    }
+                });
+            }
+            else { //is method call
+                if (!jQueryObj.length && options === 'instance') return undefined;
+                jQuery.each(jQueryObj, function() {
+                    let instance = jQuery.data(this, fullName);
+                    if (!instance) throw Error("not initialized");
+                    if (options === 'instance') {
+                        returnValue = instance;
+                        return false; //exits jQuery.each
+                    }
+                    if (typeof instance[options] == 'function') {
+                        returnValue = instance[options].apply(instance, args);
+                        return false;
+                    }
+                });
+            } 
+            return returnValue;
+        }
     }
+    /**
+     * Minimal flow (mental model) $.widget():
+        build constructor -> set prototype chain -> wrap overridden methods -> expose $.fn.plugin
+     */
+    jQuery.widget = function(inputName, base, prototype) {
+        const [namespace, name] = inputName.split(".");
+        const fullName = `${namespace}-${name}`;
+        if (prototype === undefined) {
+            prototype = base;
+            base = Widget;
+        }
+
+        jQuery[namespace] = jQuery[namespace] || {};
+        let constructor = jQuery[namespace][name]  = function(options, element) {
+            //!this: Called without new
+            //!this._createWidget: Prototype isn’t set yet, or calling for simple inheritance
+            if (!this || !this._createWidget)
+                return new constructor( options, element );
+            if (arguments.length)
+                this._createWidget( options, element );
+        }
+
+        let basePrototype = new base();
+        //not mutate the base 's options from prototype (shared), in case options of base is from prototype
+        //obj.options === Base.prototype.options // ✅ true (obj not have options, but get this from its prototype)
+        basePrototype.options = jQuery.deepExtend({}, basePrototype.options);
+
+        let proxiedPrototype = {};
+        jQuery.each(prototype, function(property, value) {
+            if (typeof value !== "function") {
+                proxiedPrototype[property] = value;
+                return;
+            }
+            proxiedPrototype[property] = (function() {
+                function _super() {
+                    return base.prototype[property].apply(this, arguments);
+                }
+
+                function _superApply(args) {
+                    return base.prototype[property].apply(this, args);
+                }
+
+                return function() {
+                    //this keyword in this context is the widget instance
+                    //save these for later restore
+                    let __super = this._super;
+                    let __superApply = this._superApply;
+
+                    this._super = _super;
+                    this._superApply = _superApply;
+
+                    const returnValue = value.apply(this, arguments); //value is a function
+                    this._super = __super;
+                    this._superApply = __superApply;
+                    return returnValue;
+                }
+            })()
+        });
+
+        constructor.prototype = jQuery.deepExtend(basePrototype, proxiedPrototype, {
+            constructor: constructor,
+            namespace: namespace,
+            widgetName: name,
+            widgetFullName: fullName
+        });
+
+        jQuery.widgetBridge( name, constructor );
+        return constructor;
+    }
+
 
     //NOTE: if Query.fn = jQuery.prototype is after jQueryObject.prototype = jQuery.fn, then prototype of instance not have these methods: shallowExtend, ....
     // jQuery.fn = jQuery.prototype = {

package/src/data.js

@@ -0,0 +1,33 @@
+export function Data() {
+    this.store = new WeakMap();
+}
+
+Data.prototype = {
+    set(element, key, value) {
+        if (!this.store.has(element))
+            this.store.set(element, {});
+        this.store.get(element)[key] = value;
+    },
+    get(element, key) {
+        if (!this.store.has(element)) return undefined;
+        if (key === undefined) return this.store.get(element);
+        return this.store.get(element)[key];
+    },
+    hasData(element) {
+        return this.store.get(element);
+    },
+    remove(element, key) {
+        if (!this.store.has(element)) return;
+        if (key === undefined) 
+            this.store.delete(element);
+        else 
+            delete this.store.get(element)[key];
+    },
+    access(element, key, value) {
+        if (value === undefined) return this.get(element, key);
+        this.set(element, key, value);
+        return value;
+    }    
+}
+
+export const dataUser = new Data();

package/src/utils.js

@@ -1,22 +1,23 @@
 export function deepExtend() {
     let target = arguments[0] || {};
-    let otherArgs = Array.prototype.slice.apply(arguments, 1); //other options to override
+    let otherArgs = Array.prototype.slice.apply(arguments, [1]); //other options to override
     for (const obj of otherArgs) {
         if (!obj) continue;
         for (const [key, value] of Object.entries(obj)) {
             switch (Object.prototype.toString.call(value)) {
                 case '[object Object]':
                     target[key] = target[key] || {};
-                    target[key] = jQuery.fn.extend(target[key], value);
+                    target[key] = deepExtend(target[key], value);
                     break;
                 case '[object Array]': //review case array
-                    target[key] = jQuery.fn.extend(new Array(value.length), value);
+                    target[key] = deepExtend(new Array(value.length), value);
                     break;
                 default:
                     target[key] = value;
             }
         }
     }
+    return target;
 }
 
 export function shallowExtend(target, ...sources) {
@@ -26,4 +27,5 @@ export function shallowExtend(target, ...sources) {
             target[key] = value;
         }
     }
+    return target;
 }

package/src/widget.js

@@ -0,0 +1,27 @@
+import { deepExtend } from "./utils.js";
+let Widget = function() {};
+Widget.prototype = {
+    options: {
+        classes: {},
+        disabled: false,
+    },
+
+    _createWidget: function(options, element) {
+        this.options = deepExtend({}, this.options, options);
+        this._create();
+        this._init();
+    },
+    _create: function() {},
+	_init: function() {},
+    _destroy: function() {},
+    _setOption: function(key, value) {
+        this.options[key] = value;
+        return this;
+    },
+    _setOptions: function(options) {
+        for (const key in options )
+			this._setOption( key, options[key] );
+        return this;
+    }
+}
+export default Widget;