@rightkit/document-core 0.1.1 → 0.2.0

package/dist/documents/txt/cmScroll.d.ts

@@ -1,11 +0,0 @@
-import type { EditorView } from "@codemirror/view";
-/**
- * Scroll a document position to vertical center, reliably.
- *
- * CodeMirror's own scroll (`EditorView.scrollIntoView` effect AND the `scrollIntoView` transaction
- * flag) does not move the editor in this app — find/inspect set the selection but the view stays put.
- * This drives `scrollDOM.scrollTop` directly, which always works. The wrinkle is that line heights for
- * not-yet-rendered lines are ESTIMATED, so the first scroll only lands approximately; once the target
- * region renders with real heights we recompute and correct, converging within a few measure passes.
- */
-export declare function scrollPosIntoView(view: EditorView, pos: number): void;

package/dist/documents/txt/cmScroll.js

@@ -1,52 +0,0 @@
-const scrollRevision = new WeakMap();
-const MAX_SCROLL_MEASURES = 8;
-/**
- * Scroll a document position to vertical center, reliably.
- *
- * CodeMirror's own scroll (`EditorView.scrollIntoView` effect AND the `scrollIntoView` transaction
- * flag) does not move the editor in this app — find/inspect set the selection but the view stays put.
- * This drives `scrollDOM.scrollTop` directly, which always works. The wrinkle is that line heights for
- * not-yet-rendered lines are ESTIMATED, so the first scroll only lands approximately; once the target
- * region renders with real heights we recompute and correct, converging within a few measure passes.
- */
-export function scrollPosIntoView(view, pos) {
-    const target = Math.max(0, Math.min(pos, view.state.doc.length));
-    const revision = (scrollRevision.get(view) ?? 0) + 1;
-    scrollRevision.set(view, revision);
-    let measures = 0;
-    let stablePaints = 0;
-    const isCurrent = () => view.dom.isConnected && scrollRevision.get(view) === revision;
-    const schedule = () => {
-        if (!isCurrent() || measures >= MAX_SCROLL_MEASURES)
-            return;
-        measures += 1;
-        view.requestMeasure({
-            read: () => {
-                if (!isCurrent())
-                    return null;
-                const sc = view.scrollDOM;
-                const block = view.lineBlockAt(target);
-                const margin = Math.max(0, (sc.clientHeight - block.height) / 2);
-                return Math.max(0, Math.min(block.top - margin, sc.scrollHeight - sc.clientHeight));
-            },
-            write: (want) => {
-                if (want === null || !isCurrent())
-                    return;
-                const sc = view.scrollDOM;
-                if (Math.abs(sc.scrollTop - want) > 2) {
-                    sc.scrollTop = want;
-                    stablePaints = 0;
-                }
-                else {
-                    stablePaints += 1;
-                }
-                // CodeMirror replaces offscreen line-height estimates only after the newly reached viewport
-                // paints. Immediate requestMeasure recursion sees the same estimate and stops too early,
-                // leaving long wrapped-source matches outside the drawer. Wait for paint, then converge.
-                if (stablePaints < 2 && measures < MAX_SCROLL_MEASURES)
-                    requestAnimationFrame(schedule);
-            },
-        });
-    };
-    schedule();
-}

package/dist/documents/useMirroredEditText.d.ts

@@ -1,15 +0,0 @@
-import { type Dispatch, type SetStateAction } from "react";
-/**
- * Mirror an externally-owned text value into local editable state.
- *
- * `liveText` is the document's live unsaved edit (useEditText); `text` is the
- * base prop text. The mirror follows `liveText` whenever a live edit exists,
- * and follows `text` only when the prop changes while no live edit exists —
- * so a live local edit is never clobbered by a stale prop.
- *
- * When `sink` is supplied the mirrored value is routed to it instead of local
- * state (MarkdownSplitPane uses this to push external text into the document
- * core's `replaceFromExternal` while the core owns the rendered source).
- * Returns the mirrored text plus its setter for local edits.
- */
-export declare function useMirroredEditText(liveText: string | undefined, text: string, sink?: (next: string) => void): [string, Dispatch<SetStateAction<string>>];

package/dist/documents/useMirroredEditText.js

