@pixerate/editor-svelte 0.21.0 → 0.23.0

package/dist/index.js

@@ -5,12 +5,18 @@ export * from "./history/index.js";
 export * from "./fileImport.svelte.js";
 export * from "./agentTools.svelte.js";
 export * from "./outline.svelte.js";
-export { DirtyTracker, createDirtyTracker, defaultIsEqual, HistoryManager, createHistoryManager, } from "@pixerate/editor";
+export * from "./merge.svelte.js";
+export { DirtyTracker, createDirtyTracker, defaultIsEqual, HistoryManager, createHistoryManager, bindDirtyToHistory, withoutDirty, } from "@pixerate/editor";
 export { default as EditableTextNodeEditor } from "./EditableTextNodeEditor.svelte";
 export { default as BubbleMenu } from "./BubbleMenu.svelte";
 export { default as TemplateRenderer } from "./TemplateRenderer.svelte";
 export { default as VariableForm } from "./VariableForm.svelte";
+export { default as MergePreview } from "./MergePreview.svelte";
 export { default as OutlinePanel } from "./OutlinePanel.svelte";
 export * from "./spreadsheet/index.js";
 export * from "./image-editor/index.js";
 export * from "./review/index.js";
+export * from "./commands/index.js";
+export * from "./persistence/index.js";
+export * from "./generation/index.js";
+export * from "./find-replace/index.js";

package/dist/merge.svelte.d.ts

@@ -0,0 +1,51 @@
+import { type MergeRecordsOptions, type MergeRecordsResult, type ParseDataSourceOptions, type Template } from "@pixerate/editor";
+export interface MergePreviewOptions {
+    /** The prompt merged with each record. */
+    template: string;
+    templates?: Template[];
+    bindings?: Record<string, string>;
+    /** How to read the data source text. */
+    parseOptions?: ParseDataSourceOptions;
+    /** Passed to `mergeRecords` by `merge()`. */
+    skipIf?: MergeRecordsOptions["skipIf"];
+    separator?: string;
+    maxOutputs?: number;
+}
+/**
+ * Reactive mail-merge preview state for Svelte 5 (the counterpart of React's
+ * `useMergePreview`): parses a pasted or loaded data source, matches its
+ * fields to the template's variables (editable), steps through records and
+ * merges them all with `mergeRecords`.
+ *
+ * `getOptions` is read reactively, so pass `() => ({ template, templates })`
+ * built from props or state.
+ */
+export declare function createMergePreview(getOptions: () => MergePreviewOptions, initialSource?: string): {
+    sourceText: string;
+    setSourceText: (text: string) => void;
+    /** Reads a picked file (CSV, TSV or JSON) into `sourceText`. */
+    loadFile(file: Blob): Promise<void>;
+    readonly source: import("@pixerate/editor").MergeDataSource;
+    /** Variable names the template uses, in order. */
+    readonly variables: string[];
+    /** Variable → field: automatic matches with the user's overrides applied. */
+    readonly mapping: Record<string, string | null>;
+    setFieldMapping(variable: string, field: string | null): void;
+    resetMapping(): void;
+    /** 0-based index of the previewed record. */
+    readonly index: number;
+    readonly count: number;
+    setIndex: (next: number) => void;
+    next(): void;
+    prev(): void;
+    readonly record: import("@pixerate/editor").MergeRecord;
+    /** Prompt values for the previewed record. */
+    readonly values: import("@pixerate/editor").PromptValues;
+    /** Merges every record with the current mapping and stores the result. */
+    merge(): MergeRecordsResult;
+    readonly result: MergeRecordsResult | null;
+    /** The last merge's outputs as text or JSON. */
+    serialize(format: "text" | "json"): string;
+};
+export type MergePreviewState = ReturnType<typeof createMergePreview>;
+//# sourceMappingURL=merge.svelte.d.ts.map

