@pierre/diffs 1.3.0-beta.1 → 1.3.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pierre/diffs",
-  "version": "1.3.0-beta.1",
+  "version": "1.3.0-beta.11",
   "license": "apache-2.0",
   "files": [
     "dist",
@@ -61,41 +61,38 @@
     "access": "public",
     "tag": "beta"
   },
-  "scripts": {
-    "build": "tsdown --clean",
-    "dev": "echo 'Watching for changes…' && tsdown --watch --log-level error",
-    "benchmark:parse-merge-conflict": "bun run ./scripts/benchmarkParseMergeConflictDiffFromFile.ts",
-    "test": "bun test",
-    "tsc": "tsgo --noEmit --pretty",
-    "prepublishOnly": "bun run build"
-  },
   "dependencies": {
-    "@pierre/theme": "catalog:",
-    "@shikijs/transformers": "^3.0.0",
-    "diff": "catalog:",
-    "hast-util-to-html": "catalog:",
-    "lru_map": "catalog:",
-    "shiki": "^3.0.0"
+    "@shikijs/transformers": "^3.0.0 || ^4.0.0",
+    "diff": "9.0.0",
+    "hast-util-to-html": "9.0.5",
+    "lru_map": "0.4.1",
+    "shiki": "^3.0.0 || ^4.0.0",
+    "@pierre/theme": "1.1.0",
+    "@pierre/theming": "0.0.2"
   },
   "devDependencies": {
-    "@arethetypeswrong/core": "catalog:",
-    "@types/hast": "catalog:",
-    "@types/jsdom": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "autoprefixer": "catalog:",
-    "jsdom": "catalog:",
-    "lightningcss": "catalog:",
-    "postcss": "catalog:",
-    "postcss-calc": "catalog:",
-    "postcss-nesting": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "tsdown": "catalog:",
-    "typescript": "catalog:"
+    "@arethetypeswrong/core": "0.18.2",
+    "@playwright/test": "1.51.1",
+    "@tsdown/css": "0.22.3",
+    "@types/hast": "3.0.4",
+    "@types/jsdom": "28.0.1",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "autoprefixer": "10.4.22",
+    "jsdom": "26.1.0",
+    "lightningcss": "1.32.0",
+    "postcss": "8.5.6",
+    "postcss-calc": "10.1.1",
+    "postcss-nesting": "14.0.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "tsdown": "0.22.3",
+    "typescript": "6.0.3",
+    "vite": "8.1.0"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",
     "react-dom": "^18.3.1 || ^19.0.0"
-  }
-}
+  },
+  "scripts": {}
+}

package/dist/editor/css.d.ts

@@ -1,6 +0,0 @@
-//#region src/editor/css.d.ts
-declare const editorCSS: string;
-declare const editorGlobalCSS = "\n  [data-annotation-slot] {\n    user-select: none;\n    -webkit-user-select: none;\n  }\n";
-//#endregion
-export { editorCSS, editorGlobalCSS };
-//# sourceMappingURL=css.d.ts.map

package/dist/editor/css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.d.ts","names":["editorCSS","editorGlobalCSS"],"sources":["../../src/editor/css.d.ts"],"sourcesContent":["export declare const editorCSS: string;\nexport declare const editorGlobalCSS = \"\\n  [data-annotation-slot] {\\n    user-select: none;\\n    -webkit-user-select: none;\\n  }\\n\";\n//# sourceMappingURL=css.d.ts.map"],"mappings":";cAAqBA;AAAAA,cACAC,eAAAA,GADiB,6FAAA"}

package/dist/editor/css.js