@@ -1,29 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-/**
- * Mirror an externally-owned text value into local editable state.
- *
- * `liveText` is the document's live unsaved edit (useEditText); `text` is the
- * base prop text. The mirror follows `liveText` whenever a live edit exists,
- * and follows `text` only when the prop changes while no live edit exists —
- * so a live local edit is never clobbered by a stale prop.
- *
- * When `sink` is supplied the mirrored value is routed to it instead of local
- * state (MarkdownSplitPane uses this to push external text into the document
- * core's `replaceFromExternal` while the core owns the rendered source).
- * Returns the mirrored text plus its setter for local edits.
- */
-export function useMirroredEditText(liveText, text, sink) {
-    const [localText, setLocalText] = useState(() => liveText ?? text);
-    const propTextRef = useRef(text);
-    useEffect(() => {
-        const next = liveText ?? text;
-        if (sink) {
-            sink(next);
-            return;
-        }
-        if (liveText !== undefined || propTextRef.current !== text)
-            setLocalText(next);
-        propTextRef.current = text;
-    }, [liveText, text, sink]);
-    return [localText, setLocalText];
-}

package/dist/documents/useSplitResize.d.ts

@@ -1,7 +0,0 @@
-import { type PointerEvent as ReactPointerEvent, type RefObject } from "react";
-/**
- * Pointer-drag handler for the source/preview split divider: clamps the source pane between
- * minRight..(width - minLeft) and reports it as a width percentage. Shared by the markdown + mdx
- * split panes (the drag math is identical; only the container ref + width setter differ).
- */
-export declare function useSplitResize(containerRef: RefObject<HTMLDivElement | null>, setSourceWidth: (pct: number) => void): (event: ReactPointerEvent<HTMLDivElement>) => void;

package/dist/documents/useSplitResize.js

@@ -1,37 +0,0 @@
-import { useCallback } from "react";
-import { sourceWidthPercent } from "./splitResizeMath.js";
-/**
- * Pointer-drag handler for the source/preview split divider: clamps the source pane between
- * minRight..(width - minLeft) and reports it as a width percentage. Shared by the markdown + mdx
- * split panes (the drag math is identical; only the container ref + width setter differ).
- */
-export function useSplitResize(containerRef, setSourceWidth) {
-    return useCallback((event) => {
-        event.preventDefault();
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const bounds = container.getBoundingClientRect();
-        let frame = 0;
-        let pointerX = event.clientX;
-        const onMove = (ev) => {
-            pointerX = ev.clientX;
-            if (frame)
-                return;
-            frame = requestAnimationFrame(() => {
-                frame = 0;
-                setSourceWidth(sourceWidthPercent(bounds, pointerX));
-            });
-        };
-        const onUp = () => {
-            window.removeEventListener("pointermove", onMove);
-            window.removeEventListener("pointerup", onUp);
-            window.removeEventListener("pointercancel", onUp);
-            if (frame)
-                cancelAnimationFrame(frame);
-        };
-        window.addEventListener("pointermove", onMove);
-        window.addEventListener("pointerup", onUp);
-        window.addEventListener("pointercancel", onUp);
-    }, [containerRef, setSourceWidth]);
-}

package/dist/settings/rk-settings.css

@@ -1,38 +0,0 @@
-/* Published @rightkit/settings-ui sections inside the host app own settings dialog.
-   Layer order matches src/styles/index.css, so Tailwind utilities still win over these rules. */
-@layer theme, base, rk, components, utilities;
-@import "@rightkit/react-shell/shell.visual.css" layer(rk);
-@import "@rightkit/settings-ui/settings.css" layer(rk);
-
-/* The one token map: --rk-* (read by the published CSS and react-shell controls) -> the host app tokens. */
-.vr-rk {
-  --rk-plane: var(--ink);
-  --rk-chrome: var(--panel);
-  --rk-panel: rgb(var(--panel-rgb) / 0.5);
-  --rk-elevated: var(--panel-2);
-  --rk-sunk: var(--panel-2);
-  --rk-ink: var(--paper);
-  --rk-ink-2: var(--muted);
-  --rk-ink-3: var(--muted-2);
-  --rk-line: var(--line);
-  --rk-hairline: var(--line);
-  --rk-line-strong: rgb(var(--muted-2-rgb) / 0.4);
-  --rk-fill: rgb(var(--paper-rgb) / 0.05);
-  --rk-fill-2: rgb(var(--paper-rgb) / 0.085);
-  --rk-fill-3: rgb(var(--paper-rgb) / 0.13);
-  --rk-sel: rgb(var(--paper-rgb) / 0.06);
-  --rk-accent: var(--copper);
-  --rk-accent-ink: var(--ink);
-  --rk-accent-soft: rgb(var(--copper-rgb) / 0.14);
-  --rk-focus: rgb(var(--copper-rgb) / 0.4);
-  --rk-bad: var(--danger-hi);
-  --rk-danger: var(--danger-hi);
-  --rk-bad-soft: rgb(var(--danger-rgb) / 0.12);
-  --rk-radius: 8px;
-  --rk-card: 0 0 0 1px var(--line);
-  --rk-font-mono: var(--font-mono);
-  --rk-sg-margin: 12px;
-  color: var(--paper);
-  font-family: var(--font-sans);
-  font-size: var(--vr-text-md);
-}