package/dist/merge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.svelte.d.ts","sourceRoot":"","sources":["../src/merge.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,wCAAwC;IACxC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,mBAAmB,EACrC,aAAa,SAAK;gBA4CK,MAAM;0BAbA,MAAM;IAiBjC,gEAAgE;mBAC3C,IAAI;;IAMzB,kDAAkD;;IAIlD,6EAA6E;;8BAInD,MAAM,SAAS,MAAM,GAAG,IAAI;;IAOtD,6CAA6C;;;qBAlCvB,MAAM;;;;IAmD5B,8CAA8C;;IAI9C,0EAA0E;aACjE,kBAAkB;;IAe3B,gDAAgD;sBAC9B,MAAM,GAAG,MAAM,GAAG,MAAM;EAI7C;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/merge.svelte.js

@@ -0,0 +1,117 @@
+import { extractVariables, matchFields, mergeRecords, parseDataSource, recordToValues, serializeMergeOutputs, } from "@pixerate/editor";
+/**
+ * Reactive mail-merge preview state for Svelte 5 (the counterpart of React's
+ * `useMergePreview`): parses a pasted or loaded data source, matches its
+ * fields to the template's variables (editable), steps through records and
+ * merges them all with `mergeRecords`.
+ *
+ * `getOptions` is read reactively, so pass `() => ({ template, templates })`
+ * built from props or state.
+ */
+export function createMergePreview(getOptions, initialSource = "") {
+    let sourceText = $state(initialSource);
+    let overrides = $state.raw({});
+    let index = $state(0);
+    let result = $state.raw(null);
+    const options = $derived(getOptions());
+    const source = $derived(parseDataSource(sourceText, options.parseOptions));
+    const variables = $derived(extractVariables(options.template, {
+        templates: options.templates,
+        bindings: options.bindings,
+    }).map((v) => v.name));
+    const mapping = $derived.by(() => {
+        const merged = {
+            ...matchFields(variables, source.fields).mapping,
+        };
+        for (const [variable, field] of Object.entries(overrides)) {
+            if (variables.includes(variable) && (field === null || source.fields.includes(field))) {
+                merged[variable] = field;
+            }
+        }
+        return merged;
+    });
+    const count = $derived(source.records.length);
+    const current = $derived(count === 0 ? 0 : Math.min(index, count - 1));
+    const record = $derived(source.records[current]);
+    const values = $derived(record ? recordToValues(record, mapping) : {});
+    function setSourceText(text) {
+        sourceText = text;
+        index = 0;
+        result = null;
+    }
+    function setIndex(next) {
+        index = Math.max(0, Math.min(next, count - 1));
+    }
+    return {
+        get sourceText() {
+            return sourceText;
+        },
+        set sourceText(text) {
+            setSourceText(text);
+        },
+        setSourceText,
+        /** Reads a picked file (CSV, TSV or JSON) into `sourceText`. */
+        async loadFile(file) {
+            setSourceText(await file.text());
+        },
+        get source() {
+            return source;
+        },
+        /** Variable names the template uses, in order. */
+        get variables() {
+            return variables;
+        },
+        /** Variable → field: automatic matches with the user's overrides applied. */
+        get mapping() {
+            return mapping;
+        },
+        setFieldMapping(variable, field) {
+            overrides = { ...overrides, [variable]: field };
+            result = null;
+        },
+        resetMapping() {
+            overrides = {};
+        },
+        /** 0-based index of the previewed record. */
+        get index() {
+            return current;
+        },
+        get count() {
+            return count;
+        },
+        setIndex,
+        next() {
+            setIndex(current + 1);
+        },
+        prev() {
+            setIndex(current - 1);
+        },
+        get record() {
+            return record;
+        },
+        /** Prompt values for the previewed record. */
+        get values() {
+            return values;
+        },
+        /** Merges every record with the current mapping and stores the result. */
+        merge() {
+            const merged = mergeRecords(options.template, source, {
+                templates: options.templates,
+                bindings: options.bindings,
+                mapping,
+                skipIf: options.skipIf,
+                separator: options.separator,
+                maxOutputs: options.maxOutputs,
+            });
+            result = merged;
+            return merged;
+        },
+        get result() {
+            return result;
+        },
+        /** The last merge's outputs as text or JSON. */
+        serialize(format) {
+            return result ? serializeMergeOutputs(result.outputs, format, options.separator) : "";
+        },
+    };
+}

