@pierre/diffs 1.1.5 → 1.1.7

package/dist/components/AdvancedVirtualizedFileDiff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedVirtualizedFileDiff.d.ts","names":["FileDiffMetadata","RenderRange","RenderWindow","VirtualFileMetrics","WorkerPoolManager","FileDiff","FileDiffOptions","RenderProps","HTMLElement","PositionProps","AdvancedVirtualizedFileDiff","LAnnotation","unifiedTop","splitTop","fileDiff","Partial","renderWindow","fileContainer"],"sources":["../../src/components/AdvancedVirtualizedFileDiff.d.ts"],"sourcesContent":["import type { FileDiffMetadata, RenderRange, RenderWindow, VirtualFileMetrics } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nimport { FileDiff, type FileDiffOptions } from './FileDiff';\nexport type { FileDiffOptions };\ninterface RenderProps {\n    fileContainer?: HTMLElement;\n    renderWindow: RenderWindow;\n}\ninterface PositionProps {\n    unifiedTop: number;\n    splitTop: number;\n    fileDiff: FileDiffMetadata;\n}\nexport declare class AdvancedVirtualizedFileDiff<LAnnotation = undefined> extends FileDiff<LAnnotation> {\n    readonly __id: string;\n    unifiedTop: number;\n    splitTop: number;\n    unifiedHeight: number;\n    splitHeight: number;\n    private metrics;\n    fileDiff: FileDiffMetadata;\n    renderedRange: RenderRange | undefined;\n    constructor({ unifiedTop, splitTop, fileDiff }: PositionProps, options?: FileDiffOptions<LAnnotation>, metrics?: Partial<VirtualFileMetrics>, workerManager?: WorkerPoolManager | undefined);\n    cleanUp(recycle?: boolean): void;\n    private computeSize;\n    virtualizedRender({ renderWindow, fileContainer }: RenderProps): void;\n    private computeRenderRangeFromWindow;\n}\n//# sourceMappingURL=AdvancedVirtualizedFileDiff.d.ts.map"],"mappings":";;;;;;UAIUO,WAAAA;kBACUC;EADVD,YAAAA,EAEQL,YAFG;AAES;AAO9B,UALUO,aAAAA,CAKWC;EAAsEC,UAAAA,EAAAA,MAAAA;EAO7EX,QAAAA,EAAAA,MAAAA;EACKC,QAAAA,EAVLD,gBAUKC;;AACWY,cATTH,2BASSG,CAAAA,cAAAA,SAAAA,CAAAA,SAToDR,QASpDQ,CAT6DF,WAS7DE,CAAAA,CAAAA;EAAUC,SAAAA,IAAAA,EAAAA,MAAAA;EAAYL,UAAAA,EAAAA,MAAAA;EAAyCE,QAAAA,EAAAA,MAAAA;EAAhBL,aAAAA,EAAAA,MAAAA;EAAgDH,WAAAA,EAAAA,MAAAA;EAARY,QAAAA,OAAAA;EAA6CX,QAAAA,EAFpJJ,gBAEoJI;EAG1IY,aAAAA,EAJLf,WAIKe,GAAAA,SAAAA;EAAcC,WAAAA,CAAAA;IAAAA,UAAAA;IAAAA,QAAAA;IAAAA;EAAAA,CAAAA,EAHcR,aAGdQ,EAAAA,OAAAA,CAAAA,EAHuCX,eAGvCW,CAHuDN,WAGvDM,CAAAA,EAAAA,OAAAA,CAAAA,EAH+EF,OAG/EE,CAHuFd,kBAGvFc,CAAAA,EAAAA,aAAAA,CAAAA,EAH4Hb,iBAG5Ha,GAAAA,SAAAA;EAAiBV,OAAAA,CAAAA,OAAAA,CAAAA,EAAAA,OAAAA,CAAAA,EAAAA,IAAAA;EAZ2BF,QAAAA,WAAAA;EAAQ,iBAAA,CAAA;IAAA,YAAA;IAAA;EAAA,CAAA,EAYnCE,WAZmC,CAAA,EAAA,IAAA"}
+{"version":3,"file":"AdvancedVirtualizedFileDiff.d.ts","names":["FileDiffMetadata","RenderRange","RenderWindow","VirtualFileMetrics","WorkerPoolManager","FileDiff","FileDiffOptions","RenderProps","HTMLElement","PositionProps","AdvancedVirtualizedFileDiff","LAnnotation","unifiedTop","splitTop","fileDiff","Partial","renderWindow","fileContainer"],"sources":["../../src/components/AdvancedVirtualizedFileDiff.d.ts"],"sourcesContent":["import type { FileDiffMetadata, RenderRange, RenderWindow, VirtualFileMetrics } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nimport { FileDiff, type FileDiffOptions } from './FileDiff';\nexport type { FileDiffOptions };\ninterface RenderProps {\n    fileContainer?: HTMLElement;\n    renderWindow: RenderWindow;\n}\ninterface PositionProps {\n    unifiedTop: number;\n    splitTop: number;\n    fileDiff: FileDiffMetadata;\n}\nexport declare class AdvancedVirtualizedFileDiff<LAnnotation = undefined> extends FileDiff<LAnnotation> {\n    readonly __id: string;\n    unifiedTop: number;\n    splitTop: number;\n    unifiedHeight: number;\n    splitHeight: number;\n    private metrics;\n    fileDiff: FileDiffMetadata;\n    renderedRange: RenderRange | undefined;\n    constructor({ unifiedTop, splitTop, fileDiff }: PositionProps, options?: FileDiffOptions<LAnnotation>, metrics?: Partial<VirtualFileMetrics>, workerManager?: WorkerPoolManager | undefined);\n    cleanUp(recycle?: boolean): void;\n    private computeSize;\n    virtualizedRender({ renderWindow, fileContainer }: RenderProps): void;\n    private computeRenderRangeFromWindow;\n}\n//# sourceMappingURL=AdvancedVirtualizedFileDiff.d.ts.map"],"mappings":";;;;;;UAIUO,WAAAA;kBACUC;EADVD,YAAAA,EAEQL,YADEM;AACU;AAO9B,UALUC,aAAAA,CAKWC;EAAsEC,UAAAA,EAAAA,MAAAA;EAO7EX,QAAAA,EAAAA,MAAAA;EACKC,QAAAA,EAVLD,gBAUKC;;AACWY,cATTH,2BASSG,CAAAA,cAAAA,SAAAA,CAAAA,SAToDR,QASpDQ,CAT6DF,WAS7DE,CAAAA,CAAAA;EAAUC,SAAAA,IAAAA,EAAAA,MAAAA;EAAYL,UAAAA,EAAAA,MAAAA;EAAyCE,QAAAA,EAAAA,MAAAA;EAAhBL,aAAAA,EAAAA,MAAAA;EAAgDH,WAAAA,EAAAA,MAAAA;EAARY,QAAAA,OAAAA;EAA6CX,QAAAA,EAFpJJ,gBAEoJI;EAG1IY,aAAAA,EAJLf,WAIKe,GAAAA,SAAAA;EAAcC,WAAAA,CAAAA;IAAAA,UAAAA;IAAAA,QAAAA;IAAAA;EAAAA,CAAAA,EAHcR,aAGdQ,EAAAA,OAAAA,CAAAA,EAHuCX,eAGvCW,CAHuDN,WAGvDM,CAAAA,EAAAA,OAAAA,CAAAA,EAH+EF,OAG/EE,CAHuFd,kBAGvFc,CAAAA,EAAAA,aAAAA,CAAAA,EAH4Hb,iBAG5Ha,GAAAA,SAAAA;EAAiBV,OAAAA,CAAAA,OAAAA,CAAAA,EAAAA,OAAAA,CAAAA,EAAAA,IAAAA;EAZ2BF,QAAAA,WAAAA;EAAQ,iBAAA,CAAA;IAAA,YAAA;IAAA;EAAA,CAAA,EAYnCE,WAZmC,CAAA,EAAA,IAAA"}