package/dist/settings/sections/EditorSection.d.ts

@@ -1 +0,0 @@
-export declare function EditorSection(): import("react").JSX.Element;

package/dist/settings/sections/EditorSection.js

@@ -1,18 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SegmentedControl } from "@rightkit/react-shell/react";
-import { SettingsGroup } from "@rightkit/settings-ui";
-import { useSettings } from "../settings.js";
-import { onOff } from "./onOff.js";
-export function EditorSection() {
-    const { settings, update, reset } = useSettings();
-    return (_jsxs(_Fragment, { children: [_jsx(SettingsGroup, { title: "Source size", children: _jsx(SegmentedControl, { label: "Source size", options: [
-                        { value: "11", label: "small", title: "Small source editor size (11px)" },
-                        { value: "12", label: "normal", title: "Normal source editor size (12px)" },
-                        { value: "14", label: "large", title: "Large source editor size (14px)" },
-                        { value: "16", label: "x-large", title: "Extra large source editor size (16px)" },
-                    ], value: String(settings.sourceFontSizePx), onChange: (v) => update({ sourceFontSizePx: Number(v) }) }) }), _jsx(SettingsGroup, { title: "Motion", description: "System follows your OS reduced-motion setting.", children: _jsx(SegmentedControl, { label: "Motion", options: [
-                        { value: "system", label: "system", title: "Motion follows system" },
-                        { value: "reduce", label: "reduced", title: "Reduce motion" },
-                        { value: "full", label: "full", title: "Full motion" },
-                    ], value: settings.motion, onChange: (v) => update({ motion: v }) }) }), _jsx(SettingsGroup, { title: "Spell check", children: _jsx(SegmentedControl, { label: "Spell check", options: onOff("Spell check"), value: settings.spellcheck ? "on" : "off", onChange: (v) => update({ spellcheck: v === "on" }) }) }), _jsx(SettingsGroup, { title: "Word wrap", children: _jsx(SegmentedControl, { label: "Word wrap", options: onOff("Word wrap"), value: settings.wordWrap ? "on" : "off", onChange: (v) => update({ wordWrap: v === "on" }) }) }), _jsx(SettingsGroup, { title: "Format on save", description: "Reindent Markdown & HTML source when you save.", children: _jsx(SegmentedControl, { label: "Format on save", options: onOff("Format on save"), value: settings.formatOnSave ? "on" : "off", onChange: (v) => update({ formatOnSave: v === "on" }) }) }), _jsx(SettingsGroup, { title: "Safe Markdown HTML", description: "Render only sanitized local HTML. Source remains unchanged.", children: _jsx(SegmentedControl, { label: "Safe Markdown HTML", options: onOff("Safe Markdown HTML"), value: settings.markdownSafeHtml ? "on" : "off", onChange: (v) => update({ markdownSafeHtml: v === "on" }) }) }), _jsx(SettingsGroup, { title: "Auto save", description: "Save file-backed edits after you pause. Untitled drafts wait for their first Save.", children: _jsx(SegmentedControl, { label: "Auto save", options: onOff("Auto save"), value: settings.autoSave ? "on" : "off", onChange: (v) => update({ autoSave: v === "on" }) }) }), _jsx("button", { type: "button", onClick: reset, className: "vr-press vr-focus rounded px-2 py-1.5 font-sans text-xs text-muted-2 hover:bg-panel-2 hover:text-paper", children: "Reset to defaults" })] }));
-}

package/dist/settings/sections/FileAssociationsSection.d.ts

@@ -1 +0,0 @@
-export declare function FileAssociationsSection(): import("react").JSX.Element;

package/dist/settings/sections/FileAssociationsSection.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FileAssociationsBlock } from "./MacFileAssociationsBlock.js";
-export function FileAssociationsSection() {
-    return _jsx(FileAssociationsBlock, {});
-}

