@termaxjs/editor 0.1.0

package/dist/diff/DiffEditor.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useCallback } from "react";
+import { computeLineDiff } from "@termaxjs/editor-core";
+import { THEMES, githubDark } from "../themes/index.js";
+import { tokenizeLine } from "../highlight/microTokenizer.js";
+export function DiffEditor({ original, modified, language = "typescript", mode = "split", theme = "githubDark", lineHeight = 20, charWidth = 7.8, onAcceptChunk, onRevertChunk, className, style, }) {
+    const activeTheme = typeof theme === "string" ? THEMES[theme] || githubDark : theme || githubDark;
+    const diffResult = useMemo(() => {
+        return computeLineDiff(original, modified);
+    }, [original, modified]);
+    const leftScrollRef = useRef(null);
+    const rightScrollRef = useRef(null);
+    const isSyncingScroll = useRef(false);
+    const handleLeftScroll = useCallback(() => {
+        if (isSyncingScroll.current)
+            return;
+        isSyncingScroll.current = true;
+        if (leftScrollRef.current && rightScrollRef.current) {
+            rightScrollRef.current.scrollTop = leftScrollRef.current.scrollTop;
+            rightScrollRef.current.scrollLeft = leftScrollRef.current.scrollLeft;
+        }
+        requestAnimationFrame(() => {
+            isSyncingScroll.current = false;
+        });
+    }, []);
+    const handleRightScroll = useCallback(() => {
+        if (isSyncingScroll.current)
+            return;
+        isSyncingScroll.current = true;
+        if (leftScrollRef.current && rightScrollRef.current) {
+            leftScrollRef.current.scrollTop = rightScrollRef.current.scrollTop;
+            leftScrollRef.current.scrollLeft = rightScrollRef.current.scrollLeft;
+        }
+        requestAnimationFrame(() => {
+            isSyncingScroll.current = false;
+        });
+    }, []);
+    // Construct aligned side-by-side lines
+    const { leftRows, rightRows, unifiedRows } = useMemo(() => {
+        let origLineCount = 1;
+        let modLineCount = 1;
+        let rowSeq = 0;
+        const left = [];
+        const right = [];
+        const unified = [];
+        diffResult.chunks.forEach((chunk, chunkIdx) => {
+            if (chunk.type === "equal") {
+                chunk.originalLines.forEach((text) => {
+                    const rowId = `row-${rowSeq++}`;
+                    left.push({ id: `l-${rowId}`, lineNum: origLineCount++, text, type: "equal", chunkIdx });
+                    right.push({ id: `r-${rowId}`, lineNum: modLineCount++, text, type: "equal", chunkIdx });
+                    unified.push({ id: `u-${rowId}`, text, prefix: " " });
+                });
+            }
+            else if (chunk.type === "modify") {
+                const maxLen = Math.max(chunk.originalLines.length, chunk.modifiedLines.length);
+                for (let i = 0; i < maxLen; i++) {
+                    const origText = chunk.originalLines[i];
+                    const modText = chunk.modifiedLines[i];
+                    const rowId = `row-${rowSeq++}`;
+                    left.push({
+                        id: `l-${rowId}`,
+                        lineNum: origText !== undefined ? origLineCount++ : null,
+                        text: origText ?? "",
+                        type: origText !== undefined ? "delete" : "equal",
+                        chunkIdx,
+                        charChanges: chunk.charChanges,
+                    });
+                    right.push({
+                        id: `r-${rowId}`,
+                        lineNum: modText !== undefined ? modLineCount++ : null,
+                        text: modText ?? "",
+                        type: modText !== undefined ? "add" : "equal",
+                        chunkIdx,
+                        charChanges: chunk.charChanges,
+                    });
+                }
+                chunk.originalLines.forEach((text) => {
+                    unified.push({
+                        id: `u-${rowSeq++}`,
+                        text,
+                        prefix: "-",
+                        color: "#ffa198",
+                        bgColor: "rgba(248, 81, 73, 0.15)",
+                    });
+                });
+                chunk.modifiedLines.forEach((text) => {
+                    unified.push({
+                        id: `u-${rowSeq++}`,
+                        text,
+                        prefix: "+",
+                        color: "#7ee787",
+                        bgColor: "rgba(46, 160, 67, 0.15)",
+                    });
+                });
+            }
+            else if (chunk.type === "delete") {
+                chunk.originalLines.forEach((text) => {
+                    const rowId = `row-${rowSeq++}`;
+                    left.push({ id: `l-${rowId}`, lineNum: origLineCount++, text, type: "delete", chunkIdx });
+                    right.push({ id: `r-${rowId}`, lineNum: null, text: "", type: "equal", chunkIdx });
+                    unified.push({
+                        id: `u-${rowId}`,
+                        text,
+                        prefix: "-",
+                        color: "#ffa198",
+                        bgColor: "rgba(248, 81, 73, 0.15)",
+                    });
+                });
+            }
+            else if (chunk.type === "add") {
+                chunk.modifiedLines.forEach((text) => {
+                    const rowId = `row-${rowSeq++}`;
+                    left.push({ id: `l-${rowId}`, lineNum: null, text: "", type: "equal", chunkIdx });
+                    right.push({ id: `r-${rowId}`, lineNum: modLineCount++, text, type: "add", chunkIdx });
+                    unified.push({
+                        id: `u-${rowId}`,
+                        text,
+                        prefix: "+",
+                        color: "#7ee787",
+                        bgColor: "rgba(46, 160, 67, 0.15)",
+                    });
+                });
+            }
+        });
+        return { leftRows: left, rightRows: right, unifiedRows: unified };
+    }, [diffResult]);
+    return (_jsxs("div", { className: ["termax-diff-editor", className].filter(Boolean).join(" "), style: {
+            display: "flex",
+            flexDirection: "column",
+            width: "100%",
+            height: "100%",
+            backgroundColor: activeTheme.background,
+            color: activeTheme.foreground,
+            fontFamily: "monospace",
+            fontSize: "13px",
+            border: `1px solid ${activeTheme.border || "#30363d"}`,
+            borderRadius: "6px",
+            overflow: "hidden",
+            ...style,
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    padding: "6px 12px",
+                    backgroundColor: "#161b22",
+                    borderBottom: `1px solid ${activeTheme.border || "#30363d"}`,
+                    fontSize: "12px",
+                }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [_jsx("span", { style: { fontWeight: 600, color: "#e6edf3" }, children: "Diff View" }), _jsxs("span", { style: { color: "#7ee787" }, children: ["+", diffResult.additions] }), _jsxs("span", { style: { color: "#f85149" }, children: ["-", diffResult.deletions] })] }), _jsxs("div", { style: { color: "#8b949e", fontSize: "11px" }, children: [diffResult.chunks.filter((c) => c.type !== "equal").length, " changed chunks"] })] }), mode === "split" ? (_jsxs("div", { style: { display: "flex", flex: 1, overflow: "hidden" }, children: [_jsx("div", { ref: leftScrollRef, onScroll: handleLeftScroll, style: {
+                            flex: 1,
+                            overflow: "auto",
+                            borderRight: `1px solid ${activeTheme.border || "#30363d"}`,
+                        }, children: _jsx("div", { style: { minWidth: "100%", width: "max-content" }, children: leftRows.map((row) => {
+                                const isDel = row.type === "delete";
+                                const bgColor = isDel ? "rgba(248, 81, 73, 0.15)" : "transparent";
+                                const tokens = row.text ? tokenizeLine(row.text, language) : [];
+                                return (_jsxs("div", { style: {
+                                        display: "flex",
+                                        height: `${lineHeight}px`,
+                                        lineHeight: `${lineHeight}px`,
+                                        backgroundColor: bgColor,
+                                        whiteSpace: "pre",
+                                    }, children: [_jsx("div", { style: {
+                                                width: "48px",
+                                                textAlign: "right",
+                                                paddingRight: "8px",
+                                                color: isDel ? "#f85149" : "#6e7681",
+                                                userSelect: "none",
+                                                backgroundColor: isDel
+                                                    ? "rgba(248, 81, 73, 0.2)"
+                                                    : "rgba(110, 118, 129, 0.05)",
+                                            }, children: row.lineNum ?? "" }), _jsx("div", { style: { paddingLeft: "8px", paddingRight: "16px", flex: 1 }, children: tokens.map((tok, tIdx) => (
+                                            // biome-ignore lint/suspicious/noArrayIndexKey: token positional offset
+                                            _jsx("span", { children: tok.text }, `${tIdx}-${tok.text}`))) })] }, row.id));
+                            }) }) }), _jsx("div", { ref: rightScrollRef, onScroll: handleRightScroll, style: { flex: 1, overflow: "auto" }, children: _jsx("div", { style: { minWidth: "100%", width: "max-content" }, children: rightRows.map((row) => {
+                                const isAdd = row.type === "add";
+                                const bgColor = isAdd ? "rgba(46, 160, 67, 0.15)" : "transparent";
+                                const tokens = row.text ? tokenizeLine(row.text, language) : [];
+                                return (_jsxs("div", { style: {
+                                        display: "flex",
+                                        height: `${lineHeight}px`,
+                                        lineHeight: `${lineHeight}px`,
+                                        backgroundColor: bgColor,
+                                        whiteSpace: "pre",
+                                    }, children: [_jsx("div", { style: {
+                                                width: "48px",
+                                                textAlign: "right",
+                                                paddingRight: "8px",
+                                                color: isAdd ? "#7ee787" : "#6e7681",
+                                                userSelect: "none",
+                                                backgroundColor: isAdd
+                                                    ? "rgba(46, 160, 67, 0.2)"
+                                                    : "rgba(110, 118, 129, 0.05)",
+                                            }, children: row.lineNum ?? "" }), _jsx("div", { style: { paddingLeft: "8px", paddingRight: "16px", flex: 1 }, children: tokens.map((tok, tIdx) => (
+                                            // biome-ignore lint/suspicious/noArrayIndexKey: token positional offset
+                                            _jsx("span", { children: tok.text }, `${tIdx}-${tok.text}`))) })] }, row.id));
+                            }) }) })] })) : (
+            /* Unified Mode */
+            _jsx("div", { style: { flex: 1, overflow: "auto" }, children: _jsx("div", { style: { minWidth: "100%", width: "max-content" }, children: unifiedRows.map((row) => (_jsxs("div", { style: {
+                            display: "flex",
+                            height: `${lineHeight}px`,
+                            lineHeight: `${lineHeight}px`,
+                            backgroundColor: row.bgColor ?? "transparent",
+                            whiteSpace: "pre",
+                        }, children: [_jsx("div", { style: {
+                                    width: "32px",
+                                    textAlign: "center",
+                                    color: row.color ?? "#6e7681",
+                                    userSelect: "none",
+                                }, children: row.prefix }), _jsx("div", { style: { paddingLeft: "8px", color: row.color ?? "inherit" }, children: row.text })] }, row.id))) }) }))] }));
+}
+//# sourceMappingURL=DiffEditor.js.map