package/dist/components/File.d.ts

@@ -1,4 +1,4 @@
-import { BaseCodeOptions, FileContents, LineAnnotation, PrePropertiesConfig, RenderFileMetadata, RenderRange, ThemeTypes } from "../types.js";
+import { AppliedThemeStyleCache, BaseCodeOptions, FileContents, LineAnnotation, PrePropertiesConfig, RenderFileMetadata, RenderRange, ThemeTypes } from "../types.js";
 import { WorkerPoolManager } from "../worker/WorkerPoolManager.js";
 import "../worker/index.js";
 import { GetHoveredLineResult, InteractionManager, InteractionManagerBaseOptions, SelectedLineRange } from "../managers/InteractionManager.js";
@@ -27,6 +27,7 @@ interface FileOptions<LAnnotation> extends BaseCodeOptions, InteractionManagerBa
   enableHoverUtility?: boolean;
   renderHeaderPrefix?: RenderFileMetadata;
   renderCustomMetadata?: RenderFileMetadata;
+  renderCustomHeader?: RenderFileMetadata;
   /**
    * When true, errors during rendering are rethrown instead of being caught
    * and displayed in the DOM. Useful for testing or when you want to handle
@@ -45,6 +46,10 @@ interface AnnotationElementCache<LAnnotation> {
   element: HTMLElement;
   annotation: LineAnnotation<LAnnotation>;
 }
+interface HydrationSetup<LAnnotation> {
+  file: FileContents;
+  lineAnnotations: LineAnnotation<LAnnotation>[] | undefined;
+}
 declare class File<LAnnotation = undefined> {
   options: FileOptions<LAnnotation>;
   private workerManager?;
@@ -57,7 +62,10 @@ declare class File<LAnnotation = undefined> {
   protected code: HTMLElement | undefined;
   protected bufferBefore: HTMLElement | undefined;
   protected bufferAfter: HTMLElement | undefined;
+  protected themeCSSStyle: HTMLStyleElement | undefined;
+  protected appliedThemeCSS: AppliedThemeStyleCache | undefined;
   protected unsafeCSSStyle: HTMLStyleElement | undefined;
+  protected appliedUnsafeCSS: string | undefined;
   protected gutterUtilityContent: HTMLElement | undefined;
   protected errorWrapper: HTMLElement | undefined;
   protected placeHolder: HTMLElement | undefined;
@@ -65,6 +73,7 @@ declare class File<LAnnotation = undefined> {
   protected appliedPreAttributes: PrePropertiesConfig | undefined;
   protected lastRowCount: number | undefined;
   protected headerElement: HTMLElement | undefined;
+  protected headerCustom: HTMLElement | undefined;
   protected headerPrefix: HTMLElement | undefined;
   protected headerMetadata: HTMLElement | undefined;
   protected fileRenderer: FileRenderer<LAnnotation>;
@@ -87,6 +96,11 @@ declare class File<LAnnotation = undefined> {
   setSelectedLines(range: SelectedLineRange | null): void;
   cleanUp(): void;
   hydrate(props: FileHydrateProps<LAnnotation>): void;
+  protected hydrateElements(fileContainer: HTMLElement, prerenderedHTML: string | undefined): void;
+  protected hydrationSetup({
+    file,
+    lineAnnotations
+  }: HydrationSetup<LAnnotation>): void;
   getOrCreateLineCache(file?: FileContents | undefined): string[];
   render({
     file,
@@ -106,6 +120,7 @@ declare class File<LAnnotation = undefined> {
   private renderAnnotations;
   private renderGutterUtility;
   private injectUnsafeCSS;
+  private applyThemeState;
   private applyFullRender;
   private applyPartialRender;
   private getColumns;
@@ -114,8 +129,13 @@ declare class File<LAnnotation = undefined> {
   private getLineIndexFromDOMNode;
   private applyBuffers;
   private applyHeaderToDOM;
+  private clearHeaderSlots;
+  private upsertHeaderSlotElement;
+  private replaceHeaderSlotContent;
+  private createHeaderSlotElement;
   protected getOrCreateFileContainerNode(fileContainer?: HTMLElement, parentNode?: HTMLElement): HTMLElement;
   private getOrCreatePreNode;
+  private syncCodeNodeFromPre;
   private applyPreNodeAttributes;
   private applyErrorToDOM;
   private cleanupErrorWrapper;

package/dist/components/File.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","names":["GetHoveredLineResult","InteractionManager","InteractionManagerBaseOptions","SelectedLineRange","ResizeManager","FileRenderer","BaseCodeOptions","FileContents","LineAnnotation","PrePropertiesConfig","RenderFileMetadata","RenderRange","ThemeTypes","WorkerPoolManager","FileRenderProps","LAnnotation","HTMLElement","FileHydrateProps","Omit","FileOptions","File","AnnotationElementCache","SVGElement","HTMLPreElement","HTMLStyleElement","Map","file","fileContainer","forceRender","preventEmit","containerWrapper","lineAnnotations","renderRange"],"sources":["../../src/components/File.d.ts"],"sourcesContent":["import { type GetHoveredLineResult, InteractionManager, type InteractionManagerBaseOptions, type SelectedLineRange } from '../managers/InteractionManager';\nimport { ResizeManager } from '../managers/ResizeManager';\nimport { FileRenderer } from '../renderers/FileRenderer';\nimport type { BaseCodeOptions, FileContents, LineAnnotation, PrePropertiesConfig, RenderFileMetadata, RenderRange, ThemeTypes } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nexport interface FileRenderProps<LAnnotation> {\n    file: FileContents;\n    fileContainer?: HTMLElement;\n    containerWrapper?: HTMLElement;\n    forceRender?: boolean;\n    preventEmit?: boolean;\n    lineAnnotations?: LineAnnotation<LAnnotation>[];\n    renderRange?: RenderRange;\n}\nexport interface FileHydrateProps<LAnnotation> extends Omit<FileRenderProps<LAnnotation>, 'fileContainer'> {\n    fileContainer: HTMLElement;\n    prerenderedHTML?: string;\n}\nexport interface FileOptions<LAnnotation> extends BaseCodeOptions, InteractionManagerBaseOptions<'file'> {\n    disableFileHeader?: boolean;\n    /**\n     * @deprecated Use `enableGutterUtility` instead.\n     */\n    enableHoverUtility?: boolean;\n    renderHeaderPrefix?: RenderFileMetadata;\n    renderCustomMetadata?: RenderFileMetadata;\n    /**\n     * When true, errors during rendering are rethrown instead of being caught\n     * and displayed in the DOM. Useful for testing or when you want to handle\n     * errors yourself.\n     */\n    disableErrorHandling?: boolean;\n    renderAnnotation?(annotation: LineAnnotation<LAnnotation>): HTMLElement | undefined;\n    renderGutterUtility?(getHoveredRow: () => GetHoveredLineResult<'file'> | undefined): HTMLElement | null | undefined;\n    /**\n     * @deprecated Use `renderGutterUtility` instead.\n     */\n    renderHoverUtility?(getHoveredRow: () => GetHoveredLineResult<'file'> | undefined): HTMLElement | null | undefined;\n    onPostRender?(node: HTMLElement, instance: File<LAnnotation>): unknown;\n}\ninterface AnnotationElementCache<LAnnotation> {\n    element: HTMLElement;\n    annotation: LineAnnotation<LAnnotation>;\n}\nexport declare class File<LAnnotation = undefined> {\n    options: FileOptions<LAnnotation>;\n    private workerManager?;\n    private isContainerManaged;\n    static LoadedCustomComponent: boolean;\n    readonly __id: string;\n    protected fileContainer: HTMLElement | undefined;\n    protected spriteSVG: SVGElement | undefined;\n    protected pre: HTMLPreElement | undefined;\n    protected code: HTMLElement | undefined;\n    protected bufferBefore: HTMLElement | undefined;\n    protected bufferAfter: HTMLElement | undefined;\n    protected unsafeCSSStyle: HTMLStyleElement | undefined;\n    protected gutterUtilityContent: HTMLElement | undefined;\n    protected errorWrapper: HTMLElement | undefined;\n    protected placeHolder: HTMLElement | undefined;\n    protected lastRenderedHeaderHTML: string | undefined;\n    protected appliedPreAttributes: PrePropertiesConfig | undefined;\n    protected lastRowCount: number | undefined;\n    protected headerElement: HTMLElement | undefined;\n    protected headerPrefix: HTMLElement | undefined;\n    protected headerMetadata: HTMLElement | undefined;\n    protected fileRenderer: FileRenderer<LAnnotation>;\n    protected resizeManager: ResizeManager;\n    protected interactionManager: InteractionManager<'file'>;\n    protected annotationCache: Map<string, AnnotationElementCache<LAnnotation>>;\n    protected lineAnnotations: LineAnnotation<LAnnotation>[];\n    protected file: FileContents | undefined;\n    protected renderRange: RenderRange | undefined;\n    constructor(options?: FileOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);\n    private handleHighlightRender;\n    rerender(): void;\n    setOptions(options: FileOptions<LAnnotation> | undefined): void;\n    private mergeOptions;\n    setThemeType(themeType: ThemeTypes): void;\n    getHoveredLine: () => {\n        lineNumber: number;\n    } | undefined;\n    setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void;\n    setSelectedLines(range: SelectedLineRange | null): void;\n    cleanUp(): void;\n    hydrate(props: FileHydrateProps<LAnnotation>): void;\n    getOrCreateLineCache(file?: FileContents | undefined): string[];\n    render({ file, fileContainer, forceRender, preventEmit, containerWrapper, lineAnnotations, renderRange }: FileRenderProps<LAnnotation>): boolean;\n    private emitPostRender;\n    private removeRenderedCode;\n    private clearAuxiliaryNodes;\n    private canPartiallyRender;\n    renderPlaceholder(height: number): boolean;\n    private cleanChildNodes;\n    private renderAnnotations;\n    private renderGutterUtility;\n    private injectUnsafeCSS;\n    private applyFullRender;\n    private applyPartialRender;\n    private getColumns;\n    private trimDOMToOverlap;\n    private getDOMBoundaryIndices;\n    private getLineIndexFromDOMNode;\n    private applyBuffers;\n    private applyHeaderToDOM;\n    protected getOrCreateFileContainerNode(fileContainer?: HTMLElement, parentNode?: HTMLElement): HTMLElement;\n    private getOrCreatePreNode;\n    private applyPreNodeAttributes;\n    private applyErrorToDOM;\n    private cleanupErrorWrapper;\n}\nexport {};\n//# sourceMappingURL=File.d.ts.map"],"mappings":"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"}
+{"version":3,"file":"File.d.ts","names":["GetHoveredLineResult","InteractionManager","InteractionManagerBaseOptions","SelectedLineRange","ResizeManager","FileRenderer","AppliedThemeStyleCache","BaseCodeOptions","FileContents","LineAnnotation","PrePropertiesConfig","RenderFileMetadata","RenderRange","ThemeTypes","WorkerPoolManager","FileRenderProps","LAnnotation","HTMLElement","FileHydrateProps","Omit","FileOptions","File","AnnotationElementCache","HydrationSetup","SVGElement","HTMLPreElement","HTMLStyleElement","Map","file","lineAnnotations","fileContainer","forceRender","preventEmit","containerWrapper","renderRange"],"sources":["../../src/components/File.d.ts"],"sourcesContent":["import { type GetHoveredLineResult, InteractionManager, type InteractionManagerBaseOptions, type SelectedLineRange } from '../managers/InteractionManager';\nimport { ResizeManager } from '../managers/ResizeManager';\nimport { FileRenderer } from '../renderers/FileRenderer';\nimport type { AppliedThemeStyleCache, BaseCodeOptions, FileContents, LineAnnotation, PrePropertiesConfig, RenderFileMetadata, RenderRange, ThemeTypes } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nexport interface FileRenderProps<LAnnotation> {\n    file: FileContents;\n    fileContainer?: HTMLElement;\n    containerWrapper?: HTMLElement;\n    forceRender?: boolean;\n    preventEmit?: boolean;\n    lineAnnotations?: LineAnnotation<LAnnotation>[];\n    renderRange?: RenderRange;\n}\nexport interface FileHydrateProps<LAnnotation> extends Omit<FileRenderProps<LAnnotation>, 'fileContainer'> {\n    fileContainer: HTMLElement;\n    prerenderedHTML?: string;\n}\nexport interface FileOptions<LAnnotation> extends BaseCodeOptions, InteractionManagerBaseOptions<'file'> {\n    disableFileHeader?: boolean;\n    /**\n     * @deprecated Use `enableGutterUtility` instead.\n     */\n    enableHoverUtility?: boolean;\n    renderHeaderPrefix?: RenderFileMetadata;\n    renderCustomMetadata?: RenderFileMetadata;\n    renderCustomHeader?: RenderFileMetadata;\n    /**\n     * When true, errors during rendering are rethrown instead of being caught\n     * and displayed in the DOM. Useful for testing or when you want to handle\n     * errors yourself.\n     */\n    disableErrorHandling?: boolean;\n    renderAnnotation?(annotation: LineAnnotation<LAnnotation>): HTMLElement | undefined;\n    renderGutterUtility?(getHoveredRow: () => GetHoveredLineResult<'file'> | undefined): HTMLElement | null | undefined;\n    /**\n     * @deprecated Use `renderGutterUtility` instead.\n     */\n    renderHoverUtility?(getHoveredRow: () => GetHoveredLineResult<'file'> | undefined): HTMLElement | null | undefined;\n    onPostRender?(node: HTMLElement, instance: File<LAnnotation>): unknown;\n}\ninterface AnnotationElementCache<LAnnotation> {\n    element: HTMLElement;\n    annotation: LineAnnotation<LAnnotation>;\n}\ninterface HydrationSetup<LAnnotation> {\n    file: FileContents;\n    lineAnnotations: LineAnnotation<LAnnotation>[] | undefined;\n}\nexport declare class File<LAnnotation = undefined> {\n    options: FileOptions<LAnnotation>;\n    private workerManager?;\n    private isContainerManaged;\n    static LoadedCustomComponent: boolean;\n    readonly __id: string;\n    protected fileContainer: HTMLElement | undefined;\n    protected spriteSVG: SVGElement | undefined;\n    protected pre: HTMLPreElement | undefined;\n    protected code: HTMLElement | undefined;\n    protected bufferBefore: HTMLElement | undefined;\n    protected bufferAfter: HTMLElement | undefined;\n    protected themeCSSStyle: HTMLStyleElement | undefined;\n    protected appliedThemeCSS: AppliedThemeStyleCache | undefined;\n    protected unsafeCSSStyle: HTMLStyleElement | undefined;\n    protected appliedUnsafeCSS: string | undefined;\n    protected gutterUtilityContent: HTMLElement | undefined;\n    protected errorWrapper: HTMLElement | undefined;\n    protected placeHolder: HTMLElement | undefined;\n    protected lastRenderedHeaderHTML: string | undefined;\n    protected appliedPreAttributes: PrePropertiesConfig | undefined;\n    protected lastRowCount: number | undefined;\n    protected headerElement: HTMLElement | undefined;\n    protected headerCustom: HTMLElement | undefined;\n    protected headerPrefix: HTMLElement | undefined;\n    protected headerMetadata: HTMLElement | undefined;\n    protected fileRenderer: FileRenderer<LAnnotation>;\n    protected resizeManager: ResizeManager;\n    protected interactionManager: InteractionManager<'file'>;\n    protected annotationCache: Map<string, AnnotationElementCache<LAnnotation>>;\n    protected lineAnnotations: LineAnnotation<LAnnotation>[];\n    protected file: FileContents | undefined;\n    protected renderRange: RenderRange | undefined;\n    constructor(options?: FileOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);\n    private handleHighlightRender;\n    rerender(): void;\n    setOptions(options: FileOptions<LAnnotation> | undefined): void;\n    private mergeOptions;\n    setThemeType(themeType: ThemeTypes): void;\n    getHoveredLine: () => {\n        lineNumber: number;\n    } | undefined;\n    setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void;\n    setSelectedLines(range: SelectedLineRange | null): void;\n    cleanUp(): void;\n    hydrate(props: FileHydrateProps<LAnnotation>): void;\n    protected hydrateElements(fileContainer: HTMLElement, prerenderedHTML: string | undefined): void;\n    protected hydrationSetup({ file, lineAnnotations }: HydrationSetup<LAnnotation>): void;\n    getOrCreateLineCache(file?: FileContents | undefined): string[];\n    render({ file, fileContainer, forceRender, preventEmit, containerWrapper, lineAnnotations, renderRange }: FileRenderProps<LAnnotation>): boolean;\n    private emitPostRender;\n    private removeRenderedCode;\n    private clearAuxiliaryNodes;\n    private canPartiallyRender;\n    renderPlaceholder(height: number): boolean;\n    private cleanChildNodes;\n    private renderAnnotations;\n    private renderGutterUtility;\n    private injectUnsafeCSS;\n    private applyThemeState;\n    private applyFullRender;\n    private applyPartialRender;\n    private getColumns;\n    private trimDOMToOverlap;\n    private getDOMBoundaryIndices;\n    private getLineIndexFromDOMNode;\n    private applyBuffers;\n    private applyHeaderToDOM;\n    private clearHeaderSlots;\n    private upsertHeaderSlotElement;\n    private replaceHeaderSlotContent;\n    private createHeaderSlotElement;\n    protected getOrCreateFileContainerNode(fileContainer?: HTMLElement, parentNode?: HTMLElement): HTMLElement;\n    private getOrCreatePreNode;\n    private syncCodeNodeFromPre;\n    private applyPreNodeAttributes;\n    private applyErrorToDOM;\n    private cleanupErrorWrapper;\n}\nexport {};\n//# sourceMappingURL=File.d.ts.map"],"mappings":"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"}

