@printstack/print-studio 0.0.0-stage → 0.1.1

package/designer/stores/panel-store.d.ts

@@ -0,0 +1,526 @@
+import { Component } from 'vue';
+import { PreferenceStorage } from '../../studio-types';
+import { PanelColumn, PanelDragState, PanelDropTarget, PanelLayout } from './types';
+export interface PanelDefinition {
+    component: Component;
+    icon: string;
+    id: string;
+    title: () => string;
+}
+export declare function createPanelStore(persistPreferences?: boolean, storage?: PreferenceStorage): import('pinia').Store<"editor-panel", Pick<{
+    activate: (groupId: string, panelId: string, popout?: boolean) => void;
+    beginDrag: (state: Omit<PanelDragState, "target">, bounds?: Pick<PanelColumn, "collapsed" | "height" | "width" | "x" | "y">) => void;
+    bringToFront: (id: string) => void;
+    cancelDrag: () => void;
+    closePopout: () => void;
+    definitions: import('vue').ShallowReactive<Record<string, PanelDefinition>>;
+    dockedColumns: import('vue').ComputedRef<{
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    }[]>;
+    drag: import('vue').Ref<{
+        columnId: string;
+        groupId?: string | undefined;
+        panelId?: string | undefined;
+        target: {
+            columnId?: string | undefined;
+            groupId?: string | undefined;
+            panelId?: string | undefined;
+            placement: "after" | "before" | "bottom" | "float" | "left" | "right" | "tab" | "top";
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null;
+        x: number;
+        y: number;
+    } | null, PanelDragState | {
+        columnId: string;
+        groupId?: string | undefined;
+        panelId?: string | undefined;
+        target: {
+            columnId?: string | undefined;
+            groupId?: string | undefined;
+            panelId?: string | undefined;
+            placement: "after" | "before" | "bottom" | "float" | "left" | "right" | "tab" | "top";
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null;
+        x: number;
+        y: number;
+    } | null>;
+    dragLayout: import('vue').Ref<{
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    } | null, PanelLayout | {
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    } | null>;
+    findColumn: import('vue').ComputedRef<(id: string) => {
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    } | undefined>;
+    finishDrag: () => void;
+    floatingColumns: import('vue').ComputedRef<{
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    }[]>;
+    isWholeColumnDrag: import('vue').ComputedRef<(source: Pick<PanelDragState, "columnId" | "groupId" | "panelId">) => boolean>;
+    layout: import('vue').Ref<{
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    }, PanelLayout | {
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    }>;
+    moveDrag: (x: number, y: number) => void;
+    movePanels: (source: Omit<PanelDragState, "target" | "x" | "y">, target: PanelDropTarget) => void;
+    openGroupId: import('vue').Ref<string | null, string | null>;
+    persist: () => void;
+    register: (definition: PanelDefinition) => () => void;
+    resetLayout: () => void;
+    resizeColumn: (id: string, width: number, collapsed?: boolean) => void;
+    resizeFloating: (id: string, width: number, height: number) => void;
+    resizeGroups: (columnId: string, groupId: string, nextId: string, ratio: number, total: number) => void;
+    restorePreferences: () => void;
+    toggleColumn: (id: string) => void;
+    updateDrag: (x: number, y: number, target: null | PanelDropTarget) => void;
+}, "layout" | "definitions" | "drag" | "dragLayout" | "openGroupId">, Pick<{
+    activate: (groupId: string, panelId: string, popout?: boolean) => void;
+    beginDrag: (state: Omit<PanelDragState, "target">, bounds?: Pick<PanelColumn, "collapsed" | "height" | "width" | "x" | "y">) => void;
+    bringToFront: (id: string) => void;
+    cancelDrag: () => void;
+    closePopout: () => void;
+    definitions: import('vue').ShallowReactive<Record<string, PanelDefinition>>;
+    dockedColumns: import('vue').ComputedRef<{
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    }[]>;
+    drag: import('vue').Ref<{
+        columnId: string;
+        groupId?: string | undefined;
+        panelId?: string | undefined;
+        target: {
+            columnId?: string | undefined;
+            groupId?: string | undefined;
+            panelId?: string | undefined;
+            placement: "after" | "before" | "bottom" | "float" | "left" | "right" | "tab" | "top";
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null;
+        x: number;
+        y: number;
+    } | null, PanelDragState | {
+        columnId: string;
+        groupId?: string | undefined;
+        panelId?: string | undefined;
+        target: {
+            columnId?: string | undefined;
+            groupId?: string | undefined;
+            panelId?: string | undefined;
+            placement: "after" | "before" | "bottom" | "float" | "left" | "right" | "tab" | "top";
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null;
+        x: number;
+        y: number;
+    } | null>;
+    dragLayout: import('vue').Ref<{
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    } | null, PanelLayout | {
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    } | null>;
+    findColumn: import('vue').ComputedRef<(id: string) => {
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    } | undefined>;
+    finishDrag: () => void;
+    floatingColumns: import('vue').ComputedRef<{
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    }[]>;
+    isWholeColumnDrag: import('vue').ComputedRef<(source: Pick<PanelDragState, "columnId" | "groupId" | "panelId">) => boolean>;
+    layout: import('vue').Ref<{
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    }, PanelLayout | {
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    }>;
+    moveDrag: (x: number, y: number) => void;
+    movePanels: (source: Omit<PanelDragState, "target" | "x" | "y">, target: PanelDropTarget) => void;
+    openGroupId: import('vue').Ref<string | null, string | null>;
+    persist: () => void;
+    register: (definition: PanelDefinition) => () => void;
+    resetLayout: () => void;
+    resizeColumn: (id: string, width: number, collapsed?: boolean) => void;
+    resizeFloating: (id: string, width: number, height: number) => void;
+    resizeGroups: (columnId: string, groupId: string, nextId: string, ratio: number, total: number) => void;
+    restorePreferences: () => void;
+    toggleColumn: (id: string) => void;
+    updateDrag: (x: number, y: number, target: null | PanelDropTarget) => void;
+}, "dockedColumns" | "findColumn" | "floatingColumns" | "isWholeColumnDrag">, Pick<{
+    activate: (groupId: string, panelId: string, popout?: boolean) => void;
+    beginDrag: (state: Omit<PanelDragState, "target">, bounds?: Pick<PanelColumn, "collapsed" | "height" | "width" | "x" | "y">) => void;
+    bringToFront: (id: string) => void;
+    cancelDrag: () => void;
+    closePopout: () => void;
+    definitions: import('vue').ShallowReactive<Record<string, PanelDefinition>>;
+    dockedColumns: import('vue').ComputedRef<{
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    }[]>;
+    drag: import('vue').Ref<{
+        columnId: string;
+        groupId?: string | undefined;
+        panelId?: string | undefined;
+        target: {
+            columnId?: string | undefined;
+            groupId?: string | undefined;
+            panelId?: string | undefined;
+            placement: "after" | "before" | "bottom" | "float" | "left" | "right" | "tab" | "top";
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null;
+        x: number;
+        y: number;
+    } | null, PanelDragState | {
+        columnId: string;
+        groupId?: string | undefined;
+        panelId?: string | undefined;
+        target: {
+            columnId?: string | undefined;
+            groupId?: string | undefined;
+            panelId?: string | undefined;
+            placement: "after" | "before" | "bottom" | "float" | "left" | "right" | "tab" | "top";
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null;
+        x: number;
+        y: number;
+    } | null>;
+    dragLayout: import('vue').Ref<{
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    } | null, PanelLayout | {
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    } | null>;
+    findColumn: import('vue').ComputedRef<(id: string) => {
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    } | undefined>;
+    finishDrag: () => void;
+    floatingColumns: import('vue').ComputedRef<{
+        collapsed: boolean;
+        floating: boolean;
+        groups: {
+            activeId: string;
+            id: string;
+            panelIds: string[];
+            weight: number;
+        }[];
+        height: number;
+        id: string;
+        railWidth: number;
+        width: number;
+        x: number;
+        y: number;
+    }[]>;
+    isWholeColumnDrag: import('vue').ComputedRef<(source: Pick<PanelDragState, "columnId" | "groupId" | "panelId">) => boolean>;
+    layout: import('vue').Ref<{
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    }, PanelLayout | {
+        columns: {
+            collapsed: boolean;
+            floating: boolean;
+            groups: {
+                activeId: string;
+                id: string;
+                panelIds: string[];
+                weight: number;
+            }[];
+            height: number;
+            id: string;
+            railWidth: number;
+            width: number;
+            x: number;
+            y: number;
+        }[];
+        version: 1;
+    }>;
+    moveDrag: (x: number, y: number) => void;
+    movePanels: (source: Omit<PanelDragState, "target" | "x" | "y">, target: PanelDropTarget) => void;
+    openGroupId: import('vue').Ref<string | null, string | null>;
+    persist: () => void;
+    register: (definition: PanelDefinition) => () => void;
+    resetLayout: () => void;
+    resizeColumn: (id: string, width: number, collapsed?: boolean) => void;
+    resizeFloating: (id: string, width: number, height: number) => void;
+    resizeGroups: (columnId: string, groupId: string, nextId: string, ratio: number, total: number) => void;
+    restorePreferences: () => void;
+    toggleColumn: (id: string) => void;
+    updateDrag: (x: number, y: number, target: null | PanelDropTarget) => void;
+}, "resizeColumn" | "movePanels" | "activate" | "beginDrag" | "bringToFront" | "cancelDrag" | "closePopout" | "finishDrag" | "moveDrag" | "persist" | "register" | "resetLayout" | "resizeFloating" | "resizeGroups" | "restorePreferences" | "toggleColumn" | "updateDrag">>;

package/designer/stores/plugin-store.d.ts

@@ -0,0 +1,19 @@
+export declare function createPluginStore(): import('pinia').Store<"editor-plugin", Pick<{
+    add: (name: string) => void;
+    names: import('vue').Ref<string[], string[]>;
+    remove: (name: string) => void;
+    statuses: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    transition: (name: string, status: string) => void;
+}, "names" | "statuses">, Pick<{
+    add: (name: string) => void;
+    names: import('vue').Ref<string[], string[]>;
+    remove: (name: string) => void;
+    statuses: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    transition: (name: string, status: string) => void;
+}, never>, Pick<{
+    add: (name: string) => void;
+    names: import('vue').Ref<string[], string[]>;
+    remove: (name: string) => void;
+    statuses: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    transition: (name: string, status: string) => void;
+}, "add" | "remove" | "transition">>;

package/designer/stores/rendering-store.d.ts

@@ -0,0 +1,120 @@
+import { ElementRegistry } from '../../core/element-registry';
+import { RenderProgress } from '../../core/render/render-task';
+import { PrintDocument } from '../../core/types';
+import { HtmlParseOptions, PdfParseOptions, RenderExecutionOptions } from '../../parser';
+import { RenderExecution } from '../../parser/render-runtime';
+import { ParserRegistry } from '../../parser/types';
+import { createConfigStore } from './config-store';
+export declare function createRenderingStore(deps: {
+    config: Pick<ReturnType<typeof createConfigStore>, 'data'>;
+    elements?: ElementRegistry;
+    parsers?: ParserRegistry;
+}): import('pinia').Store<"editor-rendering", Pick<{
+    active: import('vue').Ref<boolean, boolean>;
+    cancel: () => void;
+    html: (document: PrintDocument, input?: Record<string, unknown>, options?: HtmlParseOptions, execution?: RenderExecutionOptions) => Promise<{
+        execution: RenderExecution;
+        html: string;
+        warnings: string[];
+    }>;
+    lastExecution: import('vue').Ref<{
+        backend: "hybrid" | "main" | "worker";
+        durationMs: number;
+        reason?: "custom-parser" | "disabled" | "element-capability" | "unavailable" | undefined;
+    } | null, RenderExecution | {
+        backend: "hybrid" | "main" | "worker";
+        durationMs: number;
+        reason?: "custom-parser" | "disabled" | "element-capability" | "unavailable" | undefined;
+    } | null>;
+    pausable: import('vue').Ref<boolean, boolean>;
+    pause: () => void;
+    paused: import('vue').Ref<boolean, boolean>;
+    pdf: (document: PrintDocument, input?: Record<string, unknown>, options?: PdfParseOptions, execution?: RenderExecutionOptions) => Promise<{
+        blob: Blob;
+        execution: RenderExecution;
+        warnings: string[];
+    }>;
+    progress: import('vue').Ref<{
+        completed: number;
+        stage: "prepare" | "render" | "resources" | "serialize";
+        total: number;
+    }, RenderProgress | {
+        completed: number;
+        stage: "prepare" | "render" | "resources" | "serialize";
+        total: number;
+    }>;
+    resume: () => void;
+    runExternal: <Result>(task: (signal: AbortSignal) => Promise<Result>) => Promise<Result>;
+}, "progress" | "paused" | "active" | "lastExecution" | "pausable">, Pick<{
+    active: import('vue').Ref<boolean, boolean>;
+    cancel: () => void;
+    html: (document: PrintDocument, input?: Record<string, unknown>, options?: HtmlParseOptions, execution?: RenderExecutionOptions) => Promise<{
+        execution: RenderExecution;
+        html: string;
+        warnings: string[];
+    }>;
+    lastExecution: import('vue').Ref<{
+        backend: "hybrid" | "main" | "worker";
+        durationMs: number;
+        reason?: "custom-parser" | "disabled" | "element-capability" | "unavailable" | undefined;
+    } | null, RenderExecution | {
+        backend: "hybrid" | "main" | "worker";
+        durationMs: number;
+        reason?: "custom-parser" | "disabled" | "element-capability" | "unavailable" | undefined;
+    } | null>;
+    pausable: import('vue').Ref<boolean, boolean>;
+    pause: () => void;
+    paused: import('vue').Ref<boolean, boolean>;
+    pdf: (document: PrintDocument, input?: Record<string, unknown>, options?: PdfParseOptions, execution?: RenderExecutionOptions) => Promise<{
+        blob: Blob;
+        execution: RenderExecution;
+        warnings: string[];
+    }>;
+    progress: import('vue').Ref<{
+        completed: number;
+        stage: "prepare" | "render" | "resources" | "serialize";
+        total: number;
+    }, RenderProgress | {
+        completed: number;
+        stage: "prepare" | "render" | "resources" | "serialize";
+        total: number;
+    }>;
+    resume: () => void;
+    runExternal: <Result>(task: (signal: AbortSignal) => Promise<Result>) => Promise<Result>;
+}, never>, Pick<{
+    active: import('vue').Ref<boolean, boolean>;
+    cancel: () => void;
+    html: (document: PrintDocument, input?: Record<string, unknown>, options?: HtmlParseOptions, execution?: RenderExecutionOptions) => Promise<{
+        execution: RenderExecution;
+        html: string;
+        warnings: string[];
+    }>;
+    lastExecution: import('vue').Ref<{
+        backend: "hybrid" | "main" | "worker";
+        durationMs: number;
+        reason?: "custom-parser" | "disabled" | "element-capability" | "unavailable" | undefined;
+    } | null, RenderExecution | {
+        backend: "hybrid" | "main" | "worker";
+        durationMs: number;
+        reason?: "custom-parser" | "disabled" | "element-capability" | "unavailable" | undefined;
+    } | null>;
+    pausable: import('vue').Ref<boolean, boolean>;
+    pause: () => void;
+    paused: import('vue').Ref<boolean, boolean>;
+    pdf: (document: PrintDocument, input?: Record<string, unknown>, options?: PdfParseOptions, execution?: RenderExecutionOptions) => Promise<{
+        blob: Blob;
+        execution: RenderExecution;
+        warnings: string[];
+    }>;
+    progress: import('vue').Ref<{
+        completed: number;
+        stage: "prepare" | "render" | "resources" | "serialize";
+        total: number;
+    }, RenderProgress | {
+        completed: number;
+        stage: "prepare" | "render" | "resources" | "serialize";
+        total: number;
+    }>;
+    resume: () => void;
+    runExternal: <Result>(task: (signal: AbortSignal) => Promise<Result>) => Promise<Result>;
+}, "pause" | "resume" | "cancel" | "html" | "pdf" | "runExternal">>;