package/dist/diff/DiffEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffEditor.js","sourceRoot":"","sources":["../../src/diff/DiffEditor.tsx"],"names":[],"mappings":"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"}

package/dist/diff/InlineDiffModel.d.ts

@@ -0,0 +1,18 @@
+export interface InlineDiffLine {
+    id: string;
+    type: "add" | "delete" | "equal";
+    originalLineNumber?: number;
+    modifiedLineNumber?: number;
+    text: string;
+    highlights?: Array<{
+        start: number;
+        length: number;
+    }>;
+}
+export declare class InlineDiffModel {
+    /**
+     * Generates sequential unified inline diff lines from original and modified texts.
+     */
+    static computeInlineLines(originalText: string, modifiedText: string): InlineDiffLine[];
+}
+//# sourceMappingURL=InlineDiffModel.d.ts.map

package/dist/diff/InlineDiffModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDiffModel.d.ts","sourceRoot":"","sources":["../../src/diff/InlineDiffModel.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACvD;AAED,qBAAa,eAAe;IAC1B;;OAEG;WACW,kBAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE;CAsE/F"}

package/dist/diff/InlineDiffModel.js

@@ -0,0 +1,78 @@
+import { computeLineDiff } from "@termaxjs/editor-core";
+export class InlineDiffModel {
+    /**
+     * Generates sequential unified inline diff lines from original and modified texts.
+     */
+    static computeInlineLines(originalText, modifiedText) {
+        const diff = computeLineDiff(originalText, modifiedText);
+        const lines = [];
+        let origLine = 1;
+        let modLine = 1;
+        let lineCounter = 0;
+        for (const chunk of diff.chunks) {
+            if (chunk.type === "equal") {
+                for (const line of chunk.originalLines) {
+                    lines.push({
+                        id: `line-${lineCounter++}`,
+                        type: "equal",
+                        originalLineNumber: origLine++,
+                        modifiedLineNumber: modLine++,
+                        text: line,
+                    });
+                }
+            }
+            else if (chunk.type === "delete") {
+                for (const line of chunk.originalLines) {
+                    lines.push({
+                        id: `line-${lineCounter++}`,
+                        type: "delete",
+                        originalLineNumber: origLine++,
+                        text: line,
+                    });
+                }
+            }
+            else if (chunk.type === "add") {
+                for (const line of chunk.modifiedLines) {
+                    lines.push({
+                        id: `line-${lineCounter++}`,
+                        type: "add",
+                        modifiedLineNumber: modLine++,
+                        text: line,
+                    });
+                }
+            }
+            else if (chunk.type === "modify") {
+                // Deletions first
+                for (let i = 0; i < chunk.originalLines.length; i++) {
+                    const line = chunk.originalLines[i];
+                    const charChange = chunk.charChanges?.[i];
+                    lines.push({
+                        id: `line-${lineCounter++}`,
+                        type: "delete",
+                        originalLineNumber: origLine++,
+                        text: line,
+                        highlights: charChange
+                            ? [{ start: charChange.origCol, length: charChange.origLen }]
+                            : undefined,
+                    });
+                }
+                // Additions next
+                for (let i = 0; i < chunk.modifiedLines.length; i++) {
+                    const line = chunk.modifiedLines[i];
+                    const charChange = chunk.charChanges?.[i];
+                    lines.push({
+                        id: `line-${lineCounter++}`,
+                        type: "add",
+                        modifiedLineNumber: modLine++,
+                        text: line,
+                        highlights: charChange
+                            ? [{ start: charChange.modCol, length: charChange.modLen }]
+                            : undefined,
+                    });
+                }
+            }
+        }
+        return lines;
+    }
+}
+//# sourceMappingURL=InlineDiffModel.js.map