@@ -1,218 +0,0 @@
-//#region src/editor/css.ts
-const editorCSS = `
-  ::selection {
-    background-color: transparent;
-  }
-  @keyframes blinking {
-    0% { opacity: 1; }
-    50% { opacity: 0; }
-    100% { opacity: 1; }
-  }
-  :host, /* for jump anchor */
-  [data-code], /* for editor overlay */
-  [data-content] /* for wrap line */
-  {
-    position: relative;
-  }
-  [data-content] {
-    background-color: transparent;
-    caret-color: var(--diffs-bg-caret);
-    outline: none;
-  }
-  @media (min-width: 480px) {
-    [data-content] {
-      caret-color: transparent;
-    }
-    [data-quick-edit] {
-      caret-color: currentColor;
-    }
-  }
-  [data-line] {
-    cursor: text;
-  }
-  [data-line]:not([data-selected-line]),
-  [data-line]:not([data-selected-line]) span {
-    background-color: transparent;
-  }
-  [data-line]:is([data-selected-line]),
-  [data-line]:is([data-selected-line]) span,
-  [data-line-annotation]:is([data-selected-line]) {
-    background-color: var(--diffs-editor-line-highlight-bg);
-  }
-  [data-column-number] {
-    color: var(--diffs-editor-line-number-fg);
-  }
-  [data-column-number]:is([data-selected-line]),
-  [data-gutter-buffer]:is([data-selected-line]) {
-    background-color: var(--diffs-editor-line-number-active-bg);
-    color: var(--diffs-editor-line-number-active-fg);
-  }
-  [data-column-number]:is([data-active]) {
-    color: var(--diffs-editor-line-number-active-fg);
-  }
-  [data-line]:is([data-line-type='change-deletion']) {
-    background-color: var(--diffs-line-bg);
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  [data-caret], [data-selection-range] {
-    position: absolute;
-    top: 0;
-    left: 0;
-    line-height: var(--diffs-line-height);
-    pointer-events: none;
-  }
-  [data-caret] {
-    width: 2px;
-    height: 1lh;
-    background-color: var(--diffs-bg-caret);
-    animation: blinking 1.2s infinite;
-    animation-delay: 0.8s;
-    visibility: hidden;
-  }
-  [data-selection-range] {
-    height: 1lh;
-    z-index: -10;
-    background-color: var(--diffs-editor-selection-bg);
-  }
-  [data-editor-overlay] {
-    display: contents;
-  }
-  @media (min-width: 480px) {
-    [data-content]:focus ~ [data-editor-overlay] [data-caret] {
-      visibility: visible;
-    }
-  }
-
-  [data-quick-edit-icon] {
-    position: absolute;
-    top: 0;
-    left: calc(-1lh + 2px);
-    z-index: 10;
-    width: 1lh;
-    height: 1lh;
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: color-mix(in lab, var(--diffs-fg) 40%, var(--diffs-bg));
-    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-    cursor: pointer;
-    visibility: hidden;
-  }
-  [data-quick-edit-icon][data-visible='true'] {
-    visibility: visible;
-  }
-  [data-quick-edit-icon]:hover {
-    background-color: color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));
-    color: var(--diffs-fg);
-  }
-  [data-quick-edit] {
-    padding-inline-end: 1ch;
-  }
-
-  [data-search-panel] {
-    position: sticky;
-    top: 8px;
-    left: 0;
-    z-index: 100;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    margin-inline: 1ch;
-    margin-bottom: 4px;
-    background-color: color-mix(in lab, color-mix(in lab, var(--diffs-fg) 4%, var(--diffs-bg)), transparent 40%);
-    border: 1px solid color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));
-    padding: 6px;
-    border-radius: 6px;
-    box-shadow: 0 0 12px 0 color-mix(in lab, var(--diffs-fg) 16% var(--diffs-bg));
-    backdrop-filter: blur(8px);
-  }
-  [data-search-panel-row] {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 2px;
-    font-family: Arial, Helvetica, sans-serif;
-    font-size: 14px;
-  }
-  [data-search-panel-row] input {
-    font-size: 14px;
-    line-height: 24px;
-    max-width: 50%;
-    padding-inline: 4px;
-    border: none;
-    outline: none;
-    background-color: transparent;
-    color: var(--diffs-fg);
-    field-sizing: content;
-  }
-  [data-search-panel-row] input::selection {
-    background-color: color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));
-  }
-  [data-search-panel-row] [data-matches] {
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 20px;
-    padding-inline-start: 4px;
-    padding-inline-end: 8px;
-    color: color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg));
-  }
-  [data-search-panel-row] [data-matches][data-no-matches] {
-    color: color-mix(in lab, var(--diffs-deletion-base) 90%, var(--diffs-bg));
-  }
-  [data-search-panel-row] [data-icon] {
-    width: 24px;
-    height: 24px;
-    display: flex;
-    color: color-mix(in lab, var(--diffs-fg) 40%, var(--diffs-bg));
-    align-items: center;
-    justify-content: center;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-  }
-  [data-search-panel-row] [data-icon][data-disabled='true'] {
-    visibility: hidden;
-  }
-  [data-search-panel-row] [data-icon]:not([data-icon='search']):hover {
-    background-color: color-mix(in lab, var(--diffs-fg) 6%, var(--diffs-bg));
-    color: var(--diffs-fg);
-  }
-  [data-search-panel-row] [data-settings] {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    height: 100%;
-    padding: 0 8px;
-  }
-  [data-search-panel-row] [data-checkbox] {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 4px;
-    font-size: 12px;
-    color: color-mix(in lab, var(--diffs-fg) 60%, var(--diffs-bg));
-  }
-  [data-search-panel-row] [data-checkbox] input {
-    margin: 0;
-  }
-  [data-search-panel-row] [data-checkbox]:hover,
-  [data-search-panel-row] [data-checkbox]:has(input:checked) {
-    color: var(--diffs-fg);
-  }
-  [data-search-panel-row] [data-spacer] {
-    flex: 1;
-  }
-`;
-const editorGlobalCSS = `
-  [data-annotation-slot] {
-    user-select: none;
-    -webkit-user-select: none;
-  }
-`;
-
-//#endregion
-export { editorCSS, editorGlobalCSS };
-//# sourceMappingURL=css.js.map

