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

package/dist/components/File.d.ts

@@ -1,7 +1,6 @@
 import { AppliedThemeStyleCache, BaseCodeOptions, DiffsEditableComponent, DiffsEditor, DiffsTextDocument, FileContents, HighlightedToken, LineAnnotation, PostRenderPhase, PrePropertiesConfig, RenderFileMetadata, RenderRange, SelectedLineRange, ThemeTypes } from "../types.js";
 import { GetHoveredLineResult, InteractionManager, InteractionManagerBaseOptions, SelectionWriteOptions } from "../managers/InteractionManager.js";
 import { WorkerPoolManager } from "../worker/WorkerPoolManager.js";
-import "../worker/index.js";
 import { ResizeManager } from "../managers/ResizeManager.js";
 import { FileRenderer } from "../renderers/FileRenderer.js";
 
@@ -23,6 +22,7 @@ interface FileHydrateProps<LAnnotation> extends Omit<FileRenderProps<LAnnotation
 interface FileOptions<LAnnotation> extends BaseCodeOptions, InteractionManagerBaseOptions<'file'> {
   disableFileHeader?: boolean;
   renderHeaderPrefix?: RenderFileMetadata;
+  renderHeaderFilenameSuffix?: RenderFileMetadata;
   renderHeaderMetadata?: RenderFileMetadata;
   renderCustomHeader?: RenderFileMetadata;
   /**
@@ -72,6 +72,7 @@ declare class File<LAnnotation = undefined> implements DiffsEditableComponent<LA
   protected headerElement: HTMLElement | undefined;
   protected headerCustom: HTMLElement | undefined;
   protected headerPrefix: HTMLElement | undefined;
+  protected headerFilenameSuffix: HTMLElement | undefined;
   protected headerMetadata: HTMLElement | undefined;
   protected fileRenderer: FileRenderer<LAnnotation>;
   protected resizeManager: ResizeManager;
@@ -86,6 +87,7 @@ declare class File<LAnnotation = undefined> implements DiffsEditableComponent<LA
   constructor(options?: FileOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);
   private handleHighlightRender;
   rerender(): void;
+  __getCurrentFile(): FileContents | undefined;
   onThemeChange(): void;
   setOptions(options: FileOptions<LAnnotation> | undefined): void;
   protected syncInteractionOptions(): void;
@@ -93,12 +95,11 @@ declare class File<LAnnotation = undefined> implements DiffsEditableComponent<LA
   setThemeType(themeType: ThemeTypes): void;
   private applyCachedThemeState;
   private hasThemeChanged;
-  getHoveredLine: () => {
-    lineNumber: number;
-  } | undefined;
+  getHoveredLine: () => GetHoveredLineResult<'file'> | undefined;
   setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void;
   setSelectedLines(range: SelectedLineRange | null, options?: SelectionWriteOptions): void;
   flushManagers(): void;
+  protected shouldApplyColumnVariables(overflow: 'scroll' | 'wrap'): boolean;
   cleanUp(recycle?: boolean): void;
   virtualizedSetup(): void;
   hydrate(props: FileHydrateProps<LAnnotation>): void;
@@ -109,10 +110,12 @@ declare class File<LAnnotation = undefined> implements DiffsEditableComponent<LA
   }: HydrationSetup<LAnnotation>): void;
   getOrCreateLineCache(file?: FileContents | undefined): string[];
   protected updateBuffers(renderRange: RenderRange): void;
+  private syncRenderViewToEditor;
   attachEditor(editor: DiffsEditor<LAnnotation>): () => void;
-  applyLineChange(dirtyLines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light'): void;
-  applyLayoutChange(textDocument: DiffsTextDocument, newLineAnnotations?: LineAnnotation<LAnnotation>[]): void;
-  render({
+  applyDocumentChange(textDocument: DiffsTextDocument, newLineAnnotations?: LineAnnotation<LAnnotation>[]): void;
+  updateRenderCache(dirtyLines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light'): void;
+  render(props: FileRenderProps<LAnnotation>): boolean;
+  protected renderPreparedFile({
     file,
     fileContainer,
     forceRender,

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

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","names":["GetHoveredLineResult","InteractionManager","InteractionManagerBaseOptions","SelectionWriteOptions","ResizeManager","FileRenderer","AppliedThemeStyleCache","BaseCodeOptions","DiffsEditableComponent","DiffsEditor","DiffsTextDocument","FileContents","HighlightedToken","LineAnnotation","PostRenderPhase","PrePropertiesConfig","RenderFileMetadata","RenderRange","SelectedLineRange","ThemeTypes","WorkerPoolManager","FileRenderProps","LAnnotation","HTMLElement","FileHydrateProps","Omit","FileOptions","File","AnnotationElementCache","HydrationSetup","SVGElement","HTMLPreElement","HTMLStyleElement","Map","file","lineAnnotations","Array","fileContainer","forceRender","preventEmit","containerWrapper","deferManagers","renderRange"],"sources":["../../src/components/File.d.ts"],"sourcesContent":["import { type GetHoveredLineResult, InteractionManager, type InteractionManagerBaseOptions, type SelectionWriteOptions } from '../managers/InteractionManager';\nimport { ResizeManager } from '../managers/ResizeManager';\nimport { FileRenderer } from '../renderers/FileRenderer';\nimport type { AppliedThemeStyleCache, BaseCodeOptions, DiffsEditableComponent, DiffsEditor, DiffsTextDocument, FileContents, HighlightedToken, LineAnnotation, PostRenderPhase, PrePropertiesConfig, RenderFileMetadata, RenderRange, SelectedLineRange, ThemeTypes } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nexport interface FileRenderProps<LAnnotation> {\n    file: FileContents;\n    fileContainer?: HTMLElement;\n    containerWrapper?: HTMLElement;\n    deferManagers?: boolean;\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    renderHeaderPrefix?: RenderFileMetadata;\n    renderHeaderMetadata?: 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    onPostRender?(node: HTMLElement, instance: File<LAnnotation>, phase: PostRenderPhase): 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> implements DiffsEditableComponent<LAnnotation> {\n    options: FileOptions<LAnnotation>;\n    private workerManager?;\n    private isContainerManaged;\n    static LoadedCustomComponent: boolean;\n    readonly __id: string;\n    readonly type = \"file\";\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 hasAdoptedThemeCSS: boolean;\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 cachedHeaderHTML: string | undefined;\n    protected appliedPreAttributes: PrePropertiesConfig | undefined;\n    protected lastRowCount: number | undefined;\n    private mounted;\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 managersDirty: boolean;\n    file: FileContents | undefined;\n    protected renderRange: RenderRange | undefined;\n    protected enabled: boolean;\n    protected editor: DiffsEditor<LAnnotation> | undefined;\n    constructor(options?: FileOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);\n    private handleHighlightRender;\n    rerender(): void;\n    onThemeChange(): void;\n    setOptions(options: FileOptions<LAnnotation> | undefined): void;\n    protected syncInteractionOptions(): void;\n    private mergeOptions;\n    setThemeType(themeType: ThemeTypes): void;\n    private applyCachedThemeState;\n    private hasThemeChanged;\n    getHoveredLine: () => {\n        lineNumber: number;\n    } | undefined;\n    setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void;\n    setSelectedLines(range: SelectedLineRange | null, options?: SelectionWriteOptions): void;\n    flushManagers(): void;\n    cleanUp(recycle?: boolean): void;\n    virtualizedSetup(): 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    protected updateBuffers(renderRange: RenderRange): void;\n    attachEditor(editor: DiffsEditor<LAnnotation>): () => void;\n    applyLineChange(dirtyLines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light'): void;\n    applyLayoutChange(textDocument: DiffsTextDocument, newLineAnnotations?: LineAnnotation<LAnnotation>[]): void;\n    render({ file, fileContainer, forceRender, preventEmit, containerWrapper, deferManagers, lineAnnotations, renderRange }: FileRenderProps<LAnnotation>): boolean;\n    private emitPostRender;\n    private removeRenderedCode;\n    private clearAuxiliaryNodes;\n    private canPartiallyRender;\n    renderPlaceholder(height: number): boolean;\n    primeHighlightCache(): void;\n    private cleanChildNodes;\n    private renderAnnotations;\n    private renderGutterUtility;\n    private injectUnsafeCSS;\n    private applyThemeState;\n    private hydrateMeasuredScrollbar;\n    private applyFullRender;\n    private applyPartialRender;\n    private getColumns;\n    private trimDOMToOverlap;\n    private getDOMBoundaryIndices;\n    private getLineIndexFromDOMNode;\n    private applyBuffers;\n    protected shouldDisableVirtualizationBuffers(): boolean;\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 adoptReusableShellElements;\n    private ensureSpriteSVG;\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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"}
+{"version":3,"file":"File.d.ts","names":[],"sources":["../../src/components/File.ts"],"mappings":"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"}

package/dist/components/File.js

@@ -1,4 +1,4 @@
-import { CUSTOM_HEADER_SLOT_ID, DEFAULT_THEMES, DEFAULT_TOKENIZE_MAX_LENGTH, DIFFS_TAG_NAME, EMPTY_RENDER_RANGE, HEADER_METADATA_SLOT_ID, HEADER_PREFIX_SLOT_ID, THEME_CSS_ATTRIBUTE, UNSAFE_CSS_ATTRIBUTE } from "../constants.js";
+import { CUSTOM_HEADER_SLOT_ID, DEFAULT_THEMES, EMPTY_RENDER_RANGE, HEADER_FILENAME_SUFFIX_SLOT_ID, HEADER_METADATA_SLOT_ID, HEADER_PREFIX_SLOT_ID } from "../constants.js";
 import { areThemesEqual } from "../utils/areThemesEqual.js";
 import { isStyleNode } from "../utils/isStyleNode.js";
 import { areFilesEqual } from "../utils/areFilesEqual.js";
@@ -21,14 +21,16 @@ 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";
+import "./web-components.js";
 import { toHtml } from "hast-util-to-html";
-
 //#region src/components/File.ts
 const EMPTY_STRINGS = [""];
 let instanceId = -1;
 var File = class {
-	static LoadedCustomComponent = DiffsContainerLoaded;
+	options;
+	workerManager;
+	isContainerManaged;
+	static LoadedCustomComponent = true;
 	__id = `file:${++instanceId}`;
 	type = "file";
 	fileContainer;
@@ -53,6 +55,7 @@ var File = class {
 	headerElement;
 	headerCustom;
 	headerPrefix;
+	headerFilenameSuffix;
 	headerMetadata;
 	fileRenderer;
 	resizeManager;
@@ -84,6 +87,9 @@ var File = class {
 			renderRange: this.renderRange
 		});
 	}
+	__getCurrentFile() {
+		return this.file;
+	}
 	onThemeChange() {
 		this.fileRenderer.clearRenderCache();
 		this.rerender();
@@ -134,9 +140,15 @@ var File = class {
 		}
 		const { overflow = "scroll" } = this.options;
 		this.interactionManager.setup(this.pre);
-		this.resizeManager.setup(this.pre, overflow === "wrap");
+		this.resizeManager.setup(this.pre, {
+			disableAnnotations: overflow === "wrap",
+			columnVariables: this.shouldApplyColumnVariables(overflow) ? "apply" : "measure"
+		});
 		this.managersDirty = false;
 	}
+	shouldApplyColumnVariables(overflow) {
+		return overflow === "scroll" && this.lineAnnotations.length > 0;
+	}
 	cleanUp(recycle = false) {
 		this.emitPostRender(true);
 		this.resizeManager.cleanUp();
@@ -147,25 +159,30 @@ var File = class {
 		if (!this.isContainerManaged) this.fileContainer?.remove();
 		this.fileContainer = void 0;
 		this.mounted = false;
-		this.lineAnnotations = [];
-		this.annotationCache.clear();
+		if (!recycle) this.lineAnnotations = [];
+		this.clearAuxiliaryNodes();
 		this.pre = void 0;
+		this.bufferBefore?.remove();
 		this.bufferBefore = void 0;
+		this.bufferAfter?.remove();
 		this.bufferAfter = void 0;
 		this.appliedPreAttributes = void 0;
 		this.lastRowCount = void 0;
 		this.headerElement = void 0;
 		this.headerPrefix = void 0;
+		this.headerFilenameSuffix = void 0;
 		this.headerMetadata = void 0;
 		this.headerCustom = void 0;
 		this.lastRenderedHeaderHTML = void 0;
 		if (!recycle) this.cachedHeaderHTML = void 0;
+		this.errorWrapper?.remove();
 		this.errorWrapper = void 0;
 		this.themeCSSStyle = void 0;
 		this.appliedThemeCSS = void 0;
 		this.hasAdoptedThemeCSS = false;
 		this.unsafeCSSStyle = void 0;
 		this.appliedUnsafeCSS = void 0;
+		this.placeHolder?.remove();
 		this.placeHolder = void 0;
 		this.unsafeCSSStyle = void 0;
 		if (recycle) this.fileRenderer.recycle();
@@ -175,7 +192,7 @@ var File = class {
 			this.file = void 0;
 		}
 		this.enabled = false;
-		this.editor?.cleanUp();
+		this.editor?.cleanUp(recycle);
 		this.editor = void 0;
 	}
 	virtualizedSetup() {
@@ -184,6 +201,8 @@ var File = class {
 	}
 	hydrate(props) {
 		const { fileContainer, prerenderedHTML, preventEmit = false, file, lineAnnotations } = props;
+		if (!this.enabled) throw new Error("File.hydrate: attempting to call hydrate after cleaned up");
+		if (this.fileContainer != null) throw new Error("File.hydrate: hydrate can only be called before the instance has rendered or hydrated");
 		this.hydrateElements(fileContainer, prerenderedHTML);
 		if (shouldRenderCode(this.pre, file, this.options.collapsed) || shouldRenderHeader(this.headerElement, file, this.options.disableFileHeader)) this.render({
 			...props,
@@ -209,11 +228,11 @@ var File = class {
 				this.appliedPreAttributes = void 0;
 				continue;
 			}
-			if (element instanceof HTMLStyleElement && element.hasAttribute(THEME_CSS_ATTRIBUTE)) {
+			if (element instanceof HTMLStyleElement && element.hasAttribute("data-theme-css")) {
 				this.themeCSSStyle = element;
 				continue;
 			}
-			if (element instanceof HTMLStyleElement && element.hasAttribute(UNSAFE_CSS_ATTRIBUTE)) {
+			if (element instanceof HTMLStyleElement && element.hasAttribute("data-unsafe-css")) {
 				this.unsafeCSSStyle = element;
 				this.appliedUnsafeCSS = element.textContent;
 				continue;
@@ -250,38 +269,61 @@ var File = class {
 	updateBuffers(renderRange) {
 		if (this.pre != null) this.applyBuffers(this.pre, renderRange);
 	}
-	attachEditor(editor) {
-		this.editor?.cleanUp();
+	syncRenderViewToEditor() {
+		const editor = this.editor;
 		const fileContainer = this.fileContainer;
 		const file = this.file;
-		if (fileContainer != null && file != null) this.fileRenderer.initializeHighlighter().then((highlighter) => {
-			editor.syncWithRender(highlighter, fileContainer, file, this.lineAnnotations, this.renderRange);
+		const lineAnnotations = this.lineAnnotations;
+		const renderRange = this.renderRange;
+		if (editor != null && fileContainer != null && file != null) this.fileRenderer.initializeHighlighter().then((highlighter) => {
+			if (!this.enabled || this.editor !== editor || this.fileContainer !== fileContainer || this.file !== file) return;
+			editor.__syncRenderView(highlighter, fileContainer, file, lineAnnotations, renderRange);
 		});
+	}
+	attachEditor(editor) {
+		this.editor?.cleanUp();
 		this.editor = editor;
+		this.interactionManager.setEditorAttached(true);
+		const preparedFile = this.file == null ? void 0 : editor.__prepareFile?.(this.file);
+		if (preparedFile !== void 0 && preparedFile !== this.file) this.renderPreparedFile({
+			file: preparedFile,
+			forceRender: true,
+			preventEmit: true,
+			renderRange: this.renderRange
+		});
+		else this.syncRenderViewToEditor();
 		return () => {
 			this.editor = void 0;
+			this.interactionManager.setEditorAttached(false);
 		};
 	}
-	applyLineChange(dirtyLines, themeType) {
-		this.fileRenderer.applyDirtyLines(dirtyLines, themeType);
-	}
-	applyLayoutChange(textDocument, newLineAnnotations) {
-		this.fileRenderer.applyLayoutChange(textDocument, newLineAnnotations);
-		if (newLineAnnotations != null && newLineAnnotations !== this.lineAnnotations) {
-			this.annotationCache.forEach(({ element }) => element.remove());
-			this.annotationCache.clear();
-			this.lineAnnotations = newLineAnnotations;
-			this.rerender();
+	applyDocumentChange(textDocument, newLineAnnotations) {
+		this.fileRenderer.applyDocumentChange(textDocument);
+		if (newLineAnnotations != null && newLineAnnotations !== this.lineAnnotations && this.file != null) {
+			this.setLineAnnotations(newLineAnnotations);
+			this.fileRenderer.setLineAnnotations(this.lineAnnotations);
+			this.renderAnnotations();
 		}
 	}
-	render({ file, fileContainer, forceRender = false, preventEmit = false, containerWrapper, deferManagers = false, lineAnnotations, renderRange }) {
-		const { collapsed = false, themeType = "system" } = this.options;
+	updateRenderCache(dirtyLines, themeType) {
+		this.fileRenderer.updateRenderCache(dirtyLines, themeType);
+	}
+	render(props) {
 		if (!this.enabled) throw new Error("File.render: attempting to call render after cleaned up");
+		const file = this.editor?.__prepareFile?.(props.file) ?? props.file;
+		return this.renderPreparedFile(file === props.file ? props : {
+			...props,
+			file
+		});
+	}
+	renderPreparedFile({ file, fileContainer, forceRender = false, preventEmit = false, containerWrapper, deferManagers = false, lineAnnotations, renderRange }) {
+		this.editor?.__postponeBgTokenizeToNextFrame();
+		const { collapsed = false, themeType = "system" } = this.options;
 		const nextRenderRange = collapsed ? void 0 : renderRange;
 		const previousRenderRange = this.renderRange;
 		const themeChanged = this.hasThemeChanged();
 		const annotationsChanged = lineAnnotations != null && (lineAnnotations.length > 0 || this.lineAnnotations.length > 0) ? lineAnnotations !== this.lineAnnotations : false;
-		const didFileChange = !areFilesEqual(this.file, file);
+		const didFileChange = !areFilesEqual(this.file, file) || this.fileRenderer.hasUnkeyedFileContentsChanged(file);
 		if (!collapsed && !forceRender && areRenderRangesEqual(nextRenderRange, this.renderRange) && !didFileChange && !annotationsChanged && !themeChanged) return this.applyCachedThemeState(themeType);
 		this.renderRange = nextRenderRange;
 		if (didFileChange) this.cachedHeaderHTML = void 0;
@@ -335,10 +377,7 @@ var File = class {
 			if (!deferManagers) this.flushManagers();
 			this.renderAnnotations();
 			this.renderGutterUtility();
-			const editor = this.editor;
-			if (editor != null) this.fileRenderer.initializeHighlighter().then((highlighter) => {
-				editor.syncWithRender(highlighter, fileContainer, file, this.lineAnnotations, this.renderRange);
-			});
+			if (this.editor != null) this.syncRenderViewToEditor();
 		} catch (error) {
 			if (disableErrorHandling) throw error;
 			console.error(error);
@@ -401,8 +440,8 @@ var File = class {
 	primeHighlightCache() {
 		const { file, workerManager } = this;
 		if (file == null || file.cacheKey == null || workerManager == null || isFilePlainText(file)) return;
-		if (this.fileRenderer.getOrCreateLineCache(file).length > (this.options.tokenizeMaxLength ?? DEFAULT_TOKENIZE_MAX_LENGTH)) return;
-		workerManager.primeFileHighlightCache(file);
+		if (this.fileRenderer.getOrCreateLineCache(file).length > (this.options.tokenizeMaxLength ?? 1e5)) return;
+		workerManager.primeFileHighlightCache(file).catch(() => void 0);
 	}
 	cleanChildNodes() {
 		this.resizeManager.cleanUp();
@@ -414,6 +453,7 @@ var File = class {
 		this.headerElement?.remove();
 		this.gutterUtilityContent?.remove();
 		this.headerPrefix?.remove();
+		this.headerFilenameSuffix?.remove();
 		this.headerMetadata?.remove();
 		this.headerCustom?.remove();
 		this.pre?.remove();
@@ -427,6 +467,7 @@ var File = class {
 		this.headerElement = void 0;
 		this.gutterUtilityContent = void 0;
 		this.headerPrefix = void 0;
+		this.headerFilenameSuffix = void 0;
 		this.headerMetadata = void 0;
 		this.headerCustom = void 0;
 		this.pre = void 0;
@@ -550,8 +591,15 @@ var File = class {
 		this.cleanupErrorWrapper();
 		this.applyPreNodeAttributes(pre, result);
 		this.code = getOrCreateCodeNode({ code: this.code });
-		this.code.innerHTML = this.fileRenderer.renderPartialHTML(this.fileRenderer.renderCodeAST(result));
-		pre.replaceChildren(this.code);
+		const codeAst = this.fileRenderer.renderCodeAST(result);
+		if (this.code.childElementCount >= 2) for (let i = 0; i < 2; i++) {
+			const domEl = this.code.children[i];
+			const astEl = codeAst[i];
+			domEl.innerHTML = toHtml(astEl.children);
+			domEl.style.cssText = astEl.properties.style;
+		}
+		else this.code.innerHTML = toHtml(codeAst);
+		if (!pre.contains(this.code)) pre.replaceChildren(this.code);
 		this.lastRowCount = result.rowCount;
 	}
 	applyPartialRender(previousRenderRange, renderRange) {
@@ -625,6 +673,11 @@ var File = class {
 		let boundaryIndex = 0;
 		let nextBoundary = sortedBoundaries[boundaryIndex];
 		const { children } = container;
+		if (nextBoundary === 0) {
+			boundaryIndices.set(0, 0);
+			boundaryIndex += 1;
+			nextBoundary = sortedBoundaries[boundaryIndex];
+		}
 		for (let i = 0; i < children.length; i += 1) {
 			const child = children[i];
 			if (!(child instanceof HTMLElement)) continue;
@@ -705,18 +758,22 @@ var File = class {
 			this.lastRenderedHeaderHTML = headerHTML;
 		}
 		if (this.isContainerManaged) return;
-		const { renderHeaderPrefix, renderCustomHeader, renderHeaderMetadata } = this.options;
+		const { renderHeaderPrefix, renderHeaderFilenameSuffix, renderCustomHeader, renderHeaderMetadata } = 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.headerFilenameSuffix?.remove();
 			this.headerMetadata?.remove();
 			this.headerPrefix = void 0;
+			this.headerFilenameSuffix = void 0;
 			this.headerMetadata = void 0;
 		} else {
 			const prefix = renderHeaderPrefix?.(file) ?? void 0;
+			const suffix = renderHeaderFilenameSuffix?.(file) ?? void 0;
 			const content = renderHeaderMetadata?.(file) ?? void 0;
 			this.headerPrefix = this.upsertHeaderSlotElement(container, this.headerPrefix, HEADER_PREFIX_SLOT_ID, prefix);
+			this.headerFilenameSuffix = this.upsertHeaderSlotElement(container, this.headerFilenameSuffix, HEADER_FILENAME_SUFFIX_SLOT_ID, suffix);
 			this.headerMetadata = this.upsertHeaderSlotElement(container, this.headerMetadata, HEADER_METADATA_SLOT_ID, content);
 			this.headerCustom?.remove();
 			this.headerCustom = void 0;
@@ -724,9 +781,11 @@ var File = class {
 	}
 	clearHeaderSlots() {
 		this.headerPrefix?.remove();
+		this.headerFilenameSuffix?.remove();
 		this.headerMetadata?.remove();
 		this.headerCustom?.remove();
 		this.headerPrefix = void 0;
+		this.headerFilenameSuffix = void 0;
 		this.headerMetadata = void 0;
 		this.headerCustom = void 0;
 	}
@@ -752,7 +811,7 @@ var File = class {
 	}
 	getOrCreateFileContainerNode(fileContainer, parentNode) {
 		const { fileContainer: previousContainer } = this;
-		const nextContainer = fileContainer ?? previousContainer ?? document.createElement(DIFFS_TAG_NAME);
+		const nextContainer = fileContainer ?? previousContainer ?? document.createElement("diffs-container");
 		const containerChanged = previousContainer !== nextContainer;
 		if (containerChanged) this.emitPostRender(true);
 		this.fileContainer = nextContainer;
@@ -769,10 +828,10 @@ var File = class {
 		const { shadowRoot } = fileContainer;
 		if (shadowRoot == null) return;
 		for (const element of shadowRoot.children) if (element instanceof SVGElement) this.spriteSVG ??= element;
-		else if (isStyleNode(element) && element.hasAttribute(THEME_CSS_ATTRIBUTE)) {
+		else if (isStyleNode(element) && element.hasAttribute("data-theme-css")) {
 			this.themeCSSStyle ??= element;
 			this.hasAdoptedThemeCSS = true;
-		} else if (isStyleNode(element) && element.hasAttribute(UNSAFE_CSS_ATTRIBUTE)) {
+		} else if (isStyleNode(element) && element.hasAttribute("data-unsafe-css")) {
 			this.unsafeCSSStyle ??= element;
 			this.appliedUnsafeCSS ??= this.options.unsafeCSS ?? void 0;
 		}
@@ -857,7 +916,7 @@ function shouldRenderCode(pre, file, collapsed = false) {
 function shouldRenderHeader(headerElement, file, disableFileHeader = false) {
 	return headerElement == null && file != null && !disableFileHeader;
 }
-
 //#endregion
 export { File };
+
 //# sourceMappingURL=File.js.map