@bluepic/embed 0.4.0-next.99 → 0.5.1

package/dist/components/TemplateEditor/BatchEditor.vue.d.ts

@@ -0,0 +1,264 @@
+import { nextTick } from 'vue';
+import type { Template } from '@bluepic/types';
+import { type BxTableColumn } from '../BxTable.vue';
+import type { BatchRowsModel } from '../../util/batch/useBatchRows';
+/**
+ * The batch editor: a BxTable with one row per dataset and one column per
+ * field. Owns nothing but the table chrome — the rows live in `batch`
+ * (`useBatchRows`, created by BxTemplateEditor so the live preview and the
+ * export share the same model).
+ */
+type __VLS_Props = {
+    serial?: Template.Serial;
+    batch: BatchRowsModel;
+    /** The editor's resolved layout. Mobile drops the card chrome and goes full-bleed. */
+    layout?: 'mobile' | 'desktop';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    tableRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly columns?: BxTableColumn[] | undefined;
+            readonly bordered?: boolean | undefined;
+            readonly radius?: "none" | "sm" | "md" | "lg" | undefined;
+            readonly variant?: "plain" | "card" | undefined;
+            readonly hoverable?: boolean | undefined;
+            readonly dense?: boolean | undefined;
+            readonly stickyHeader?: boolean | undefined;
+            readonly fill?: boolean | undefined;
+            readonly maxHeight?: string | undefined;
+            readonly stickyColumns?: {
+                left?: number;
+                right?: number;
+            } | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            columns?: BxTableColumn[];
+            bordered?: boolean;
+            radius?: "none" | "sm" | "md" | "lg";
+            variant?: "plain" | "card";
+            hoverable?: boolean;
+            dense?: boolean;
+            stickyHeader?: boolean;
+            fill?: boolean;
+            maxHeight?: string;
+            stickyColumns?: {
+                left?: number;
+                right?: number;
+            };
+        }> & Readonly<{}>, {
+            wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            scrollEl: import("vue").ComputedRef<HTMLElement | undefined>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            fill: boolean;
+            bordered: boolean;
+            hoverable: boolean;
+            radius: "none" | "sm" | "md" | "lg";
+            maxHeight: string;
+            variant: "plain" | "card";
+            columns: BxTableColumn[];
+            dense: boolean;
+            stickyHeader: boolean;
+            stickyColumns: {
+                left?: number;
+                right?: number;
+            };
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        fill: boolean;
+        bordered: boolean;
+        hoverable: boolean;
+        radius: "none" | "sm" | "md" | "lg";
+        maxHeight: string;
+        variant: "plain" | "card";
+        columns: BxTableColumn[];
+        dense: boolean;
+        stickyHeader: boolean;
+        stickyColumns: {
+            left?: number;
+            right?: number;
+        };
+    }> & Omit<Readonly<{
+        columns?: BxTableColumn[];
+        bordered?: boolean;
+        radius?: "none" | "sm" | "md" | "lg";
+        variant?: "plain" | "card";
+        hoverable?: boolean;
+        dense?: boolean;
+        stickyHeader?: boolean;
+        fill?: boolean;
+        maxHeight?: string;
+        stickyColumns?: {
+            left?: number;
+            right?: number;
+        };
+    }> & Readonly<{}>, "wrapperRef" | ("fill" | "bordered" | "hoverable" | "radius" | "maxHeight" | "variant" | "columns" | "dense" | "stickyHeader" | "stickyColumns") | "scrollEl"> & {
+        wrapperRef: HTMLDivElement | undefined;
+        scrollEl: HTMLElement | undefined;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?: () => import("vue").VNode[] | import("vue").VNode;
+            'header-cell'?: (scope: {
+                column: BxTableColumn;
+                index: number;
+            }) => import("vue").VNode[] | import("vue").VNode;
+        };
+    }) | undefined, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly columns?: BxTableColumn[] | undefined;
+            readonly bordered?: boolean | undefined;
+            readonly radius?: "none" | "sm" | "md" | "lg" | undefined;
+            readonly variant?: "plain" | "card" | undefined;
+            readonly hoverable?: boolean | undefined;
+            readonly dense?: boolean | undefined;
+            readonly stickyHeader?: boolean | undefined;
+            readonly fill?: boolean | undefined;
+            readonly maxHeight?: string | undefined;
+            readonly stickyColumns?: {
+                left?: number;
+                right?: number;
+            } | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            columns?: BxTableColumn[];
+            bordered?: boolean;
+            radius?: "none" | "sm" | "md" | "lg";
+            variant?: "plain" | "card";
+            hoverable?: boolean;
+            dense?: boolean;
+            stickyHeader?: boolean;
+            fill?: boolean;
+            maxHeight?: string;
+            stickyColumns?: {
+                left?: number;
+                right?: number;
+            };
+        }> & Readonly<{}>, {
+            wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            scrollEl: import("vue").ComputedRef<HTMLElement | undefined>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            fill: boolean;
+            bordered: boolean;
+            hoverable: boolean;
+            radius: "none" | "sm" | "md" | "lg";
+            maxHeight: string;
+            variant: "plain" | "card";
+            columns: BxTableColumn[];
+            dense: boolean;
+            stickyHeader: boolean;
+            stickyColumns: {
+                left?: number;
+                right?: number;
+            };
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        fill: boolean;
+        bordered: boolean;
+        hoverable: boolean;
+        radius: "none" | "sm" | "md" | "lg";
+        maxHeight: string;
+        variant: "plain" | "card";
+        columns: BxTableColumn[];
+        dense: boolean;
+        stickyHeader: boolean;
+        stickyColumns: {
+            left?: number;
+            right?: number;
+        };
+    }> & Omit<Readonly<{
+        columns?: BxTableColumn[];
+        bordered?: boolean;
+        radius?: "none" | "sm" | "md" | "lg";
+        variant?: "plain" | "card";
+        hoverable?: boolean;
+        dense?: boolean;
+        stickyHeader?: boolean;
+        fill?: boolean;
+        maxHeight?: string;
+        stickyColumns?: {
+            left?: number;
+            right?: number;
+        };
+    }> & Readonly<{}>, "wrapperRef" | ("fill" | "bordered" | "hoverable" | "radius" | "maxHeight" | "variant" | "columns" | "dense" | "stickyHeader" | "stickyColumns") | "scrollEl"> & {
+        wrapperRef: HTMLDivElement | undefined;
+        scrollEl: HTMLElement | undefined;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?: () => import("vue").VNode[] | import("vue").VNode;
+            'header-cell'?: (scope: {
+                column: BxTableColumn;
+                index: number;
+            }) => import("vue").VNode[] | import("vue").VNode;
+        };
+    }) | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    import: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onImport?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/TemplateEditor/BatchExportPopup.vue.d.ts