package/dist/editor/css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.js","names":["editorCSS: string"],"sources":["../../src/editor/css.ts"],"sourcesContent":["const DEBUG_SELECTION = false;\n\nexport const editorCSS: string = /* CSS */ `\n  ::selection {\n    background-color: ${DEBUG_SELECTION ? 'rgba(255, 0, 0, 0.1)' : 'transparent'};\n  }\n  @keyframes blinking {\n    0% { opacity: 1; }\n    50% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n  :host, /* for jump anchor */\n  [data-code], /* for editor overlay */\n  [data-content] /* for wrap line */\n  {\n    position: relative;\n  }\n  [data-content] {\n    background-color: transparent;\n    caret-color: var(--diffs-bg-caret);\n    outline: none;\n  }\n  @media (min-width: 480px) {\n    [data-content] {\n      caret-color: ${DEBUG_SELECTION ? 'red' : 'transparent'};\n    }\n    [data-quick-edit] {\n      caret-color: currentColor;\n    }\n  }\n  [data-line] {\n    cursor: text;\n  }\n  [data-line]:not([data-selected-line]),\n  [data-line]:not([data-selected-line]) span {\n    background-color: transparent;\n  }\n  [data-line]:is([data-selected-line]),\n  [data-line]:is([data-selected-line]) span,\n  [data-line-annotation]:is([data-selected-line]) {\n    background-color: var(--diffs-editor-line-highlight-bg);\n  }\n  [data-column-number] {\n    color: var(--diffs-editor-line-number-fg);\n  }\n  [data-column-number]:is([data-selected-line]),\n  [data-gutter-buffer]:is([data-selected-line]) {\n    background-color: var(--diffs-editor-line-number-active-bg);\n    color: var(--diffs-editor-line-number-active-fg);\n  }\n  [data-column-number]:is([data-active]) {\n    color: var(--diffs-editor-line-number-active-fg);\n  }\n  [data-line]:is([data-line-type='change-deletion']) {\n    background-color: var(--diffs-line-bg);\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  [data-caret], [data-selection-range] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: var(--diffs-line-height);\n    pointer-events: none;\n  }\n  [data-caret] {\n    width: 2px;\n    height: 1lh;\n    background-color: ${DEBUG_SELECTION ? 'transparent' : 'var(--diffs-bg-caret)'};\n    animation: blinking 1.2s infinite;\n    animation-delay: 0.8s;\n    visibility: hidden;\n  }\n  [data-selection-range] {\n    height: 1lh;\n    z-index: -10;\n    background-color: var(--diffs-editor-selection-bg);\n  }\n  [data-editor-overlay] {\n    display: contents;\n  }\n  @media (min-width: 480px) {\n    [data-content]:focus ~ [data-editor-overlay] [data-caret] {\n      visibility: visible;\n    }\n  }\n\n  [data-quick-edit-icon] {\n    position: absolute;\n    top: 0;\n    left: calc(-1lh + 2px);\n    z-index: 10;\n    width: 1lh;\n    height: 1lh;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: color-mix(in lab, var(--diffs-fg) 40%, var(--diffs-bg));\n    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n    cursor: pointer;\n    visibility: hidden;\n  }\n  [data-quick-edit-icon][data-visible='true'] {\n    visibility: visible;\n  }\n  [data-quick-edit-icon]:hover {\n    background-color: color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));\n    color: var(--diffs-fg);\n  }\n  [data-quick-edit] {\n    padding-inline-end: 1ch;\n  }\n\n  [data-search-panel] {\n    position: sticky;\n    top: 8px;\n    left: 0;\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    margin-inline: 1ch;\n    margin-bottom: 4px;\n    background-color: color-mix(in lab, color-mix(in lab, var(--diffs-fg) 4%, var(--diffs-bg)), transparent 40%);\n    border: 1px solid color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));\n    padding: 6px;\n    border-radius: 6px;\n    box-shadow: 0 0 12px 0 color-mix(in lab, var(--diffs-fg) 16% var(--diffs-bg));\n    backdrop-filter: blur(8px);\n  }\n  [data-search-panel-row] {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 2px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 14px;\n  }\n  [data-search-panel-row] input {\n    font-size: 14px;\n    line-height: 24px;\n    max-width: 50%;\n    padding-inline: 4px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    color: var(--diffs-fg);\n    field-sizing: content;\n  }\n  [data-search-panel-row] input::selection {\n    background-color: color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));\n  }\n  [data-search-panel-row] [data-matches] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n    padding-inline-start: 4px;\n    padding-inline-end: 8px;\n    color: color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg));\n  }\n  [data-search-panel-row] [data-matches][data-no-matches] {\n    color: color-mix(in lab, var(--diffs-deletion-base) 90%, var(--diffs-bg));\n  }\n  [data-search-panel-row] [data-icon] {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    color: color-mix(in lab, var(--diffs-fg) 40%, var(--diffs-bg));\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n  }\n  [data-search-panel-row] [data-icon][data-disabled='true'] {\n    visibility: hidden;\n  }\n  [data-search-panel-row] [data-icon]:not([data-icon='search']):hover {\n    background-color: color-mix(in lab, var(--diffs-fg) 6%, var(--diffs-bg));\n    color: var(--diffs-fg);\n  }\n  [data-search-panel-row] [data-settings] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    height: 100%;\n    padding: 0 8px;\n  }\n  [data-search-panel-row] [data-checkbox] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    font-size: 12px;\n    color: color-mix(in lab, var(--diffs-fg) 60%, var(--diffs-bg));\n  }\n  [data-search-panel-row] [data-checkbox] input {\n    margin: 0;\n  }\n  [data-search-panel-row] [data-checkbox]:hover,\n  [data-search-panel-row] [data-checkbox]:has(input:checked) {\n    color: var(--diffs-fg);\n  }\n  [data-search-panel-row] [data-spacer] {\n    flex: 1;\n  }\n`;\n\n// Safari doesn't support `::selection` for slot elements in ShadowDOM,\n// Add a global style to disable selection for slot elements\nexport const editorGlobalCSS = /* CSS */ `\n  [data-annotation-slot] {\n    user-select: none;\n    -webkit-user-select: none;\n  }\n`;\n"],"mappings":";AAEA,MAAaA,YAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkN3C,MAAa,kBAA4B"}

