@taufik-nurrohman/text-editor.key 1.0.6 → 1.0.8

package/README.md

@@ -1,8 +1,7 @@
 [Text Editor](https://github.com/taufik-nurrohman/text-editor) » Key
 ==========================================================================
 
-Key extension for [Text Editor](https://github.com/taufik-nurrohman/text-editor). This extension provides a feature to
-easily interact with the keyboard keys.
+This extension provides a feature to easily interact with the keyboard keys.
 
 ![index.js](https://img.shields.io/github/size/taufik-nurrohman/text-editor.key/index.js?branch=main&color=%23f1e05a&label=index.js&labelColor=%231f2328&style=flat-square)
 ![index.min.js](https://img.shields.io/github/size/taufik-nurrohman/text-editor.key/index.min.js?branch=main&color=%23f1e05a&label=index.min.js&labelColor=%231f2328&style=flat-square)

package/index.js

@@ -60,7 +60,7 @@
     var hasValue = function hasValue(x, data) {
         return -1 !== data.indexOf(x);
     };
-    var fromStates = function fromStates() {
+    var _fromStates = function fromStates() {
         for (var _len = arguments.length, lot = new Array(_len), _key = 0; _key < _len; _key++) {
             lot[_key] = arguments[_key];
         }
@@ -82,7 +82,7 @@
                     }
                     // Merge object recursive
                 } else if (isObject(out[k]) && isObject(lot[i][k])) {
-                    out[k] = fromStates({
+                    out[k] = _fromStates({
                         /* Clone! */ }, out[k], lot[i][k]);
                     // Replace value
                 } else {
@@ -176,20 +176,31 @@
         return map.pull();
     }, 1000);
     var name = 'TextEditor.Key';
-    var id = '_Key';
+    var references = new WeakMap();
+
+    function getReference(key) {
+        return references.get(key) || null;
+    }
+
+    function letReference(key) {
+        return references.delete(key);
+    }
 
     function onBlur(e) {
-        this[id].pull(); // Reset all key(s)
+        var $ = this,
+            map = getReference($);
+        $._event = e;
+        map.pull(); // Reset all key(s)
     }
 
     function onInput(e) {
-        onBlur.call(this);
+        onBlur.call(this, e);
     }
 
     function onKeyDown(e) {
         var $ = this;
         var command,
-            map = $[id],
+            map = getReference($),
             v;
         map.push(e.key); // Add current key to the queue
         $._event = e;
@@ -206,22 +217,30 @@
     }
 
     function onKeyUp(e) {
-        this[id].pull(e.key); // Reset current key
+        var $ = this,
+            map = getReference($);
+        $._event = e;
+        map.pull(e.key); // Reset current key
+    }
+
+    function setReference(key, value) {
+        return references.set(key, value);
     }
 
     function attach() {
         var $ = this;
         var $$ = $.constructor.prototype;
         var map = new Key($);
-        $.commands = fromStates($.commands = map.commands, $.state.commands || {});
-        $.keys = fromStates($.keys = map.keys, $.state.keys || {});
+        $.commands = _fromStates($.commands = map.commands, $.state.commands || {});
+        $.keys = _fromStates($.keys = map.keys, $.state.keys || {});
         !isFunction($$.command) && ($$.command = function (command, of) {
             var $ = this;
             return $.commands[command] = of, $;
         });
         !isFunction($$.k) && ($$.k = function (join) {
             var $ = this,
-                key = $[id] + "",
+                map = getReference($),
+                key = map + "",
                 keys;
             if (isSet(join) && '-' !== join) {
                 keys = "" !== key ? key.split(/-(?!$)/) : [];
@@ -245,18 +264,18 @@
         $.on('input', onInput);
         $.on('key.down', onKeyDown);
         $.on('key.up', onKeyUp);
-        return $[id] = map, $;
+        return setReference($, map), $;
     }
 
     function detach() {
-        var $ = this;
-        $[id].pull();
+        var $ = this,
+            map = getReference($);
+        map.pull();
         $.off('blur', onBlur);
         $.off('input', onInput);
         $.off('key.down', onKeyDown);
         $.off('key.up', onKeyUp);
-        delete $[id];
-        return $;
+        return letReference($), $;
     }
     var index_js = {
         attach: attach,

package/index.min.js

@@ -23,4 +23,4 @@
  * SOFTWARE.
  *
  */
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((n="undefined"!=typeof globalThis?globalThis:n||self).TextEditor=n.TextEditor||{},n.TextEditor.Key=t())}(this,(function(){"use strict";var n=function(n){return Array.isArray(n)},t=function(n){return"function"==typeof n},e=function(n,t){return void 0===t&&(t=!0),"object"==typeof n&&(!t||function(n,t){return n&&r(t)&&n instanceof t}(n,Object))},r=function(n){return function(n){return void 0!==n}(n)&&!function(n){return null===n}(n)},o=function(n){return"string"==typeof n},u=function t(){for(var o=arguments.length,u=Array(o),f=0;f<o;f++)u[f]=arguments[f];for(var c,s=u.shift(),a=0,l=i(u);a<l;++a)for(var y in u[a])if(r(s[y]))if(n(s[y])&&n(u[a][y])){s[y]=[].concat(s[y]);for(var d=0,p=i(u[a][y]);d<p;++d)c=u[a][y][d],-1===s[y].indexOf(c)&&s[y].push(u[a][y][d])}else e(s[y])&&e(u[a][y])?s[y]=t({},s[y],u[a][y]):s[y]=u[a][y];else s[y]=u[a][y];return s},i=function(n){return n.length};function f(n){var t=this;return t.commands={},t.key=null,t.keys={},t.queue={},t.self=n||t,t}var c=f.prototype;c.command=function(n){var t=this;if(o(n))return n===t.toString();var e=t.keys[t.toString()];return!!r(e)&&e},c.fire=function(e){var u,i,f=this,c=f.self||f;if(t(e))u=e.call(c),i=!0;else if(o(e)&&(e=f.commands[e]))u=e.call(c),i=!0;else if(n(e)){var s=e[1]||[];(e=f.commands[e[0]])&&(u=e.apply(c,s),i=!0)}return i?!r(u)||u:null},c.pull=function(n){var t=this;return t.key=null,r(n)?(delete t.queue[n],t):(t.queue={},t)},c.push=function(n){var t=this;return t.queue[t.key=n]=1,t},c.toString=function(){return(n=this.queue,Object.keys(n)).join("-");var n},Object.defineProperty(f,"name",{value:"Key"});var s,a,l,y=function(n){return n&&n.preventDefault()},d=function(n){return n&&n.stopPropagation()},p=(s=function(n){return n.pull()},a=1e3,function(){var n=arguments,t=this;l&&clearTimeout(l),l=setTimeout((function(){return s.apply(t,n)}),a)}),m="_Key";function h(n){this[m].pull()}function v(n){h.call(this)}function k(n){var t,e,r=this[m];r.push(n.key),this._event=n,(t=r.command())&&(!1===(e=r.fire(t))?(y(n),d(n)):null===e&&console.warn("Unknown command: `"+t+"`")),p(r)}function b(n){this[m].pull(n.key)}var g={attach:function(){var n=this,e=n.constructor.prototype,o=new f(n);return n.commands=u(n.commands=o.commands,n.state.commands||{}),n.keys=u(n.keys=o.keys,n.state.keys||{}),!t(e.command)&&(e.command=function(n,t){return this.commands[n]=t,this}),!t(e.k)&&(e.k=function(n){var t,e=this[m]+"";return r(n)&&"-"!==n&&(t=""!==e?e.split(/-(?!$)/):[],!1!==n)?t.join(n):!1===n?"-"===e?[e]:t:e}),!t(e.key)&&(e.key=function(n,t){return this.keys[n]=t,this}),n.on("blur",h),n.on("input",v),n.on("key.down",k),n.on("key.up",b),n[m]=o,n},detach:function(){var n=this;return n[m].pull(),n.off("blur",h),n.off("input",v),n.off("key.down",k),n.off("key.up",b),delete n[m],n},name:"TextEditor.Key"};return g}));
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((n="undefined"!=typeof globalThis?globalThis:n||self).TextEditor=n.TextEditor||{},n.TextEditor.Key=t())}(this,(function(){"use strict";var n=function(n){return Array.isArray(n)},t=function(n){return"function"==typeof n},e=function(n,t){return void 0===t&&(t=!0),"object"==typeof n&&(!t||function(n,t){return n&&r(t)&&n instanceof t}(n,Object))},r=function(n){return function(n){return void 0!==n}(n)&&!function(n){return null===n}(n)},o=function(n){return"string"==typeof n},u=function(){for(var t=arguments.length,o=Array(t),f=0;f<t;f++)o[f]=arguments[f];for(var c,s=o.shift(),a=0,l=i(o);a<l;++a)for(var y in o[a])if(r(s[y]))if(n(s[y])&&n(o[a][y])){s[y]=[].concat(s[y]);for(var d=0,p=i(o[a][y]);d<p;++d)c=o[a][y][d],-1===s[y].indexOf(c)&&s[y].push(o[a][y][d])}else e(s[y])&&e(o[a][y])?s[y]=u({},s[y],o[a][y]):s[y]=o[a][y];else s[y]=o[a][y];return s},i=function(n){return n.length};function f(n){var t=this;return t.commands={},t.key=null,t.keys={},t.queue={},t.self=n||t,t}var c=f.prototype;c.command=function(n){var t=this;if(o(n))return n===t.toString();var e=t.keys[t.toString()];return!!r(e)&&e},c.fire=function(e){var u,i,f=this,c=f.self||f;if(t(e))u=e.call(c),i=!0;else if(o(e)&&(e=f.commands[e]))u=e.call(c),i=!0;else if(n(e)){var s=e[1]||[];(e=f.commands[e[0]])&&(u=e.apply(c,s),i=!0)}return i?!r(u)||u:null},c.pull=function(n){var t=this;return t.key=null,r(n)?(delete t.queue[n],t):(t.queue={},t)},c.push=function(n){var t=this;return t.queue[t.key=n]=1,t},c.toString=function(){return(n=this.queue,Object.keys(n)).join("-");var n},Object.defineProperty(f,"name",{value:"Key"});var s,a,l,y=(s=function(n){return n.pull()},a=1e3,function(){var n=arguments,t=this;l&&clearTimeout(l),l=setTimeout((function(){return s.apply(t,n)}),a)}),d=new WeakMap;function p(n){return d.get(n)||null}function m(n){var t=p(this);this._event=n,t.pull()}function h(n){m.call(this,n)}function v(n){var t,e,r=p(this);r.push(n.key),this._event=n,(t=r.command())&&(!1===(e=r.fire(t))?(function(n){n&&n.preventDefault()}(n),function(n){n&&n.stopPropagation()}(n)):null===e&&console.warn("Unknown command: `"+t+"`")),y(r)}function k(n){var t=p(this);this._event=n,t.pull(n.key)}var g={attach:function(){var n,e,o=this,i=o.constructor.prototype,c=new f(o);return o.commands=u(o.commands=c.commands,o.state.commands||{}),o.keys=u(o.keys=c.keys,o.state.keys||{}),!t(i.command)&&(i.command=function(n,t){return this.commands[n]=t,this}),!t(i.k)&&(i.k=function(n){var t,e=p(this)+"";return r(n)&&"-"!==n&&(t=""!==e?e.split(/-(?!$)/):[],!1!==n)?t.join(n):!1===n?"-"===e?[e]:t:e}),!t(i.key)&&(i.key=function(n,t){return this.keys[n]=t,this}),o.on("blur",m),o.on("input",h),o.on("key.down",v),o.on("key.up",k),n=o,e=c,d.set(n,e),o},detach:function(){var n,t=this;return p(t).pull(),t.off("blur",m),t.off("input",h),t.off("key.down",v),t.off("key.up",k),n=t,d.delete(n),t},name:"TextEditor.Key"};return g}));

package/index.mjs

@@ -6,20 +6,30 @@ import {offEventDefault, offEventPropagation} from '@taufik-nurrohman/event';
 
 const bounce = debounce(map => map.pull(), 1000);
 const name = 'TextEditor.Key';
+const references = new WeakMap;
 
-const id = '_Key';
+function getReference(key) {
+    return references.get(key) || null;
+}
+
+function letReference(key) {
+    return references.delete(key);
+}
 
 function onBlur(e) {
-    this[id].pull(); // Reset all key(s)
+    let $ = this,
+        map = getReference($);
+    $._event = e;
+    map.pull(); // Reset all key(s)
 }
 
 function onInput(e) {
-    onBlur.call(this);
+    onBlur.call(this, e);
 }
 
 function onKeyDown(e) {
     let $ = this;
-    let command, map = $[id], v;
+    let command, map = getReference($), v;
     map.push(e.key); // Add current key to the queue
     $._event = e;
     if (command = map.command()) {
@@ -35,7 +45,14 @@ function onKeyDown(e) {
 }
 
 function onKeyUp(e) {
-    this[id].pull(e.key); // Reset current key
+    let $ = this,
+        map = getReference($);
+    $._event = e;
+    map.pull(e.key); // Reset current key
+}
+
+function setReference(key, value) {
+    return references.set(key, value);
 }
 
 function attach() {
@@ -50,8 +67,8 @@ function attach() {
     });
     !isFunction($$.k) && ($$.k = function (join) {
         let $ = this,
-            key = $[id] + "",
-            keys;
+            map = getReference($),
+            key = map + "", keys;
         if (isSet(join) && '-' !== join) {
             keys = "" !== key ? key.split(/-(?!$)/) : [];
             if (false !== join) {
@@ -74,18 +91,18 @@ function attach() {
     $.on('input', onInput);
     $.on('key.down', onKeyDown);
     $.on('key.up', onKeyUp);
-    return ($[id] = map), $;
+    return setReference($, map), $;
 }
 
 function detach() {
-    let $ = this;
-    $[id].pull();
+    let $ = this,
+        map = getReference($);
+    map.pull();
     $.off('blur', onBlur);
     $.off('input', onInput);
     $.off('key.down', onKeyDown);
     $.off('key.up', onKeyUp);
-    delete $[id];
-    return $;
+    return letReference($), $;
 }
 
 export default {attach, detach, name};

package/package.json

@@ -46,5 +46,5 @@
   "scripts": {
     "pack": "pack --clean=false --from=.factory --js-format=umd --js-name=TextEditor.Key --js-top='%(js.license)' --mjs=true --to=."
   },
-  "version": "1.0.6"
+  "version": "1.0.8"
 }