@maildeno/editor 0.1.0

package/dist/composables/emailBuilder/core/ui/visibilityBadgeHelpers.d.ts

@@ -0,0 +1,22 @@
+export interface VisibilityLike {
+    enabled?: boolean;
+    rules?: {
+        tag: string;
+        operator: string;
+        value: string;
+    }[];
+    groups?: {
+        match: "all" | "any";
+        rules: any[];
+    }[];
+}
+/**
+ * Returns true when the visibility config should show a badge.
+ * A badge is shown when enabled AND has at least one flat rule OR one group.
+ */
+export declare const isVisibilityActive: (vis: VisibilityLike | undefined | null) => boolean;
+/**
+ * Returns the total number of rules across flat rules + all group rules.
+ * Used as the count shown on the badge pill.
+ */
+export declare const visibilityRuleCount: (vis: VisibilityLike | undefined | null) => number;

package/dist/composables/emailBuilder/core/useEmailBuilder.d.ts

@@ -0,0 +1,274 @@
+import { useInfoDialog } from '../../ui/useInfoDialog';
+import { EditorStorageAdapter } from '../../../adapters/types';
+type EmailBuilderInstance = ReturnType<typeof createEmailBuilderInstance>;
+/** Called once, at the EmailEditor root. Do not call from any other file.
+ * storageAdapterInstance/infoDialogInstance are the already-created
+ * return values of provideStorageAdapter()/provideInfoDialog() — see the
+ * comment on useEmailExportEngine's matching parameter for why these are
+ * passed directly rather than re-injected internally. */
+export declare function provideEmailBuilder(storageAdapterInstance?: EditorStorageAdapter, infoDialogInstance?: ReturnType<typeof useInfoDialog>): {
+    rows: import('vue').Ref<any[], any[]>;
+    canvasStyles: import('vue').Ref<Record<string, any>, Record<string, any>>;
+    templateTags: import('vue').Ref<any[], any[]>;
+    savedTemplateName: import('vue').Ref<string | null, string | null>;
+    previewMode: import('vue').Ref<string, string>;
+    sidebarTab: import('vue').Ref<string, string>;
+    selectedId: import('vue').Ref<string | null, string | null>;
+    selectedRowId: import('vue').Ref<string | null, string | null>;
+    selectedColumn: import('vue').Ref<{
+        rowId: string;
+        columnId: string;
+    } | null, {
+        rowId: string;
+        columnId: string;
+    } | {
+        rowId: string;
+        columnId: string;
+    } | null>;
+    visibilityPreviewContext: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    mergeTagInsertQueue: import('vue').Ref<{
+        componentId: string;
+        tagName: string;
+        default: string;
+    } | null, {
+        componentId: string;
+        tagName: string;
+        default: string;
+    } | {
+        componentId: string;
+        tagName: string;
+        default: string;
+    } | null>;
+    triggerMergeTagInsert: (componentId: string, tagName: string, defaultValue?: string) => void;
+    mergeTagPreviewContext: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    mergeTagPreviewActive: import('vue').Ref<boolean, boolean>;
+    linkTagPreviewContext: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    linkTagPreviewActive: import('vue').Ref<boolean, boolean>;
+    isBuilderReady: import('vue').Ref<boolean, boolean>;
+    linksActive: import('vue').Ref<boolean, boolean>;
+    espConfig: import('vue').Ref<{
+        syntax: import('../export/transformers/espWrapper').ESPSyntax;
+    }, {
+        syntax: import('../export/transformers/espWrapper').ESPSyntax;
+    } | {
+        syntax: import('../export/transformers/espWrapper').ESPSyntax;
+    }>;
+    canvasHoveredId: import('vue').Ref<string | null, string | null>;
+    nestedRowDragId: import('vue').Ref<string | null, string | null>;
+    isRowDragActive: import('vue').Ref<boolean, boolean>;
+    isTopLevelRowDragActive: import('vue').Ref<boolean, boolean>;
+    layerHoveredId: import('vue').Ref<string | null, string | null>;
+    addRow: (layout: number | number[], silent?: boolean) => void;
+    addNestedRow: (parentRowId: any, columnId: string, layout: number | number[], insertIndex?: number) => void;
+    findRow: (id: any) => any;
+    deleteRow: (id: any) => void;
+    moveRow: (rowId: any, direction: "up" | "down") => void;
+    moveNestedRow: (rowId: any, targetRowId: any, targetColumnId: string | null, targetIndex: number) => void;
+    reorderRows: (fromIndex: any, toIndex: any, silent?: boolean) => void;
+    addSpacer: (silent?: boolean) => void;
+    duplicateRow: (rowId: any) => void;
+    duplicateRowSpacer: (spacerId: any) => void;
+    addRowSilent: (layout: number | number[]) => void;
+    addSpacerSilent: () => void;
+    reorderRowsSilent: (from: number, to: number) => void;
+    addComponent: (rowId: any, columnId: string, type: string) => void;
+    addComponentAtIndex: (rowId: any, columnId: string, type: string, index: any) => void;
+    deleteComponent: (id: any) => void;
+    moveComponent: (componentId: any, direction: "up" | "down") => void;
+    moveComponentBetweenColumns: (componentId: any, targetRowId: any, targetColumnId: string, targetIndex: any) => void;
+    findComponent: (id: any) => any;
+    updateComponent: (id: any, props: any) => void;
+    duplicateComponent: (componentId: any) => void;
+    exportHTML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => Promise<void>;
+    getExportedHTML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => string | null;
+    exportReactEmail: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => Promise<void>;
+    getExportedReactEmail: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => string | null;
+    exportMJML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => Promise<void>;
+    getExportedMJML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => string | null;
+    exportJSON: (templateNameParam?: string) => void;
+    getExportedJSON: (templateNameParam?: string) => {
+        template_id: string;
+        template_name: string;
+        canvas: Partial<import('../transform/pipeline/optimize').Canvas>;
+        rows: Partial<import('../transform/pipeline/optimize').NestedRow | import('../transform/pipeline/optimize').RowSpacer>[];
+        schema_version: string;
+    } | null;
+    importJSON: (file: File) => void;
+    clearTemplate: () => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: import('vue').ComputedRef<boolean>;
+    canRedo: import('vue').ComputedRef<boolean>;
+    historyStatus: import('vue').ComputedRef<string>;
+    saveToHistory: (action?: string, immediate?: boolean) => void;
+    saveToHistoryImmediate: (action: string) => void;
+    initFromStorage: () => string | null;
+    clearLocal: () => void;
+    loadFromLocal: () => import('../persistence/useEmailBuilderPersistence').RestoredDraft | null;
+    hasDraft: (templateId?: string) => boolean;
+    saveStatus: import('vue').Ref<import('../persistence/useEmailBuilderPersistence').AutoSaveStatus, import('../persistence/useEmailBuilderPersistence').AutoSaveStatus>;
+    lastSaved: import('vue').Ref<Date | null, Date | null>;
+    initForCreate: () => void;
+    startNewTemplate: () => void;
+    loadTemplate: (template: {
+        canvas: any;
+        content: {
+            rows: any[];
+        };
+        name?: string;
+        tags?: any[];
+    }, templateId: string, onReady?: () => void) => void;
+    loadTemplateById: (id: string) => Promise<boolean>;
+    saveTemplate: (payload: {
+        rows: any[];
+        canvasStyles: Record<string, any>;
+        name?: string;
+        tags?: string[];
+    }) => Promise<string>;
+    templateId: import('vue').Ref<string | null, string | null>;
+    builderMode: import('vue').Ref<"view" | "create" | "edit", "view" | "create" | "edit">;
+    loadVersionSnapshot: (snapshot: {
+        canvas: any;
+        content: {
+            rows: any[];
+        };
+    }) => void;
+};
+/**
+ * Every file that isn't the root calls this exactly as before —
+ * destructuring rows/selectedId/exportHTML/etc. Same signature, same
+ * return shape. Throws a clear error instead of silently returning
+ * undefined if something tries to use it outside an EmailEditor tree,
+ * which is a much easier bug to find than "canvasStyles is undefined"
+ * three files away.
+ */
+export declare const useEmailBuilder: () => EmailBuilderInstance;
+declare function createEmailBuilderInstance(storageAdapterInstance?: EditorStorageAdapter, infoDialogInstance?: ReturnType<typeof useInfoDialog>): {
+    rows: import('vue').Ref<any[], any[]>;
+    canvasStyles: import('vue').Ref<Record<string, any>, Record<string, any>>;
+    templateTags: import('vue').Ref<any[], any[]>;
+    savedTemplateName: import('vue').Ref<string | null, string | null>;
+    previewMode: import('vue').Ref<string, string>;
+    sidebarTab: import('vue').Ref<string, string>;
+    selectedId: import('vue').Ref<string | null, string | null>;
+    selectedRowId: import('vue').Ref<string | null, string | null>;
+    selectedColumn: import('vue').Ref<{
+        rowId: string;
+        columnId: string;
+    } | null, {
+        rowId: string;
+        columnId: string;
+    } | {
+        rowId: string;
+        columnId: string;
+    } | null>;
+    visibilityPreviewContext: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    mergeTagInsertQueue: import('vue').Ref<{
+        componentId: string;
+        tagName: string;
+        default: string;
+    } | null, {
+        componentId: string;
+        tagName: string;
+        default: string;
+    } | {
+        componentId: string;
+        tagName: string;
+        default: string;
+    } | null>;
+    triggerMergeTagInsert: (componentId: string, tagName: string, defaultValue?: string) => void;
+    mergeTagPreviewContext: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    mergeTagPreviewActive: import('vue').Ref<boolean, boolean>;
+    linkTagPreviewContext: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    linkTagPreviewActive: import('vue').Ref<boolean, boolean>;
+    isBuilderReady: import('vue').Ref<boolean, boolean>;
+    linksActive: import('vue').Ref<boolean, boolean>;
+    espConfig: import('vue').Ref<{
+        syntax: import('../export/transformers/espWrapper').ESPSyntax;
+    }, {
+        syntax: import('../export/transformers/espWrapper').ESPSyntax;
+    } | {
+        syntax: import('../export/transformers/espWrapper').ESPSyntax;
+    }>;
+    canvasHoveredId: import('vue').Ref<string | null, string | null>;
+    nestedRowDragId: import('vue').Ref<string | null, string | null>;
+    isRowDragActive: import('vue').Ref<boolean, boolean>;
+    isTopLevelRowDragActive: import('vue').Ref<boolean, boolean>;
+    layerHoveredId: import('vue').Ref<string | null, string | null>;
+    addRow: (layout: number | number[], silent?: boolean) => void;
+    addNestedRow: (parentRowId: any, columnId: string, layout: number | number[], insertIndex?: number) => void;
+    findRow: (id: any) => any;
+    deleteRow: (id: any) => void;
+    moveRow: (rowId: any, direction: "up" | "down") => void;
+    moveNestedRow: (rowId: any, targetRowId: any, targetColumnId: string | null, targetIndex: number) => void;
+    reorderRows: (fromIndex: any, toIndex: any, silent?: boolean) => void;
+    addSpacer: (silent?: boolean) => void;
+    duplicateRow: (rowId: any) => void;
+    duplicateRowSpacer: (spacerId: any) => void;
+    addRowSilent: (layout: number | number[]) => void;
+    addSpacerSilent: () => void;
+    reorderRowsSilent: (from: number, to: number) => void;
+    addComponent: (rowId: any, columnId: string, type: string) => void;
+    addComponentAtIndex: (rowId: any, columnId: string, type: string, index: any) => void;
+    deleteComponent: (id: any) => void;
+    moveComponent: (componentId: any, direction: "up" | "down") => void;
+    moveComponentBetweenColumns: (componentId: any, targetRowId: any, targetColumnId: string, targetIndex: any) => void;
+    findComponent: (id: any) => any;
+    updateComponent: (id: any, props: any) => void;
+    duplicateComponent: (componentId: any) => void;
+    exportHTML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => Promise<void>;
+    getExportedHTML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => string | null;
+    exportReactEmail: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => Promise<void>;
+    getExportedReactEmail: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => string | null;
+    exportMJML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => Promise<void>;
+    getExportedMJML: (mode?: import('../export/useEmailExportEngine').ExportMode, templateNameParam?: string) => string | null;
+    exportJSON: (templateNameParam?: string) => void;
+    getExportedJSON: (templateNameParam?: string) => {
+        template_id: string;
+        template_name: string;
+        canvas: Partial<import('../transform/pipeline/optimize').Canvas>;
+        rows: Partial<import('../transform/pipeline/optimize').NestedRow | import('../transform/pipeline/optimize').RowSpacer>[];
+        schema_version: string;
+    } | null;
+    importJSON: (file: File) => void;
+    clearTemplate: () => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: import('vue').ComputedRef<boolean>;
+    canRedo: import('vue').ComputedRef<boolean>;
+    historyStatus: import('vue').ComputedRef<string>;
+    saveToHistory: (action?: string, immediate?: boolean) => void;
+    saveToHistoryImmediate: (action: string) => void;
+    initFromStorage: () => string | null;
+    clearLocal: () => void;
+    loadFromLocal: () => import('../persistence/useEmailBuilderPersistence').RestoredDraft | null;
+    hasDraft: (templateId?: string) => boolean;
+    saveStatus: import('vue').Ref<import('../persistence/useEmailBuilderPersistence').AutoSaveStatus, import('../persistence/useEmailBuilderPersistence').AutoSaveStatus>;
+    lastSaved: import('vue').Ref<Date | null, Date | null>;
+    initForCreate: () => void;
+    startNewTemplate: () => void;
+    loadTemplate: (template: {
+        canvas: any;
+        content: {
+            rows: any[];
+        };
+        name?: string;
+        tags?: any[];
+    }, templateId: string, onReady?: () => void) => void;
+    loadTemplateById: (id: string) => Promise<boolean>;
+    saveTemplate: (payload: {
+        rows: any[];
+        canvasStyles: Record<string, any>;
+        name?: string;
+        tags?: string[];
+    }) => Promise<string>;
+    templateId: import('vue').Ref<string | null, string | null>;
+    builderMode: import('vue').Ref<"view" | "create" | "edit", "view" | "create" | "edit">;
+    loadVersionSnapshot: (snapshot: {
+        canvas: any;
+        content: {
+            rows: any[];
+        };
+    }) => void;
+};
+export {};