package/dist/editor/quickEdit.d.ts

@@ -1,29 +0,0 @@
-import { TextDocument, TextEdit } from "./textDocument.js";
-import { EditorSelection } from "./selection.js";
-
-//#region src/editor/quickEdit.d.ts
-interface QuickEditContext<LAnnotation> {
-  /** The current selection. */
-  selection: EditorSelection;
-  /** The text document. */
-  textDocument: TextDocument<LAnnotation>;
-  /** Applies the edits to the text document. */
-  applyEdits: (edits: TextEdit[]) => void;
-  /** Gets the text of the current selection. */
-  getSelectionText: () => string;
-  /** Replaces the text of the current selection. */
-  replaceSelectionText: (text: string) => void;
-  /** Closes the quick edit. */
-  close: () => void;
-}
-declare class QuickEditWidget {
-  #private;
-  line: number;
-  static renderIcon(x: number, y: number, container: HTMLElement | DocumentFragment, onclick: () => void): HTMLElement;
-  constructor(line: number, quickEditElement: HTMLElement, fileContainer: HTMLElement, leadingWhitespaces: number | undefined, handleDomResize: () => void);
-  render(containerElement: HTMLElement): void;
-  cleanup(): void;
-}
-//#endregion
-export { QuickEditContext, QuickEditWidget };
-//# sourceMappingURL=quickEdit.d.ts.map