package/dist/persistence/RecoveryPrompt.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  import { formatRecoveryMessage, type RecoveryMeta } from '@pixerate/editor/persistence';
+
+  interface Props {
+    /** `createAutosave(...).recovery`; nothing renders while it is `null`. */
+    recovery: { meta: RecoveryMeta } | null;
+    onRestore: () => void;
+    onDiscard: () => void;
+    /** Formats the snapshot time (default `toLocaleString`). */
+    formatTime?: (time: number) => string;
+    restoreLabel?: string;
+    discardLabel?: string;
+    class?: string;
+  }
+
+  let {
+    recovery,
+    onRestore,
+    onDiscard,
+    formatTime,
+    restoreLabel = 'Restore',
+    discardLabel = 'Discard',
+    class: className = ''
+  }: Props = $props();
+</script>
+
+{#if recovery}
+  <div
+    role="alertdialog"
+    aria-label="Unsaved changes found"
+    data-recovery-prompt=""
+    class="flex flex-wrap items-center gap-3 rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground shadow-sm {className}"
+  >
+    <span class="min-w-0 flex-1">
+      {formatRecoveryMessage(recovery.meta, formatTime)}
+      {#if recovery.meta.name}
+        <span class="ml-1 text-xs text-muted-foreground">({recovery.meta.name})</span>
+      {/if}
+    </span>
+    <button
+      type="button"
+      data-recovery-restore=""
+      onclick={onRestore}
+      class="rounded-md bg-primary px-3 py-1 text-xs font-medium text-primary-foreground hover:opacity-90"
+    >
+      {restoreLabel}
+    </button>
+    <button
+      type="button"
+      data-recovery-discard=""
+      onclick={onDiscard}
+      class="rounded-md border border-border px-3 py-1 text-xs font-medium hover:bg-muted"
+    >
+      {discardLabel}
+    </button>
+  </div>
+{/if}

package/dist/persistence/RecoveryPrompt.svelte.d.ts

@@ -0,0 +1,18 @@
+import { type RecoveryMeta } from '@pixerate/editor/persistence';
+interface Props {
+    /** `createAutosave(...).recovery`; nothing renders while it is `null`. */
+    recovery: {
+        meta: RecoveryMeta;
+    } | null;
+    onRestore: () => void;
+    onDiscard: () => void;
+    /** Formats the snapshot time (default `toLocaleString`). */
+    formatTime?: (time: number) => string;
+    restoreLabel?: string;
+    discardLabel?: string;
+    class?: string;
+}
+declare const RecoveryPrompt: import("svelte").Component<Props, {}, "">;
+type RecoveryPrompt = ReturnType<typeof RecoveryPrompt>;
+export default RecoveryPrompt;
+//# sourceMappingURL=RecoveryPrompt.svelte.d.ts.map

package/dist/persistence/RecoveryPrompt.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryPrompt.svelte.d.ts","sourceRoot":"","sources":["../../src/persistence/RecoveryPrompt.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGtF,UAAU,KAAK;IACb,0EAA0E;IAC1E,QAAQ,EAAE;QAAE,IAAI,EAAE,YAAY,CAAA;KAAE,GAAG,IAAI,CAAC;IACxC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/persistence/autosave.svelte.d.ts

@@ -0,0 +1,63 @@
+import { type AutosaveController, type AutosaveRecovery, type AutosaveStatusInfo, type DirtyFlagSource, type RevisionChangeSource, type StorageAdapter } from "@pixerate/editor/persistence";
+export interface CreateAutosaveOptions<T> {
+    storage: StorageAdapter;
+    /** Snapshot key (the meta lives at `<key>:meta`). */
+    key: string;
+    /** Reads the current document. */
+    getSnapshot: () => T;
+    serialize?: (snapshot: T) => string;
+    deserialize?: (text: string) => T;
+    /** Document name stored with the snapshot. */
+    name?: string | (() => string | undefined);
+    /** Change notifications, e.g. `createHistory().manager`. */
+    history?: RevisionChangeSource;
+    /** Saved-vs-current flag, e.g. `createHistoryDirty(...).tracker` or a `bindDirtyToHistory` binding. */
+    dirty?: DirtyFlagSource;
+    interval?: number;
+    debounceMs?: number;
+    retryBaseMs?: number;
+    retryMaxMs?: number;
+    /**
+     * Whether the document has finished loading (default `true`). With `false`,
+     * call `ready()` once it has. Snapshots also wait for any recovered snapshot
+     * to be restored or discarded.
+     */
+    ready?: boolean;
+    /** Look for an earlier session's snapshot (default `true`). */
+    recover?: boolean;
+    /** Write pending changes on `pagehide` and when the tab is hidden (default `true`). */
+    flushOnHide?: boolean;
+}
+export interface SvelteAutosave<T> {
+    /** Reactive status. */
+    readonly status: AutosaveStatusInfo;
+    /** An earlier session's unsaved snapshot, until restored or discarded (reactive). */
+    readonly recovery: AutosaveRecovery<T> | null;
+    /** True while the recovery check runs or a recovered snapshot awaits a decision (reactive). */
+    readonly pendingRecovery: boolean;
+    /** Takes the recovered snapshot (apply it to the editor) and starts autosaving. */
+    restore(): T | undefined;
+    /** Deletes the recovered snapshot and starts autosaving. */
+    discard(): Promise<void>;
+    /** Marks the document loaded (with `ready: false`). */
+    ready(): void;
+    /** Writes pending changes now. */
+    flushNow(): Promise<void>;
+    /** Call after an explicit save: marks the current revision saved and retires this session's snapshot. */
+    markClean(): Promise<void>;
+    /** Records a change made outside `history`. */
+    notifyChange(): void;
+    /** Resolves once the recovery check finished. */
+    readonly checked: Promise<void>;
+    readonly controller: AutosaveController<T>;
+    /** Stops timers and listeners. */
+    destroy(): void;
+}
+/**
+ * Svelte 5 rune: crash-recovery autosave bound to a history and dirty flag,
+ * with page lifecycle flushing and a recovery check (see
+ * `createAutosaveController` in `@pixerate/editor/persistence`). Render
+ * `<RecoveryPrompt>` with `recovery`, `restore` and `discard`.
+ */
+export declare function createAutosave<T>(options: CreateAutosaveOptions<T>): SvelteAutosave<T>;
+//# sourceMappingURL=autosave.svelte.d.ts.map

package/dist/persistence/autosave.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autosave.svelte.d.ts","sourceRoot":"","sources":["../../src/persistence/autosave.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACpB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,OAAO,EAAE,cAAc,CAAC;IACxB,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,CAAC;IAClC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,uGAAuG;IACvG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,uBAAuB;IACvB,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAC;IACpC,qFAAqF;IACrF,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC9C,+FAA+F;IAC/F,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,mFAAmF;IACnF,OAAO,IAAI,CAAC,GAAG,SAAS,CAAC;IACzB,4DAA4D;IAC5D,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,uDAAuD;IACvD,KAAK,IAAI,IAAI,CAAC;IACd,kCAAkC;IAClC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,yGAAyG;IACzG,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,+CAA+C;IAC/C,YAAY,IAAI,IAAI,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC3C,kCAAkC;IAClC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAyGtF"}

package/dist/persistence/autosave.svelte.js

@@ -0,0 +1,110 @@
+import { createAutosaveController, createRevisionTracker, } from "@pixerate/editor/persistence";
+/**
+ * Svelte 5 rune: crash-recovery autosave bound to a history and dirty flag,
+ * with page lifecycle flushing and a recovery check (see
+ * `createAutosaveController` in `@pixerate/editor/persistence`). Render
+ * `<RecoveryPrompt>` with `recovery`, `restore` and `discard`.
+ */
+export function createAutosave(options) {
+    const revisions = createRevisionTracker({ history: options.history, dirty: options.dirty });
+    const controller = createAutosaveController({
+        storage: options.storage,
+        key: options.key,
+        getSnapshot: options.getSnapshot,
+        serialize: options.serialize,
+        deserialize: options.deserialize,
+        name: options.name,
+        revision: revisions.revision,
+        savedRevision: revisions.savedRevision,
+        interval: options.interval,
+        debounceMs: options.debounceMs,
+        retryBaseMs: options.retryBaseMs,
+        retryMaxMs: options.retryMaxMs,
+    });
+    const recover = options.recover !== false;
+    let status = $state.raw(controller.getStatus());
+    let recovery = $state.raw(null);
+    let pendingRecovery = $state(recover);
+    let loaded = options.ready !== false;
+    let destroyed = false;
+    const maybeReady = () => {
+        if (!destroyed && loaded && !pendingRecovery)
+            controller.ready();
+    };
+    const unsubscribeStatus = controller.subscribe((info) => {
+        status = info;
+    });
+    const unsubscribeRevisions = revisions.subscribe(() => controller.notify());
+    const checked = recover
+        ? controller
+            .checkRecovery()
+            .catch(() => null)
+            .then((found) => {
+            if (destroyed)
+                return;
+            recovery = found;
+            pendingRecovery = found !== null;
+            maybeReady();
+        })
+        : Promise.resolve();
+    maybeReady();
+    let removeListeners = () => { };
+    if (options.flushOnHide !== false && typeof window !== "undefined") {
+        const flush = () => void controller.flushNow();
+        const onVisibility = () => {
+            if (document.visibilityState === "hidden")
+                flush();
+        };
+        window.addEventListener("pagehide", flush);
+        document.addEventListener("visibilitychange", onVisibility);
+        removeListeners = () => {
+            window.removeEventListener("pagehide", flush);
+            document.removeEventListener("visibilitychange", onVisibility);
+        };
+    }
+    return {
+        get status() {
+            return status;
+        },
+        get recovery() {
+            return recovery;
+        },
+        get pendingRecovery() {
+            return pendingRecovery;
+        },
+        restore() {
+            const snapshot = recovery?.snapshot;
+            recovery = null;
+            pendingRecovery = false;
+            // Deferred so the caller can apply the snapshot first.
+            queueMicrotask(maybeReady);
+            return snapshot;
+        },
+        async discard() {
+            await controller.discardRecovery();
+            recovery = null;
+            pendingRecovery = false;
+            maybeReady();
+        },
+        ready() {
+            loaded = true;
+            maybeReady();
+        },
+        flushNow: () => controller.flushNow(),
+        async markClean() {
+            revisions.markSaved();
+            await controller.markClean();
+        },
+        notifyChange: () => revisions.bump(),
+        checked,
+        controller,
+        destroy() {
+            destroyed = true;
+            removeListeners();
+            unsubscribeStatus();
+            unsubscribeRevisions();
+            revisions.destroy();
+            controller.destroy();
+        },
+    };
+}

package/dist/persistence/index.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "svelte";
+import type RecoveryPromptComponent from "./RecoveryPrompt.svelte";
+export { default as RecoveryPrompt } from "./RecoveryPrompt.svelte";
+export * from "./autosave.svelte.js";
+export type RecoveryPromptProps = ComponentProps<typeof RecoveryPromptComponent>;
+//# sourceMappingURL=index.d.ts.map

package/dist/persistence/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/persistence/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,uBAAuB,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,cAAc,sBAAsB,CAAC;AAErC,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

package/dist/persistence/index.js

@@ -0,0 +1,2 @@
+export { default as RecoveryPrompt } from "./RecoveryPrompt.svelte";
+export * from "./autosave.svelte.js";

package/dist/review/documentCompare.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { Editor } from "@tiptap/core";
+import { type CompareSource, type CompareSummary, type EditorCompareOptions } from "@pixerate/editor";
+export type { CompareSource, CompareSummary, EditorCompareOptions } from "@pixerate/editor";
+export interface SvelteDocumentCompare {
+    /** Summary of the last comparison, or `null` (reactive). */
+    readonly summary: CompareSummary | null;
+    /**
+     * Replaces the editor content with the comparison of two versions (nodes,
+     * JSON or HTML) as tracked changes, ready to review with `ReviewToolbar`.
+     * Returns the summary, or `null` without an editor.
+     */
+    compare(original: CompareSource, revised: CompareSource, options?: EditorCompareOptions): CompareSummary | null;
+    /** Forgets the last summary. */
+    clear(): void;
+}
+/**
+ * Compare two document versions into an editor using `TrackChanges`.
+ * `options` are defaults for every comparison.
+ */
+export declare function createDocumentCompare(editor: Editor | null | undefined, options?: EditorCompareOptions): SvelteDocumentCompare;
+//# sourceMappingURL=documentCompare.svelte.d.ts.map

package/dist/review/documentCompare.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentCompare.svelte.d.ts","sourceRoot":"","sources":["../../src/review/documentCompare.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE5F,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CACL,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EACtB,OAAO,CAAC,EAAE,oBAAoB,GAC7B,cAAc,GAAG,IAAI,CAAC;IACzB,gCAAgC;IAChC,KAAK,IAAI,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,OAAO,CAAC,EAAE,oBAAoB,GAC7B,qBAAqB,CAgBvB"}

package/dist/review/documentCompare.svelte.js

@@ -0,0 +1,23 @@
+import { applyDocumentComparison, } from "@pixerate/editor";
+/**
+ * Compare two document versions into an editor using `TrackChanges`.
+ * `options` are defaults for every comparison.
+ */
+export function createDocumentCompare(editor, options) {
+    let summary = $state.raw(null);
+    return {
+        get summary() {
+            return summary;
+        },
+        compare(original, revised, overrides) {
+            if (!editor || editor.isDestroyed)
+                return null;
+            const result = applyDocumentComparison(editor, original, revised, { ...options, ...overrides });
+            summary = result.summary;
+            return result.summary;
+        },
+        clear() {
+            summary = null;
+        },
+    };
+}

package/dist/review/index.d.ts

@@ -6,6 +6,7 @@ export { default as CommentsPanel } from "./CommentsPanel.svelte";
 export { default as ReviewToolbar } from "./ReviewToolbar.svelte";
 export { default as CommentButton } from "./CommentButton.svelte";
 export * from "./review.svelte.js";
+export * from "./documentCompare.svelte.js";
 export type CommentsPanelProps = ComponentProps<typeof CommentsPanelComponent>;
 export type ReviewToolbarProps = ComponentProps<typeof ReviewToolbarComponent>;
 export type CommentButtonProps = ComponentProps<typeof CommentButtonComponent>;

package/dist/review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/review/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,oBAAoB,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/review/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/review/index.js

@@ -2,3 +2,4 @@ export { default as CommentsPanel } from "./CommentsPanel.svelte";
 export { default as ReviewToolbar } from "./ReviewToolbar.svelte";
 export { default as CommentButton } from "./CommentButton.svelte";
 export * from "./review.svelte.js";
+export * from "./documentCompare.svelte.js";

package/dist/spreadsheet/SpreadsheetContextMenu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { clampMenuPosition, type SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
+  import { clampMenuPosition, runSpreadsheetMenuItem, type SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
 
   // Gap kept between the menu and the viewport edges.
   const VIEWPORT_MARGIN = 4;
@@ -66,11 +66,14 @@
       type="button"
       role="menuitem"
       data-action={item.id}
+      data-checked={item.checked ? '' : undefined}
       disabled={item.disabled}
-      class="block w-full px-3 py-1 text-left hover:bg-muted disabled:cursor-default disabled:opacity-40 disabled:hover:bg-transparent"
+      class="block w-full px-3 py-1 text-left hover:bg-muted disabled:cursor-default disabled:opacity-40 disabled:hover:bg-transparent {item.checked
+        ? 'font-semibold'
+        : ''}"
       onclick={() => {
         onClose();
-        item.run();
+        runSpreadsheetMenuItem(item);
       }}
     >
       {item.label}

package/dist/spreadsheet/SpreadsheetContextMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetContextMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetContextMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGzF,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA6DH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"SpreadsheetContextMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetContextMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6C,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGjH,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA+DH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/spreadsheet/SpreadsheetEditor.svelte

@@ -12,7 +12,9 @@
     type CellRange,
     type SpreadsheetMenuItem,
     type SpreadsheetViewColumn,
-    type SpreadsheetViewRow
+    type SpreadsheetViewRow,
+    formatCellForDisplay,
+    numberFormatColorToCss
   } from '@pixerate/editor/spreadsheet';
   import FormulaBar from './FormulaBar.svelte';
   import SpreadsheetContextMenu from './SpreadsheetContextMenu.svelte';
@@ -585,11 +587,14 @@
                   {@const cellArg = Object.assign({ row, col, cell }, cell)}
                   {@render (customCellRenderer as any)(cellArg, col, row)}
                 {:else}
+                  {@const shown = formatCellForDisplay(cell)}
                   <span
                     class="truncate block max-w-full {cell.error ? 'text-destructive font-semibold' : ''}"
                     title={cell.error ? (cell.errorMessage ?? cell.error) : undefined}
+                    data-numeric={shown.numeric ? '' : undefined}
+                    style="{shown.numeric ? 'text-align: right;' : ''}{shown.color ? ` color: ${numberFormatColorToCss(shown.color)};` : ''}"
                   >
-                    {cell.error || (cell.value ?? '')}
+                    {shown.text}
                   </span>
                 {/if}
                 {#if activeSpill && rangeContains(activeSpill.range, rIdx, cIdx)}

package/dist/spreadsheet/SpreadsheetEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,QAAQ,EAKd,MAAM,8BAA8B,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EACf,OAAO,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,GACtD,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,GAAG,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AA+hBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SpreadsheetEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,QAAQ,EAOd,MAAM,8BAA8B,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EACf,OAAO,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,GACtD,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,GAAG,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAgiBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/spreadsheet/spreadsheet.svelte.d.ts

@@ -33,6 +33,8 @@ export declare function createReactiveSpreadsheet(options?: SpreadsheetControlle
     toggleGroupCollapsed: (key: string) => void;
     getGroups: () => import("@pixerate/editor").SpreadsheetRowGroup[];
     transposeRange: (range?: CellRange | null) => boolean;
+    setCellNumberFormat: (range: CellRange | null, code: string | null) => boolean;
+    setColumnNumberFormat: (colId: string, code: string | null) => void;
     exportToCsv: (options?: import("@pixerate/editor").CsvExportOptions) => string;
     importFromCsv: (csv: string, options?: import("@pixerate/editor").CsvImportOptions) => void;
     copyToClipboardData: (range?: CellRange | null) => import("@pixerate/editor").SpreadsheetClipboardData;

package/dist/spreadsheet/spreadsheet.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spreadsheet.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/spreadsheet.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAmL8zuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/G33uB,MAAM;;mBAMX,MAAM,SAAS,MAAM,GAAG,QAAQ;wBAG3B,MAAM,SAAS,MAAM,OAAO,MAAM;oBAItC,MAAM,OAAO,MAAM;uBAKhB,SAAS;uBAIT,MAAM,QAAQ,MAAM,eAAe,MAAM;wBAMxC,MAAM;;oBAWV,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wBAK5B,MAAM,WAAW,OAAO,CAAC,iBAAiB,CAAC;wBAI3C,MAAM;qBAIT,MAAM,WAAW,OAAO,CAAC,cAAc,CAAC;qBAIxC,MAAM;0BAID,MAAM,SAAS,MAAM;8BAIjB,MAAM,gBAAgB,MAAM;2BAI/B,mBAAmB;;2BAanB,qBAAqB;6BAInB,MAAM,GAAG,SAAS;;wBAQvB,SAAS,GAAG,IAAI;wBAGhB,MAAM;;;EAc7B"}
+{"version":3,"file":"spreadsheet.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/spreadsheet.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAmLoz2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/Gj32B,MAAM;;mBAMX,MAAM,SAAS,MAAM,GAAG,QAAQ;wBAG3B,MAAM,SAAS,MAAM,OAAO,MAAM;oBAItC,MAAM,OAAO,MAAM;uBAKhB,SAAS;uBAIT,MAAM,QAAQ,MAAM,eAAe,MAAM;wBAMxC,MAAM;;oBAWV,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wBAK5B,MAAM,WAAW,OAAO,CAAC,iBAAiB,CAAC;wBAI3C,MAAM;qBAIT,MAAM,WAAW,OAAO,CAAC,cAAc,CAAC;qBAIxC,MAAM;0BAID,MAAM,SAAS,MAAM;8BAIjB,MAAM,gBAAgB,MAAM;2BAI/B,mBAAmB;;2BAanB,qBAAqB;6BAInB,MAAM,GAAG,SAAS;;wBAQvB,SAAS,GAAG,IAAI;wBAGhB,MAAM;;;EAc7B"}