package/dist/settings/sections/MacFileAssociationsBlock.d.ts

@@ -1,33 +0,0 @@
-import type { FileAssociationFormatStatus, FileAssociationStatus, MarkdownUtiHandlerStatus } from "../../state/tauriBridge.js";
-export declare const SUPPORTED_ASSOCIATION_FORMATS: readonly [{
-    readonly id: "md";
-    readonly label: "Markdown";
-}, {
-    readonly id: "mdx";
-    readonly label: "MDX";
-}, {
-    readonly id: "txt";
-    readonly label: "Plain text & code";
-}, {
-    readonly id: "pdf";
-    readonly label: "PDF";
-}, {
-    readonly id: "html";
-    readonly label: "HTML";
-}, {
-    readonly id: "docx";
-    readonly label: "DOCX";
-}, {
-    readonly id: "image";
-    readonly label: "Images";
-}];
-/** Extensions come exclusively from shared/document_formats.tsv via canonical entries. */
-export declare function extensionsForFormat(formatId: string): string[];
-export declare function formatExtensionPreview(formatId: string): string;
-export declare function toggleFormatSelection(selected: string[], formatId: string, checked: boolean): string[];
-export declare function allFormatsSelected(selected: string[]): boolean;
-export declare function selectedFormatsVerified(status: FileAssociationStatus | null, selected: string[]): boolean;
-/** One UTI row: identifier → current preferred handler (verified from LaunchServices). */
-export declare function describeHandler(handler: MarkdownUtiHandlerStatus): string;
-export declare function formatOwnership(status: FileAssociationFormatStatus): string;
-export declare function FileAssociationsBlock(): import("react").JSX.Element | null;

package/dist/settings/sections/MacFileAssociationsBlock.js