package/dist/editor/quickEdit.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"quickEdit.d.ts","names":["EditorSelection","TextDocument","TextEdit","QuickEditContext","LAnnotation","QuickEditWidget","HTMLElement","DocumentFragment"],"sources":["../../src/editor/quickEdit.d.ts"],"sourcesContent":["import type { EditorSelection } from './selection';\nimport type { TextDocument, TextEdit } from './textDocument';\nexport interface QuickEditContext<LAnnotation> {\n    /** The current selection. */\n    selection: EditorSelection;\n    /** The text document. */\n    textDocument: TextDocument<LAnnotation>;\n    /** Applies the edits to the text document. */\n    applyEdits: (edits: TextEdit[]) => void;\n    /** Gets the text of the current selection. */\n    getSelectionText: () => string;\n    /** Replaces the text of the current selection. */\n    replaceSelectionText: (text: string) => void;\n    /** Closes the quick edit. */\n    close: () => void;\n}\nexport declare class QuickEditWidget {\n    #private;\n    line: number;\n    static renderIcon(x: number, y: number, container: HTMLElement | DocumentFragment, onclick: () => void): HTMLElement;\n    constructor(line: number, quickEditElement: HTMLElement, fileContainer: HTMLElement, leadingWhitespaces: number | undefined, handleDomResize: () => void);\n    render(containerElement: HTMLElement): void;\n    cleanup(): void;\n}\n//# sourceMappingURL=quickEdit.d.ts.map"],"mappings":";;;;UAEiBG;;EAAAA,SAAAA,EAEFH,eAFkBI;EAElBJ;EAEgBI,YAAAA,EAAbH,YAAaG,CAAAA,WAAAA,CAAAA;EAAbH;EAEMC,UAAAA,EAAAA,CAAAA,KAAAA,EAAAA,QAAAA,EAAAA,EAAAA,GAAAA,IAAAA;EAAQ;EAQXG,gBAAAA,EAAe,GAAA,GAAA,MAAA;EAGmBC;EAAcC,oBAAAA,EAAAA,CAAAA,IAAAA,EAAAA,MAAAA,EAAAA,GAAAA,IAAAA;EAAwCD;EAC7DA,KAAAA,EAAAA,GAAAA,GAAAA,IAAAA;;AACnBA,cALRD,eAAAA,CAKQC;EAAW,CAAA,OAAA;;qDAFeA,cAAcC,wCAAwCD;8CAC7DA,4BAA4BA;2BAC/CA"}

package/dist/editor/quickEdit.js

