@taufik-nurrohman/text-editor.source 3.0.0 → 3.0.1

package/index.js

@@ -27,32 +27,30 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = f() : typeof define === 'function' && define.amd ? define(f) : (g = typeof globalThis !== 'undefined' ? globalThis : g || self, (g.TextEditor = g.TextEditor || {}, g.TextEditor.Source = f()));
 })(this, (function () {
     'use strict';
-    var debounce = function debounce(then, time) {
-        var timer;
-        return function () {
-            var _arguments = arguments,
-                _this = this;
-            timer && clearTimeout(timer);
-            timer = setTimeout(function () {
-                return then.apply(_this, _arguments);
-            }, time);
-        };
-    };
     var hasValue = function hasValue(x, data) {
         return -1 !== data.indexOf(x);
     };
     var isArray = function isArray(x) {
         return Array.isArray(x);
     };
-    var isDefined$1 = function isDefined(x) {
+    var isDefined = function isDefined(x) {
         return 'undefined' !== typeof x;
     };
-    var isInstance$1 = function isInstance(x, of) {
-        return x && isSet$1(of) && x instanceof of ;
+    var isFunction = function isFunction(x) {
+        return 'function' === typeof x;
+    };
+    var isInstance = function isInstance(x, of) {
+        return x && isSet(of) && x instanceof of ;
     };
-    var isNull$1 = function isNull(x) {
+    var isInteger = function isInteger(x) {
+        return isNumber(x) && 0 === x % 1;
+    };
+    var isNull = function isNull(x) {
         return null === x;
     };
+    var isNumber = function isNumber(x) {
+        return 'number' === typeof x;
+    };
     var isObject = function isObject(x, isPlain) {
         if (isPlain === void 0) {
             isPlain = true;
@@ -60,13 +58,10 @@
         if ('object' !== typeof x) {
             return false;
         }
-        return isPlain ? isInstance$1(x, Object) : true;
-    };
-    var isSet$1 = function isSet(x) {
-        return isDefined$1(x) && !isNull$1(x);
+        return isPlain ? isInstance(x, Object) : true;
     };
-    var isString = function isString(x) {
-        return 'string' === typeof x;
+    var isSet = function isSet(x) {
+        return isDefined(x) && !isNull(x);
     };
     var toCount = function toCount(x) {
         return x.length;
@@ -82,7 +77,7 @@
         for (var i = 0, j = toCount(lot); i < j; ++i) {
             for (var k in lot[i]) {
                 // Assign value
-                if (!isSet$1(out[k])) {
+                if (!isSet(out[k])) {
                     out[k] = lot[i][k];
                     continue;
                 }
@@ -106,30 +101,21 @@
         }
         return out;
     };
-    var offEvent = function offEvent(name, node, then) {
-        node.removeEventListener(name, then);
+    var W = window;
+    var debounce = function debounce(then, time) {
+        var timer;
+        return function () {
+            var _arguments = arguments,
+                _this = this;
+            timer && clearTimeout(timer);
+            timer = setTimeout(function () {
+                return then.apply(_this, _arguments);
+            }, time);
+        };
     };
     var offEventDefault = function offEventDefault(e) {
         return e && e.preventDefault();
     };
-    var onEvent = function onEvent(name, node, then, options) {
-        if (options === void 0) {
-            options = false;
-        }
-        node.addEventListener(name, then, options);
-    };
-    var isDefined = function isDefined(x) {
-        return 'undefined' !== typeof x;
-    };
-    var isInstance = function isInstance(x, of) {
-        return x && isSet(of) && x instanceof of ;
-    };
-    var isNull = function isNull(x) {
-        return null === x;
-    };
-    var isSet = function isSet(x) {
-        return isDefined(x) && !isNull(x);
-    };
     var isPattern = function isPattern(pattern) {
         return isInstance(pattern, RegExp);
     };
@@ -147,37 +133,38 @@
     }, 10);
 
     function onKeyDown(e) {
-        var _editor$state$source, _editor$state$source2;
-        var self = this,
-            editor = self.TextEditor,
-            keys = editor.k();
-        if (!editor || e.defaultPrevented) {
-            return;
-        }
-        bounce(editor);
-        if (editor.keys[keys]) {
+        var _$$state$source, _$$state$source2;
+        var $ = this,
+            key = $.k(false).pop(),
+            // Capture the last key
+            keys = $.k();
+        bounce($);
+        if (e.defaultPrevented || $.keys[keys]) {
             return;
         }
         var charAfter,
             charBefore,
-            charIndent = ((_editor$state$source = editor.state.source) == null ? void 0 : _editor$state$source.tab) || editor.state.tab || '\t',
-            charPairs = ((_editor$state$source2 = editor.state.source) == null ? void 0 : _editor$state$source2.pairs) || {},
+            charIndent = ((_$$state$source = $.state.source) == null ? void 0 : _$$state$source.tab) || $.state.tab || '\t',
+            charPairs = ((_$$state$source2 = $.state.source) == null ? void 0 : _$$state$source2.pairs) || {},
             charPairsValues = toObjectValues(charPairs);
-        var _editor$$ = editor.$(),
-            after = _editor$$.after,
-            before = _editor$$.before,
-            end = _editor$$.end,
-            start = _editor$$.start,
-            value = _editor$$.value,
+        if (isInteger(charIndent)) {
+            charIndent = ' '.repeat(charIndent);
+        }
+        var _$$$ = $.$(),
+            after = _$$$.after,
+            before = _$$$.before,
+            end = _$$$.end,
+            start = _$$$.start,
+            value = _$$$.value,
             lineAfter = after.split('\n').shift(),
             lineBefore = before.split('\n').pop(),
-            lineMatch = lineBefore.match(/^(\s+)/),
-            lineMatchIndent = lineMatch && lineMatch[1] || "";
+            lineMatch = /^\s+/.exec(lineBefore),
+            lineMatchIndent = lineMatch && lineMatch[0] || "";
         if (CTRL_PREFIX + SHIFT_PREFIX + 'Enter' === keys) {
             if (before || after) {
                 // Insert line above with `⎈⇧↵`
                 offEventDefault(e);
-                return editor.select(start - toCount(lineBefore)).wrap(lineMatchIndent, '\n').insert(value).record(), false;
+                return $.select(start - toCount(lineBefore)).wrap(lineMatchIndent, '\n').insert(value).record(), false;
             }
             return;
         }
@@ -185,7 +172,7 @@
             if (before || after) {
                 // Insert line below with `⎈↵`
                 offEventDefault(e);
-                return editor.select(end + toCount(lineAfter)).wrap('\n' + lineMatchIndent, "").insert(value).record(), false;
+                return $.select(end + toCount(lineAfter)).wrap('\n' + lineMatchIndent, "").insert(value).record(), false;
             }
         }
         // Do nothing
@@ -197,11 +184,11 @@
             charAfter = charPairs[charBefore = before.slice(-1)];
             if (!value && charAfter && charBefore && charAfter === after[0]) {
                 offEventDefault(e);
-                return editor.wrap(' ', ' ');
+                return $.wrap(' ', ' ');
             }
             return;
         }
-        if ('Backspace' === keys) {
+        if ('Backspace' === keys || 'Delete' === keys) {
             charAfter = charPairs[charBefore = before.slice(-1)];
             // Do nothing on escape
             if ('\\' === charBefore) {
@@ -210,7 +197,7 @@
             if (value) {
                 if (after && before && charAfter && charAfter === after[0] && !before.endsWith('\\' + charBefore)) {
                     offEventDefault(e);
-                    return editor.record().peel(charBefore, charAfter).record();
+                    return $.record().peel(charBefore, charAfter).record();
                 }
                 return;
             }
@@ -219,19 +206,19 @@
                 if (after.startsWith(' ' + charAfter) && before.endsWith(charBefore + ' ') || after.startsWith('\n' + lineMatchIndent + charAfter) && before.endsWith(charBefore + '\n' + lineMatchIndent)) {
                     // Collapse bracket(s)
                     offEventDefault(e);
-                    return editor.trim("", "").record();
+                    return $.trim("", "").record();
                 }
             }
             // Outdent
-            if (lineBefore.endsWith(charIndent)) {
+            if ('Delete' !== keys && lineBefore.endsWith(charIndent)) {
                 offEventDefault(e);
-                return editor.pull(charIndent).record();
+                return $.pull(charIndent).record();
             }
             if (after && before && !before.endsWith('\\' + charBefore)) {
                 if (charAfter === after[0] && charBefore === before.slice(-1)) {
                     // Peel pair
                     offEventDefault(e);
-                    return editor.peel(charBefore, charAfter).record();
+                    return $.peel(charBefore, charAfter).record();
                 }
             }
             return;
@@ -240,11 +227,11 @@
             if (!value) {
                 if (after && before && (charAfter = charPairs[charBefore = before.slice(-1)]) && charAfter === after[0]) {
                     offEventDefault(e);
-                    return editor.wrap('\n' + lineMatchIndent + (charBefore !== charAfter ? charIndent : ""), '\n' + lineMatchIndent).record();
+                    return $.wrap('\n' + lineMatchIndent + (charBefore !== charAfter ? charIndent : ""), '\n' + lineMatchIndent).record();
                 }
                 if (lineMatchIndent) {
                     offEventDefault(e);
-                    return editor.insert('\n' + lineMatchIndent, -1).record();
+                    return $.insert('\n' + lineMatchIndent, -1).record();
                 }
             }
             return;
@@ -254,30 +241,29 @@
             return;
         }
         charAfter = hasValue(after[0], charPairsValues) ? after[0] : charPairs[charBefore];
-        keys = keys.replace(SHIFT_PREFIX, "");
         // `|}`
-        if (!value && after && before && charAfter && keys === charAfter) {
+        if (!value && after && before && charAfter && key === charAfter) {
             // Move to the next character
             // `}|`
             offEventDefault(e);
-            return editor.select(start + 1).record();
+            return $.select(start + 1).record();
         }
         for (charBefore in charPairs) {
             charAfter = charPairs[charBefore];
             // `{|`
-            if (keys === charBefore && charAfter) {
+            if (key === charBefore && charAfter) {
                 // Wrap pair or selection
                 // `{|}` `{|aaa|}`
                 offEventDefault(e);
-                return editor.wrap(charBefore, charAfter).record();
+                return $.wrap(charBefore, charAfter).record();
             }
             // `|}`
-            if (keys === charAfter) {
+            if (key === charAfter) {
                 if (value) {
                     // Wrap selection
                     // `{|aaa|}`
                     offEventDefault(e);
-                    return editor.record().wrap(charBefore, charAfter).record();
+                    return $.record().wrap(charBefore, charAfter).record();
                 }
                 break;
             }
@@ -298,17 +284,17 @@
             tokens.push('[\\s\\S]'); // Last try!
             if (CTRL_PREFIX + 'ArrowLeft' === keys) {
                 offEventDefault(e);
-                if (m = before.match(toPattern('(' + tokens.join('|') + ')$', ""))) {
-                    return editor.insert("").select(start - toCount(m[0])).insert(value).record();
+                if (m = toPattern('(' + tokens.join('|') + ')$', "").exec(before)) {
+                    return $.insert("").select(start - toCount(m[0])).insert(value).record();
                 }
-                return editor.select();
+                return $.select();
             }
             if (CTRL_PREFIX + 'ArrowRight' === keys) {
                 offEventDefault(e);
                 if (m = after.match(toPattern('^(' + tokens.join('|') + ')', ""))) {
-                    return editor.insert("").select(end + toCount(m[0]) - toCount(value)).insert(value).record();
+                    return $.insert("").select(end + toCount(m[0]) - toCount(value)).insert(value).record();
                 }
-                return editor.select();
+                return $.select();
             }
         }
         // Force to select the current line if there is no selection
@@ -318,40 +304,40 @@
         if (CTRL_PREFIX + 'ArrowUp' === keys) {
             offEventDefault(e);
             if (!hasValue('\n', before)) {
-                return editor.select();
+                return $.select();
             }
-            editor.insert("");
-            editor.replace(/^([^\n]*?)(\n|$)/, '$2', 1);
-            editor.replace(/(^|\n)([^\n]*?)$/, "", -1);
-            var $ = editor.$();
-            before = $.before;
-            start = $.start;
+            $.insert("");
+            $.replace(/^([^\n]*?)(\n|$)/, '$2', 1);
+            $.replace(/(^|\n)([^\n]*?)$/, "", -1);
+            var s = $.$();
+            before = s.before;
+            start = s.start;
             lineBefore = before.split('\n').pop();
-            editor.select(start = start - toCount(lineBefore)).wrap(value, '\n');
-            editor.select(start, start + toCount(value));
-            return editor.record();
+            $.select(start = start - toCount(lineBefore)).wrap(value, '\n');
+            $.select(start, start + toCount(value));
+            return $.record();
         }
         if (CTRL_PREFIX + 'ArrowDown' === keys) {
             offEventDefault(e);
             if (!hasValue('\n', after)) {
-                return editor.select();
+                return $.select();
             }
-            editor.insert("");
-            editor.replace(/^([^\n]*?)(\n|$)/, "", 1);
-            editor.replace(/(^|\n)([^\n]*?)$/, '$1', -1);
-            var _$ = editor.$();
-            after = _$.after;
-            end = _$.end;
+            $.insert("");
+            $.replace(/^([^\n]*?)(\n|$)/, "", 1);
+            $.replace(/(^|\n)([^\n]*?)$/, '$1', -1);
+            var _s = $.$();
+            after = _s.after;
+            end = _s.end;
             lineAfter = after.split('\n').shift();
-            editor.select(end = end + toCount(lineAfter)).wrap('\n', value);
+            $.select(end = end + toCount(lineAfter)).wrap('\n', value);
             end += 1;
-            editor.select(end, end + toCount(value));
-            return editor.record();
+            $.select(end, end + toCount(value));
+            return $.record();
         }
         return;
     }
 
-    function attach(self) {
+    function attach() {
         var $ = this;
         $.state = fromStates({
             source: {
@@ -363,47 +349,112 @@
                     '"': '"',
                     "'": "'",
                     '<': '>'
-                },
-                type: null
+                }
             }
         }, $.state);
-        $.toggle = function (open, close, wrap, tidy) {
-            if (tidy === void 0) {
-                tidy = false;
+        $.alert = function (hint, then) {
+            W.alert && W.alert(hint);
+            return isFunction(then) && then.call($, true);
+        };
+        $.confirm = function (hint, then) {
+            return isFunction(then) && then.call($, W.confirm && W.confirm(hint));
+        };
+        $.insertBlock = function (value, mode) {
+            var _$$$2 = $.$(),
+                after = _$$$2.after,
+                before = _$$$2.before,
+                end = _$$$2.end,
+                start = _$$$2.start,
+                lineAfter = after.split('\n').shift(),
+                lineAfterCount = toCount(lineAfter),
+                lineBefore = before.split('\n').pop(),
+                lineBeforeCount = toCount(lineBefore),
+                lineMatch = /^\s+/.exec(lineBefore),
+                lineMatchIndent = lineMatch && lineMatch[0] || "";
+            if (-1 === mode) {
+                return $.select(start - lineBeforeCount).insert('\n', 1).push(lineMatchIndent).insert(value, 1, false);
             }
-            if (!close && "" !== close) {
-                close = open;
+            if (1 === mode) {
+                return $.select(end + lineAfterCount).insert('\n', -1).push(lineMatchIndent).insert(value, 1, false);
             }
-            var _$$$ = $.$(),
-                after = _$$$.after,
-                before = _$$$.before,
-                value = _$$$.value,
+            return $.select(start - lineBeforeCount, end + lineAfterCount).insert(value, mode, true).wrap(lineMatchIndent, "");
+        };
+        $.peelBlock = function (open, close, wrap) {
+            var _$$$3 = $.$(),
+                after = _$$$3.after,
+                before = _$$$3.before,
+                end = _$$$3.end,
+                start = _$$$3.start,
+                value = _$$$3.value,
+                closeCount = toCount(close),
+                lineAfter = after.split('\n').shift(),
+                lineAfterCount = toCount(lineAfter),
+                lineBefore = before.split('\n').pop(),
+                lineBeforeCount = toCount(lineBefore),
+                openCount = toCount(open);
+            if (wrap && close === value.slice(-closeCount) && open === value.slice(0, openCount) || close === lineAfter.slice(-closeCount) && open === lineBefore.slice(0, openCount)) {
+                return $.select(start - lineBeforeCount + (wrap ? 0 : openCount), end + lineAfterCount - (wrap ? 0 : closeCount)).peel(open, close, wrap);
+            }
+            return $.select(start, end);
+        };
+        $.prompt = function (hint, value, then) {
+            return isFunction(then) && then.call($, W.prompt ? W.prompt(hint, value) : false);
+        };
+        $.selectBlock = function () {
+            var _$$$4 = $.$(),
+                after = _$$$4.after,
+                before = _$$$4.before,
+                end = _$$$4.end,
+                start = _$$$4.start,
+                lineAfter = after.split('\n').shift(),
+                lineAfterCount = toCount(lineAfter),
+                lineBefore = before.split('\n').pop(),
+                lineBeforeCount = toCount(lineBefore);
+            return $.select(start - lineBeforeCount, end + lineAfterCount);
+        };
+        $.toggle = function (open, close, wrap) {
+            var _$$$5 = $.$(),
+                after = _$$$5.after,
+                before = _$$$5.before,
+                value = _$$$5.value,
                 closeCount = toCount(close),
                 openCount = toCount(open);
             if (wrap && close === value.slice(-closeCount) && open === value.slice(0, openCount) || close === after.slice(0, closeCount) && open === before.slice(-openCount)) {
                 return $.peel(open, close, wrap);
             }
-            if (false !== tidy) {
-                if (isString(tidy)) {
-                    tidy = [tidy, tidy];
-                } else if (!isArray(tidy)) {
-                    tidy = ["", ""];
-                }
-                if (!isSet$1(tidy[1])) {
-                    tidy[1] = tidy[0];
-                }
-                $.trim(tidy[0], tidy[1]);
-            }
             return $.wrap(open, close, wrap);
         };
-        onEvent('keydown', self, onKeyDown);
-        return $.record();
+        $.toggleBlock = function (open, close, wrap) {
+            var _$$$6 = $.$(),
+                after = _$$$6.after,
+                before = _$$$6.before,
+                value = _$$$6.value,
+                closeCount = toCount(close),
+                lineAfter = after.split('\n').shift(),
+                lineBefore = before.split('\n').pop(),
+                openCount = toCount(open);
+            if (wrap && close === value.slice(-closeCount) && open === value.slice(0, openCount) || close === lineAfter.slice(-closeCount) && open === lineBefore.slice(0, openCount)) {
+                return $.peelBlock(open, close, wrap);
+            }
+            return $.wrapBlock(open, close, wrap);
+        };
+        $.wrapBlock = function (open, close, wrap) {
+            var _$$$7 = $.$(),
+                after = _$$$7.after,
+                before = _$$$7.before,
+                end = _$$$7.end,
+                start = _$$$7.start,
+                lineAfter = after.split('\n').shift(),
+                lineAfterCount = toCount(lineAfter),
+                lineBefore = before.split('\n').pop(),
+                lineBeforeCount = toCount(lineBefore);
+            return $.select(start - lineBeforeCount, end + lineAfterCount).wrap(open, close, wrap);
+        };
+        return $.on('key.down', onKeyDown).record();
     }
 
-    function detach(self) {
-        var $ = this;
-        offEvent('keydown', self, onKeyDown);
-        return $;
+    function detach() {
+        return this.off('key.down', onKeyDown);
     }
     var index_js = {
         attach: attach,

package/index.min.js

@@ -23,4 +23,4 @@
  * SOFTWARE.
  *
  */
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):((e="undefined"!=typeof globalThis?globalThis:e||self).TextEditor=e.TextEditor||{},e.TextEditor.Source=r())}(this,(function(){"use strict";var e,r,t,n=function(e,r){return-1!==r.indexOf(e)},i=function(e){return Array.isArray(e)},o=function(e,r){return void 0===r&&(r=!0),"object"==typeof e&&(!r||function(e,r){return e&&c(r)&&e instanceof r}(e,Object))},c=function(e){return function(e){return void 0!==e}(e)&&!function(e){return null===e}(e)},s=function(e){return e.length},u=function e(){for(var r=arguments.length,t=Array(r),u=0;u<r;u++)t[u]=arguments[u];for(var f=t.shift(),a=0,l=s(t);a<l;++a)for(var d in t[a])if(c(f[d]))if(i(f[d])&&i(t[a][d])){f[d]=[].concat(f[d]);for(var p=0,v=s(t[a][d]);p<v;++p)n(t[a][d][p],f[d])||f[d].push(t[a][d][p])}else o(f[d])&&o(t[a][d])?f[d]=e({},f[d],t[a][d]):f[d]=t[a][d];else f[d]=t[a][d];return f},f=function(e){return e&&e.preventDefault()},a=function(e){return function(e){return void 0!==e}(e)&&!function(e){return null===e}(e)},l=function(e){return t=RegExp,(r=e)&&a(t)&&r instanceof t;var r,t},d=function(e,r){return l(e)?e:RegExp(e,a(r)?r:"g")},p="Control-",v="Shift-",h=(e=function(e){return e.record()},r=10,function(){var n=arguments,i=this;t&&clearTimeout(t),t=setTimeout((function(){return e.apply(i,n)}),r)});function w(e){var r,t,i=this.TextEditor,o=i.k();if(i&&!e.defaultPrevented&&(h(i),!i.keys[o])){var c,u,a=(null==(r=i.state.source)?void 0:r.tab)||i.state.tab||"\t",l=(null==(t=i.state.source)?void 0:t.pairs)||{},w=Object.values(l),y=i.$(),b=y.after,m=y.before,E=y.end,g=y.start,$=y.value,x=b.split("\n").shift(),A=m.split("\n").pop(),T=A.match(/^(\s+)/),W=T&&T[1]||"";if(p+v+"Enter"===o)return m||b?(f(e),i.select(g-s(A)).wrap(W,"\n").insert($).record(),!1):void 0;if(p+"Enter"===o&&(m||b))return f(e),i.select(E+s(x)).wrap("\n"+W,"").insert($).record(),!1;if("Alt-"!=o+"-"&&p!==o+"-"){if(" "===o)return c=l[u=m.slice(-1)],!$&&c&&u&&c===b[0]?(f(e),i.wrap(" "," ")):void 0;if("Backspace"===o){if(c=l[u=m.slice(-1)],"\\"===u)return;return $?b&&m&&c&&c===b[0]&&!m.endsWith("\\"+u)?(f(e),i.record().peel(u,c).record()):void 0:(c=l[u=m.trim().slice(-1)])&&u&&(b.startsWith(" "+c)&&m.endsWith(u+" ")||b.startsWith("\n"+W+c)&&m.endsWith(u+"\n"+W))?(f(e),i.trim("","").record()):A.endsWith(a)?(f(e),i.pull(a).record()):b&&m&&!m.endsWith("\\"+u)&&c===b[0]&&u===m.slice(-1)?(f(e),i.peel(u,c).record()):void 0}if("Enter"!==o&&v+"Enter"!==o){if("\\"!==(u=m.slice(-1))){if(c=n(b[0],w)?b[0]:l[u],o=o.replace(v,""),!$&&b&&m&&c&&o===c)return f(e),i.select(g+1).record();for(u in l){if(c=l[u],o===u&&c)return f(e),i.wrap(u,c).record();if(o===c){if($)return f(e),i.record().wrap(u,c).record();break}}var j,k,L,O=[];if($){for(j in l)(k=l[j])&&O.push("(?:\\"+j+"(?:\\\\.|[^\\"+j+(k!==j?"\\"+k:"")+"])*\\"+k+")");if(O.push("\\w+"),O.push("\\s+"),O.push("[\\s\\S]"),p+"ArrowLeft"===o)return f(e),(L=m.match(d("("+O.join("|")+")$","")))?i.insert("").select(g-s(L[0])).insert($).record():i.select();if(p+"ArrowRight"===o)return f(e),(L=b.match(d("^("+O.join("|")+")","")))?i.insert("").select(E+s(L[0])-s($)).insert($).record():i.select()}if(E+=s(x),g-=s(A),$=A+$+x,p+"ArrowUp"===o){if(f(e),!n("\n",m))return i.select();i.insert(""),i.replace(/^([^\n]*?)(\n|$)/,"$2",1),i.replace(/(^|\n)([^\n]*?)$/,"",-1);var R=i.$();return m=R.before,g=R.start,A=m.split("\n").pop(),i.select(g-=s(A)).wrap($,"\n"),i.select(g,g+s($)),i.record()}if(p+"ArrowDown"===o){if(f(e),!n("\n",b))return i.select();i.insert(""),i.replace(/^([^\n]*?)(\n|$)/,"",1),i.replace(/(^|\n)([^\n]*?)$/,"$1",-1);var S=i.$();return b=S.after,E=S.end,x=b.split("\n").shift(),i.select(E+=s(x)).wrap("\n",$),E+=1,i.select(E,E+s($)),i.record()}}}else if(!$){if(b&&m&&(c=l[u=m.slice(-1)])&&c===b[0])return f(e),i.wrap("\n"+W+(u!==c?a:""),"\n"+W).record();if(W)return f(e),i.insert("\n"+W,-1).record()}}else f(e)}}var y={attach:function(e){var r=this;return r.state=u({source:{pairs:{"`":"`","(":")","{":"}","[":"]",'"':'"',"'":"'","<":">"},type:null}},r.state),r.toggle=function(e,t,n,o){void 0===o&&(o=!1),t||""===t||(t=e);var u=r.$(),f=u.after,a=u.before,l=u.value,d=s(t),p=s(e);return n&&t===l.slice(-d)&&e===l.slice(0,p)||t===f.slice(0,d)&&e===a.slice(-p)?r.peel(e,t,n):(!1!==o&&("string"==typeof o?o=[o,o]:i(o)||(o=["",""]),c(o[1])||(o[1]=o[0]),r.trim(o[0],o[1])),r.wrap(e,t,n))},function(e,r,t,n){void 0===n&&(n=!1),r.addEventListener(e,t,n)}("keydown",e,w),r.record()},detach:function(e){return function(e,r,t){r.removeEventListener(e,t)}("keydown",e,w),this}};return y}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):((e="undefined"!=typeof globalThis?globalThis:e||self).TextEditor=e.TextEditor||{},e.TextEditor.Source=r())}(this,(function(){"use strict";var e,r,t,n=function(e,r){return-1!==r.indexOf(e)},i=function(e){return Array.isArray(e)},o=function(e){return"function"==typeof e},s=function(e,r){return e&&u(r)&&e instanceof r},c=function(e){return l(e)&&0==e%1},l=function(e){return"number"==typeof e},f=function(e,r){return void 0===r&&(r=!0),"object"==typeof e&&(!r||s(e,Object))},u=function(e){return function(e){return void 0!==e}(e)&&!function(e){return null===e}(e)},a=function(e){return e.length},p=function(e){return Object.values(e)},d=function e(){for(var r=arguments.length,t=Array(r),o=0;o<r;o++)t[o]=arguments[o];for(var s=t.shift(),c=0,l=a(t);c<l;++c)for(var p in t[c])if(u(s[p]))if(i(s[p])&&i(t[c][p])){s[p]=[].concat(s[p]);for(var d=0,h=a(t[c][p]);d<h;++d)n(t[c][p][d],s[p])||s[p].push(t[c][p][d])}else f(s[p])&&f(t[c][p])?s[p]=e({},s[p],t[c][p]):s[p]=t[c][p];else s[p]=t[c][p];return s},h=window,v=function(e){return e&&e.preventDefault()},w=function(e,r){return function(e){return s(e,RegExp)}(e)?e:RegExp(e,u(r)?r:"g")},b="Alt-",$="Control-",m="Shift-",k=(e=function(e){return e.record()},r=10,function(){var n=arguments,i=this;t&&clearTimeout(t),t=setTimeout((function(){return e.apply(i,n)}),r)});function y(e){var r,t,i=this,o=i.k(!1).pop(),s=i.k();if(k(i),!e.defaultPrevented&&!i.keys[s]){var l,f,u=(null==(r=i.state.source)?void 0:r.tab)||i.state.tab||"\t",d=(null==(t=i.state.source)?void 0:t.pairs)||{},h=p(d);c(u)&&(u=" ".repeat(u));var y=i.$(),g=y.after,x=y.before,E=y.end,A=y.start,B=y.value,T=g.split("\n").shift(),W=x.split("\n").pop(),j=/^\s+/.exec(W),D=j&&j[0]||"";if($+m+"Enter"===s)return x||g?(v(e),i.select(A-a(W)).wrap(D,"\n").insert(B).record(),!1):void 0;if($+"Enter"===s&&(x||g))return v(e),i.select(E+a(T)).wrap("\n"+D,"").insert(B).record(),!1;if(b!==s+"-"&&$!==s+"-"){if(" "===s)return l=d[f=x.slice(-1)],!B&&l&&f&&l===g[0]?(v(e),i.wrap(" "," ")):void 0;if("Backspace"===s||"Delete"===s){if(l=d[f=x.slice(-1)],"\\"===f)return;return B?g&&x&&l&&l===g[0]&&!x.endsWith("\\"+f)?(v(e),i.record().peel(f,l).record()):void 0:(l=d[f=x.trim().slice(-1)])&&f&&(g.startsWith(" "+l)&&x.endsWith(f+" ")||g.startsWith("\n"+D+l)&&x.endsWith(f+"\n"+D))?(v(e),i.trim("","").record()):"Delete"!==s&&W.endsWith(u)?(v(e),i.pull(u).record()):g&&x&&!x.endsWith("\\"+f)&&l===g[0]&&f===x.slice(-1)?(v(e),i.peel(f,l).record()):void 0}if("Enter"!==s&&m+"Enter"!==s){if("\\"!==(f=x.slice(-1))){if(l=n(g[0],h)?g[0]:d[f],!B&&g&&x&&l&&o===l)return v(e),i.select(A+1).record();for(f in d){if(l=d[f],o===f&&l)return v(e),i.wrap(f,l).record();if(o===l){if(B)return v(e),i.record().wrap(f,l).record();break}}var O,R,S,C=[];if(B){for(O in d)(R=d[O])&&C.push("(?:\\"+O+"(?:\\\\.|[^\\"+O+(R!==O?"\\"+R:"")+"])*\\"+R+")");if(C.push("\\w+"),C.push("\\s+"),C.push("[\\s\\S]"),$+"ArrowLeft"===s)return v(e),(S=w("("+C.join("|")+")$","").exec(x))?i.insert("").select(A-a(S[0])).insert(B).record():i.select();if($+"ArrowRight"===s)return v(e),(S=g.match(w("^("+C.join("|")+")","")))?i.insert("").select(E+a(S[0])-a(B)).insert(B).record():i.select()}if(E+=a(T),A-=a(W),B=W+B+T,$+"ArrowUp"===s){if(v(e),!n("\n",x))return i.select();i.insert(""),i.replace(/^([^\n]*?)(\n|$)/,"$2",1),i.replace(/(^|\n)([^\n]*?)$/,"",-1);var L=i.$();return x=L.before,A=L.start,W=x.split("\n").pop(),i.select(A-=a(W)).wrap(B,"\n"),i.select(A,A+a(B)),i.record()}if($+"ArrowDown"===s){if(v(e),!n("\n",g))return i.select();i.insert(""),i.replace(/^([^\n]*?)(\n|$)/,"",1),i.replace(/(^|\n)([^\n]*?)$/,"$1",-1);var P=i.$();return g=P.after,E=P.end,T=g.split("\n").shift(),i.select(E+=a(T)).wrap("\n",B),E+=1,i.select(E,E+a(B)),i.record()}}}else if(!B){if(g&&x&&(l=d[f=x.slice(-1)])&&l===g[0])return v(e),i.wrap("\n"+D+(f!==l?u:""),"\n"+D).record();if(D)return v(e),i.insert("\n"+D,-1).record()}}else v(e)}}var g={attach:function(){var e=this;return e.state=d({source:{pairs:{"`":"`","(":")","{":"}","[":"]",'"':'"',"'":"'","<":">"}}},e.state),e.alert=function(r,t){return h.alert&&h.alert(r),o(t)&&t.call(e,!0)},e.confirm=function(r,t){return o(t)&&t.call(e,h.confirm&&h.confirm(r))},e.insertBlock=function(r,t){var n=e.$(),i=n.after,o=n.before,s=n.end,c=n.start,l=i.split("\n").shift(),f=a(l),u=o.split("\n").pop(),p=a(u),d=/^\s+/.exec(u),h=d&&d[0]||"";return-1===t?e.select(c-p).insert("\n",1).push(h).insert(r,1,!1):1===t?e.select(s+f).insert("\n",-1).push(h).insert(r,1,!1):e.select(c-p,s+f).insert(r,t,!0).wrap(h,"")},e.peelBlock=function(r,t,n){var i=e.$(),o=i.after,s=i.before,c=i.end,l=i.start,f=i.value,u=a(t),p=o.split("\n").shift(),d=a(p),h=s.split("\n").pop(),v=a(h),w=a(r);return n&&t===f.slice(-u)&&r===f.slice(0,w)||t===p.slice(-u)&&r===h.slice(0,w)?e.select(l-v+(n?0:w),c+d-(n?0:u)).peel(r,t,n):e.select(l,c)},e.prompt=function(r,t,n){return o(n)&&n.call(e,!!h.prompt&&h.prompt(r,t))},e.selectBlock=function(){var r=e.$(),t=r.after,n=r.before,i=r.end,o=r.start,s=t.split("\n").shift(),c=a(s),l=n.split("\n").pop(),f=a(l);return e.select(o-f,i+c)},e.toggle=function(r,t,n){var i=e.$(),o=i.after,s=i.before,c=i.value,l=a(t),f=a(r);return n&&t===c.slice(-l)&&r===c.slice(0,f)||t===o.slice(0,l)&&r===s.slice(-f)?e.peel(r,t,n):e.wrap(r,t,n)},e.toggleBlock=function(r,t,n){var i=e.$(),o=i.after,s=i.before,c=i.value,l=a(t),f=o.split("\n").shift(),u=s.split("\n").pop(),p=a(r);return n&&t===c.slice(-l)&&r===c.slice(0,p)||t===f.slice(-l)&&r===u.slice(0,p)?e.peelBlock(r,t,n):e.wrapBlock(r,t,n)},e.wrapBlock=function(r,t,n){var i=e.$(),o=i.after,s=i.before,c=i.end,l=i.start,f=o.split("\n").shift(),u=a(f),p=s.split("\n").pop(),d=a(p);return e.select(l-d,c+u).wrap(r,t,n)},e.on("key.down",y).record()},detach:function(){return this.off("key.down",y)}};return g}));

package/index.mjs

@@ -1,8 +1,9 @@
+import {W} from '@taufik-nurrohman/document';
 import {debounce} from '@taufik-nurrohman/tick';
 import {fromStates} from '@taufik-nurrohman/from';
 import {hasValue} from '@taufik-nurrohman/has';
-import {isArray, isSet, isString} from '@taufik-nurrohman/is';
-import {onEvent, offEvent, offEventDefault} from '@taufik-nurrohman/event';
+import {isArray, isFunction, isInteger, isSet, isString} from '@taufik-nurrohman/is';
+import {offEventDefault} from '@taufik-nurrohman/event';
 import {toCount, toObjectValues} from '@taufik-nurrohman/to';
 import {toPattern} from '@taufik-nurrohman/pattern';
 
@@ -13,31 +14,31 @@ const SHIFT_PREFIX = 'Shift-';
 const bounce = debounce($ => $.record(), 10);
 
 function onKeyDown(e) {
-    let self = this,
-        editor = self.TextEditor,
-        keys = editor.k();
-    if (!editor || e.defaultPrevented) {
-        return;
-    }
-    bounce(editor);
-    if (editor.keys[keys]) {
+    let $ = this,
+        key = $.k(false).pop(), // Capture the last key
+        keys = $.k();
+    bounce($);
+    if (e.defaultPrevented || $.keys[keys]) {
         return;
     }
     let charAfter,
         charBefore,
-        charIndent = editor.state.source?.tab || editor.state.tab || '\t',
-        charPairs = editor.state.source?.pairs || {},
+        charIndent = $.state.source?.tab || $.state.tab || '\t',
+        charPairs = $.state.source?.pairs || {},
         charPairsValues = toObjectValues(charPairs);
-    let {after, before, end, start, value} = editor.$(),
+    if (isInteger(charIndent)) {
+        charIndent = ' '.repeat(charIndent);
+    }
+    let {after, before, end, start, value} = $.$(),
         lineAfter = after.split('\n').shift(),
         lineBefore = before.split('\n').pop(),
-        lineMatch = lineBefore.match(/^(\s+)/),
-        lineMatchIndent = lineMatch && lineMatch[1] || "";
+        lineMatch = /^\s+/.exec(lineBefore),
+        lineMatchIndent = lineMatch && lineMatch[0] || "";
     if (CTRL_PREFIX + SHIFT_PREFIX + 'Enter' === keys) {
         if (before || after) {
             // Insert line above with `⎈⇧↵`
             offEventDefault(e);
-            return editor.select(start - toCount(lineBefore)).wrap(lineMatchIndent, '\n').insert(value).record(), false;
+            return $.select(start - toCount(lineBefore)).wrap(lineMatchIndent, '\n').insert(value).record(), false;
         }
         return;
     }
@@ -45,7 +46,7 @@ function onKeyDown(e) {
         if (before || after) {
             // Insert line below with `⎈↵`
             offEventDefault(e);
-            return editor.select(end + toCount(lineAfter)).wrap('\n' + lineMatchIndent, "").insert(value).record(), false;
+            return $.select(end + toCount(lineAfter)).wrap('\n' + lineMatchIndent, "").insert(value).record(), false;
         }
     }
     // Do nothing
@@ -57,11 +58,11 @@ function onKeyDown(e) {
         charAfter = charPairs[charBefore = before.slice(-1)];
         if (!value && charAfter && charBefore && charAfter === after[0]) {
             offEventDefault(e);
-            return editor.wrap(' ', ' ');
+            return $.wrap(' ', ' ');
         }
         return;
     }
-    if ('Backspace' === keys) {
+    if ('Backspace' === keys || 'Delete' === keys) {
         charAfter = charPairs[charBefore = before.slice(-1)];
         // Do nothing on escape
         if ('\\' === charBefore) {
@@ -70,7 +71,7 @@ function onKeyDown(e) {
         if (value) {
             if (after && before && charAfter && charAfter === after[0] && !before.endsWith('\\' + charBefore)) {
                 offEventDefault(e);
-                return editor.record().peel(charBefore, charAfter).record();
+                return $.record().peel(charBefore, charAfter).record();
             }
             return;
         }
@@ -82,19 +83,19 @@ function onKeyDown(e) {
             ) {
                 // Collapse bracket(s)
                 offEventDefault(e);
-                return editor.trim("", "").record();
+                return $.trim("", "").record();
             }
         }
         // Outdent
-        if (lineBefore.endsWith(charIndent)) {
+        if ('Delete' !== keys && lineBefore.endsWith(charIndent)) {
             offEventDefault(e);
-            return editor.pull(charIndent).record();
+            return $.pull(charIndent).record();
         }
         if (after && before && !before.endsWith('\\' + charBefore)) {
             if (charAfter === after[0] && charBefore === before.slice(-1)) {
                 // Peel pair
                 offEventDefault(e);
-                return editor.peel(charBefore, charAfter).record();
+                return $.peel(charBefore, charAfter).record();
             }
         }
         return;
@@ -103,11 +104,11 @@ function onKeyDown(e) {
         if (!value) {
             if (after && before && (charAfter = charPairs[charBefore = before.slice(-1)]) && charAfter === after[0]) {
                 offEventDefault(e);
-                return editor.wrap('\n' + lineMatchIndent + (charBefore !== charAfter ? charIndent : ""), '\n' + lineMatchIndent).record();
+                return $.wrap('\n' + lineMatchIndent + (charBefore !== charAfter ? charIndent : ""), '\n' + lineMatchIndent).record();
             }
             if (lineMatchIndent) {
                 offEventDefault(e);
-                return editor.insert('\n' + lineMatchIndent, -1).record();
+                return $.insert('\n' + lineMatchIndent, -1).record();
             }
         }
         return;
@@ -117,30 +118,29 @@ function onKeyDown(e) {
         return;
     }
     charAfter = hasValue(after[0], charPairsValues) ? after[0] : charPairs[charBefore];
-    keys = keys.replace(SHIFT_PREFIX, "");
     // `|}`
-    if (!value && after && before && charAfter && keys === charAfter) {
+    if (!value && after && before && charAfter && key === charAfter) {
         // Move to the next character
         // `}|`
         offEventDefault(e);
-        return editor.select(start + 1).record();
+        return $.select(start + 1).record();
     }
     for (charBefore in charPairs) {
         charAfter = charPairs[charBefore];
         // `{|`
-        if (keys === charBefore && charAfter) {
+        if (key === charBefore && charAfter) {
             // Wrap pair or selection
             // `{|}` `{|aaa|}`
             offEventDefault(e);
-            return editor.wrap(charBefore, charAfter).record();
+            return $.wrap(charBefore, charAfter).record();
         }
         // `|}`
-        if (keys === charAfter) {
+        if (key === charAfter) {
             if (value) {
                 // Wrap selection
                 // `{|aaa|}`
                 offEventDefault(e);
-                return editor.record().wrap(charBefore, charAfter).record();
+                return $.record().wrap(charBefore, charAfter).record();
             }
             break;
         }
@@ -160,17 +160,17 @@ function onKeyDown(e) {
         tokens.push('[\\s\\S]'); // Last try!
         if (CTRL_PREFIX + 'ArrowLeft' === keys) {
             offEventDefault(e);
-            if (m = before.match(toPattern('(' + tokens.join('|') + ')$', ""))) {
-                return editor.insert("").select(start - toCount(m[0])).insert(value).record();
+            if (m = toPattern('(' + tokens.join('|') + ')$', "").exec(before)) {
+                return $.insert("").select(start - toCount(m[0])).insert(value).record();
             }
-            return editor.select();
+            return $.select();
         }
         if (CTRL_PREFIX + 'ArrowRight' === keys) {
             offEventDefault(e);
             if (m = after.match(toPattern('^(' + tokens.join('|') + ')', ""))) {
-                return editor.insert("").select(end + toCount(m[0]) - toCount(value)).insert(value).record();
+                return $.insert("").select(end + toCount(m[0]) - toCount(value)).insert(value).record();
             }
-            return editor.select();
+            return $.select();
         }
     }
     // Force to select the current line if there is no selection
@@ -180,40 +180,40 @@ function onKeyDown(e) {
     if (CTRL_PREFIX + 'ArrowUp' === keys) {
         offEventDefault(e);
         if (!hasValue('\n', before)) {
-            return editor.select();
+            return $.select();
         }
-        editor.insert("");
-        editor.replace(/^([^\n]*?)(\n|$)/, '$2', 1);
-        editor.replace(/(^|\n)([^\n]*?)$/, "", -1);
-        let $ = editor.$();
-        before = $.before;
-        start = $.start;
+        $.insert("");
+        $.replace(/^([^\n]*?)(\n|$)/, '$2', 1);
+        $.replace(/(^|\n)([^\n]*?)$/, "", -1);
+        let s = $.$();
+        before = s.before;
+        start = s.start;
         lineBefore = before.split('\n').pop();
-        editor.select(start = start - toCount(lineBefore)).wrap(value, '\n');
-        editor.select(start, start + toCount(value));
-        return editor.record();
+        $.select(start = start - toCount(lineBefore)).wrap(value, '\n');
+        $.select(start, start + toCount(value));
+        return $.record();
     }
     if (CTRL_PREFIX + 'ArrowDown' === keys) {
         offEventDefault(e);
         if (!hasValue('\n', after)) {
-            return editor.select();
+            return $.select();
         }
-        editor.insert("");
-        editor.replace(/^([^\n]*?)(\n|$)/, "", 1);
-        editor.replace(/(^|\n)([^\n]*?)$/, '$1', -1);
-        let $ = editor.$();
-        after = $.after;
-        end = $.end;
+        $.insert("");
+        $.replace(/^([^\n]*?)(\n|$)/, "", 1);
+        $.replace(/(^|\n)([^\n]*?)$/, '$1', -1);
+        let s = $.$();
+        after = s.after;
+        end = s.end;
         lineAfter = after.split('\n').shift();
-        editor.select(end = end + toCount(lineAfter)).wrap('\n', value);
+        $.select(end = end + toCount(lineAfter)).wrap('\n', value);
         end += 1;
-        editor.select(end, end + toCount(value));
-        return editor.record();
+        $.select(end, end + toCount(value));
+        return $.record();
     }
     return;
 }
 
-function attach(self) {
+function attach() {
     let $ = this;
     $.state = fromStates({
         source: {
@@ -225,14 +225,60 @@ function attach(self) {
                 '"': '"',
                 "'": "'",
                 '<': '>'
-            },
-            type: null
+            }
         }
     }, $.state);
-    $.toggle = function (open, close, wrap, tidy = false) {
-        if (!close && "" !== close) {
-            close = open;
+    $.alert = (hint, then) => {
+        W.alert && W.alert(hint);
+        return isFunction(then) && then.call($, true);
+    };
+    $.confirm = (hint, then) => {
+        return isFunction(then) && then.call($, W.confirm && W.confirm(hint));
+    };
+    $.insertBlock = (value, mode) => {
+        let {after, before, end, start} = $.$(),
+            lineAfter = after.split('\n').shift(),
+            lineAfterCount = toCount(lineAfter),
+            lineBefore = before.split('\n').pop(),
+            lineBeforeCount = toCount(lineBefore),
+            lineMatch = /^\s+/.exec(lineBefore),
+            lineMatchIndent = lineMatch && lineMatch[0] || "";
+        if (-1 === mode) {
+            return $.select(start - lineBeforeCount).insert('\n', 1).push(lineMatchIndent).insert(value, 1, false);
         }
+        if (1 === mode) {
+            return $.select(end + lineAfterCount).insert('\n', -1).push(lineMatchIndent).insert(value, 1, false);
+        }
+        return $.select(start - lineBeforeCount, end + lineAfterCount).insert(value, mode, true).wrap(lineMatchIndent, "");
+    };
+    $.peelBlock = (open, close, wrap) => {
+        let {after, before, end, start, value} = $.$(),
+            closeCount = toCount(close),
+            lineAfter = after.split('\n').shift(),
+            lineAfterCount = toCount(lineAfter),
+            lineBefore = before.split('\n').pop(),
+            lineBeforeCount = toCount(lineBefore),
+            openCount = toCount(open);
+        if (
+            (wrap && close === value.slice(-closeCount) && open === value.slice(0, openCount)) ||
+            (close === lineAfter.slice(-closeCount) && open === lineBefore.slice(0, openCount))
+        ) {
+            return $.select(start - lineBeforeCount + (wrap ? 0 : openCount), end + lineAfterCount - (wrap ? 0 : closeCount)).peel(open, close, wrap);
+        }
+        return $.select(start, end);
+    };
+    $.prompt = (hint, value, then) => {
+        return isFunction(then) && then.call($, W.prompt ? W.prompt(hint, value) : false);
+    };
+    $.selectBlock = () => {
+        let {after, before, end, start} = $.$(),
+            lineAfter = after.split('\n').shift(),
+            lineAfterCount = toCount(lineAfter),
+            lineBefore = before.split('\n').pop(),
+            lineBeforeCount = toCount(lineBefore);
+        return $.select(start - lineBeforeCount, end + lineAfterCount);
+    };
+    $.toggle = (open, close, wrap) => {
         let {after, before, value} = $.$(),
             closeCount = toCount(close),
             openCount = toCount(open);
@@ -242,27 +288,35 @@ function attach(self) {
         ) {
             return $.peel(open, close, wrap);
         }
-        if (false !== tidy) {
-            if (isString(tidy)) {
-                tidy = [tidy, tidy];
-            } else if (!isArray(tidy)) {
-                tidy = ["", ""];
-            }
-            if (!isSet(tidy[1])) {
-                tidy[1] = tidy[0];
-            }
-            $.trim(tidy[0], tidy[1]);
-        }
         return $.wrap(open, close, wrap);
     };
-    onEvent('keydown', self, onKeyDown);
-    return $.record();
+    $.toggleBlock = (open, close, wrap) => {
+        let {after, before, value} = $.$(),
+            closeCount = toCount(close),
+            lineAfter = after.split('\n').shift(),
+            lineBefore = before.split('\n').pop(),
+            openCount = toCount(open);
+        if (
+            (wrap && close === value.slice(-closeCount) && open === value.slice(0, openCount)) ||
+            (close === lineAfter.slice(-closeCount) && open === lineBefore.slice(0, openCount))
+        ) {
+            return $.peelBlock(open, close, wrap);
+        }
+        return $.wrapBlock(open, close, wrap);
+    };
+    $.wrapBlock = (open, close, wrap) => {
+        let {after, before, end, start} = $.$(),
+            lineAfter = after.split('\n').shift(),
+            lineAfterCount = toCount(lineAfter),
+            lineBefore = before.split('\n').pop(),
+            lineBeforeCount = toCount(lineBefore);
+        return $.select(start - lineBeforeCount, end + lineAfterCount).wrap(open, close, wrap);
+    };
+    return $.on('key.down', onKeyDown).record();
 }
 
-function detach(self) {
-    let $ = this;
-    offEvent('keydown', self, onKeyDown);
-    return $;
+function detach() {
+    return this.off('key.down', onKeyDown);
 }
 
 export default {attach, detach};

package/package.json

@@ -3,6 +3,7 @@
   "browser": "index.min.js",
   "bugs": "https://github.com/taufik-nurrohman/text-editor.source/issues",
   "dependencies": {
+    "@taufik-nurrohman/document": "*",
     "@taufik-nurrohman/event": "*",
     "@taufik-nurrohman/from": "*",
     "@taufik-nurrohman/has": "*",
@@ -52,5 +53,5 @@
   "scripts": {
     "pack": "pack --clean=false --from=.factory --js-format=umd --js-name=TextEditor.Source --js-top='%(js.license)' --mjs=true --to=."
   },
-  "version": "3.0.0"
+  "version": "3.0.1"
 }