@@ -1,151 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
-import { documentFormatEntries } from "../../documents/documentFormats.js";
-import { fileAssociationStatus, inTauri, isBrowserQaMode, openFileAssociationSettings, setFileAssociationDefaults, } from "../../state/tauriBridge.js";
-import { isMac, isWindows } from "../../platform.js";
-import { hostAppName } from "../../appName.js";
-export const SUPPORTED_ASSOCIATION_FORMATS = [
-    { id: "md", label: "Markdown" },
-    { id: "mdx", label: "MDX" },
-    { id: "txt", label: "Plain text & code" },
-    { id: "pdf", label: "PDF" },
-    { id: "html", label: "HTML" },
-    { id: "docx", label: "DOCX" },
-    { id: "image", label: "Images" },
-];
-const supportedFormatIds = SUPPORTED_ASSOCIATION_FORMATS.map(({ id }) => id);
-/** Extensions come exclusively from shared/document_formats.tsv via canonical entries. */
-export function extensionsForFormat(formatId) {
-    return documentFormatEntries
-        .filter((entry) => entry.format === formatId)
-        .map((entry) => `.${entry.extension}`);
-}
-export function formatExtensionPreview(formatId) {
-    return extensionsForFormat(formatId).join(", ");
-}
-export function toggleFormatSelection(selected, formatId, checked) {
-    const next = new Set(selected);
-    if (checked)
-        next.add(formatId);
-    else
-        next.delete(formatId);
-    return supportedFormatIds.filter((id) => next.has(id));
-}
-export function allFormatsSelected(selected) {
-    return supportedFormatIds.every((id) => selected.includes(id));
-}
-export function selectedFormatsVerified(status, selected) {
-    if (!status || selected.length === 0)
-        return false;
-    const byId = new Map(status.formats.map((format) => [format.formatId, format]));
-    return selected.every((id) => byId.get(id)?.allSet === true);
-}
-/** One UTI row: identifier → current preferred handler (verified from LaunchServices). */
-export function describeHandler(handler) {
-    const target = handler.hostIsPreferred
-        ? hostAppName()
-        : (handler.preferredHandler ?? "no handler");
-    return `${handler.uti} → ${target}`;
-}
-function formatStatus(status, formatId) {
-    return status?.formats.find((format) => format.formatId === formatId);
-}
-export function formatOwnership(status) {
-    if (status.allSet)
-        return hostAppName();
-    const preferred = status.handlers.filter((handler) => handler.hostIsPreferred).length;
-    if (preferred > 0)
-        return `${preferred}/${status.handlers.length} ${hostAppName()}`;
-    return "Other app";
-}
-export function FileAssociationsBlock() {
-    const [status, setStatus] = useState(null);
-    const [selected, setSelected] = useState(() => [...supportedFormatIds]);
-    const [busy, setBusy] = useState(false);
-    const [error, setError] = useState("");
-    const [notice, setNotice] = useState("");
-    const mac = isMac();
-    const windows = isWindows();
-    const available = (mac || windows) && (inTauri() || isBrowserQaMode());
-    const allSelected = allFormatsSelected(selected);
-    const extensionCounts = useMemo(() => new Map(SUPPORTED_ASSOCIATION_FORMATS.map((format) => [
-        format.id,
-        extensionsForFormat(format.id).length,
-    ])), []);
-    const extensionCount = useMemo(() => Array.from(extensionCounts.values()).reduce((sum, count) => sum + count, 0), [extensionCounts]);
-    useEffect(() => {
-        if (!available)
-            return;
-        let cancelled = false;
-        const refresh = () => {
-            void fileAssociationStatus()
-                .then((next) => {
-                if (!cancelled)
-                    setStatus(next);
-            })
-                .catch(() => {
-                /* surfaced by explicit action */
-            });
-        };
-        refresh();
-        window.addEventListener("focus", refresh);
-        return () => {
-            cancelled = true;
-            window.removeEventListener("focus", refresh);
-        };
-    }, [available]);
-    if (!available)
-        return null;
-    const apply = async () => {
-        if (selected.length === 0)
-            return;
-        setBusy(true);
-        setError("");
-        setNotice("");
-        try {
-            await setFileAssociationDefaults(selected);
-            // Re-query source of truth rather than trusting write result.
-            const next = await fileAssociationStatus();
-            setStatus(next);
-            if (!selectedFormatsVerified(next, selected)) {
-                setError("macOS did not approve every selected content type. Confirm each system prompt, then try remaining formats.");
-            }
-        }
-        catch (e) {
-            setError(e instanceof Error ? e.message : String(e));
-        }
-        finally {
-            setBusy(false);
-        }
-    };
-    const openWindowsSettings = async () => {
-        setBusy(true);
-        setError("");
-        setNotice("");
-        try {
-            await openFileAssociationSettings(supportedFormatIds);
-            setNotice(`Windows Settings opened. Choose ${hostAppName()} for the file types you want it to open.`);
-        }
-        catch (e) {
-            setError(e instanceof Error ? e.message : String(e));
-        }
-        finally {
-            setBusy(false);
-        }
-    };
-    const verified = selectedFormatsVerified(status, selected);
-    return (_jsxs("section", { className: "space-y-4", children: [_jsx("h3", { className: "font-sans text-sm font-semibold text-paper", children: "Open by default" }), _jsx("p", { className: "text-xs text-muted-2", children: mac
-                    ? `Choose which supported formats ${hostAppName()} should open by default. Nothing changes until you apply your selection. macOS may ask once for each changed content type.`
-                    : `${hostAppName()} is registered for every supported format. Windows protects default-app choices, so review current ownership here, then confirm changes in Windows Settings.` }), mac ? (_jsxs("label", { className: "flex items-center gap-2 text-sm text-paper", children: [_jsx("input", { type: "checkbox", checked: allSelected, onChange: (event) => setSelected(event.target.checked ? [...supportedFormatIds] : []), "data-testid": "file-association-select-all" }), _jsx("span", { children: "Select all formats" }), _jsxs("span", { className: "ml-auto text-xs text-muted-2", children: [extensionCount, " file types"] })] })) : (_jsxs("div", { className: "flex items-center justify-between rounded-md bg-panel/50 px-3 py-2 text-xs text-muted-2", children: [_jsxs("span", { children: ["Supported by ", hostAppName()] }), _jsxs("span", { children: [extensionCount, " file types"] })] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2 font-mono text-xs", children: [mac ? (_jsx("button", { type: "button", onClick: () => void apply(), disabled: busy || selected.length === 0, className: "vr-press vr-focus rounded bg-copper/20 px-3 py-1.5 text-copper-hi hover:bg-copper/30 disabled:opacity-50", "data-testid": "file-association-apply", children: busy
-                            ? "Applying..."
-                            : allSelected
-                                ? `Make ${hostAppName()} default`
-                                : "Apply selected defaults" })) : (_jsx("button", { type: "button", onClick: () => void openWindowsSettings(), disabled: busy, className: "vr-press vr-focus rounded bg-copper/20 px-3 py-1.5 text-copper-hi hover:bg-copper/30 disabled:opacity-50", "data-testid": "file-association-open-windows", children: busy ? "Opening..." : "Open Windows Default Apps" })), mac && status && (_jsx("span", { className: verified ? "text-copper-hi" : "text-red-300", "data-testid": "file-association-result", children: verified ? "Selected formats verified" : "Selected formats are not all verified" }))] }), notice && _jsx("p", { className: "text-xs text-muted-2", children: notice }), error && _jsx("p", { className: "font-mono text-xs text-red-300", children: error }), _jsx("div", { className: "divide-y divide-line overflow-hidden rounded-lg border border-line bg-ink/30", "data-testid": "file-association-formats", children: SUPPORTED_ASSOCIATION_FORMATS.map((format) => {
-                    const current = formatStatus(status, format.id);
-                    const checked = selected.includes(format.id);
-                    return (_jsxs("div", { className: `flex items-center gap-3 px-3 py-2.5 ${mac ? "hover:bg-line/15" : ""}`, children: [mac ? (_jsx("input", { type: "checkbox", checked: checked, onChange: (event) => setSelected(toggleFormatSelection(selected, format.id, event.target.checked)), "aria-label": `Set ${format.label} defaults`, "data-testid": `file-association-format-${format.id}` })) : (_jsx("span", { "aria-hidden": "true", className: `h-2 w-2 rounded-full ${current?.allSet ? "bg-copper-hi" : "bg-muted-2/50"}` })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block text-sm font-medium text-paper", children: format.label }), _jsxs("span", { className: "block text-chrome-xs text-muted-2", children: [extensionCounts.get(format.id), " file", " ", extensionCounts.get(format.id) === 1 ? "type" : "types"] })] }), current && (_jsx("span", { className: `text-xs ${current.allSet ? "text-copper-hi" : "text-muted-2"}`, children: formatOwnership(current) }))] }, format.id));
-                }) }), _jsxs("details", { className: "rounded border border-line px-3 py-2 text-xs text-muted-2", children: [_jsx("summary", { className: "cursor-pointer select-none text-paper", children: "Technical details" }), _jsx("div", { className: "mt-3 space-y-3 font-mono text-chrome-xs leading-relaxed", children: SUPPORTED_ASSOCIATION_FORMATS.map((format) => {
-                            const current = formatStatus(status, format.id);
-                            return (_jsxs("div", { children: [_jsx("div", { className: "font-semibold text-paper", children: format.label }), _jsx("div", { className: "break-words", children: formatExtensionPreview(format.id) }), current?.handlers.map((handler) => (_jsx("div", { children: describeHandler(handler) }, handler.uti)))] }, format.id));
-                        }) })] })] }));
-}

package/dist/settings/sections/ThemeSection.d.ts

@@ -1 +0,0 @@
-export declare function ThemeSection(): import("react").JSX.Element;

package/dist/settings/sections/ThemeSection.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveAccentColors, resolveTheme, useSettings } from "../settings.js";
-import { ACCENT_PRESETS, DEFAULT_DARK, DEFAULT_LIGHT, THEMES, themeById, } from "../themes.js";
-export function ThemeSection() {
-    const { settings, update, reset } = useSettings();
-    const theme = resolveTheme(settings);
-    const accents = resolveAccentColors(settings);
-    const primaryId = activeAccentId(settings.primaryAccentId, accents.primary, theme.mode);
-    const secondaryId = activeAccentId(settings.secondaryAccentId, accents.secondary, theme.mode);
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(ThemeGroup, { title: "Theme", hint: "Applies to shell and documents; Auto follows the OS", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "grid min-w-0 flex-1 grid-cols-[repeat(auto-fit,minmax(100px,1fr))] gap-1.5", children: [_jsx(ThemeSwatch, { name: "Auto", colors: [themeById(DEFAULT_LIGHT).tokens.ink, themeById(DEFAULT_DARK).tokens.ink], selected: settings.themeId === "auto", onSelect: () => update({ themeId: "auto" }) }), THEMES.map((preset) => (_jsx(ThemeSwatch, { name: preset.name, colors: [preset.tokens.chrome, preset.tokens.ink, preset.tokens.paper], selected: settings.themeId === preset.id, resolved: settings.themeId === "auto" && theme.id === preset.id, onSelect: () => update({ themeId: preset.id }) }, preset.id)))] }), _jsx("button", { type: "button", onClick: reset, className: "vr-press vr-focus rounded-md border border-line px-2.5 py-1.5 font-sans text-xs text-muted hover:bg-panel hover:text-paper", children: "Reset" })] }) }), _jsx(AccentChoices, { title: "Interface accent", hint: "Tools, links, focus, and selection", selectedId: primaryId, mode: theme.mode, onSelect: (primaryAccentId) => update({ primaryAccentId, customPrimary: null }) }), _jsx(AccentChoices, { title: "Code accent", hint: "Syntax and secondary status", selectedId: secondaryId, mode: theme.mode, onSelect: (secondaryAccentId) => update({ secondaryAccentId, customSecondary: null }) })] }));
-}
-function ThemeSwatch({ name, colors, selected, resolved = false, onSelect, }) {
-    return (_jsxs("button", { type: "button", "aria-label": `Theme: ${name}`, "aria-pressed": selected, title: resolved ? `${name} (Auto)` : name, onClick: onSelect, className: `vr-press vr-focus relative min-w-0 rounded-md border p-1.5 text-left transition-colors ${selected ? "border-copper ring-1 ring-copper/35" : "border-line hover:border-muted-2"}`, children: [_jsxs("span", { "aria-hidden": true, className: "mb-1 block h-10 overflow-hidden rounded-sm border border-line", style: { background: colors[0] }, children: [_jsx("span", { className: "block h-2.5 border-b border-white/10" }), _jsxs("span", { className: "ml-3 block h-7 rounded-tl-sm px-2 py-1.5", style: { background: colors[1] }, children: [_jsx("span", { className: "mb-1 block h-0.5 w-3/4 opacity-70", style: { background: colors[2] ?? colors[0] } }), _jsx("span", { className: "block h-0.5 w-1/2 opacity-40", style: { background: colors[2] ?? colors[0] } })] })] }), _jsx("span", { className: `block whitespace-normal font-sans text-chrome-xs ${selected ? "text-paper" : "text-muted"}`, children: name }), resolved && (_jsx("span", { "aria-hidden": true, "data-vr-theme-resolved": true, className: "absolute -top-1 right-1 h-2 w-2 rounded-full bg-paper ring-1 ring-line" }))] }));
-}
-function AccentChoices({ title, hint, selectedId, mode, onSelect, }) {
-    return (_jsx(ThemeGroup, { title: title, hint: hint, children: _jsx("div", { className: "flex flex-wrap gap-1.5", children: ACCENT_PRESETS.map((accent) => {
-                const selected = selectedId === accent.id;
-                return (_jsxs("button", { type: "button", title: accent.name, "aria-label": `${title}: ${accent.name}`, "aria-pressed": selected, onClick: () => onSelect(accent.id), className: `vr-press vr-focus flex w-16 flex-col items-center gap-1 rounded-md border p-1 ${selected ? "border-paper ring-2 ring-paper/20" : "border-line hover:border-muted-2"}`, children: [_jsx("span", { className: "block h-6 w-full rounded-sm", style: { background: accent[mode] } }), _jsx("span", { "aria-hidden": true, className: `w-full whitespace-normal text-center font-sans text-chrome-xs leading-tight ${selected ? "text-paper" : "text-muted"}`, children: accent.name })] }, accent.id));
-            }) }) }));
-}
-function ThemeLabel({ children }) {
-    return (_jsx("div", { className: "mb-1.5 font-sans text-chrome-xs font-semibold uppercase tracking-[0.18em] text-muted-2", children: children }));
-}
-function ThemeGroup({ title, hint, children, }) {
-    return (_jsxs("section", { "data-theme-row": title, className: "grid grid-cols-[8.75rem_minmax(0,1fr)] items-center gap-3 rounded-lg border border-line bg-panel/35 p-2.5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx(ThemeLabel, { children: title }), _jsx("span", { className: "block text-chrome-xs leading-tight text-muted-2", children: hint })] }), children] }));
-}
-function activeAccentId(selectedId, color, mode) {
-    if (selectedId)
-        return selectedId;
-    return ACCENT_PRESETS.find((accent) => accent[mode] === color)?.id ?? null;
-}

package/dist/settings/sections/TypographySection.d.ts

@@ -1 +0,0 @@
-export declare function TypographySection(): import("react").JSX.Element;

package/dist/settings/sections/TypographySection.js

@@ -1,19 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SegmentedControl } from "@rightkit/react-shell/react";
-import { SettingsGroup } from "@rightkit/settings-ui";
-import { FONT_SIZES } from "../fonts.js";
-import { useSettings } from "../settings.js";
-export function TypographySection() {
-    const { settings, update, reset } = useSettings();
-    return (_jsxs(_Fragment, { children: [_jsx(SettingsGroup, { title: "Size", children: _jsx(SegmentedControl, { label: "Size", options: FONT_SIZES.map((s) => ({
-                        value: String(s.px),
-                        label: s.label,
-                        title: `${s.label} reading size (${s.px}px)`,
-                    })), value: String(settings.fontSizePx), onChange: (v) => update({ fontSizePx: Number(v) }) }) }), _jsxs(SettingsGroup, { title: "Line height", children: [_jsx("input", { type: "range", "aria-label": "Reading line height", min: 1.3, max: 2.1, step: 0.05, value: settings.lineHeight, 
-                        // A drag fires onChange on every pixel of movement; the settings store applies each change
-                        // optimistically, serialises the native commits, and applyTokens skips unchanged variables.
-                        onChange: (e) => update({ lineHeight: Number(e.target.value) }), className: "w-full accent-[var(--copper)]" }), _jsx("div", { className: "mt-1 font-mono text-xs text-muted-2", children: settings.lineHeight.toFixed(2) })] }), _jsx(SettingsGroup, { title: "Contrast", children: _jsx(SegmentedControl, { label: "Contrast", options: [
-                        { value: "normal", label: "normal", title: "Normal reading contrast" },
-                        { value: "high", label: "high", title: "High reading contrast" },
-                    ], value: settings.contrast, onChange: (v) => update({ contrast: v }) }) }), _jsx("button", { type: "button", onClick: reset, className: "vr-press vr-focus rounded px-2 py-1.5 font-sans text-xs text-muted-2 hover:bg-panel-2 hover:text-paper", children: "Reset to defaults" })] }));
-}

package/dist/settings/sections/onOff.d.ts

@@ -1,11 +0,0 @@
-/** The two options of an on/off `SegmentedControl`. `title` carries the full phrase ("Spell check off")
- *  as the tooltip; the group `label` plus the visible "on" / "off" is the accessible name. */
-export declare function onOff(name: string): ({
-    value: "on";
-    label: string;
-    title: string;
-} | {
-    value: "off";
-    label: string;
-    title: string;
-})[];

package/dist/settings/sections/onOff.js

@@ -1,8 +0,0 @@
-/** The two options of an on/off `SegmentedControl`. `title` carries the full phrase ("Spell check off")
- *  as the tooltip; the group `label` plus the visible "on" / "off" is the accessible name. */
-export function onOff(name) {
-    return [
-        { value: "on", label: "on", title: `${name} on` },
-        { value: "off", label: "off", title: `${name} off` },
-    ];
-}

package/dist/state/browserQa.d.ts

@@ -1,21 +0,0 @@
-/**
- * Fixture documents + IPC-boundary fallbacks for browser QA mode (`VITE_RIGHTKIT_BROWSER_QA=1`,
- * `?qa=1&doc=<key>`) — the headless-Chrome harness `scripts/qa-browser-functional.mjs` drives, and
- * the manual escape hatch for poking the app in a plain browser tab outside Tauri. `qaOcrLines`
- * lives here; the PDF-edit-command mocks (`inspect_pdf_page`/`compose_pdf_preview`/
- * `prepare_pdf_save`/`commit_pdf_save`/`list_pdf_fonts`, plus the in-memory PDF "disk" and the
- * `window.__viewrightQa` assertion surface) live in the sibling `browserQaPdf.ts` instead, since
- * they need their own save-token/sha bookkeeping this file has no reason to carry.
- *
- * PDF coverage split: annotation editing (FreeText/Ink/Highlight/Stamp, via pdf.js's own
- * `AnnotationEditorLayer`/`saveDocument()`) + two-phase Save/Save As is fully exercised in browser
- * QA against `browserQaPdf.ts`'s mocks. Existing-text/add-text editing (`inspect_pdf_page`'s
- * `islands`) stays native-only — browser QA has no Rust content-stream walker, so that path is only
- * reachable/non-crashing here, never a real edit round trip.
- */
-import { type LoadedDocument } from "../documents/types.js";
-import type { OcrLine } from "../documents/pdf/pdfOcr.js";
-export declare function qaOcrLines(): OcrLine[];
-export declare function qaDialogPath(): string;
-export declare function qaInitialOpenPath(): string | null;
-export declare function qaDocumentForPath(path: string): Promise<LoadedDocument | null>;