package/dist/diff/InlineDiffModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDiffModel.js","sourceRoot":"","sources":["../../src/diff/InlineDiffModel.ts"],"names":[],"mappings":"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"}

package/dist/element/TermaxEditorElement.d.ts

@@ -0,0 +1,28 @@
+declare const TermaxEditorElement_base: ObjectConstructor | {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+/**
+ * Standalone Framework-Agnostic Web Component `<termax-editor>`.
+ * Usable in Vanilla JS, Vue 3, Svelte, Angular, and HTML pages.
+ */
+export declare class TermaxEditorElement extends TermaxEditorElement_base {
+    private root;
+    private mountContainer;
+    private editorRef;
+    private internalValue;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    private render;
+    getValue(): string;
+    setValue(val: string): void;
+    focus(): void;
+    format(): Promise<void>;
+    undo(): void;
+    redo(): void;
+    gotoLine(line: number): void;
+}
+export {};
+//# sourceMappingURL=TermaxEditorElement.d.ts.map

package/dist/element/TermaxEditorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermaxEditorElement.d.ts","sourceRoot":"","sources":["../../src/element/TermaxEditorElement.ts"],"names":[],"mappings":";;;;AAIA;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,wBAE9B;IACT,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,aAAa,CAAM;IAE3B,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAYxC;IAED,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAS/F,OAAO,CAAC,MAAM;IAoCP,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAU3B,KAAK,IAAI,IAAI;IAIP,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAI7B,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAGpC"}

package/dist/element/TermaxEditorElement.js

@@ -0,0 +1,123 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { TermaxEditor } from "../TermaxEditor.js";
+/**
+ * Standalone Framework-Agnostic Web Component `<termax-editor>`.
+ * Usable in Vanilla JS, Vue 3, Svelte, Angular, and HTML pages.
+ */
+export class TermaxEditorElement extends (typeof HTMLElement !== "undefined"
+    ? HTMLElement
+    : Object) {
+    root = null;
+    mountContainer = null;
+    editorRef = React.createRef();
+    internalValue = "";
+    static get observedAttributes() {
+        return [
+            "value",
+            "language",
+            "theme",
+            "vim-mode",
+            "renderer-mode",
+            "read-only",
+            "line-numbers",
+            "foldable",
+            "minimap",
+        ];
+    }
+    connectedCallback() {
+        if (!this.mountContainer && typeof document !== "undefined") {
+            const shadow = this.attachShadow?.({ mode: "open" }) ||
+                this;
+            const container = document.createElement("div");
+            container.style.width = "100%";
+            container.style.height = "100%";
+            container.style.display = "flex";
+            container.style.position = "relative";
+            shadow.appendChild(container);
+            this.mountContainer = container;
+            this.root = createRoot(container);
+            this.internalValue = this.getAttribute("value") || "";
+            this.render();
+        }
+    }
+    disconnectedCallback() {
+        if (this.root) {
+            this.root.unmount();
+            this.root = null;
+            this.mountContainer = null;
+        }
+    }
+    attributeChangedCallback(_name, oldValue, newValue) {
+        if (oldValue !== newValue) {
+            if (_name === "value" && newValue !== null) {
+                this.internalValue = newValue;
+            }
+            this.render();
+        }
+    }
+    render() {
+        if (!this.root)
+            return;
+        const el = this;
+        const language = el.getAttribute("language") || "typescript";
+        const theme = el.getAttribute("theme") || "githubDark";
+        const vimMode = el.hasAttribute("vim-mode") && el.getAttribute("vim-mode") !== "false";
+        const readOnly = el.hasAttribute("read-only") && el.getAttribute("read-only") !== "false";
+        const showLineNumbers = el.getAttribute("line-numbers") !== "false";
+        const foldable = el.getAttribute("foldable") !== "false";
+        const showMinimap = el.hasAttribute("minimap") && el.getAttribute("minimap") !== "false";
+        const rendererMode = el.getAttribute("renderer-mode") || "canvas";
+        this.root.render(React.createElement(TermaxEditor, {
+            ref: this.editorRef,
+            value: this.internalValue,
+            language,
+            theme,
+            vimMode,
+            readOnly,
+            showLineNumbers,
+            foldable,
+            showMinimap,
+            rendererMode,
+            onChange: (val) => {
+                this.internalValue = val;
+                el.dispatchEvent(new CustomEvent("change", { detail: { value: val }, bubbles: true }));
+                el.dispatchEvent(new CustomEvent("input", { detail: { value: val }, bubbles: true }));
+            },
+        }));
+    }
+    // --- Imperative Public API ---
+    getValue() {
+        return this.editorRef.current ? this.editorRef.current.getValue() : this.internalValue;
+    }
+    setValue(val) {
+        this.internalValue = val;
+        this.setAttribute?.("value", val);
+        if (this.editorRef.current) {
+            this.editorRef.current.setValue(val);
+        }
+        else {
+            this.render();
+        }
+    }
+    focus() {
+        this.editorRef.current?.focus();
+    }
+    async format() {
+        await this.editorRef.current?.format();
+    }
+    undo() {
+        this.editorRef.current?.undo();
+    }
+    redo() {
+        this.editorRef.current?.redo();
+    }
+    gotoLine(line) {
+        this.editorRef.current?.gotoLine(line);
+    }
+}
+// Auto-register custom element in browser environment
+if (typeof customElements !== "undefined" && !customElements.get("termax-editor")) {
+    customElements.define("termax-editor", TermaxEditorElement);
+}
+//# sourceMappingURL=TermaxEditorElement.js.map

package/dist/element/TermaxEditorElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermaxEditorElement.js","sourceRoot":"","sources":["../../src/element/TermaxEditorElement.ts"],"names":[],"mappings":"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"}

package/dist/fold/computeFoldRanges.d.ts

@@ -0,0 +1,8 @@
+/**
+ * String/comment-aware bracket scanner for `{...}` fold ranges.
+ *
+ * Pure function with no React dependency so headless consumers (language
+ * adapters, tests) can share the exact logic the gutter renders.
+ */
+export declare function computeFoldRanges(lines: string[]): Map<number, number>;
+//# sourceMappingURL=computeFoldRanges.d.ts.map

package/dist/fold/computeFoldRanges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFoldRanges.d.ts","sourceRoot":"","sources":["../../src/fold/computeFoldRanges.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAsGtE"}

package/dist/fold/computeFoldRanges.js

@@ -0,0 +1,109 @@
+/**
+ * String/comment-aware bracket scanner for `{...}` fold ranges.
+ *
+ * Pure function with no React dependency so headless consumers (language
+ * adapters, tests) can share the exact logic the gutter renders.
+ */
+export function computeFoldRanges(lines) {
+    const foldMap = new Map();
+    // Limit fold bracket scanning to 50,000 lines for high performance on large files
+    const scanLimit = Math.min(lines.length, 50000);
+    const stack = [];
+    const MATCH = {
+        "}": "{",
+        ")": "(",
+        "]": "[",
+    };
+    // Block comments and template literals can span lines, so this state
+    // carries across lines. Single/double-quoted strings do not.
+    let inBlockComment = false;
+    let inTemplate = false;
+    for (let l = 0; l < scanLimit; l++) {
+        const line = lines[l];
+        let inStr = null;
+        let i = 0;
+        while (i < line.length) {
+            const ch = line[i];
+            const next = line[i + 1];
+            if (inBlockComment) {
+                if (ch === "*" && next === "/") {
+                    inBlockComment = false;
+                    i += 2;
+                }
+                else {
+                    i++;
+                }
+                continue;
+            }
+            if (inTemplate) {
+                if (ch === "\\") {
+                    i += 2;
+                    continue;
+                }
+                if (ch === "`")
+                    inTemplate = false;
+                i++;
+                continue;
+            }
+            if (inStr) {
+                if (ch === "\\") {
+                    i += 2;
+                    continue;
+                }
+                if (ch === inStr)
+                    inStr = null;
+                i++;
+                continue;
+            }
+            if (ch === "/" && next === "*") {
+                inBlockComment = true;
+                i += 2;
+                continue;
+            }
+            if (ch === "/" && next === "/")
+                break;
+            if (ch === "<" && line.startsWith("<!--", i))
+                break;
+            if (ch === "#") {
+                let onlyWhitespaceBefore = true;
+                for (let k = 0; k < i; k++) {
+                    const c = line[k];
+                    if (c !== " " && c !== "\t") {
+                        onlyWhitespaceBefore = false;
+                        break;
+                    }
+                }
+                if (onlyWhitespaceBefore)
+                    break;
+                i++;
+                continue;
+            }
+            if (ch === '"' || ch === "'") {
+                inStr = ch;
+                i++;
+                continue;
+            }
+            if (ch === "`") {
+                inTemplate = true;
+                i++;
+                continue;
+            }
+            if (ch === "{" || ch === "(" || ch === "[") {
+                stack.push({ char: ch, line: l });
+            }
+            else if (ch === "}" || ch === ")" || ch === "]") {
+                const expected = MATCH[ch];
+                const top = stack.length > 0 ? stack[stack.length - 1] : undefined;
+                if (top !== undefined && top.char === expected) {
+                    const matched = stack.pop();
+                    if (matched !== undefined && l > matched.line && ch === "}") {
+                        foldMap.set(matched.line, l);
+                    }
+                }
+            }
+            i++;
+        }
+    }
+    return foldMap;
+}
+//# sourceMappingURL=computeFoldRanges.js.map

package/dist/fold/computeFoldRanges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFoldRanges.js","sourceRoot":"","sources":["../../src/fold/computeFoldRanges.ts"],"names":[],"mappings":"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"}

package/dist/format/formatter.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Format code using Prettier or built-in formatters.
+ */
+export declare function formatCode(code: string, language?: string): Promise<string>;
+//# sourceMappingURL=formatter.d.ts.map

package/dist/format/formatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatter.d.ts","sourceRoot":"","sources":["../../src/format/formatter.ts"],"names":[],"mappings":"AAkDA;;GAEG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAuCvF"}