package/dist/components/File.js

@@ -1,4 +1,4 @@
-import { DEFAULT_THEMES, DIFFS_TAG_NAME, EMPTY_RENDER_RANGE, HEADER_METADATA_SLOT_ID, HEADER_PREFIX_SLOT_ID, UNSAFE_CSS_ATTRIBUTE } from "../constants.js";
+import { CUSTOM_HEADER_SLOT_ID, DEFAULT_THEMES, DIFFS_TAG_NAME, EMPTY_RENDER_RANGE, HEADER_METADATA_SLOT_ID, HEADER_PREFIX_SLOT_ID, THEME_CSS_ATTRIBUTE, UNSAFE_CSS_ATTRIBUTE } from "../constants.js";
 import { InteractionManager, pluckInteractionOptions } from "../managers/InteractionManager.js";
 import { ResizeManager } from "../managers/ResizeManager.js";
 import { areRenderRangesEqual } from "../utils/areRenderRangesEqual.js";
@@ -11,8 +11,9 @@ import { arePrePropertiesEqual } from "../utils/arePrePropertiesEqual.js";
 import { createAnnotationWrapperNode } from "../utils/createAnnotationWrapperNode.js";
 import { createGutterUtilityContentNode } from "../utils/createGutterUtilityContentNode.js";
 import { createUnsafeCSSStyleNode } from "../utils/createUnsafeCSSStyleNode.js";
