bitwrench 1.2.16 → 2.0.7

package/dist/bitwrench-code-edit.es5.min.js

@@ -0,0 +1,15 @@
+/*! bitwrench v2.0.7 | BSD-2-Clause | http://deftio.com/bitwrench */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bwCodeEdit={})}(this,(function(e){"use strict";
+/**
+   * bitwrench-code-edit.js - syntax-highlighted contenteditable code editor addon
+   *
+   * Provides bw.highlight() for tokenizing JS/CSS/HTML into TACO spans,
+   * and bw.codeEditor() for a live editable code block with syntax coloring.
+   *
+   * Can be loaded standalone (browser script tag after bitwrench.umd.js),
+   * or imported as an ES module / CJS module.
+   *
+   * @module bitwrench-code-edit
+   * @license BSD-2-Clause
+   */var t=!1,o='.bw-ce{background:#1e293b;border-radius:6px;border:1px solid rgba(255,255,255,0.08);overflow:auto}.bw-ce pre{margin:0;padding:0}.bw-ce code{font-family:"SF Mono",Monaco,"Cascadia Code",Consolas,monospace;font-size:0.875rem;line-height:1.6;color:#e2e8f0;outline:none;white-space:pre-wrap;display:block;padding:0.75rem 1rem}.bw-ce code:empty::before{content:"\\200b"}.bw-ce .bw-ce-keyword{color:#c792ea}.bw-ce .bw-ce-string{color:#c3e88d}.bw-ce .bw-ce-comment{color:#546e7a;font-style:italic}.bw-ce .bw-ce-number{color:#f78c6c}.bw-ce .bw-ce-operator{color:#89ddff}.bw-ce .bw-ce-punctuation{color:#89ddff}.bw-ce .bw-ce-property{color:#82aaff}.bw-ce .bw-ce-function{color:#82aaff}.bw-ce .bw-ce-tag{color:#f07178}.bw-ce .bw-ce-attr-name{color:#ffcb6b}.bw-ce .bw-ce-attr-value{color:#c3e88d}.bw-ce .bw-ce-selector{color:#c792ea}.bw-ce .bw-ce-css-prop{color:#82aaff}.bw-ce .bw-ce-css-value{color:#f78c6c}.bw-ce .bw-ce-at-rule{color:#c792ea;font-style:italic}.bw-ce .bw-ce-color{color:#f78c6c}.bw-ce .bw-ce-template-interp{color:#89ddff}.bw-ce-light.bw-ce{background:#fafafa;border-color:#d8d8d8}.bw-ce-light.bw-ce code{color:#1a1a1a}.bw-ce-light.bw-ce .bw-ce-keyword{color:#7c3aed}.bw-ce-light.bw-ce .bw-ce-string{color:#16a34a}.bw-ce-light.bw-ce .bw-ce-comment{color:#9ca3af;font-style:italic}.bw-ce-light.bw-ce .bw-ce-number{color:#ea580c}.bw-ce-light.bw-ce .bw-ce-operator{color:#0891b2}.bw-ce-light.bw-ce .bw-ce-punctuation{color:#6b7280}.bw-ce-light.bw-ce .bw-ce-property{color:#2563eb}.bw-ce-light.bw-ce .bw-ce-function{color:#2563eb}.bw-ce-light.bw-ce .bw-ce-tag{color:#dc2626}.bw-ce-light.bw-ce .bw-ce-attr-name{color:#d97706}.bw-ce-light.bw-ce .bw-ce-attr-value{color:#16a34a}.bw-ce-light.bw-ce .bw-ce-selector{color:#7c3aed}.bw-ce-light.bw-ce .bw-ce-css-prop{color:#2563eb}.bw-ce-light.bw-ce .bw-ce-css-value{color:#ea580c}.bw-ce-light.bw-ce .bw-ce-at-rule{color:#7c3aed}.bw-ce-light.bw-ce .bw-ce-color{color:#ea580c}.bw-ce-light.bw-ce .bw-ce-template-interp{color:#0891b2}';var c={};function r(e){var t=[],o=0,n=e.length,a="";function l(e){a.length&&(t.push({type:e,text:a}),a="")}for(;o<n;){var i=e[o],s=e[o+1];if("/"!==i||"/"!==s)if("/"!==i||"*"!==s){if("/"===i&&"/"!==s&&"*"!==s){var p=t.length?t[t.length-1]:null,u=!1;if(a.trim().length||p&&"operator"!==p.type&&"punctuation"!==p.type&&"keyword"!==p.type||(u=!0),u){l("plain");for(var f="/",b=o+1,w=!1,d=!1;b<n;){var h=e[b];if(w)f+=h,w=!1,b++;else if("\\"!==h)if("["!==h)if("]"!==h){if("/"===h&&!d){f+=h,b++;break}if("\n"===h)break;f+=h,b++}else d=!1,f+=h,b++;else d=!0,f+=h,b++;else w=!0,f+=h,b++}for(;b<n&&/[gimsuvy]/.test(e[b]);)f+=e[b],b++;t.push({type:"string",text:f}),o=b;continue}}if('"'!==i&&"'"!==i&&"`"!==i)if(/[0-9]/.test(i)||"."===i&&s&&/[0-9]/.test(s)){l("plain");var g="";if("0"===i&&s&&/[xXbBoO]/.test(s))for(g=i+s,o+=2;o<n&&/[0-9a-fA-F_]/.test(e[o]);)g+=e[o],o++;else for(;o<n&&/[0-9._eE]/.test(e[o]);)"e"!==e[o]&&"E"!==e[o]||!e[o+1]||!/[+\-0-9]/.test(e[o+1])?(g+=e[o],o++):(g+=e[o]+e[o+1],o+=2);t.push({type:"number",text:g})}else if(/[a-zA-Z_$]/.test(i)){l("plain");for(var v="";o<n&&/[a-zA-Z0-9_$]/.test(e[o]);)v+=e[o],o++;for(var y=o;y<n&&(" "===e[y]||"\t"===e[y]);)y++;var x=t.length?t[t.length-1]:null,m=x&&"punctuation"===x.type&&"."===x.text;c[v]?t.push({type:"keyword",text:v}):m?y<n&&"("===e[y]?t.push({type:"function",text:v}):t.push({type:"property",text:v}):y<n&&"("===e[y]?t.push({type:"function",text:v}):t.push({type:"plain",text:v})}else if(-1==="=+-*/%!<>&|^~?:".indexOf(i))-1==="(){}[];,.".indexOf(i)?(a+=i,o++):(l("plain"),t.push({type:"punctuation",text:i}),o++);else{l("plain");var k=i;++o<n&&-1!=="=+-*/%!<>&|^~?:".indexOf(e[o])&&(k+=e[o],++o<n&&-1!=="=>&|".indexOf(e[o])&&(k+=e[o],o++)),t.push({type:"operator",text:k})}else{l("plain");var C=i,S=i,T=o+1;if("`"===C){for(;T<n;){var A=e[T];if("\\"!==A)if("$"!==A||"{"!==e[T+1]){if("`"===A){S+=A,T++;break}S+=A,T++}else{S.length&&t.push({type:"string",text:S}),S="",t.push({type:"template-interp",text:"${"}),T+=2;for(var E=1,O="";T<n&&E>0;){if("{"===e[T])E++;else if("}"===e[T]&&0===--E)break;O+=e[T],T++}var z=r(O);(t=t.concat(z)).push({type:"template-interp",text:"}"}),T++}else S+=A+(e[T+1]||""),T+=2}S.length&&t.push({type:"string",text:S})}else{for(;T<n;){var _=e[T];if("\\"!==_){if(_===C){S+=_,T++;break}if("\n"===_)break;S+=_,T++}else S+=_+(e[T+1]||""),T+=2}t.push({type:"string",text:S})}o=T}}else{l("plain");var R=e.indexOf("*/",o+2);-1===R&&(R=n-2),t.push({type:"comment",text:e.substring(o,R+2)}),o=R+2}else{l("plain");var Z=e.indexOf("\n",o);-1===Z&&(Z=n),t.push({type:"comment",text:e.substring(o,Z)}),o=Z}}return l("plain"),t}function n(e){var t=[],o=0,c=e.length,r="selector",n="";function a(e){n.length&&(t.push({type:e||"plain",text:n}),n="")}for(;o<c;){var l=e[o],i=e[o+1];if("/"!==l||"*"!==i)if('"'!==l&&"'"!==l||"value"!==r&&"selector"!==r)if("@"!==l||"selector"!==r)if("#"!==l||"value"!==r)if("value"===r&&/[0-9]/.test(l)){a("css-value");for(var s="";o<c&&/[0-9.]/.test(e[o]);)s+=e[o],o++;for(var p="";o<c&&/[a-zA-Z%]/.test(e[o]);)p+=e[o],o++;t.push({type:"number",text:s+p})}else"{"!==l?"}"!==l?":"!==l||"prop"!==r?";"!==l?","!==l?(n+=l,o++):(a("selector"===r?"selector":"value"===r?"css-value":"plain"),t.push({type:"punctuation",text:l}),o++):(a("value"===r?"css-value":"plain"),t.push({type:"punctuation",text:l}),r="prop",o++):(a("css-prop"),t.push({type:"punctuation",text:l}),r="value",o++):(a("prop"===r?"css-prop":"value"===r?"css-value":"plain"),t.push({type:"punctuation",text:l}),r="selector",o++):(a("selector"===r?"selector":"plain"),t.push({type:"punctuation",text:l}),r="prop",o++);else{a("css-value");var u="#";for(o++;o<c&&/[0-9a-fA-F]/.test(e[o]);)u+=e[o],o++;t.push({type:"color",text:u})}else{a("selector");var f="@";for(o++;o<c&&/[a-zA-Z\-]/.test(e[o]);)f+=e[o],o++;t.push({type:"at-rule",text:f})}else{a("selector"===r?"selector":"css-value");var b=l,w=l;for(o++;o<c;)if("\\"!==e[o]){if(e[o]===b){w+=e[o],o++;break}w+=e[o],o++}else w+=e[o]+(e[o+1]||""),o+=2;t.push({type:"string",text:w})}else{a("selector"===r?"selector":"prop"===r?"css-prop":"css-value");var d=e.indexOf("*/",o+2);-1===d&&(d=c-2),t.push({type:"comment",text:e.substring(o,d+2)}),o=d+2}}return a("selector"===r?"selector":"prop"===r?"css-prop":"css-value"),t}function a(e){var t=[],o=0,c=e.length,r="";function n(e){r.length&&(t.push({type:e,text:r}),r="")}for(;o<c;){var a=e[o];if("<"!==a||"\x3c!--"!==e.substring(o,o+4))if("<"!==a)if("&"!==a)r+=a,o++;else{n("plain");var l="&";for(o++;o<c&&";"!==e[o]&&/[a-zA-Z0-9#]/.test(e[o]);)l+=e[o],o++;o<c&&";"===e[o]&&(l+=";",o++),t.push({type:"string",text:l})}else{n("plain");var i="<";for(++o<c&&"/"===e[o]&&(i+="/",o++);o<c&&/[a-zA-Z0-9\-]/.test(e[o]);)i+=e[o],o++;for(t.push({type:"tag",text:i});o<c&&">"!==e[o]&&("/"!==e[o]||">"!==e[o+1]);)if(/\s/.test(e[o])){for(var s="";o<c&&/\s/.test(e[o]);)s+=e[o],o++;t.push({type:"plain",text:s})}else if(/[a-zA-Z_\-@:]/.test(e[o])){for(var p="";o<c&&/[a-zA-Z0-9_\-@:]/.test(e[o]);)p+=e[o],o++;if(t.push({type:"attr-name",text:p}),o<c&&"="===e[o])if(t.push({type:"punctuation",text:"="}),++o<c&&('"'===e[o]||"'"===e[o])){var u=e[o],f=u;for(o++;o<c&&e[o]!==u;)f+=e[o],o++;o<c&&(f+=e[o],o++),t.push({type:"attr-value",text:f})}else{for(var b="";o<c&&!/[\s>]/.test(e[o]);)b+=e[o],o++;t.push({type:"attr-value",text:b})}}else r+=e[o],o++,n("plain");var w="";o<c&&"/"===e[o]&&(w+="/",o++),o<c&&">"===e[o]&&(w+=">",o++),w&&t.push({type:"tag",text:w})}else{n("plain");var d=e.indexOf("--\x3e",o+4);-1===d&&(d=c-3),t.push({type:"comment",text:e.substring(o,d+3)}),o=d+3}}return n("plain"),t}"var,const,let,function,return,if,else,for,while,do,switch,case,break,continue,new,typeof,instanceof,this,class,extends,import,export,default,from,true,false,null,undefined,try,catch,throw,finally,async,await,yield,of,in,delete,void,with,super,static,get,set,debugger".split(",").forEach((function(e){c[e]=!0}));var l={js:r,javascript:r,css:n,html:a};function i(e,t){return function(e){for(var t=[],o=0;o<e.length;o++){var c=e[o];"plain"===c.type?t.push(c.text):t.push({t:"span",a:{class:"bw-ce-"+c.type},c:c.text})}return t}((l[t]||r)(e))}function s(e){var t=(e=e||{}).code||"",o=e.lang||"js",c=e.height||"180px",r=!!e.readOnly,n="bw-ce"+(e.className?" "+e.className:""),a=i(t,o),l={spellcheck:"false",class:"bw-ce-code"};return r||(l.contenteditable="true"),{t:"div",a:{class:n,style:"max-height:"+c+";overflow:auto"},c:[{t:"pre",c:{t:"code",a:l,c:a}}],o:{mounted:function(c){var n=c.querySelector(".bw-ce-code");if(n){var a=t,l=null,s="undefined"!=typeof window&&window.bw||{};c._bwCodeEdit={getValue:p,setValue:function(e){a=e;var t=i(e,o);s.html&&(n.innerHTML=s.html({t:"span",c:t}))}},r||(n.addEventListener("input",(function(){clearTimeout(l),l=setTimeout(u,50)})),n.addEventListener("keydown",(function(e){"Tab"===e.key&&(e.preventDefault(),document.execCommand("insertText",!1,"  "))})))}function p(){return n.textContent||""}function u(){var t=p();if(t!==a){a=t;var c=function(e){var t=window.getSelection();if(!t.rangeCount)return 0;var o=t.getRangeAt(0).cloneRange();return o.selectNodeContents(e),o.setEnd(t.getRangeAt(0).startContainer,t.getRangeAt(0).startOffset),o.toString().length}(n),r=i(t,o);s.html&&(n.innerHTML=s.html({t:"span",c:r})),function(e,t){for(var o,c=window.getSelection(),r=document.createRange(),n=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,null,!1),a=0;o=n.nextNode();){var l=o.textContent.length;if(a+l>=t)return r.setStart(o,t-a),r.collapse(!0),c.removeAllRanges(),void c.addRange(r);a+=l}r.selectNodeContents(e),r.collapse(!1),c.removeAllRanges(),c.addRange(r)}(n,c),e.onChange&&e.onChange(t)}}}}}}function p(e){e&&(e.highlight=i,e.codeEditor=function(c){return function(e){t||(t=!0,e&&e.injectCSS&&e.injectCSS(o,{id:"bw-code-edit-styles"}))}(e),s(c)})}"undefined"!=typeof window&&window.bw&&p(window.bw);var u={highlight:i,codeEditor:s,install:p,CSS_TEXT:o};e.CSS_TEXT=o,e.codeEditor=s,e.default=u,e.highlight=i,e.install=p,e.tokenizeCSS=n,e.tokenizeHTML=a,e.tokenizeJS=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=bitwrench-code-edit.es5.min.js.map

package/dist/bitwrench-code-edit.esm.js

@@ -0,0 +1,628 @@
+/*! bitwrench v2.0.7 | BSD-2-Clause | http://deftio.com/bitwrench */
+/**
+ * bitwrench-code-edit.js - syntax-highlighted contenteditable code editor addon
+ *
+ * Provides bw.highlight() for tokenizing JS/CSS/HTML into TACO spans,
+ * and bw.codeEditor() for a live editable code block with syntax coloring.
+ *
+ * Can be loaded standalone (browser script tag after bitwrench.umd.js),
+ * or imported as an ES module / CJS module.
+ *
+ * @module bitwrench-code-edit
+ * @license BSD-2-Clause
+ */
+
+// -- CSS (injected once) ----------------------------------------------
+var _cssInjected = false;
+var CSS_TEXT =
+  '.bw-ce{background:#1e293b;border-radius:6px;border:1px solid rgba(255,255,255,0.08);overflow:auto}' +
+  '.bw-ce pre{margin:0;padding:0}' +
+  '.bw-ce code{font-family:"SF Mono",Monaco,"Cascadia Code",Consolas,monospace;font-size:0.875rem;line-height:1.6;color:#e2e8f0;outline:none;white-space:pre-wrap;display:block;padding:0.75rem 1rem}' +
+  '.bw-ce code:empty::before{content:"\\200b"}' +
+  '.bw-ce .bw-ce-keyword{color:#c792ea}' +
+  '.bw-ce .bw-ce-string{color:#c3e88d}' +
+  '.bw-ce .bw-ce-comment{color:#546e7a;font-style:italic}' +
+  '.bw-ce .bw-ce-number{color:#f78c6c}' +
+  '.bw-ce .bw-ce-operator{color:#89ddff}' +
+  '.bw-ce .bw-ce-punctuation{color:#89ddff}' +
+  '.bw-ce .bw-ce-property{color:#82aaff}' +
+  '.bw-ce .bw-ce-function{color:#82aaff}' +
+  '.bw-ce .bw-ce-tag{color:#f07178}' +
+  '.bw-ce .bw-ce-attr-name{color:#ffcb6b}' +
+  '.bw-ce .bw-ce-attr-value{color:#c3e88d}' +
+  '.bw-ce .bw-ce-selector{color:#c792ea}' +
+  '.bw-ce .bw-ce-css-prop{color:#82aaff}' +
+  '.bw-ce .bw-ce-css-value{color:#f78c6c}' +
+  '.bw-ce .bw-ce-at-rule{color:#c792ea;font-style:italic}' +
+  '.bw-ce .bw-ce-color{color:#f78c6c}' +
+  '.bw-ce .bw-ce-template-interp{color:#89ddff}' +
+  // Light theme
+  '.bw-ce-light.bw-ce{background:#fafafa;border-color:#d8d8d8}' +
+  '.bw-ce-light.bw-ce code{color:#1a1a1a}' +
+  '.bw-ce-light.bw-ce .bw-ce-keyword{color:#7c3aed}' +
+  '.bw-ce-light.bw-ce .bw-ce-string{color:#16a34a}' +
+  '.bw-ce-light.bw-ce .bw-ce-comment{color:#9ca3af;font-style:italic}' +
+  '.bw-ce-light.bw-ce .bw-ce-number{color:#ea580c}' +
+  '.bw-ce-light.bw-ce .bw-ce-operator{color:#0891b2}' +
+  '.bw-ce-light.bw-ce .bw-ce-punctuation{color:#6b7280}' +
+  '.bw-ce-light.bw-ce .bw-ce-property{color:#2563eb}' +
+  '.bw-ce-light.bw-ce .bw-ce-function{color:#2563eb}' +
+  '.bw-ce-light.bw-ce .bw-ce-tag{color:#dc2626}' +
+  '.bw-ce-light.bw-ce .bw-ce-attr-name{color:#d97706}' +
+  '.bw-ce-light.bw-ce .bw-ce-attr-value{color:#16a34a}' +
+  '.bw-ce-light.bw-ce .bw-ce-selector{color:#7c3aed}' +
+  '.bw-ce-light.bw-ce .bw-ce-css-prop{color:#2563eb}' +
+  '.bw-ce-light.bw-ce .bw-ce-css-value{color:#ea580c}' +
+  '.bw-ce-light.bw-ce .bw-ce-at-rule{color:#7c3aed}' +
+  '.bw-ce-light.bw-ce .bw-ce-color{color:#ea580c}' +
+  '.bw-ce-light.bw-ce .bw-ce-template-interp{color:#0891b2}';
+
+function ensureCSS(bw) {
+  if (_cssInjected) return;
+  _cssInjected = true;
+  if (bw && bw.injectCSS) {
+    bw.injectCSS(CSS_TEXT, { id: 'bw-code-edit-styles' });
+  }
+}
+
+// -- JS keywords ------------------------------------------------------
+var JS_KEYWORDS = {};
+'var,const,let,function,return,if,else,for,while,do,switch,case,break,continue,new,typeof,instanceof,this,class,extends,import,export,default,from,true,false,null,undefined,try,catch,throw,finally,async,await,yield,of,in,delete,void,with,super,static,get,set,debugger'.split(',').forEach(function(k) { JS_KEYWORDS[k] = true; });
+
+// -- JS Tokenizer -----------------------------------------------------
+function tokenizeJS(code) {
+  var tokens = [];
+  var i = 0, len = code.length;
+  var buf = '';
+
+  function flush(type) {
+    if (buf.length) { tokens.push({ type: type, text: buf }); buf = ''; }
+  }
+
+  while (i < len) {
+    var ch = code[i];
+    var next = code[i + 1];
+
+    // Line comment
+    if (ch === '/' && next === '/') {
+      flush('plain');
+      var end = code.indexOf('\n', i);
+      if (end === -1) end = len;
+      tokens.push({ type: 'comment', text: code.substring(i, end) });
+      i = end;
+      continue;
+    }
+
+    // Block comment
+    if (ch === '/' && next === '*') {
+      flush('plain');
+      var end2 = code.indexOf('*/', i + 2);
+      if (end2 === -1) end2 = len - 2;
+      tokens.push({ type: 'comment', text: code.substring(i, end2 + 2) });
+      i = end2 + 2;
+      continue;
+    }
+
+    // Regex (simple heuristic: / after operator or start-of-line)
+    if (ch === '/' && next !== '/' && next !== '*') {
+      var prevToken = tokens.length ? tokens[tokens.length - 1] : null;
+      var prevBuf = buf.trim();
+      var isRegex = false;
+      if (!prevBuf.length) {
+        if (!prevToken) isRegex = true;
+        else if (prevToken.type === 'operator' || prevToken.type === 'punctuation' || prevToken.type === 'keyword') isRegex = true;
+      }
+      if (isRegex) {
+        flush('plain');
+        var rBuf = '/';
+        var ri = i + 1;
+        var escaped = false;
+        var inCharClass = false;
+        while (ri < len) {
+          var rc = code[ri];
+          if (escaped) { rBuf += rc; escaped = false; ri++; continue; }
+          if (rc === '\\') { escaped = true; rBuf += rc; ri++; continue; }
+          if (rc === '[') { inCharClass = true; rBuf += rc; ri++; continue; }
+          if (rc === ']') { inCharClass = false; rBuf += rc; ri++; continue; }
+          if (rc === '/' && !inCharClass) { rBuf += rc; ri++; break; }
+          if (rc === '\n') break;
+          rBuf += rc; ri++;
+        }
+        // Flags
+        while (ri < len && /[gimsuvy]/.test(code[ri])) { rBuf += code[ri]; ri++; }
+        tokens.push({ type: 'string', text: rBuf });
+        i = ri;
+        continue;
+      }
+    }
+
+    // Strings
+    if (ch === '"' || ch === "'" || ch === '`') {
+      flush('plain');
+      var quote = ch;
+      var sBuf = ch;
+      var si = i + 1;
+      if (quote === '`') {
+        // Template literal
+        while (si < len) {
+          var sc = code[si];
+          if (sc === '\\') { sBuf += sc + (code[si + 1] || ''); si += 2; continue; }
+          if (sc === '$' && code[si + 1] === '{') {
+            // Flush string part so far
+            if (sBuf.length) tokens.push({ type: 'string', text: sBuf }); sBuf = '';
+            // Find matching brace (simple: count braces)
+            tokens.push({ type: 'template-interp', text: '${' });
+            si += 2;
+            var depth = 1;
+            var interpBuf = '';
+            while (si < len && depth > 0) {
+              if (code[si] === '{') depth++;
+              else if (code[si] === '}') { depth--; if (depth === 0) break; }
+              interpBuf += code[si]; si++;
+            }
+            // Tokenize the interpolation content recursively
+            var interpTokens = tokenizeJS(interpBuf);
+            tokens = tokens.concat(interpTokens);
+            tokens.push({ type: 'template-interp', text: '}' });
+            si++; // skip closing }
+            continue;
+          }
+          if (sc === '`') { sBuf += sc; si++; break; }
+          sBuf += sc; si++;
+        }
+        if (sBuf.length) tokens.push({ type: 'string', text: sBuf });
+      } else {
+        while (si < len) {
+          var sc2 = code[si];
+          if (sc2 === '\\') { sBuf += sc2 + (code[si + 1] || ''); si += 2; continue; }
+          if (sc2 === quote) { sBuf += sc2; si++; break; }
+          if (sc2 === '\n') break;
+          sBuf += sc2; si++;
+        }
+        tokens.push({ type: 'string', text: sBuf });
+      }
+      i = si;
+      continue;
+    }
+
+    // Numbers
+    if (/[0-9]/.test(ch) || (ch === '.' && next && /[0-9]/.test(next))) {
+      flush('plain');
+      var nBuf = '';
+      if (ch === '0' && next && /[xXbBoO]/.test(next)) {
+        nBuf = ch + next; i += 2;
+        while (i < len && /[0-9a-fA-F_]/.test(code[i])) { nBuf += code[i]; i++; }
+      } else {
+        while (i < len && /[0-9._eE]/.test(code[i])) {
+          if ((code[i] === 'e' || code[i] === 'E') && code[i + 1] && /[+\-0-9]/.test(code[i + 1])) {
+            nBuf += code[i] + code[i + 1]; i += 2; continue;
+          }
+          nBuf += code[i]; i++;
+        }
+      }
+      tokens.push({ type: 'number', text: nBuf });
+      continue;
+    }
+
+    // Identifiers / keywords
+    if (/[a-zA-Z_$]/.test(ch)) {
+      flush('plain');
+      var wBuf = '';
+      while (i < len && /[a-zA-Z0-9_$]/.test(code[i])) { wBuf += code[i]; i++; }
+      // Look-ahead: is it a function call?
+      var la = i;
+      while (la < len && (code[la] === ' ' || code[la] === '\t')) la++;
+      // Look-back: is it a property (after dot)?
+      var prevTok = tokens.length ? tokens[tokens.length - 1] : null;
+      var isDot = prevTok && prevTok.type === 'punctuation' && prevTok.text === '.';
+
+      if (JS_KEYWORDS[wBuf]) {
+        tokens.push({ type: 'keyword', text: wBuf });
+      } else if (isDot) {
+        if (la < len && code[la] === '(') {
+          tokens.push({ type: 'function', text: wBuf });
+        } else {
+          tokens.push({ type: 'property', text: wBuf });
+        }
+      } else if (la < len && code[la] === '(') {
+        tokens.push({ type: 'function', text: wBuf });
+      } else {
+        tokens.push({ type: 'plain', text: wBuf });
+      }
+      continue;
+    }
+
+    // Operators
+    if ('=+-*/%!<>&|^~?:'.indexOf(ch) !== -1) {
+      flush('plain');
+      // Consume multi-char operators
+      var opBuf = ch;
+      i++;
+      if (i < len && '=+-*/%!<>&|^~?:'.indexOf(code[i]) !== -1) {
+        opBuf += code[i]; i++;
+        if (i < len && '=>&|'.indexOf(code[i]) !== -1) { opBuf += code[i]; i++; }
+      }
+      tokens.push({ type: 'operator', text: opBuf });
+      continue;
+    }
+
+    // Punctuation
+    if ('(){}[];,.'.indexOf(ch) !== -1) {
+      flush('plain');
+      tokens.push({ type: 'punctuation', text: ch });
+      i++;
+      continue;
+    }
+
+    // Plain (whitespace + anything else)
+    buf += ch;
+    i++;
+  }
+  flush('plain');
+  return tokens;
+}
+
+// -- CSS Tokenizer ----------------------------------------------------
+function tokenizeCSS(code) {
+  var tokens = [];
+  var i = 0, len = code.length;
+  var state = 'selector'; // selector | prop | value
+  var buf = '';
+
+  function flush(type) {
+    if (buf.length) { tokens.push({ type: type || 'plain', text: buf }); buf = ''; }
+  }
+
+  while (i < len) {
+    var ch = code[i];
+    var next = code[i + 1];
+
+    // Block comment
+    if (ch === '/' && next === '*') {
+      flush(state === 'selector' ? 'selector' : state === 'prop' ? 'css-prop' : 'css-value');
+      var end = code.indexOf('*/', i + 2);
+      if (end === -1) end = len - 2;
+      tokens.push({ type: 'comment', text: code.substring(i, end + 2) });
+      i = end + 2;
+      continue;
+    }
+
+    // Strings in values
+    if ((ch === '"' || ch === "'") && (state === 'value' || state === 'selector')) {
+      flush(state === 'selector' ? 'selector' : 'css-value');
+      var quote = ch;
+      var sBuf = ch;
+      i++;
+      while (i < len) {
+        if (code[i] === '\\') { sBuf += code[i] + (code[i + 1] || ''); i += 2; continue; }
+        if (code[i] === quote) { sBuf += code[i]; i++; break; }
+        sBuf += code[i]; i++;
+      }
+      tokens.push({ type: 'string', text: sBuf });
+      continue;
+    }
+
+    // At-rules
+    if (ch === '@' && state === 'selector') {
+      flush('selector');
+      var aBuf = '@';
+      i++;
+      while (i < len && /[a-zA-Z\-]/.test(code[i])) { aBuf += code[i]; i++; }
+      tokens.push({ type: 'at-rule', text: aBuf });
+      continue;
+    }
+
+    // Hex colors in values
+    if (ch === '#' && state === 'value') {
+      flush('css-value');
+      var hBuf = '#';
+      i++;
+      while (i < len && /[0-9a-fA-F]/.test(code[i])) { hBuf += code[i]; i++; }
+      tokens.push({ type: 'color', text: hBuf });
+      continue;
+    }
+
+    // Numbers in values
+    if (state === 'value' && /[0-9]/.test(ch)) {
+      flush('css-value');
+      var nBuf2 = '';
+      while (i < len && /[0-9.]/.test(code[i])) { nBuf2 += code[i]; i++; }
+      // Unit
+      var uBuf = '';
+      while (i < len && /[a-zA-Z%]/.test(code[i])) { uBuf += code[i]; i++; }
+      tokens.push({ type: 'number', text: nBuf2 + uBuf });
+      continue;
+    }
+
+    // Punctuation and state transitions
+    if (ch === '{') {
+      flush(state === 'selector' ? 'selector' : 'plain');
+      tokens.push({ type: 'punctuation', text: ch });
+      state = 'prop';
+      i++; continue;
+    }
+    if (ch === '}') {
+      flush(state === 'prop' ? 'css-prop' : state === 'value' ? 'css-value' : 'plain');
+      tokens.push({ type: 'punctuation', text: ch });
+      state = 'selector';
+      i++; continue;
+    }
+    if (ch === ':' && state === 'prop') {
+      flush('css-prop');
+      tokens.push({ type: 'punctuation', text: ch });
+      state = 'value';
+      i++; continue;
+    }
+    if (ch === ';') {
+      flush(state === 'value' ? 'css-value' : 'plain');
+      tokens.push({ type: 'punctuation', text: ch });
+      state = 'prop';
+      i++; continue;
+    }
+    if (ch === ',') {
+      flush(state === 'selector' ? 'selector' : state === 'value' ? 'css-value' : 'plain');
+      tokens.push({ type: 'punctuation', text: ch });
+      i++; continue;
+    }
+
+    // Accumulate into buffer
+    buf += ch;
+    i++;
+  }
+  flush(state === 'selector' ? 'selector' : state === 'prop' ? 'css-prop' : 'css-value');
+  return tokens;
+}
+
+// -- HTML Tokenizer ---------------------------------------------------
+function tokenizeHTML(code) {
+  var tokens = [];
+  var i = 0, len = code.length;
+  var buf = '';
+
+  function flush(type) {
+    if (buf.length) { tokens.push({ type: type, text: buf }); buf = ''; }
+  }
+
+  while (i < len) {
+    var ch = code[i];
+
+    // Comment
+    if (ch === '<' && code.substring(i, i + 4) === '<!--') {
+      flush('plain');
+      var end = code.indexOf('-->', i + 4);
+      if (end === -1) end = len - 3;
+      tokens.push({ type: 'comment', text: code.substring(i, end + 3) });
+      i = end + 3;
+      continue;
+    }
+
+    // Tag
+    if (ch === '<') {
+      flush('plain');
+      // Consume < and optional /
+      var tBuf = '<';
+      i++;
+      if (i < len && code[i] === '/') { tBuf += '/'; i++; }
+      // Tag name
+      while (i < len && /[a-zA-Z0-9\-]/.test(code[i])) { tBuf += code[i]; i++; }
+      tokens.push({ type: 'tag', text: tBuf });
+
+      // Attributes
+      while (i < len && code[i] !== '>' && !(code[i] === '/' && code[i + 1] === '>')) {
+        // Whitespace
+        if (/\s/.test(code[i])) {
+          var wBuf = '';
+          while (i < len && /\s/.test(code[i])) { wBuf += code[i]; i++; }
+          tokens.push({ type: 'plain', text: wBuf });
+          continue;
+        }
+        // Attribute name
+        if (/[a-zA-Z_\-@:]/.test(code[i])) {
+          var aBuf = '';
+          while (i < len && /[a-zA-Z0-9_\-@:]/.test(code[i])) { aBuf += code[i]; i++; }
+          tokens.push({ type: 'attr-name', text: aBuf });
+          // = sign
+          if (i < len && code[i] === '=') {
+            tokens.push({ type: 'punctuation', text: '=' });
+            i++;
+            // Attribute value
+            if (i < len && (code[i] === '"' || code[i] === "'")) {
+              var q = code[i];
+              var vBuf = q;
+              i++;
+              while (i < len && code[i] !== q) { vBuf += code[i]; i++; }
+              if (i < len) { vBuf += code[i]; i++; }
+              tokens.push({ type: 'attr-value', text: vBuf });
+            } else {
+              // Unquoted value
+              var uBuf2 = '';
+              while (i < len && !/[\s>]/.test(code[i])) { uBuf2 += code[i]; i++; }
+              tokens.push({ type: 'attr-value', text: uBuf2 });
+            }
+          }
+          continue;
+        }
+        // Anything else in tag
+        buf += code[i]; i++;
+        flush('plain');
+      }
+
+      // Close of tag
+      var closeBuf = '';
+      if (i < len && code[i] === '/') { closeBuf += '/'; i++; }
+      if (i < len && code[i] === '>') { closeBuf += '>'; i++; }
+      if (closeBuf) tokens.push({ type: 'tag', text: closeBuf });
+      continue;
+    }
+
+    // Entity
+    if (ch === '&') {
+      flush('plain');
+      var eBuf = '&';
+      i++;
+      while (i < len && code[i] !== ';' && /[a-zA-Z0-9#]/.test(code[i])) { eBuf += code[i]; i++; }
+      if (i < len && code[i] === ';') { eBuf += ';'; i++; }
+      tokens.push({ type: 'string', text: eBuf });
+      continue;
+    }
+
+    // Plain text
+    buf += ch;
+    i++;
+  }
+  flush('plain');
+  return tokens;
+}
+
+// -- Token to TACO conversion -----------------------------------------
+var TOKENIZERS = { js: tokenizeJS, javascript: tokenizeJS, css: tokenizeCSS, html: tokenizeHTML };
+
+function tokensToTACO(tokArr) {
+  var result = [];
+  for (var i = 0; i < tokArr.length; i++) {
+    var tok = tokArr[i];
+    if (tok.type === 'plain') {
+      result.push(tok.text);
+    } else {
+      result.push({ t: 'span', a: { class: 'bw-ce-' + tok.type }, c: tok.text });
+    }
+  }
+  return result;
+}
+
+// -- Public: highlight ------------------------------------------------
+function highlight(code, lang) {
+  var tokenizer = TOKENIZERS[lang] || tokenizeJS;
+  var tokens = tokenizer(code);
+  return tokensToTACO(tokens);
+}
+
+// -- Caret save/restore -----------------------------------------------
+function getCaretOffset(el) {
+  var sel = window.getSelection();
+  if (!sel.rangeCount) return 0;
+  var range = sel.getRangeAt(0).cloneRange();
+  range.selectNodeContents(el);
+  range.setEnd(sel.getRangeAt(0).startContainer, sel.getRangeAt(0).startOffset);
+  return range.toString().length;
+}
+
+function setCaretOffset(el, offset) {
+  var sel = window.getSelection();
+  var range = document.createRange();
+  var walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null, false);
+  var pos = 0;
+  var node;
+  while ((node = walker.nextNode())) {
+    var nodeLen = node.textContent.length;
+    if (pos + nodeLen >= offset) {
+      range.setStart(node, offset - pos);
+      range.collapse(true);
+      sel.removeAllRanges();
+      sel.addRange(range);
+      return;
+    }
+    pos += nodeLen;
+  }
+  // If offset exceeds content, place at end
+  range.selectNodeContents(el);
+  range.collapse(false);
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+
+// -- Public: codeEditor -----------------------------------------------
+function codeEditor(opts) {
+  opts = opts || {};
+  var code = opts.code || '';
+  var lang = opts.lang || 'js';
+  var height = opts.height || '180px';
+  var readOnly = !!opts.readOnly;
+  var className = 'bw-ce' + (opts.className ? ' ' + opts.className : '');
+
+  var highlighted = highlight(code, lang);
+
+  var codeAttrs = {
+    spellcheck: 'false',
+    class: 'bw-ce-code'
+  };
+  if (!readOnly) {
+    codeAttrs.contenteditable = 'true';
+  }
+
+  return {
+    t: 'div',
+    a: { class: className, style: 'max-height:' + height + ';overflow:auto' },
+    c: [
+      { t: 'pre', c: { t: 'code', a: codeAttrs, c: highlighted } }
+    ],
+    o: {
+      mounted: function(el) {
+        var codeEl = el.querySelector('.bw-ce-code');
+        if (!codeEl) return;
+
+        var currentCode = code;
+        var debounceTimer = null;
+
+        // Resolve bw from global or import context
+        var bw = (typeof window !== 'undefined' && window.bw) || {};
+
+        function getValue() { return codeEl.textContent || ''; }
+
+        function setValue(newCode) {
+          currentCode = newCode;
+          var tacos = highlight(newCode, lang);
+          if (bw.html) codeEl.innerHTML = bw.html({ t: 'span', c: tacos });
+        }
+
+        // Expose API on the element
+        el._bwCodeEdit = { getValue: getValue, setValue: setValue };
+
+        if (readOnly) return;
+
+        function rehighlight() {
+          var newCode = getValue();
+          if (newCode === currentCode) return;
+          currentCode = newCode;
+          var offset = getCaretOffset(codeEl);
+          var tacos = highlight(newCode, lang);
+          if (bw.html) codeEl.innerHTML = bw.html({ t: 'span', c: tacos });
+          setCaretOffset(codeEl, offset);
+          if (opts.onChange) opts.onChange(newCode);
+        }
+
+        codeEl.addEventListener('input', function() {
+          clearTimeout(debounceTimer);
+          debounceTimer = setTimeout(rehighlight, 50);
+        });
+
+        // Tab key: insert 2 spaces
+        codeEl.addEventListener('keydown', function(e) {
+          if (e.key === 'Tab') {
+            e.preventDefault();
+            document.execCommand('insertText', false, '  ');
+          }
+        });
+      }
+    }
+  };
+}
+
+// -- Auto-attach to bw when loaded as script tag ----------------------
+function install(bw) {
+  if (!bw) return;
+  bw.highlight = highlight;
+  bw.codeEditor = function(opts) {
+    ensureCSS(bw);
+    return codeEditor(opts);
+  };
+}
+
+// Auto-install if bw is on window (script tag usage)
+if (typeof window !== 'undefined' && window.bw) {
+  install(window.bw);
+}
+var bitwrenchCodeEdit = { highlight, codeEditor, install, CSS_TEXT };
+
+export { CSS_TEXT, codeEditor, bitwrenchCodeEdit as default, highlight, install, tokenizeCSS, tokenizeHTML, tokenizeJS };
+//# sourceMappingURL=bitwrench-code-edit.esm.js.map