juxscript 1.1.45 → 1.1.47

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAGzC,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDf,CAAC"}

package/lib/components/code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOxD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,IAAK,SAAQ,aAAa,CAAC,SAAS,CAAC;IAChD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAS;gBAE9B,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAYjD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAIhD,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAsBtC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK9B,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IASrC;;OAEG;IACH,OAAO,CAAC,WAAW;IAInB;;OAEG;IACH,OAAO,CAAC,aAAa;IAyBrB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0B1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAezB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;CAgFnE;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAEhE"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOxD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,IAAK,SAAQ,aAAa,CAAC,SAAS,CAAC;IAChD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAS;gBAE9B,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAYjD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAIhD,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAsBtC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK9B,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IASrC;;OAEG;IACH,OAAO,CAAC,WAAW;IAInB;;OAEG;IACH,OAAO,CAAC,aAAa;IAoBrB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0B1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAezB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;CAgFnE;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAEhE"}

package/lib/components/code.js

@@ -1,5 +1,5 @@
 import { BaseComponent } from './base/BaseComponent.js';
-import { parseCode, renderLineWithTokens, getSyntaxHighlightCSS } from '../utils/codeparser.js';
+import { codeParser } from '../utils/codeparser.js'; // ✅ Default import
 // Event definitions
 const TRIGGER_EVENTS = [];
 const CALLBACK_EVENTS = [];
