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

package/index.min.js

@@ -2,7 +2,7 @@
  *
  * The MIT License (MIT)
  *
- * Copyright © 2023 Taufik Nurrohman <https://github.com/taufik-nurrohman>
+ * Copyright © 2024 Taufik Nurrohman <https://github.com/taufik-nurrohman>
  *
  * Permission is hereby granted, free of charge, to any person obtaining a copy
  * of this software and associated documentation files (the “Software”), to deal
@@ -23,4 +23,4 @@
  * SOFTWARE.
  *
  */
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self).TE=e.TE||{},e.TE.Source={}))}(this,(function(e){"use strict";var r=function(e,r){return-1!==r.indexOf(e)},t=function(e){return function(e){return void 0!==e}(e)&&!function(e){return null===e}(e)},n=function(e){return e.length},i=window,o=function(e){return n=RegExp,(r=e)&&t(n)&&r instanceof n;var r,n},a=function(e,r){return o(e)?e:(e=e.replace(/\//g,"\\/"),RegExp(e,t(r)?r:"g"))};function u(e,r){return new Promise((function(t,n){var o=i[e].apply(i,r);return o?t(o):n(o)}))}var s={source:{pairs:{"`":"`","(":")","{":"}","[":"]",'"':'"',"'":"'","<":">"},type:null}};["alert","confirm","prompt"].forEach((function(e){s.source[e]=function(){for(var r=arguments.length,t=Array(r),n=0;n<r;n++)t[n]=arguments[n];return u(e,t)}}));var c={};c.toggle=function(e,r,i,o){void 0===o&&(o=!1),r||""===r||(r=e);var a=this,u=a.$(),s=u.after,c=u.before,f=u.value,l=n(r),p=n(e);return i&&r===f.slice(-l)&&e===f.slice(0,p)||r===s.slice(0,l)&&e===c.slice(-p)?a.peel(e,r,i):(!1!==o&&("string"==typeof o?o=[o,o]:function(e){return Array.isArray(e)}(o)||(o=["",""]),t(o[1])||(o[1]=o[0]),a.trim(o[0],o[1])),a.wrap(e,r,i))};var f="Control-",l="Shift-";var p,d,v,h=(p=function(e){return e.record()},d=100,function(){var e=arguments,r=this;v&&clearTimeout(v),v=setTimeout((function(){return p.apply(r,e)}),d)});var y=s;e.canKeyDown=function(e,t){var n,i,o=t.state.source.tab||t.state.tab||"\t",a=t.state.source.pairs||{},u=Object.values(a),s=e.key,c=e.queue,f=e+"";if(c.Alt||c.Control)return!0;if(" "===f){var p=t.$(),d=p.after,v=p.before,h=p.value;return n=a[i=v.slice(-1)],!(!h&&n&&i&&n===d[0])||(t.wrap(" "," "),!1)}if("Enter"===f||l+"Enter"===f){var y=t.$(),w=y.after,b=y.before,m=y.value,$=b.split("\n").pop().match(/^(\s+)/),g=$&&$[1]||"";if(!m){if(w&&b&&(n=a[i=b.slice(-1)])&&n===w[0])return t.wrap("\n"+g+(i!==n?o:""),"\n"+g).record(),!1;if(g)return t.insert("\n"+g,-1).record(),!1}return!0}if("Backspace"===f){var E=t.$(),T=E.after,A=E.before,D=E.value;T.split("\n")[0];var K=A.split("\n").pop(),W=K.match(/^(\s+)/),k=W&&W[1]||"";return n=a[i=A.slice(-1)],"\\"===i?!0:D?!(T&&A&&n&&n===T[0]&&!A.endsWith("\\"+i))||(t.record().peel(i,n).record(),!1):(n=a[i=A.trim().slice(-1)])&&i&&(T.startsWith(" "+n)&&A.endsWith(i+" ")||T.startsWith("\n"+k+n)&&A.endsWith(i+"\n"+k))?(t.trim("","").record(),!1):K.endsWith(o)?(t.pull(o).record(),!1):!(T&&A&&!A.endsWith("\\"+i)&&n===T[0]&&i===A.slice(-1))||(t.peel(i,n).record(),!1)}var x=t.$(),j=x.after,q=x.before,C=x.start,S=x.value;if("\\"===(i=q.slice(-1)))return!0;if(n=r(j[0],u)?j[0]:a[i],!S&&j&&q&&n&&s===n)return t.select(C+1).record(),!1;for(i in a){if(n=a[i],s===i&&n)return t.wrap(i,n).record(),!1;if(s===n){if(S)return t.record().wrap(i,n).record(),!1;break}}return!0},e.canKeyDownDent=function(e,r){var t=r.state.source.tab||r.state.tab||"\t";e.key,e.queue;var n=e+"";return f+"]"===n?(r.push(t).record(),!1):f+"["!==n||(r.pull(t).record(),!1)},e.canKeyDownEnter=function(e,r){e.key;var t=e.queue;if(t.Control&&t.Enter){var i=r.$(),o=i.after,a=i.before,u=i.end,s=i.start,c=i.value,f=o.split("\n").shift(),l=a.split("\n").pop(),p=l.match(/^(\s+)/),d=p&&p[1]||"";if(a||o)return t.Shift?(r.select(s-n(l)).wrap(d,"\n").insert(c).record(),!1):(r.select(u+n(f)).wrap("\n"+d,"").insert(c).record(),!1)}return!0},e.canKeyDownHistory=function(e,r){var t=e+"";return f+"y"===t?(r.redo(),!1):f+"z"!==t||(r.undo(),!1)},e.canKeyDownMove=function(e,t){e.key;var i=e+"";if(!e.queue.Control)return!0;var o,u,s,c=t.$(),l=c.after,p=c.before,d=c.end,v=c.start,h=c.value,y=t.state.source.pairs||{},w=[];if(h){for(o in y)(u=y[o])&&w.push("(?:\\"+o+"(?:\\\\.|[^\\"+o+(u!==o?"\\"+u:"")+"])*\\"+u+")");if(w.push("\\w+"),w.push("\\s+"),w.push("[\\s\\S]"),f+"ArrowLeft"===i)return(s=p.match(a("("+w.join("|")+")$","")))?(t.insert("").select(v-n(s[0])).insert(h),t.record(),!1):(t.select(),!1);if(f+"ArrowRight"===i)return(s=l.match(a("^("+w.join("|")+")","")))?(t.insert("").select(d+n(s[0])-n(h)).insert(h),t.record(),!1):(t.select(),!1)}var b=l.split("\n").shift(),m=p.split("\n").pop(),$=m.match(/^(\s+)/);if($&&$[1],d+=n(b),v-=n(m),h=m+h+b,f+"ArrowUp"===i){if(!r("\n",p))return t.select(),!1;t.insert(""),t.replace(/^([^\n]*?)(\n|$)/,"$2",1),t.replace(/(^|\n)([^\n]*?)$/,"",-1);var g=t.$();return p=g.before,v=g.start,m=p.split("\n").pop(),t.select(v-=n(m)).wrap(h,"\n"),t.select(v,v+n(h)),t.record(),!1}if(f+"ArrowDown"===i){if(!r("\n",l))return t.select(),!1;t.insert(""),t.replace(/^([^\n]*?)(\n|$)/,"",1),t.replace(/(^|\n)([^\n]*?)$/,"$1",-1);var E=t.$();return l=E.after,d=E.end,b=l.split("\n").shift(),t.select(d+=n(b)).wrap("\n",h),d+=1,t.select(d,d+n(h)),t.record(),!1}return!0},e.canKeyDownTab=function(e,r){var t=r.state.source.tab||r.state.tab||"\t",n=e+"";return"Tab"===n?(r.push(t).record(),!1):l+"Tab"!==n||(r.pull(t).record(),!1)},e.canKeyUp=function(e,r){return h(r),!0},e.state=y,e.that=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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,127 +1,79 @@
 import {W} from '@taufik-nurrohman/document';
 import {debounce} from '@taufik-nurrohman/tick';
-import {esc, escChar, toPattern} from '@taufik-nurrohman/pattern';
+import {fromStates} from '@taufik-nurrohman/from';
 import {hasValue} from '@taufik-nurrohman/has';
-import {isArray, isSet, isString} from '@taufik-nurrohman/is';
+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';
 
-const pairs = {
-    '`': '`',
-    '(': ')',
-    '{': '}',
-    '[': ']',
-    '"': '"',
-    "'": "'",
-    '<': '>'
-};
-
-function promisify(type, lot) {
-    return new Promise((resolve, reject) => {
-        let r = W[type].apply(W, lot);
-        return r ? resolve(r) : reject(r);
-    });
-}
-
-const defaults = {
-    source: {
-        pairs,
-        type: null
-    }
-};
-
-['alert', 'confirm', 'prompt'].forEach(type => {
-    defaults.source[type] = (...lot) => promisify(type, lot);
-});
+const ALT_PREFIX = 'Alt-';
+const CTRL_PREFIX = 'Control-';
+const SHIFT_PREFIX = 'Shift-';
 
-export const that = {};
+const bounce = debounce($ => $.record(), 10);
 
-that.toggle = function (open, close, wrap, tidy = false) {
-    if (!close && "" !== close) {
-        close = open;
+function onKeyDown(e) {
+    let $ = this,
+        key = $.k(false).pop(), // Capture the last key
+        keys = $.k();
+    bounce($);
+    if (e.defaultPrevented || $.keys[keys]) {
+        return;
     }
-    let t = this,
-        {after, before, value} = t.$(),
-        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 t.peel(open, close, wrap);
+    let charAfter,
+        charBefore,
+        charIndent = $.state.source?.tab || $.state.tab || '\t',
+        charPairs = $.state.source?.pairs || {},
+        charPairsValues = toObjectValues(charPairs);
+    if (isInteger(charIndent)) {
+        charIndent = ' '.repeat(charIndent);
     }
-    if (false !== tidy) {
-        if (isString(tidy)) {
-            tidy = [tidy, tidy];
-        } else if (!isArray(tidy)) {
-            tidy = ["", ""];
+    let {after, before, end, start, value} = $.$(),
+        lineAfter = after.split('\n').shift(),
+        lineBefore = before.split('\n').pop(),
+        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 $.select(start - toCount(lineBefore)).wrap(lineMatchIndent, '\n').insert(value).record(), false;
         }
-        if (!isSet(tidy[1])) {
-            tidy[1] = tidy[0];
+        return;
+    }
+    if (CTRL_PREFIX + 'Enter' === keys) {
+        if (before || after) {
+            // Insert line below with `⎈↵`
+            offEventDefault(e);
+            return $.select(end + toCount(lineAfter)).wrap('\n' + lineMatchIndent, "").insert(value).record(), false;
         }
-        t.trim(tidy[0], tidy[1]);
     }
-    return t.wrap(open, close, wrap);
-};
-
-const ALT_PREFIX = 'Alt-';
-const CTRL_PREFIX = 'Control-';
-const SHIFT_PREFIX = 'Shift-';
-
-export function canKeyDown(map, of) {
-    let charAfter,
-        charBefore,
-        charIndent = of.state.source.tab || of.state.tab || '\t',
-        charPairs = of.state.source.pairs || {},
-        charPairsValues = toObjectValues(charPairs),
-        {key, queue} = map,
-        keyValue = map + "";
     // Do nothing
-    if (queue.Alt || queue.Control) {
-        return true;
+    if (ALT_PREFIX === keys + '-' || CTRL_PREFIX === keys + '-') {
+        offEventDefault(e);
+        return;
     }
-    if (' ' === keyValue) {
-        let {after, before, value} = of.$();
+    if (' ' === keys) {
         charAfter = charPairs[charBefore = before.slice(-1)];
         if (!value && charAfter && charBefore && charAfter === after[0]) {
-            of.wrap(' ', ' ');
-            return false;
-        }
-        return true;
-    }
-    if ('Enter' === keyValue || SHIFT_PREFIX + 'Enter' === keyValue) {
-        let {after, before, value} = of.$(),
-            lineBefore = before.split('\n').pop(),
-            lineMatch = lineBefore.match(/^(\s+)/),
-            lineMatchIndent = lineMatch && lineMatch[1] || "";
-        if (!value) {
-            if (after && before && (charAfter = charPairs[charBefore = before.slice(-1)]) && charAfter === after[0]) {
-                of.wrap('\n' + lineMatchIndent + (charBefore !== charAfter ? charIndent : ""), '\n' + lineMatchIndent).record();
-                return false;
-            }
-            if (lineMatchIndent) {
-                of.insert('\n' + lineMatchIndent, -1).record();
-                return false;
-            }
+            offEventDefault(e);
+            return $.wrap(' ', ' ');
         }
-        return true;
+        return;
     }
-    if ('Backspace' === keyValue) {
-        let {after, before, value} = of.$(),
-            lineAfter = after.split('\n')[0],
-            lineBefore = before.split('\n').pop(),
-            lineMatch = lineBefore.match(/^(\s+)/),
-            lineMatchIndent = lineMatch && lineMatch[1] || "";
+    if ('Backspace' === keys || 'Delete' === keys) {
         charAfter = charPairs[charBefore = before.slice(-1)];
         // Do nothing on escape
         if ('\\' === charBefore) {
-            return true;
+            return;
         }
         if (value) {
             if (after && before && charAfter && charAfter === after[0] && !before.endsWith('\\' + charBefore)) {
-                of.record().peel(charBefore, charAfter).record();
-                return false;
+                offEventDefault(e);
+                return $.record().peel(charBefore, charAfter).record();
             }
-            return true;
+            return;
         }
         charAfter = charPairs[charBefore = before.trim().slice(-1)];
         if (charAfter && charBefore) {
@@ -130,36 +82,48 @@ export function canKeyDown(map, of) {
                 after.startsWith('\n' + lineMatchIndent + charAfter) && before.endsWith(charBefore + '\n' + lineMatchIndent)
             ) {
                 // Collapse bracket(s)
-                of.trim("", "").record();
-                return false;
+                offEventDefault(e);
+                return $.trim("", "").record();
             }
         }
         // Outdent
-        if (lineBefore.endsWith(charIndent)) {
-            of.pull(charIndent).record();
-            return false;
+        if ('Delete' !== keys && lineBefore.endsWith(charIndent)) {
+            offEventDefault(e);
+            return $.pull(charIndent).record();
         }
         if (after && before && !before.endsWith('\\' + charBefore)) {
             if (charAfter === after[0] && charBefore === before.slice(-1)) {
                 // Peel pair
-                of.peel(charBefore, charAfter).record();
-                return false;
+                offEventDefault(e);
+                return $.peel(charBefore, charAfter).record();
+            }
+        }
+        return;
+    }
+    if ('Enter' === keys || SHIFT_PREFIX + 'Enter' === keys) {
+        if (!value) {
+            if (after && before && (charAfter = charPairs[charBefore = before.slice(-1)]) && charAfter === after[0]) {
+                offEventDefault(e);
+                return $.wrap('\n' + lineMatchIndent + (charBefore !== charAfter ? charIndent : ""), '\n' + lineMatchIndent).record();
+            }
+            if (lineMatchIndent) {
+                offEventDefault(e);
+                return $.insert('\n' + lineMatchIndent, -1).record();
             }
         }
-        return true;
+        return;
     }
-    let {after, before, start, value} = of.$();
     // Do nothing on escape
     if ('\\' === (charBefore = before.slice(-1))) {
-        return true;
+        return;
     }
     charAfter = hasValue(after[0], charPairsValues) ? after[0] : charPairs[charBefore];
     // `|}`
     if (!value && after && before && charAfter && key === charAfter) {
         // Move to the next character
         // `}|`
-        of.select(start + 1).record();
-        return false;
+        offEventDefault(e);
+        return $.select(start + 1).record();
     }
     for (charBefore in charPairs) {
         charAfter = charPairs[charBefore];
@@ -167,168 +131,192 @@ export function canKeyDown(map, of) {
         if (key === charBefore && charAfter) {
             // Wrap pair or selection
             // `{|}` `{|aaa|}`
-            of.wrap(charBefore, charAfter).record();
-            return false;
+            offEventDefault(e);
+            return $.wrap(charBefore, charAfter).record();
         }
         // `|}`
         if (key === charAfter) {
             if (value) {
                 // Wrap selection
                 // `{|aaa|}`
-                of.record().wrap(charBefore, charAfter).record();
-                return false;
+                offEventDefault(e);
+                return $.record().wrap(charBefore, charAfter).record();
             }
             break;
         }
     }
-    return true;
-}
-
-export function canKeyDownDent(map, of) {
-    let charIndent = of.state.source.tab || of.state.tab || '\t',
-        {key, queue} = map,
-        keyValue = map + "";
-    // Indent with `⎈]`
-    if (CTRL_PREFIX + ']' === keyValue) {
-        of.push(charIndent).record();
-        return false;
-    }
-    // Outdent with `⎈[`
-    if (CTRL_PREFIX + '[' === keyValue) {
-        of.pull(charIndent).record();
-        return false;
-    }
-    return true;
-}
-
-export function canKeyDownEnter(map, of) {
-    let {key, queue} = map;
-    if (queue.Control && queue.Enter) {
-        let {after, before, end, start, value} = of.$(),
-            lineAfter = after.split('\n').shift(),
-            lineBefore = before.split('\n').pop(),
-            lineMatch = lineBefore.match(/^(\s+)/),
-            lineMatchIndent = lineMatch && lineMatch[1] || "";
-        if (before || after) {
-            if (queue.Shift) {
-                // Insert line above with `⎈⇧↵`
-                return of.select(start - toCount(lineBefore)).wrap(lineMatchIndent, '\n').insert(value).record(), false;
-            }
-            // Insert line below with `⎈↵`
-            return of.select(end + toCount(lineAfter)).wrap('\n' + lineMatchIndent, "").insert(value).record(), false;
-        }
-    }
-    return true;
-}
-
-export function canKeyDownHistory(map, of) {
-    let keyValue = map + "";
-    // Redo with `⎈y`
-    if (CTRL_PREFIX + 'y' === keyValue) {
-        return of.redo(), false;
-    }
-    // Undo with `⎈z`
-    if (CTRL_PREFIX + 'z' === keyValue) {
-        return of.undo(), false;
-    }
-    return true;
-}
-
-export function canKeyDownMove(map, of) {
-    let {key, queue} = map,
-        keyValue = map + "";
-    if (!queue.Control) {
-        return true;
-    }
-    let {after, before, end, start, value} = of.$(),
-        charPair, charPairValue,
-        charPairs = of.state.source.pairs || {},
-        boundaries = [], m;
+    let charPair,
+        charPairValue, m,
+        tokens = [];
     if (value) {
         for (charPair in charPairs) {
             if (!(charPairValue = charPairs[charPair])) {
                 continue;
             }
-            boundaries.push('(?:\\' + charPair + '(?:\\\\.|[^\\' + charPair + (charPairValue !== charPair ? '\\' + charPairValue : "") + '])*\\' + charPairValue + ')');
+            tokens.push('(?:\\' + charPair + '(?:\\\\.|[^\\' + charPair + (charPairValue !== charPair ? '\\' + charPairValue : "") + '])*\\' + charPairValue + ')');
         }
-        boundaries.push('\\w+'); // Word(s)
-        boundaries.push('\\s+'); // White-space(s)
-        boundaries.push('[\\s\\S]'); // Last try!
-        if (CTRL_PREFIX + 'ArrowLeft' === keyValue) {
-            if (m = before.match(toPattern('(' + boundaries.join('|') + ')$', ""))) {
-                of.insert("").select(start - toCount(m[0])).insert(value);
-                return of.record(), false;
+        tokens.push('\\w+'); // Word(s)
+        tokens.push('\\s+'); // White-space(s)
+        tokens.push('[\\s\\S]'); // Last try!
+        if (CTRL_PREFIX + 'ArrowLeft' === keys) {
+            offEventDefault(e);
+            if (m = toPattern('(' + tokens.join('|') + ')$', "").exec(before)) {
+                return $.insert("").select(start - toCount(m[0])).insert(value).record();
             }
-            return of.select(), false;
+            return $.select();
         }
-        if (CTRL_PREFIX + 'ArrowRight' === keyValue) {
-            if (m = after.match(toPattern('^(' + boundaries.join('|') + ')', ""))) {
-                of.insert("").select(end + toCount(m[0]) - toCount(value)).insert(value);
-                return of.record(), false;
+        if (CTRL_PREFIX + 'ArrowRight' === keys) {
+            offEventDefault(e);
+            if (m = after.match(toPattern('^(' + tokens.join('|') + ')', ""))) {
+                return $.insert("").select(end + toCount(m[0]) - toCount(value)).insert(value).record();
             }
-            return of.select(), false;
+            return $.select();
         }
     }
-    let lineAfter = after.split('\n').shift(),
-        lineBefore = before.split('\n').pop(),
-        lineMatch = lineBefore.match(/^(\s+)/),
-        lineMatchIndent = lineMatch && lineMatch[1] || "";
     // Force to select the current line if there is no selection
     end += toCount(lineAfter);
     start -= toCount(lineBefore);
     value = lineBefore + value + lineAfter;
-    if (CTRL_PREFIX + 'ArrowUp' === keyValue) {
+    if (CTRL_PREFIX + 'ArrowUp' === keys) {
+        offEventDefault(e);
         if (!hasValue('\n', before)) {
-            return of.select(), false;
+            return $.select();
         }
-        of.insert("");
-        of.replace(/^([^\n]*?)(\n|$)/, '$2', 1);
-        of.replace(/(^|\n)([^\n]*?)$/, "", -1);
-        let $ = of.$();
-        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();
-        of.select(start = start - toCount(lineBefore)).wrap(value, '\n');
-        of.select(start, start + toCount(value));
-        return of.record(), false;
+        $.select(start = start - toCount(lineBefore)).wrap(value, '\n');
+        $.select(start, start + toCount(value));
+        return $.record();
     }
-    if (CTRL_PREFIX + 'ArrowDown' === keyValue) {
+    if (CTRL_PREFIX + 'ArrowDown' === keys) {
+        offEventDefault(e);
         if (!hasValue('\n', after)) {
-            return of.select(), false;
+            return $.select();
         }
-        of.insert("");
-        of.replace(/^([^\n]*?)(\n|$)/, "", 1);
-        of.replace(/(^|\n)([^\n]*?)$/, '$1', -1);
-        let $ = of.$();
-        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();
-        of.select(end = end + toCount(lineAfter)).wrap('\n', value);
+        $.select(end = end + toCount(lineAfter)).wrap('\n', value);
         end += 1;
-        of.select(end, end + toCount(value));
-        return of.record(), false;
+        $.select(end, end + toCount(value));
+        return $.record();
     }
-    return true;
+    return;
 }
 
-export function canKeyDownTab(map, of) {
-    let charIndent = of.state.source.tab || of.state.tab || '\t',
-        keyValue = map + "";
-    // Indent with `⇥`
-    if ('Tab' === keyValue) {
-        return of.push(charIndent).record(), false;
-    }
-    // Outdent with `⇧+⇥`
-    if (SHIFT_PREFIX + 'Tab' === keyValue) {
-        return of.pull(charIndent).record(), false;
-    }
-    return true;
+function attach() {
+    let $ = this;
+    $.state = fromStates({
+        source: {
+            pairs: {
+                '`': '`',
+                '(': ')',
+                '{': '}',
+                '[': ']',
+                '"': '"',
+                "'": "'",
+                '<': '>'
+            }
+        }
+    }, $.state);
+    $.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);
+        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);
+        }
+        return $.wrap(open, close, wrap);
+    };
+    $.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();
 }
 
-let bounce = debounce(of => of.record(), 100);
-
-export function canKeyUp(map, of) {
-    return bounce(of), true;
+function detach() {
+    return this.off('key.down', onKeyDown);
 }
 
-export const state = defaults;
+export default {attach, detach};

package/package.json

@@ -3,11 +3,15 @@
   "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": "*",
-    "@taufik-nurrohman/key": "*",
+    "@taufik-nurrohman/is": "*",
     "@taufik-nurrohman/pattern": "*",
     "@taufik-nurrohman/text-editor": "*",
     "@taufik-nurrohman/text-editor.history": "*",
+    "@taufik-nurrohman/text-editor.key": "*",
     "@taufik-nurrohman/tick": "*",
     "@taufik-nurrohman/to": "*"
   },
@@ -47,7 +51,7 @@
     "url": "git+https://github.com/taufik-nurrohman/text-editor.source.git"
   },
   "scripts": {
-    "pack": "pack --clean=false --from=.github/factory --js-format=umd --js-name=TE.Source --js-top='%(js.license)' --mjs=true --to=."
+    "pack": "pack --clean=false --from=.factory --js-format=umd --js-name=TextEditor.Source --js-top='%(js.license)' --mjs=true --to=."
   },
-  "version": "2.2.11"
+  "version": "3.0.1"
 }