From ef441d5cffb279727d9dfa17693f0effe30c22f2 Mon Sep 17 00:00:00 2001 From: Adam <2363879+adamdotdevin@users.noreply.github.com> Date: Tue, 25 Nov 2025 19:59:37 -0600 Subject: chore: cleanup pierre stuff --- packages/ui/src/components/pierre.ts | 44 ++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 packages/ui/src/components/pierre.ts (limited to 'packages/ui/src/components/pierre.ts') diff --git a/packages/ui/src/components/pierre.ts b/packages/ui/src/components/pierre.ts new file mode 100644 index 000000000..fc49a11d1 --- /dev/null +++ b/packages/ui/src/components/pierre.ts @@ -0,0 +1,44 @@ +import { FileDiffOptions } from "@pierre/precision-diffs" + +export function createDefaultOptions(style: FileDiffOptions["diffStyle"]) { + return { + theme: "OpenCode", + themeType: "system", + disableLineNumbers: false, + overflow: "wrap", + diffStyle: style, + diffIndicators: "bars", + disableBackground: false, + expansionLineCount: 20, + lineDiffType: style === "split" ? "word-alt" : "none", + maxLineDiffLength: 1000, + maxLineLengthForHighlighting: 1000, + disableFileHeader: true, + // hunkSeparators(hunkData: HunkData) { + // const fragment = document.createDocumentFragment() + // const numCol = document.createElement("div") + // numCol.innerHTML = ` ` + // numCol.dataset["slot"] = "diff-hunk-separator-line-number" + // fragment.appendChild(numCol) + // const contentCol = document.createElement("div") + // contentCol.dataset["slot"] = "diff-hunk-separator-content" + // const span = document.createElement("span") + // span.dataset["slot"] = "diff-hunk-separator-content-span" + // span.textContent = `${hunkData.lines} unmodified lines` + // contentCol.appendChild(span) + // fragment.appendChild(contentCol) + // return fragment + // }, + } as const +} + +export const styleVariables = { + "--pjs-font-family": "var(--font-family-mono)", + "--pjs-font-size": "var(--font-size-small)", + "--pjs-line-height": "24px", + "--pjs-tab-size": 2, + "--pjs-font-features": "var(--font-family-mono--font-feature-settings)", + "--pjs-header-font-family": "var(--font-family-sans)", + "--pjs-gap-block": 0, + "--pjs-min-number-column-width": "4ch", +} -- cgit v1.2.3