@@ -68,7 +68,7 @@ export class Code extends BaseComponent {
      * Parse code content into individual lines with tokens
      */
     _parseLines() {
-        return parseCode(this.state.content, this.state.language);
+        return codeParser.parse(this.state.content, this.state.language);
     }
     /**
      * Rebuild all line elements
@@ -88,10 +88,6 @@ export class Code extends BaseComponent {
             const lineEl = this._createLineElement(parsedLine, lineNumber, isHighlighted);
             codeEl.appendChild(lineEl);
         });
-        // Re-run Prism if available
-        if (window.Prism && this._codeContainer) {
-            window.Prism.highlightAllUnder(this._codeContainer);
-        }
     }
     /**
      * Create a single line element with parsed tokens
@@ -113,7 +109,7 @@ export class Code extends BaseComponent {
         // Line content with syntax highlighting
         const lineCode = document.createElement('span');
         lineCode.className = 'jux-code-line-content';
-        lineCode.innerHTML = renderLineWithTokens(parsedLine);
+        lineCode.innerHTML = codeParser.renderLine(parsedLine);
         lineEl.appendChild(lineCode);
         return lineEl;
     }
@@ -139,7 +135,7 @@ export class Code extends BaseComponent {
         if (!Code._syntaxCSSInjected) {
             const style = document.createElement('style');
             style.id = 'jux-code-syntax-css';
-            style.textContent = getSyntaxHighlightCSS();
+            style.textContent = codeParser.getCSS();
             document.head.appendChild(style);
             Code._syntaxCSSInjected = true;
         }

package/lib/components/code.ts

@@ -1,5 +1,5 @@
 import { BaseComponent } from './base/BaseComponent.js';
-import { parseCode, renderLineWithTokens, getSyntaxHighlightCSS } from '../utils/codeparser.js';
+import { codeParser } from '../utils/codeparser.js'; // ✅ Default import
 
 // Event definitions
 const TRIGGER_EVENTS = [] as const;
@@ -103,8 +103,8 @@ export class Code extends BaseComponent<CodeState> {
   /**
    * Parse code content into individual lines with tokens
    */
-  private _parseLines(): ReturnType<typeof parseCode> {
-    return parseCode(this.state.content, this.state.language);
+  private _parseLines(): ReturnType<typeof codeParser.parse> {
+    return codeParser.parse(this.state.content, this.state.language);
   }
 
   /**
@@ -124,21 +124,16 @@ export class Code extends BaseComponent<CodeState> {
     parsedLines.forEach((parsedLine, index) => {
       const lineNumber = startLine + index;
       const isHighlighted = highlightLines.includes(lineNumber);
-
       const lineEl = this._createLineElement(parsedLine, lineNumber, isHighlighted);
       codeEl.appendChild(lineEl);
     });
 
-    // Re-run Prism if available
-    if ((window as any).Prism && this._codeContainer) {
-      (window as any).Prism.highlightAllUnder(this._codeContainer);
-    }
   }
 
   /**
    * Create a single line element with parsed tokens
    */
-  private _createLineElement(parsedLine: ReturnType<typeof parseCode>[0], lineNumber: number, highlighted: boolean): HTMLElement {
+  private _createLineElement(parsedLine: ReturnType<typeof codeParser.parse>[0], lineNumber: number, highlighted: boolean): HTMLElement {
     const lineEl = document.createElement('div');
     lineEl.className = 'jux-code-line';
     lineEl.setAttribute('data-line', String(lineNumber));
@@ -158,7 +153,7 @@ export class Code extends BaseComponent<CodeState> {
     // Line content with syntax highlighting
     const lineCode = document.createElement('span');
     lineCode.className = 'jux-code-line-content';
-    lineCode.innerHTML = renderLineWithTokens(parsedLine);
+    lineCode.innerHTML = codeParser.renderLine(parsedLine);
     lineEl.appendChild(lineCode);
 
     return lineEl;
@@ -189,7 +184,7 @@ export class Code extends BaseComponent<CodeState> {
     if (!Code._syntaxCSSInjected) {
       const style = document.createElement('style');
       style.id = 'jux-code-syntax-css';
-      style.textContent = getSyntaxHighlightCSS();
+      style.textContent = codeParser.getCSS();
       document.head.appendChild(style);
       Code._syntaxCSSInjected = true;
     }

package/lib/utils/codeparser.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Token type to CSS class mapping
+ */
+export declare const TOKEN_CLASS_MAP: Record<string, string>;
 export interface ParsedToken {
     type: string;
     value: string;
@@ -12,17 +16,54 @@ export interface ParsedLine {
     tokens: ParsedToken[];
     raw: string;
 }
+export declare class CodeParser {
+    private static _cache;
+    /**
+     * Parse code with caching
+     */
+    static parse(code: string, language?: string): ParsedLine[];
+    private static _parseCode;
+    /**
+     * ✅ NEW: Strip TypeScript type annotations for parsing
+     * This is a simple regex-based approach - not perfect but works for most cases
+     */
+    private static _stripTypeScriptTypes;
+    /**
+     * Clear cache (useful for development)
+     */
+    static clearCache(): void;
+}
+/**
+ * Get CSS class for a token
+ */
+export declare function getTokenClass(token: any): string;
 /**
- * Parse JavaScript/TypeScript code using Acorn
- * Returns token-level information for syntax highlighting
+ * Check if a word is a JavaScript keyword
  */
-export declare function parseCode(code: string, language?: string): ParsedLine[];
+export declare function isKeyword(word: string): boolean;
 /**
  * Render a parsed line as HTML with spans
  */
 export declare function renderLineWithTokens(parsedLine: ParsedLine): string;
+/**
+ * Escape HTML entities
+ */
+export declare function escapeHtml(text: string): string;
 /**
  * Generate CSS for syntax highlighting
  */
 export declare function getSyntaxHighlightCSS(): string;
+/**
+ * Main parser export with utilities
+ */
+export declare const codeParser: {
+    parse: typeof CodeParser.parse;
+    renderLine: typeof renderLineWithTokens;
+    getCSS: typeof getSyntaxHighlightCSS;
+    getTokenClass: typeof getTokenClass;
+    isKeyword: typeof isKeyword;
+    escapeHtml: typeof escapeHtml;
+    TOKEN_CLASS_MAP: Record<string, string>;
+};
+export default CodeParser;
 //# sourceMappingURL=codeparser.d.ts.map

package/lib/utils/codeparser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeparser.d.ts","sourceRoot":"","sources":["codeparser.ts"],"names":[],"mappings":"AA4CA,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAqB,GAAG,UAAU,EAAE,CA0ErF;AA+BD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAiCnE;AAcD;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAmB9C"}
+{"version":3,"file":"codeparser.d.ts","sourceRoot":"","sources":["codeparser.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqClD,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,UAAU;IACnB,OAAO,CAAC,MAAM,CAAC,MAAM,CAAmC;IAExD;;OAEG;IACH,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAqB,GAAG,UAAU,EAAE;IAYzE,OAAO,CAAC,MAAM,CAAC,UAAU;IA6FzB;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAcpC;;OAEG;IACH,MAAM,CAAC,UAAU,IAAI,IAAI;CAG5B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAUhD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAS/C;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAiCnE;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO/C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAmB9C;AAID;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/utils/codeparser.js

@@ -2,7 +2,7 @@ import * as acorn from 'acorn';
 /**
  * Token type to CSS class mapping
  */
-const TOKEN_CLASS_MAP = {
+export const TOKEN_CLASS_MAP = {
     // Keywords
     'Keyword': 'token-keyword',
     'this': 'token-keyword',
@@ -36,80 +36,129 @@ const TOKEN_CLASS_MAP = {
     'LineComment': 'token-comment',
     'BlockComment': 'token-comment',
 };
-/**
- * Parse JavaScript/TypeScript code using Acorn
- * Returns token-level information for syntax highlighting
- */
-export function parseCode(code, language = 'javascript') {
-    const lines = [];
-    const codeLines = code.split('\n');
-    try {
-        // Parse with Acorn (supports ES2020+)
-        const tokens = [];
-        acorn.parse(code, {
-            ecmaVersion: 2022,
-            sourceType: 'module',
-            locations: true,
-            ranges: true,
-            onToken: tokens,
-            onComment: (block, text, start, end, startLoc, endLoc) => {
-                tokens.push({
-                    type: block ? 'BlockComment' : 'LineComment',
-                    value: text,
-                    start,
-                    end,
-                    loc: { start: startLoc, end: endLoc }
+export class CodeParser {
+    /**
+     * Parse code with caching
+     */
+    static parse(code, language = 'javascript') {
+        const cacheKey = `${language}:${code}`;
+        if (this._cache.has(cacheKey)) {
+            return this._cache.get(cacheKey);
+        }
+        const result = this._parseCode(code, language);
+        this._cache.set(cacheKey, result);
+        return result;
+    }
+    static _parseCode(code, language) {
+        const lines = [];
+        const codeLines = code.split('\n');
+        // ✅ Skip parsing for non-JS languages
+        if (!['javascript', 'typescript', 'js', 'ts', 'jsx', 'tsx'].includes(language.toLowerCase())) {
+            codeLines.forEach((lineText, index) => {
+                lines.push({
+                    lineNumber: index + 1,
+                    tokens: [],
+                    raw: lineText
                 });
-            }
-        });
-        // Sort tokens by position
-        tokens.sort((a, b) => a.start - b.start);
-        // Group tokens by line
-        const tokensByLine = new Map();
-        tokens.forEach(token => {
-            const line = token.loc.start.line;
-            const parsedToken = {
-                type: token.type.label || token.type,
-                value: token.value !== undefined ? String(token.value) : code.substring(token.start, token.end),
-                start: token.start,
-                end: token.end,
-                line: token.loc.start.line,
-                column: token.loc.start.column,
-                className: getTokenClass(token)
-            };
-            if (!tokensByLine.has(line)) {
-                tokensByLine.set(line, []);
-            }
-            tokensByLine.get(line).push(parsedToken);
-        });
-        // Build lines with tokens
-        codeLines.forEach((lineText, index) => {
-            const lineNumber = index + 1;
-            const lineTokens = tokensByLine.get(lineNumber) || [];
-            lines.push({
-                lineNumber,
-                tokens: lineTokens,
-                raw: lineText
             });
-        });
-    }
-    catch (error) {
-        // Fallback: if parsing fails, return plain lines
-        console.warn('[CodeParser] Parse failed, using plain text:', error);
-        codeLines.forEach((lineText, index) => {
-            lines.push({
-                lineNumber: index + 1,
-                tokens: [],
-                raw: lineText
+            return lines;
+        }
+        // ✅ Strip TypeScript types for parsing
+        const cleanedCode = language.toLowerCase().includes('typescript') || language.toLowerCase().includes('ts')
+            ? this._stripTypeScriptTypes(code)
+            : code;
+        try {
+            // Parse with Acorn (supports ES2020+)
+            const tokens = [];
+            acorn.parse(cleanedCode, {
+                ecmaVersion: 2022,
+                sourceType: 'module',
+                locations: true,
+                ranges: true,
+                onToken: tokens,
+                onComment: (block, text, start, end, startLoc, endLoc) => {
+                    tokens.push({
+                        type: block ? 'BlockComment' : 'LineComment',
+                        value: text,
+                        start,
+                        end,
+                        loc: { start: startLoc, end: endLoc }
+                    });
+                }
+            });
+            // Sort tokens by position
+            tokens.sort((a, b) => a.start - b.start);
+            // Group tokens by line
+            const tokensByLine = new Map();
+            tokens.forEach(token => {
+                const line = token.loc.start.line;
+                const parsedToken = {
+                    type: token.type.label || token.type,
+                    value: token.value !== undefined ? String(token.value) : cleanedCode.substring(token.start, token.end),
+                    start: token.start,
+                    end: token.end,
+                    line: token.loc.start.line,
+                    column: token.loc.start.column,
+                    className: getTokenClass(token)
+                };
+                if (!tokensByLine.has(line)) {
+                    tokensByLine.set(line, []);
+                }
+                tokensByLine.get(line).push(parsedToken);
+            });
+            // ✅ Build lines with tokens (use ORIGINAL code, not cleaned)
+            codeLines.forEach((lineText, index) => {
+                const lineNumber = index + 1;
+                const lineTokens = tokensByLine.get(lineNumber) || [];
+                lines.push({
+                    lineNumber,
+                    tokens: lineTokens,
+                    raw: lineText // Use original line with types
+                });
             });
-        });
+        }
+        catch (error) {
+            // Fallback: if parsing fails, return plain lines
+            console.warn('[CodeParser] Parse failed, using plain text:', error);
+            codeLines.forEach((lineText, index) => {
+                lines.push({
+                    lineNumber: index + 1,
+                    tokens: [],
+                    raw: lineText
+                });
+            });
+        }
+        return lines;
+    }
+    /**
+     * ✅ NEW: Strip TypeScript type annotations for parsing
+     * This is a simple regex-based approach - not perfect but works for most cases
+     */
+    static _stripTypeScriptTypes(code) {
+        return code
+            // Remove type annotations from parameters: (name: string) -> (name)
+            .replace(/(\w+)\s*:\s*[\w<>\[\]|&]+/g, '$1')
+            // Remove return type annotations: ): string -> )
+            .replace(/\)\s*:\s*[\w<>\[\]|&]+/g, ')')
+            // Remove interface/type declarations (keep as comments to preserve line numbers)
+            .replace(/^(\s*)(interface|type)\s+\w+.*$/gm, '$1// $2 declaration')
+            // Remove as type assertions: value as string -> value
+            .replace(/\s+as\s+[\w<>\[\]|&]+/g, '')
+            // Remove angle bracket generics: Array<string> -> Array
+            .replace(/<[\w<>\[\]|&,\s]+>/g, '');
+    }
+    /**
+     * Clear cache (useful for development)
+     */
+    static clearCache() {
+        this._cache.clear();
     }
-    return lines;
 }
+CodeParser._cache = new Map();
 /**
  * Get CSS class for a token
  */
-function getTokenClass(token) {
+export function getTokenClass(token) {
     const type = token.type.label || token.type;
     // Check if it's a keyword
     if (type === 'name' && token.value && isKeyword(token.value)) {
@@ -121,7 +170,7 @@ function getTokenClass(token) {
 /**
  * Check if a word is a JavaScript keyword
  */
-function isKeyword(word) {
+export function isKeyword(word) {
     const keywords = [
         'await', 'break', 'case', 'catch', 'class', 'const', 'continue', 'debugger',
         'default', 'delete', 'do', 'else', 'export', 'extends', 'finally', 'for',
@@ -165,7 +214,7 @@ export function renderLineWithTokens(parsedLine) {
 /**
  * Escape HTML entities
  */
-function escapeHtml(text) {
+export function escapeHtml(text) {
     return text
         .replace(/&/g, '&amp;')
         .replace(/</g, '&lt;')
@@ -196,3 +245,16 @@ export function getSyntaxHighlightCSS() {
 }
   `;
 }
+/**
+ * Main parser export with utilities
+ */
+export const codeParser = {
+    parse: CodeParser.parse,
+    renderLine: renderLineWithTokens,
+    getCSS: getSyntaxHighlightCSS,
+    getTokenClass,
+    isKeyword,
+    escapeHtml,
+    TOKEN_CLASS_MAP
+};
+export default CodeParser;

package/lib/utils/codeparser.ts

@@ -3,7 +3,7 @@ import * as acorn from 'acorn';
 /**
  * Token type to CSS class mapping
  */
-const TOKEN_CLASS_MAP: Record<string, string> = {
+export const TOKEN_CLASS_MAP: Record<string, string> = {
     // Keywords
     'Keyword': 'token-keyword',
     'this': 'token-keyword',
@@ -58,90 +58,147 @@ export interface ParsedLine {
     raw: string;
 }
 
-/**
- * Parse JavaScript/TypeScript code using Acorn
- * Returns token-level information for syntax highlighting
- */
-export function parseCode(code: string, language: string = 'javascript'): ParsedLine[] {
-    const lines: ParsedLine[] = [];
-    const codeLines = code.split('\n');
-
-    try {
-        // Parse with Acorn (supports ES2020+)
-        const tokens: any[] = [];
-
-        acorn.parse(code, {
-            ecmaVersion: 2022,
-            sourceType: 'module',
-            locations: true,
-            ranges: true,
-            onToken: tokens,
-            onComment: (block, text, start, end, startLoc, endLoc) => {
-                tokens.push({
-                    type: block ? 'BlockComment' : 'LineComment',
-                    value: text,
-                    start,
-                    end,
-                    loc: { start: startLoc, end: endLoc }
+export class CodeParser {
+    private static _cache = new Map<string, ParsedLine[]>();
+
+    /**
+     * Parse code with caching
+     */
+    static parse(code: string, language: string = 'javascript'): ParsedLine[] {
+        const cacheKey = `${language}:${code}`;
+
+        if (this._cache.has(cacheKey)) {
+            return this._cache.get(cacheKey)!;
+        }
+
+        const result = this._parseCode(code, language);
+        this._cache.set(cacheKey, result);
+        return result;
+    }
+
+    private static _parseCode(code: string, language: string): ParsedLine[] {
+        const lines: ParsedLine[] = [];
+        const codeLines = code.split('\n');
+
+        // ✅ Skip parsing for non-JS languages
+        if (!['javascript', 'typescript', 'js', 'ts', 'jsx', 'tsx'].includes(language.toLowerCase())) {
+            codeLines.forEach((lineText, index) => {
+                lines.push({
+                    lineNumber: index + 1,
+                    tokens: [],
+                    raw: lineText
                 });
-            }
-        });
-
-        // Sort tokens by position
-        tokens.sort((a, b) => a.start - b.start);
-
-        // Group tokens by line
-        const tokensByLine: Map<number, ParsedToken[]> = new Map();
-
-        tokens.forEach(token => {
-            const line = token.loc.start.line;
-            const parsedToken: ParsedToken = {
-                type: token.type.label || token.type,
-                value: token.value !== undefined ? String(token.value) : code.substring(token.start, token.end),
-                start: token.start,
-                end: token.end,
-                line: token.loc.start.line,
-                column: token.loc.start.column,
-                className: getTokenClass(token)
-            };
-
-            if (!tokensByLine.has(line)) {
-                tokensByLine.set(line, []);
-            }
-            tokensByLine.get(line)!.push(parsedToken);
-        });
-
-        // Build lines with tokens
-        codeLines.forEach((lineText, index) => {
-            const lineNumber = index + 1;
-            const lineTokens = tokensByLine.get(lineNumber) || [];
-
-            lines.push({
-                lineNumber,
-                tokens: lineTokens,
-                raw: lineText
             });
-        });
-
-    } catch (error) {
-        // Fallback: if parsing fails, return plain lines
-        console.warn('[CodeParser] Parse failed, using plain text:', error);
-        codeLines.forEach((lineText, index) => {
-            lines.push({
-                lineNumber: index + 1,
-                tokens: [],
-                raw: lineText
+            return lines;
+        }
+
+        // ✅ Strip TypeScript types for parsing
+        const cleanedCode = language.toLowerCase().includes('typescript') || language.toLowerCase().includes('ts')
+            ? this._stripTypeScriptTypes(code)
+            : code;
+
+        try {
+            // Parse with Acorn (supports ES2020+)
+            const tokens: any[] = [];
+
+            acorn.parse(cleanedCode, {
+                ecmaVersion: 2022,
+                sourceType: 'module',
+                locations: true,
+                ranges: true,
+                onToken: tokens,
+                onComment: (block, text, start, end, startLoc, endLoc) => {
+                    tokens.push({
+                        type: block ? 'BlockComment' : 'LineComment',
+                        value: text,
+                        start,
+                        end,
+                        loc: { start: startLoc, end: endLoc }
+                    });
+                }
+            });
+
+            // Sort tokens by position
+            tokens.sort((a, b) => a.start - b.start);
+
+            // Group tokens by line
+            const tokensByLine: Map<number, ParsedToken[]> = new Map();
+
+            tokens.forEach(token => {
+                const line = token.loc.start.line;
+                const parsedToken: ParsedToken = {
+                    type: token.type.label || token.type,
+                    value: token.value !== undefined ? String(token.value) : cleanedCode.substring(token.start, token.end),
+                    start: token.start,
+                    end: token.end,
+                    line: token.loc.start.line,
+                    column: token.loc.start.column,
+                    className: getTokenClass(token)
+                };
+
+                if (!tokensByLine.has(line)) {
+                    tokensByLine.set(line, []);
+                }
+                tokensByLine.get(line)!.push(parsedToken);
+            });
+
+            // ✅ Build lines with tokens (use ORIGINAL code, not cleaned)
+            codeLines.forEach((lineText, index) => {
+                const lineNumber = index + 1;
+                const lineTokens = tokensByLine.get(lineNumber) || [];
+
+                lines.push({
+                    lineNumber,
+                    tokens: lineTokens,
+                    raw: lineText // Use original line with types
+                });
             });
-        });
+
+        } catch (error) {
+            // Fallback: if parsing fails, return plain lines
+            console.warn('[CodeParser] Parse failed, using plain text:', error);
+            codeLines.forEach((lineText, index) => {
+                lines.push({
+                    lineNumber: index + 1,
+                    tokens: [],
+                    raw: lineText
+                });
+            });
+        }
+
+        return lines;
+    }
+
+    /**
+     * ✅ NEW: Strip TypeScript type annotations for parsing
+     * This is a simple regex-based approach - not perfect but works for most cases
+     */
+    private static _stripTypeScriptTypes(code: string): string {
+        return code
+            // Remove type annotations from parameters: (name: string) -> (name)
+            .replace(/(\w+)\s*:\s*[\w<>\[\]|&]+/g, '$1')
+            // Remove return type annotations: ): string -> )
+            .replace(/\)\s*:\s*[\w<>\[\]|&]+/g, ')')
+            // Remove interface/type declarations (keep as comments to preserve line numbers)
+            .replace(/^(\s*)(interface|type)\s+\w+.*$/gm, '$1// $2 declaration')
+            // Remove as type assertions: value as string -> value
+            .replace(/\s+as\s+[\w<>\[\]|&]+/g, '')
+            // Remove angle bracket generics: Array<string> -> Array
+            .replace(/<[\w<>\[\]|&,\s]+>/g, '');
     }
 
-    return lines;
+    /**
+     * Clear cache (useful for development)
+     */
+    static clearCache(): void {
+        this._cache.clear();
+    }
 }
 
 /**
  * Get CSS class for a token
  */
-function getTokenClass(token: any): string {
+export function getTokenClass(token: any): string {
     const type = token.type.label || token.type;
 
     // Check if it's a keyword
@@ -156,7 +213,7 @@ function getTokenClass(token: any): string {
 /**
  * Check if a word is a JavaScript keyword
  */
-function isKeyword(word: string): boolean {
+export function isKeyword(word: string): boolean {
     const keywords = [
         'await', 'break', 'case', 'catch', 'class', 'const', 'continue', 'debugger',
         'default', 'delete', 'do', 'else', 'export', 'extends', 'finally', 'for',
@@ -208,7 +265,7 @@ export function renderLineWithTokens(parsedLine: ParsedLine): string {
 /**
  * Escape HTML entities
  */
-function escapeHtml(text: string): string {
+export function escapeHtml(text: string): string {
     return text
         .replace(/&/g, '&amp;')
         .replace(/</g, '&lt;')
@@ -240,3 +297,20 @@ export function getSyntaxHighlightCSS(): string {
 }
   `;
 }
+
+
+
+/**
+ * Main parser export with utilities
+ */
+export const codeParser = {
+    parse: CodeParser.parse,
+    renderLine: renderLineWithTokens,
+    getCSS: getSyntaxHighlightCSS,
+    getTokenClass,
+    isKeyword,
+    escapeHtml,
+    TOKEN_CLASS_MAP
+};
+
+export default CodeParser;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.45",
+  "version": "1.1.47",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",