@@ -1,81 +0,0 @@
-import { h } from "./utils.js";
-
-//#region src/editor/quickEdit.ts
-var QuickEditWidget = class {
-	static renderIcon(x, y, container, onclick) {
-		return h("div", {
-			dataset: {
-				quickEditIcon: "",
-				visible: "false"
-			},
-			title: "Quick Edit",
-			style: { transform: `translateY(${y}px) translateX(${x}px)` },
-			innerHTML: `<svg width="16" height="16" viewBox="0 0 20 20">
-          <polygon points="11 3 9 9 16 9 9 17 11 11 4 11 11 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" fill="currentColor"></polygon>
-          </svg>
-        `,
-			onclick
-		}, container);
-	}
-	#gutterBuffer;
-	#quickEditContainer;
-	#slot;
-	#observer;
-	#handleDomResize;
-	constructor(line, quickEditElement, fileContainer, leadingWhitespaces = 0, handleDomResize) {
-		this.line = line;
-		const slotName = "quick-edit-" + line;
-		this.#slot = h("div", {
-			dataset: "quickEditSlot",
-			slot: slotName,
-			style: "white-space: normal",
-			children: [quickEditElement]
-		}, fileContainer);
-		this.#gutterBuffer = h("div", {
-			dataset: {
-				gutterBuffer: "quickEdit",
-				bufferSize: "1"
-			},
-			style: "grid-row: span 1"
-		});
-		this.#quickEditContainer = h("div", {
-			dataset: { quickEdit: String(line) },
-			style: { paddingInlineStart: leadingWhitespaces + 1 + "ch" },
-			contentEditable: "false",
-			children: [h("slot", { name: slotName })]
-		});
-		this.#observer = new ResizeObserver(handleDomResize);
-		this.#observer.observe(this.#slot);
-		this.#handleDomResize = handleDomResize;
-	}
-	render(containerElement) {
-		const gutterElement = containerElement.previousElementSibling;
-		const lineNumber = this.line + 1;
-		const gutterLineElement = gutterElement?.querySelector(`[data-column-number="${lineNumber}"]`);
-		const contentLineElement = containerElement.querySelector(`[data-line="${lineNumber}"]`);
-		if (gutterElement != null && gutterLineElement != null && contentLineElement != null) {
-			gutterLineElement.after(this.#gutterBuffer);
-			contentLineElement.after(this.#quickEditContainer);
-			gutterElement.style.gridRow = "span " + gutterElement.children.length;
-			containerElement.style.gridRow = "span " + containerElement.children.length;
-			this.#handleDomResize();
-		}
-	}
-	cleanup() {
-		const gutter = this.#gutterBuffer.parentElement;
-		const content = this.#quickEditContainer.parentElement;
-		this.#gutterBuffer.remove();
-		this.#quickEditContainer.remove();
-		if (gutter != null && content != null) {
-			gutter.style.gridRow = "span " + gutter.children.length;
-			content.style.gridRow = "span " + content.children.length;
-		}
-		this.#handleDomResize();
-		this.#slot.remove();
-		this.#observer.disconnect();
-	}
-};
-
-//#endregion
-export { QuickEditWidget };
-//# sourceMappingURL=quickEdit.js.map

package/dist/editor/quickEdit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quickEdit.js","names":["line: number","#slot","#gutterBuffer","#quickEditContainer","#observer","#handleDomResize"],"sources":["../../src/editor/quickEdit.ts"],"sourcesContent":["import type { EditorSelection } from './selection';\nimport type { TextDocument, TextEdit } from './textDocument';\nimport { h } from './utils';\n\nexport interface QuickEditContext<LAnnotation> {\n  /** The current selection. */\n  selection: EditorSelection;\n  /** The text document. */\n  textDocument: TextDocument<LAnnotation>;\n  /** Applies the edits to the text document. */\n  applyEdits: (edits: TextEdit[]) => void;\n  /** Gets the text of the current selection. */\n  getSelectionText: () => string;\n  /** Replaces the text of the current selection. */\n  replaceSelectionText: (text: string) => void;\n  /** Closes the quick edit. */\n  close: () => void;\n}\n\nexport class QuickEditWidget {\n  static renderIcon(\n    x: number,\n    y: number,\n    container: HTMLElement | DocumentFragment,\n    onclick: () => void\n  ): HTMLElement {\n    return h(\n      'div',\n      {\n        dataset: { quickEditIcon: '', visible: 'false' },\n        title: 'Quick Edit',\n        style: {\n          transform: `translateY(${y}px) translateX(${x}px)`,\n        },\n        innerHTML: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 20 20\">\n          <polygon points=\"11 3 9 9 16 9 9 17 11 11 4 11 11 3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" fill=\"currentColor\"></polygon>\n          </svg>\n        `,\n        onclick,\n      },\n      container\n    );\n  }\n\n  #gutterBuffer: HTMLElement;\n  #quickEditContainer: HTMLElement;\n  #slot: HTMLElement;\n  #observer: ResizeObserver;\n  #handleDomResize: () => void;\n\n  constructor(\n    public line: number,\n    quickEditElement: HTMLElement,\n    fileContainer: HTMLElement,\n    leadingWhitespaces = 0,\n    handleDomResize: () => void\n  ) {\n    const slotName = 'quick-edit-' + line;\n    this.#slot = h(\n      'div',\n      {\n        dataset: 'quickEditSlot',\n        slot: slotName,\n        style: 'white-space: normal',\n        children: [quickEditElement],\n      },\n      fileContainer\n    );\n    this.#gutterBuffer = h('div', {\n      dataset: { gutterBuffer: 'quickEdit', bufferSize: '1' },\n      style: 'grid-row: span 1',\n    });\n    this.#quickEditContainer = h('div', {\n      dataset: { quickEdit: String(line) },\n      style: {\n        paddingInlineStart: leadingWhitespaces + 1 + 'ch', // +1 align css `padding-inline`\n      },\n      contentEditable: 'false',\n      children: [h('slot', { name: slotName })],\n    });\n    this.#observer = new ResizeObserver(handleDomResize);\n    this.#observer.observe(this.#slot);\n    this.#handleDomResize = handleDomResize;\n  }\n\n  render(containerElement: HTMLElement): void {\n    const gutterElement =\n      containerElement.previousElementSibling as HTMLElement | null;\n    const lineNumber = this.line + 1;\n    const gutterLineElement = gutterElement?.querySelector<HTMLElement>(\n      `[data-column-number=\"${lineNumber}\"]`\n    );\n    const contentLineElement = containerElement.querySelector<HTMLElement>(\n      `[data-line=\"${lineNumber}\"]`\n    );\n    if (\n      gutterElement != null &&\n      gutterLineElement != null &&\n      contentLineElement != null\n    ) {\n      gutterLineElement.after(this.#gutterBuffer);\n      contentLineElement.after(this.#quickEditContainer);\n      gutterElement.style.gridRow = 'span ' + gutterElement.children.length;\n      containerElement.style.gridRow =\n        'span ' + containerElement.children.length;\n      this.#handleDomResize();\n    }\n  }\n\n  cleanup(): void {\n    const gutter = this.#gutterBuffer.parentElement;\n    const content = this.#quickEditContainer.parentElement;\n\n    this.#gutterBuffer.remove();\n    this.#quickEditContainer.remove();\n\n    if (gutter != null && content != null) {\n      gutter.style.gridRow = 'span ' + gutter.children.length;\n      content.style.gridRow = 'span ' + content.children.length;\n    }\n    this.#handleDomResize();\n\n    this.#slot.remove();\n    this.#observer.disconnect();\n  }\n}\n"],"mappings":";;;AAmBA,IAAa,kBAAb,MAA6B;CAC3B,OAAO,WACL,GACA,GACA,WACA,SACa;AACb,SAAO,EACL,OACA;GACE,SAAS;IAAE,eAAe;IAAI,SAAS;IAAS;GAChD,OAAO;GACP,OAAO,EACL,WAAW,cAAc,EAAE,iBAAiB,EAAE,MAC/C;GACD,WAAW;;;;GAIX;GACD,EACD,UACD;;CAGH;CACA;CACA;CACA;CACA;CAEA,YACE,AAAOA,MACP,kBACA,eACA,qBAAqB,GACrB,iBACA;EALO;EAMP,MAAM,WAAW,gBAAgB;AACjC,QAAKC,OAAQ,EACX,OACA;GACE,SAAS;GACT,MAAM;GACN,OAAO;GACP,UAAU,CAAC,iBAAiB;GAC7B,EACD,cACD;AACD,QAAKC,eAAgB,EAAE,OAAO;GAC5B,SAAS;IAAE,cAAc;IAAa,YAAY;IAAK;GACvD,OAAO;GACR,CAAC;AACF,QAAKC,qBAAsB,EAAE,OAAO;GAClC,SAAS,EAAE,WAAW,OAAO,KAAK,EAAE;GACpC,OAAO,EACL,oBAAoB,qBAAqB,IAAI,MAC9C;GACD,iBAAiB;GACjB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC,CAAC;GAC1C,CAAC;AACF,QAAKC,WAAY,IAAI,eAAe,gBAAgB;AACpD,QAAKA,SAAU,QAAQ,MAAKH,KAAM;AAClC,QAAKI,kBAAmB;;CAG1B,OAAO,kBAAqC;EAC1C,MAAM,gBACJ,iBAAiB;EACnB,MAAM,aAAa,KAAK,OAAO;EAC/B,MAAM,oBAAoB,eAAe,cACvC,wBAAwB,WAAW,IACpC;EACD,MAAM,qBAAqB,iBAAiB,cAC1C,eAAe,WAAW,IAC3B;AACD,MACE,iBAAiB,QACjB,qBAAqB,QACrB,sBAAsB,MACtB;AACA,qBAAkB,MAAM,MAAKH,aAAc;AAC3C,sBAAmB,MAAM,MAAKC,mBAAoB;AAClD,iBAAc,MAAM,UAAU,UAAU,cAAc,SAAS;AAC/D,oBAAiB,MAAM,UACrB,UAAU,iBAAiB,SAAS;AACtC,SAAKE,iBAAkB;;;CAI3B,UAAgB;EACd,MAAM,SAAS,MAAKH,aAAc;EAClC,MAAM,UAAU,MAAKC,mBAAoB;AAEzC,QAAKD,aAAc,QAAQ;AAC3B,QAAKC,mBAAoB,QAAQ;AAEjC,MAAI,UAAU,QAAQ,WAAW,MAAM;AACrC,UAAO,MAAM,UAAU,UAAU,OAAO,SAAS;AACjD,WAAQ,MAAM,UAAU,UAAU,QAAQ,SAAS;;AAErD,QAAKE,iBAAkB;AAEvB,QAAKJ,KAAM,QAAQ;AACnB,QAAKG,SAAU,YAAY"}

package/dist/editor/tokenzier.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokenzier.d.ts","names":["IGrammar","StateStack","BaseCodeOptions","DiffsHighlighter","HighlightedToken","RenderRange","TextDocument","TextDocumentChange","EditorTokenizerProps","Array","Map","EditorTokenizer","codeOptions","highlighter","textDocument","setStyle","onDeferTokenize","tokenizeLine","renderLineTokens","HTMLElement"],"sources":["../../src/editor/tokenzier.d.ts"],"sourcesContent":["import { type IGrammar, type StateStack } from 'shiki/textmate';\nimport type { BaseCodeOptions, DiffsHighlighter, HighlightedToken, RenderRange } from '../types';\nimport type { TextDocument, TextDocumentChange } from './textDocument';\nexport interface EditorTokenizerProps {\n    highlighter: DiffsHighlighter;\n    textDocument: TextDocument<unknown>;\n    codeOptions: BaseCodeOptions;\n    setStyle: (style: string) => void;\n    onDeferTokenize: (lines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light') => void;\n}\n/** Stoppable code tokenizer for the editor */\nexport declare class EditorTokenizer {\n    #private;\n    static TOKENIZE_TIME_LIMIT: number;\n    get themeType(): 'light' | 'dark';\n    constructor({ codeOptions, highlighter, textDocument, setStyle, onDeferTokenize }: EditorTokenizerProps);\n    cleanUp(): void;\n    tokenize(change: TextDocumentChange, renderRange?: RenderRange): Map<number, Array<HighlightedToken>>;\n    prebuildStateStackMap(renderRange?: RenderRange): void;\n    stopBackgroundTokenize(): void;\n}\nexport declare function tokenizeLine(grammar: IGrammar, colorMap: string[], lineText: string, stateStack: StateStack, timeLimit?: number): {\n    ruleStack: StateStack;\n    resolvedTokens: Array<HighlightedToken>;\n};\nexport declare function renderLineTokens(tokens: Array<HighlightedToken>, themeType: 'light' | 'dark'): (HTMLElement | string)[];\n//# sourceMappingURL=tokenzier.d.ts.map"],"mappings":";;;;;UAGiBQ,oBAAAA;eACAL;EADAK,YAAAA,EAECF,YAFmB,CAAA,OAAA,CAAA;EACpBH,WAAAA,EAEAD,eAFAC;EACCG,QAAAA,EAAAA,CAAAA,KAAAA,EAAAA,MAAAA,EAAAA,GAAAA,IAAAA;EACDJ,eAAAA,EAAAA,CAAAA,KAAAA,EAEYQ,GAFZR,CAAAA,MAAAA,EAEwBO,KAFxBP,CAE8BE,gBAF9BF,CAAAA,CAAAA,EAAAA,SAAAA,EAAAA,MAAAA,GAAAA,OAAAA,EAAAA,GAAAA,IAAAA;;;AAEYQ,cAGRC,eAAAA,CAHQD;EAAG,CAAA,OAAA;EAGXC,OAAAA,mBAAe,EAAA,MAAA;EAIlBC,IAAAA,SAAAA,CAAAA,CAAAA,EAAAA,OAAAA,GAAAA,MAAAA;EAAaC,WAAAA,CAAAA;IAAAA,WAAAA;IAAAA,WAAAA;IAAAA,YAAAA;IAAAA,QAAAA;IAAAA;EAAAA,CAAAA,EAAwDL,oBAAxDK;EAAaC,OAAAA,CAAAA,CAAAA,EAAAA,IAAAA;EAAcC,QAAAA,CAAAA,MAAAA,EAErCR,kBAFqCQ,EAAAA,WAAAA,CAAAA,EAEHV,WAFGU,CAAAA,EAEWL,GAFXK,CAAAA,MAAAA,EAEuBN,KAFvBM,CAE6BX,gBAF7BW,CAAAA,CAAAA;EAAUC,qBAAAA,CAAAA,WAAAA,CAAAA,EAG5BX,WAH4BW,CAAAA,EAAAA,IAAAA;EAAmBR,sBAAAA,CAAAA,CAAAA,EAAAA,IAAAA;;AAEhCH,iBAI/BY,YAAAA,CAJ+BZ,OAAAA,EAITL,QAJSK,EAAAA,QAAAA,EAAAA,MAAAA,EAAAA,EAAAA,QAAAA,EAAAA,MAAAA,EAAAA,UAAAA,EAImDJ,UAJnDI,EAAAA,SAAAA,CAAAA,EAAAA,MAAAA,CAAAA,EAAAA;EAAgCD,SAAAA,EAKxEH,UALwEG;EAANK,cAAAA,EAM7DA,KAN6DA,CAMvDL,gBANuDK,CAAAA;CAAZC;AAC7BL,iBAOhBa,gBAAAA,CAPgBb,MAAAA,EAOSI,KAPTJ,CAOeD,gBAPfC,CAAAA,EAAAA,SAAAA,EAAAA,OAAAA,GAAAA,MAAAA,CAAAA,EAAAA,CAOiEc,WAPjEd,GAAAA,MAAAA,CAAAA,EAAAA"}