@pierre/diffs 1.3.0-beta.3 → 1.3.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pierre/diffs",
-  "version": "1.3.0-beta.3",
+  "version": "1.3.0-beta.4",
   "license": "apache-2.0",
   "files": [
     "dist",
@@ -72,6 +72,7 @@
   },
   "dependencies": {
     "@pierre/theme": "1.0.3",
+    "@pierre/theming": "0.0.1",
     "@shikijs/transformers": "^3.0.0",
     "diff": "8.0.3",
     "hast-util-to-html": "9.0.5",

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.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 { getEditorIconSvg } from './sprite';\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: getEditorIconSvg('quick'),\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":";;;;AAoBA,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,iBAAiB,QAAQ;GACpC;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"}