-import { wrapUnsafeCSS } from "../utils/cssWrappers.js";
+import { wrapThemeCSS, wrapUnsafeCSS } from "../utils/cssWrappers.js";
 import { getOrCreateCodeNode } from "../utils/getOrCreateCodeNode.js";
+import { upsertHostThemeStyle } from "../utils/hostTheme.js";
 import { prerenderHTMLIfNecessary } from "../utils/prerenderHTMLIfNecessary.js";
 import { setPreNodeProperties } from "../utils/setWrapperNodeProps.js";
 import { DiffsContainerLoaded } from "./web-components.js";
@@ -30,7 +31,10 @@ var File = class {
 	code;
 	bufferBefore;
 	bufferAfter;
+	themeCSSStyle;
+	appliedThemeCSS;
 	unsafeCSSStyle;
+	appliedUnsafeCSS;
 	gutterUtilityContent;
 	errorWrapper;
 	placeHolder;
@@ -38,6 +42,7 @@ var File = class {
 	appliedPreAttributes;
 	lastRowCount;
 	headerElement;
+	headerCustom;
 	headerPrefix;
 	headerMetadata;
 	fileRenderer;
@@ -81,18 +86,8 @@ var File = class {
 	setThemeType(themeType) {
 		if ((this.options.themeType ?? "system") === themeType) return;
 		this.mergeOptions({ themeType });
-		this.fileRenderer.setThemeType(themeType);
-		if (this.headerElement != null) if (themeType === "system") delete this.headerElement.dataset.themeType;
-		else this.headerElement.dataset.themeType = themeType;
-		if (this.pre != null) switch (themeType) {
-			case "system":
-				delete this.pre.dataset.themeType;
-				break;
-			case "light":
-			case "dark":
-				this.pre.dataset.themeType = themeType;
-				break;
-		}
+		if (typeof this.options.theme === "string" || this.fileContainer == null || this.appliedThemeCSS == null) return;
+		this.applyThemeState(this.fileContainer, this.appliedThemeCSS.themeStyles, themeType, this.appliedThemeCSS.baseThemeType);
 	}
 	getHoveredLine = () => {
 		return this.interactionManager.getHoveredLine();
@@ -122,13 +117,29 @@ var File = class {
 		this.headerElement = void 0;
 		this.headerPrefix = void 0;
 		this.headerMetadata = void 0;
+		this.headerCustom = void 0;
 		this.lastRenderedHeaderHTML = void 0;
 		this.errorWrapper = void 0;
+		this.themeCSSStyle = void 0;
+		this.appliedThemeCSS = void 0;
 		this.unsafeCSSStyle = void 0;
+		this.appliedUnsafeCSS = void 0;
 		this.placeHolder = void 0;
 	}
 	hydrate(props) {
-		const { fileContainer, prerenderedHTML, preventEmit = false } = props;
+		const { fileContainer, prerenderedHTML, preventEmit = false, file, lineAnnotations } = props;
+		this.hydrateElements(fileContainer, prerenderedHTML);
+		if (this.pre == null && this.headerElement == null) this.render({
+			...props,
+			preventEmit: true
+		});
+		else this.hydrationSetup({
+			file,
+			lineAnnotations
+		});
+		if (!preventEmit) this.emitPostRender();
+	}
+	hydrateElements(fileContainer, prerenderedHTML) {
 		prerenderHTMLIfNecessary(fileContainer, prerenderedHTML);
 		for (const element of Array.from(fileContainer.shadowRoot?.children ?? [])) {
 			if (element instanceof SVGElement) {
@@ -141,8 +152,13 @@ var File = class {
 				this.appliedPreAttributes = void 0;
 				continue;
 			}
+			if (element instanceof HTMLStyleElement && element.hasAttribute(THEME_CSS_ATTRIBUTE)) {
+				this.themeCSSStyle = element;
+				continue;
+			}
 			if (element instanceof HTMLStyleElement && element.hasAttribute(UNSAFE_CSS_ATTRIBUTE)) {
 				this.unsafeCSSStyle = element;
+				this.appliedUnsafeCSS = element.textContent;
 				continue;
 			}
 			if ("diffsHeader" in element.dataset) {
@@ -151,31 +167,33 @@ var File = class {
 				continue;
 			}
 		}
-		if (this.pre == null) this.render({
-			...props,
-			preventEmit: true
-		});
-		else {
-			const { file, lineAnnotations } = props;
-			const { overflow = "scroll" } = this.options;
-			this.fileContainer = fileContainer;
-			delete this.pre.dataset.dehydrated;
-			this.lineAnnotations = lineAnnotations ?? this.lineAnnotations;
-			this.file = file;
-			this.fileRenderer.hydrate(file);
-			this.renderAnnotations();
-			this.renderGutterUtility();
-			this.injectUnsafeCSS();
-			this.interactionManager.setup(this.pre);
-			this.resizeManager.setup(this.pre, overflow === "wrap");
+		if (this.pre != null) {
+			this.syncCodeNodeFromPre(this.pre);
+			this.pre.removeAttribute("data-dehydrated");
 		}
-		if (!preventEmit) this.emitPostRender();
+		this.fileContainer = fileContainer;
+	}
+	hydrationSetup({ file, lineAnnotations }) {
+		const { overflow = "scroll" } = this.options;
+		this.lineAnnotations = lineAnnotations ?? this.lineAnnotations;
+		this.file = file;
+		this.fileRenderer.setOptions({
+			...this.options,
+			headerRenderMode: this.options.renderCustomHeader != null ? "custom" : "default"
+		});
+		if (this.pre == null) return;
+		this.fileRenderer.hydrate(file);
+		this.renderAnnotations();
+		this.renderGutterUtility();
+		this.injectUnsafeCSS();
+		this.interactionManager.setup(this.pre);
+		this.resizeManager.setup(this.pre, overflow === "wrap");
 	}
 	getOrCreateLineCache(file = this.file) {
 		return file != null ? this.fileRenderer.getOrCreateLineCache(file) : EMPTY_STRINGS;
 	}
 	render({ file, fileContainer, forceRender = false, preventEmit = false, containerWrapper, lineAnnotations, renderRange }) {
-		const { collapsed = false } = this.options;
+		const { collapsed = false, themeType = "system" } = this.options;
 		const nextRenderRange = collapsed ? void 0 : renderRange;
 		const previousRenderRange = this.renderRange;
 		const annotationsChanged = lineAnnotations != null && (lineAnnotations.length > 0 || this.lineAnnotations.length > 0) ? lineAnnotations !== this.lineAnnotations : false;
@@ -183,7 +201,10 @@ var File = class {
 		if (!collapsed && !forceRender && areRenderRangesEqual(nextRenderRange, this.renderRange) && !didFileChange && !annotationsChanged) return false;
 		this.renderRange = nextRenderRange;
 		this.file = file;
-		this.fileRenderer.setOptions(this.options);
+		this.fileRenderer.setOptions({
+			...this.options,
+			headerRenderMode: this.options.renderCustomHeader != null ? "custom" : "default"
+		});
 		if (lineAnnotations != null) this.setLineAnnotations(lineAnnotations);
 		this.fileRenderer.setLineAnnotations(this.lineAnnotations);
 		const { disableErrorHandling = false, disableFileHeader = false, overflow = "scroll" } = this.options;
@@ -193,14 +214,7 @@ var File = class {
 				this.headerElement = void 0;
 				this.lastRenderedHeaderHTML = void 0;
 			}
-			if (this.headerPrefix != null) {
-				this.headerPrefix.remove();
-				this.headerPrefix = void 0;
-			}
-			if (this.headerMetadata != null) {
-				this.headerMetadata.remove();
-				this.headerMetadata = void 0;
-			}
+			this.clearHeaderSlots();
 		}
 		fileContainer = this.getOrCreateFileContainerNode(fileContainer, containerWrapper);
 		if (collapsed) {
@@ -208,6 +222,7 @@ var File = class {
 			this.clearAuxiliaryNodes();
 			try {
 				const fileResult = this.fileRenderer.renderFile(file, EMPTY_RENDER_RANGE);
+				if (fileResult != null) this.applyThemeState(fileContainer, fileResult.themeStyles, themeType, fileResult.baseThemeType);
 				if (fileResult?.headerAST != null) this.applyHeaderToDOM(fileResult.headerAST, fileContainer);
 				this.injectUnsafeCSS();
 			} catch (error) {
@@ -226,6 +241,7 @@ var File = class {
 					if (this.workerManager?.isInitialized() === false) this.workerManager.initialize().then(() => this.rerender());
 					return false;
 				}
+				this.applyThemeState(fileContainer, fileResult.themeStyles, themeType, fileResult.baseThemeType);
 				if (fileResult.headerAST != null) this.applyHeaderToDOM(fileResult.headerAST, fileContainer);
 				this.applyFullRender(fileResult, pre);
 			}
@@ -293,8 +309,10 @@ var File = class {
 		this.gutterUtilityContent?.remove();
 		this.headerPrefix?.remove();
 		this.headerMetadata?.remove();
+		this.headerCustom?.remove();
 		this.pre?.remove();
 		this.spriteSVG?.remove();
+		this.themeCSSStyle?.remove();
 		this.unsafeCSSStyle?.remove();
 		this.bufferAfter = void 0;
 		this.bufferBefore = void 0;
@@ -304,9 +322,13 @@ var File = class {
 		this.gutterUtilityContent = void 0;
 		this.headerPrefix = void 0;
 		this.headerMetadata = void 0;
+		this.headerCustom = void 0;
 		this.pre = void 0;
 		this.spriteSVG = void 0;
+		this.themeCSSStyle = void 0;
+		this.appliedThemeCSS = void 0;
 		this.unsafeCSSStyle = void 0;
+		this.appliedUnsafeCSS = void 0;
 		this.lastRenderedHeaderHTML = void 0;
 		this.lastRowCount = void 0;
 	}
@@ -360,20 +382,37 @@ var File = class {
 		this.gutterUtilityContent = gutterUtilityContent;
 	}
 	injectUnsafeCSS() {
-		if (this.fileContainer?.shadowRoot == null) return;
 		const { unsafeCSS } = this.options;
+		const shadowRoot = this.fileContainer?.shadowRoot;
+		if (shadowRoot == null) return;
 		if (unsafeCSS == null || unsafeCSS === "") {
 			if (this.unsafeCSSStyle != null) {
 				this.unsafeCSSStyle.remove();
 				this.unsafeCSSStyle = void 0;
 			}
+			this.appliedUnsafeCSS = void 0;
 			return;
 		}
-		if (this.unsafeCSSStyle == null) {
-			this.unsafeCSSStyle = createUnsafeCSSStyleNode();
-			this.fileContainer.shadowRoot.appendChild(this.unsafeCSSStyle);
-		}
-		this.unsafeCSSStyle.innerText = wrapUnsafeCSS(unsafeCSS);
+		if (this.unsafeCSSStyle?.parentNode === shadowRoot && this.appliedUnsafeCSS === unsafeCSS) return;
+		this.unsafeCSSStyle ??= createUnsafeCSSStyleNode();
+		if (this.unsafeCSSStyle.parentNode !== shadowRoot) shadowRoot.appendChild(this.unsafeCSSStyle);
+		this.unsafeCSSStyle.textContent = wrapUnsafeCSS(unsafeCSS);
+		this.appliedUnsafeCSS = unsafeCSS;
+	}
+	applyThemeState(container, themeStyles, themeType, baseThemeType) {
+		const shadowRoot = container.shadowRoot ?? container.attachShadow({ mode: "open" });
+		const effectiveThemeType = baseThemeType ?? themeType;
+		if (this.themeCSSStyle?.parentNode === shadowRoot && this.appliedThemeCSS?.themeStyles === themeStyles && this.appliedThemeCSS.themeType === effectiveThemeType) return;
+		this.themeCSSStyle = upsertHostThemeStyle({
+			shadowRoot,
+			currentNode: this.themeCSSStyle,
+			themeCSS: wrapThemeCSS(themeStyles, effectiveThemeType)
+		});
+		this.appliedThemeCSS = this.themeCSSStyle != null ? {
+			themeStyles,
+			themeType: effectiveThemeType,
+			baseThemeType
+		} : void 0;
 	}
 	applyFullRender(result, pre) {
 		this.cleanupErrorWrapper();
@@ -531,25 +570,50 @@ var File = class {
 			this.lastRenderedHeaderHTML = headerHTML;
 		}
 		if (this.isContainerManaged) return;
-		const { renderHeaderPrefix, renderCustomMetadata } = this.options;
-		if (this.headerPrefix != null) this.headerPrefix.remove();
-		if (this.headerMetadata != null) this.headerMetadata.remove();
-		const prefix = renderHeaderPrefix?.(file) ?? void 0;
-		const content = renderCustomMetadata?.(file) ?? void 0;
-		if (prefix != null) {
-			this.headerPrefix = document.createElement("div");
-			this.headerPrefix.slot = HEADER_PREFIX_SLOT_ID;
-			if (prefix instanceof Element) this.headerPrefix.appendChild(prefix);
-			else this.headerPrefix.innerText = `${prefix}`;
-			container.appendChild(this.headerPrefix);
+		const { renderHeaderPrefix, renderCustomHeader, renderCustomMetadata } = this.options;
+		if (renderCustomHeader != null) {
+			const content = renderCustomHeader(file) ?? void 0;
+			this.headerCustom = this.upsertHeaderSlotElement(container, this.headerCustom, CUSTOM_HEADER_SLOT_ID, content);
+			this.headerPrefix?.remove();
+			this.headerMetadata?.remove();
+			this.headerPrefix = void 0;
+			this.headerMetadata = void 0;
+		} else {
+			const prefix = renderHeaderPrefix?.(file) ?? void 0;
+			const content = renderCustomMetadata?.(file) ?? void 0;
+			this.headerPrefix = this.upsertHeaderSlotElement(container, this.headerPrefix, HEADER_PREFIX_SLOT_ID, prefix);
+			this.headerMetadata = this.upsertHeaderSlotElement(container, this.headerMetadata, HEADER_METADATA_SLOT_ID, content);
+			this.headerCustom?.remove();
+			this.headerCustom = void 0;
 		}
-		if (content != null) {
-			this.headerMetadata = document.createElement("div");
-			this.headerMetadata.slot = HEADER_METADATA_SLOT_ID;
-			if (content instanceof Element) this.headerMetadata.appendChild(content);
-			else this.headerMetadata.innerText = `${content}`;
-			container.appendChild(this.headerMetadata);
+	}
+	clearHeaderSlots() {
+		this.headerPrefix?.remove();
+		this.headerMetadata?.remove();
+		this.headerCustom?.remove();
+		this.headerPrefix = void 0;
+		this.headerMetadata = void 0;
+		this.headerCustom = void 0;
+	}
+	upsertHeaderSlotElement(container, current, slot, content) {
+		if (content == null) {
+			current?.remove();
+			return;
 		}
+		const element = current ?? this.createHeaderSlotElement(slot);
+		if (current == null) container.appendChild(element);
+		this.replaceHeaderSlotContent(element, content);
+		return element;
+	}
+	replaceHeaderSlotContent(element, content) {
+		element.replaceChildren();
+		if (content instanceof Element) element.appendChild(content);
+		else element.innerText = `${content}`;
+	}
+	createHeaderSlotElement(slot) {
+		const element = document.createElement("div");
+		element.slot = slot;
+		return element;
 	}
 	getOrCreateFileContainerNode(fileContainer, parentNode) {
 		const previousContainer = this.fileContainer;
@@ -585,15 +649,23 @@ var File = class {
 		this.placeHolder = void 0;
 		return this.pre;
 	}
-	applyPreNodeAttributes(pre, { totalLines, themeStyles, baseThemeType }) {
-		const { overflow = "scroll", themeType = "system", disableLineNumbers = false } = this.options;
+	syncCodeNodeFromPre(pre) {
+		this.code = void 0;
+		for (const child of Array.from(pre.children)) {
+			if (!(child instanceof HTMLElement)) continue;
+			if (child.hasAttribute("data-code")) {
+				this.code = child;
+				return;
+			}
+		}
+	}
+	applyPreNodeAttributes(pre, { totalLines }) {
+		const { overflow = "scroll", disableLineNumbers = false } = this.options;
 		const preProperties = {
 			type: "file",
 			split: false,
-			themeStyles,
 			overflow,
 			disableLineNumbers,
-			themeType: baseThemeType ?? themeType,
 			diffIndicators: "none",
 			disableBackground: true,
 			totalLines