@@ -0,0 +1,68 @@
+import type { BatchFileFormat, BatchNaming, BatchFailedRow } from '../../util/batch/export';
+import type { BatchCsvFormat } from '../../util/batch/csv';
+export type BatchExportKind = 'files' | 'csv';
+export interface BatchExportRunOptions {
+    kind: BatchExportKind;
+    format: BatchFileFormat | BatchCsvFormat;
+    naming: BatchNaming;
+    delimiter: ',' | ';';
+    prewarm: boolean;
+    signal: AbortSignal;
+    onProgress: (progress: {
+        done: number;
+        total: number;
+        failed?: number;
+        current?: number;
+    }) => void;
+}
+export interface BatchExportRunResult {
+    /** What to hand out: the zip / single file, or the CSV. */
+    output?: {
+        blob: Blob;
+        fileName: string;
+    };
+    /** Files count (files export) — for the wording. */
+    fileCount?: number;
+    /** CSV rows whose render URL is over budget (1-based). */
+    overBudget?: number[];
+    /** Pre-warm outcome (CSV). */
+    prewarmed?: {
+        done: number;
+        failed: number;
+    };
+    /** Files export: rows that threw and are missing from `output` (0-based index). */
+    failedRows?: BatchFailedRow[];
+    cancelled?: boolean;
+}
+/**
+ * The batch export dialog: choose format + naming, see what it costs, run,
+ * download. The parent supplies `run` — this component only knows the shape
+ * of the choices and the progress, not how rendering works.
+ */
+type __VLS_Props = {
+    kind: BatchExportKind;
+    rowCount: number;
+    templateName: string;
+    isVideoTemplate: boolean;
+    /** Rows a video batch may contain (tier). */
+    videoBatchMaxSize: number;
+    /** Whether outputs are charged in this context (false = the output is watermarked, which is free). */
+    consumesCredits: boolean;
+    /** Text bindings usable as file names: label → binding key. */
+    namingBindings: {
+        label: string;
+        key: string;
+    }[];
+    run: (opts: BatchExportRunOptions) => Promise<BatchExportRunResult>;
+};
+declare function cancelRun(): void;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    cancelRun: typeof cancelRun;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    done: (result: BatchExportRunResult) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onDone?: ((result: BatchExportRunResult) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/TemplateEditor/BatchImportPopup.vue.d.ts

@@ -0,0 +1,25 @@
+import { type BatchColumnField } from '../../util/batch/fields';
+/**
+ * Import rows into the batch: parse (delimiter + per-cell type inference from
+ * the studio's parseCSV), match columns to fields, convert per field type.
+ * Columns whose header IS a binding key are matched up front — that is what
+ * "Export as CSV" writes, so a round trip needs no clicking.
+ */
+type __VLS_Props = {
+    columns: BatchColumnField[];
+    currentRowCount: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: (payload: {
+        datasets: Record<string, unknown>[];
+        mode: "append" | "replace";
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((payload: {
+        datasets: Record<string, unknown>[];
+        mode: "append" | "replace";
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/TemplateEditor/BxLiveTemplate.vue.d.ts

@@ -11,6 +11,12 @@ type __VLS_Props = {
     serialWidth?: number;
     serialHeight?: number;
     preview?: string;
+    /**
+     * An individually pre-populated render of this template (`image.bluepic.io
+     * ?role=preview`), layered over `preview` in the skeleton until the live
+     * sandbox itself is ready. Omit when nothing pre-populates this view.
+     */
+    personalizedPreviewSrc?: string | null;
     data?: {
         [k: string]: unknown;
     };
@@ -29,6 +35,7 @@ declare function render(options: {
     watermark: boolean;
     resultType: 'blob';
     externalCanvas: HTMLCanvasElement | null;
+    svgLoadWaitDelay?: number;
 }): Promise<Blob>;
 declare function render(options: {
     type: 'image/png' | 'image/jpeg' | 'image/jpge' | 'image/webp';
@@ -43,6 +50,7 @@ declare function render(options: {
     watermark: boolean;
     resultType: 'canvas';
     externalCanvas: HTMLCanvasElement | null;
+    svgLoadWaitDelay?: number;
 }): Promise<HTMLCanvasElement>;
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     render: typeof render;