@maildeno/editor 0.4.4 → 0.4.6

package/dist/composables/emailBuilder/components/useComponentStyleEditor.d.ts

@@ -1,72 +0,0 @@
-import { Ref, ComputedRef } from 'vue';
-export interface GradientStop {
-    color: string;
-    position: number;
-}
-export interface GradientConfig {
-    type: "linear" | "radial";
-    direction: string;
-    colors: GradientStop[];
-}
-export interface BackgroundValue {
-    useGradient: boolean;
-    solid: string;
-    gradient: GradientConfig;
-}
-export type EditMode = "desktop" | "mobile";
-export interface BorderProps {
-    width: number;
-    color: string;
-    style: "solid" | "dashed" | "dotted";
-    radius?: number;
-}
-/**
- * Loose-but-honest shape for any component the style editor touches.
- * Every key is optional because different component types carry different
- * subsets (Image has no backgroundGradient, Anchor has no border, etc.).
- *
- * `mobile` is typed as required-but-nullable-fields because
- * useEmailBuilderDefaults always seeds it on instantiation. Index signature
- * preserves access to any key without enumerating every prop per component.
- */
-export interface StyledComponentProps {
-    mobile: Record<string, any> | null;
-    border?: BorderProps;
-    backgroundColor?: string;
-    backgroundGradient?: BackgroundValue | null;
-    desktopHide?: boolean;
-    mobileHide?: boolean;
-    [key: string]: any;
-}
-export interface StyledComponent {
-    id: string;
-    type: string;
-    props: StyledComponentProps;
-}
-export declare function useComponentStyleEditor(component: Ref<StyledComponent | null> | ComputedRef<StyledComponent | null>, editMode: Ref<EditMode> | ComputedRef<EditMode>): {
-    displayValue: (key: string) => any;
-    isOverridden: (key: string) => boolean;
-    canReset: (key: string) => boolean;
-    setProp: (key: string, value: any) => void;
-    resetProp: (key: string) => void;
-    incrementProp: (key: string, step?: number) => void;
-    decrementProp: (key: string, step?: number, min?: number) => void;
-    displayBorderValue: (key: keyof BorderProps) => any;
-    setBorderProp: (key: keyof BorderProps, value: any) => void;
-    incrementBorderProp: (key: keyof BorderProps) => void;
-    decrementBorderProp: (key: keyof BorderProps) => void;
-    isBorderOverridden: () => boolean;
-    resetBorder: () => void;
-    displayBackground: () => BackgroundValue;
-    setBackground: (value: BackgroundValue) => void;
-    isBackgroundOverridden: () => boolean;
-    resetBackground: () => void;
-    toggleGradient: (useGradient: boolean) => void;
-    setGradientColors: (colors: GradientStop[]) => void;
-    setGradientConfig: (config: Partial<GradientConfig>) => void;
-    useTransparentBg: import('vue').WritableComputedRef<boolean, boolean>;
-    bgColor: ComputedRef<any>;
-    setBgColor: (value: string) => void;
-    toggleDesktopHide: () => void;
-    toggleMobileHide: () => void;
-};

package/dist/composables/emailBuilder/components/useProductRowActions.d.ts

@@ -1,3 +0,0 @@
-export declare function useProductRowActions(): {
-    saveProductRowWithToast: (row: Record<string, any>, name: string) => Promise<boolean>;
-};

package/dist/composables/emailBuilder/components/useProductRows.d.ts

@@ -1,59 +0,0 @@
-import { SavedRow, EditorStorageAdapter } from '../../../adapters/types';
-declare function createProductRowsInstance(storageAdapterInstance?: EditorStorageAdapter): {
-    productRows: import('vue').Ref<{
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[], SavedRow[] | {
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[]>;
-    isFetching: import('vue').Ref<boolean, boolean>;
-    fetchRows: () => Promise<void>;
-    saveProductRow: (row: Record<string, any>, name: string) => Promise<SavedRow | null>;
-    deleteProductRow: (entryId: string) => Promise<void>;
-    renameProductRow: (entryId: string, newName: string) => Promise<{
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[]>;
-    cloneRowForCanvas: (entryId: string) => Record<string, any> | null;
-};
-type ProductRowsInstance = ReturnType<typeof createProductRowsInstance>;
-/** Called once, at the EmailEditor root. storageAdapterInstance is the
- * already-created return value of provideStorageAdapter() — same reasoning
- * as useEmailBuilder.ts's matching parameter: inject() never sees a
- * component's own provides, so useStorageAdapter() called from anywhere
- * within EmailEditor.vue's own setup() can never find what
- * provideStorageAdapter() (also called there) just provided. */
-export declare function provideProductRows(storageAdapterInstance?: EditorStorageAdapter): {
-    productRows: import('vue').Ref<{
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[], SavedRow[] | {
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[]>;
-    isFetching: import('vue').Ref<boolean, boolean>;
-    fetchRows: () => Promise<void>;
-    saveProductRow: (row: Record<string, any>, name: string) => Promise<SavedRow | null>;
-    deleteProductRow: (entryId: string) => Promise<void>;
-    renameProductRow: (entryId: string, newName: string) => Promise<{
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[]>;
-    cloneRowForCanvas: (entryId: string) => Record<string, any> | null;
-};
-/** Every other file calls this exactly as before. */
-export declare const useProductRows: () => ProductRowsInstance;
-export {};

package/dist/composables/emailBuilder/components/useSystemRows.d.ts

@@ -1,22 +0,0 @@
-import { SavedRow, EditorStorageAdapter } from '../../../adapters/types';
-declare function createSystemRowsInstance(storageAdapterInstance?: EditorStorageAdapter): {
-    systemRows: import('vue').Ref<{
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[], SavedRow[] | {
-        id: string;
-        name: string;
-        createdAt: string;
-        row: Record<string, any>;
-    }[]>;
-    isFetching: import('vue').Ref<boolean, boolean>;
-    isSupported: import('vue').Ref<boolean, boolean>;
-    fetchRows: () => Promise<void>;
-    cloneRowForCanvas: (entryId: string) => Record<string, any> | null;
-};
-export type SystemRowsInstance = ReturnType<typeof createSystemRowsInstance>;
-export declare function provideSystemRows(storageAdapterInstance?: EditorStorageAdapter): SystemRowsInstance;
-export declare function useSystemRows(): SystemRowsInstance;
-export {};

package/dist/composables/emailBuilder/core/config/componentConfig.d.ts

@@ -1,29 +0,0 @@
-import { VisibilityOperator } from '../useEmailBuilderVisibility';
-export interface VisibilityRule {
-    tag: string;
-    operator: VisibilityOperator;
-    value: string;
-}
-export interface VisibilityGroup {
-    match: "all" | "any";
-    rules: VisibilityRule[];
-}
-export interface VisibilityConfig {
-    enabled: boolean;
-    match: "all" | "any";
-    rules: VisibilityRule[];
-    groups?: VisibilityGroup[];
-}
-export interface HideConfig {
-    desktopHide: boolean;
-    mobileHide: boolean;
-}
-export interface BaseComponentConfig extends HideConfig {
-    visibility: VisibilityConfig;
-}
-export declare const createDefaultVisibility: () => VisibilityConfig;
-export declare const createDefaultHide: () => HideConfig;
-export declare const createDefaultBaseConfig: () => BaseComponentConfig;
-export declare const DEFAULT_VISIBILITY: Readonly<VisibilityConfig>;
-export declare const DEFAULT_HIDE: Readonly<HideConfig>;
-export declare const DEFAULT_BASE_CONFIG: Readonly<BaseComponentConfig>;

package/dist/composables/emailBuilder/core/link-tags/useLinkTagInsert.d.ts

@@ -1,13 +0,0 @@
-import { ComputedRef } from 'vue';
-interface LinkComponent {
-    props: Record<string, any>;
-}
-export declare const useLinkTagInsert: (component: ComputedRef<LinkComponent | undefined>, defaultField?: string) => {
-    lastFocusedField: import('vue').Ref<string, string>;
-    trackCursor: (field: string, event: Event) => void;
-    handleTagInsert: ({ tag, default: fallback }: {
-        tag: string;
-        default?: string;
-    }, inputRefs?: Record<string, any>) => void;
-};
-export {};

package/dist/composables/emailBuilder/core/merge-tags/mergeTagDefinitions.d.ts

@@ -1,64 +0,0 @@
-/**
- * mergeTagDefinitions.ts
- * Shared utilities for merge tag resolution, detection, and export flattening.
- *
- * Used by:
- *   - EmailBuilderCanvasComponent.vue  (preview resolution)
- *   - LinkTagTab.vue                   (auto-detection)
- *   - MergeTagTab.vue                  (auto-detection)
- *   - mergeTagMapper.ts                (export transformation)
- *   - Build / export pipeline          (flattening)
- */
-/**
- * Extract all unique merge tag names from a string.
- * Safe to call on both rich-text HTML strings and plain strings.
- */
-export declare const extractMergeTags: (text: string) => string[];
-/**
- * Extract all unique merge tags along with their inline defaults.
- *
- * Returns a map of tagName → fallback (empty string when no default is
- * specified). When the same tag appears multiple times with different
- * defaults the first-seen default wins.
- *
- * Used by the export pipeline to carry fallback values through to
- * mergeTagMapper.transformToken().
- */
-export declare const extractMergeTagsWithDefaults: (text: string) => Map<string, string>;
-/**
- * Resolve merge tags in a plain string using the preview context.
- *
- * Resolution priority (mirrors RichTextEditor.vue buildPreviewHTML):
- *   1. Explicit value in context          → "Philip"
- *   2. Inline default in tag syntax       → {{ name|'Friend' }} → "Friend"
- *   3. Neither set                        → "{{ name }}" (visually unresolved)
- *
- * When previewActive is false the original string is returned unchanged,
- * so callers can bind this unconditionally without a v-if guard.
- */
-export declare const resolveString: (str: string, context: Record<string, string>, previewActive: boolean) => string;
-/**
- * Flatten a plain string for canonical storage — normalises {{ tag }} tokens
- * to a clean, consistent `{{ tag }}` format, stripping any accidental extras.
- *
- * For rich-text HTML (paragraph / heading) use flattenRichTextContent()
- * instead — that one handles span[data-merge] nodes produced by TipTap.
- */
-export declare const flattenPlainString: (str: string) => string;
-/**
- * Flatten TipTap-produced HTML into the canonical {{ tag }} / {{ tag|'default' }}
- * format for storage. Replaces every <span data-merge="name"> with {{ name }},
- * and preserves the data-merge-default attribute as the inline default so the
- * fallback survives the storage round-trip and reaches transformHTML() at
- * export time.
- *
- * Examples:
- *   <span data-merge="name" data-merge-default="Tony">…</span>  → {{ name|'Tony' }}
- *   <span data-merge="name">…</span>                             → {{ name }}
- *
- * This is the STORAGE flattener — it produces canonical {{ }} tokens.
- * For ESP-specific export use mergeTagMapper.transformHTML() instead.
- *
- * Safe to call in SSR — uses a plain regex, no DOMParser.
- */
-export declare const flattenRichTextContent: (html: string) => string;

package/dist/composables/emailBuilder/core/merge-tags/resolveMergeTags.d.ts

@@ -1,27 +0,0 @@
-/**
- * Substitutes every {{ tag }} placeholder found in `source` with the
- * corresponding value from `context`.
- *
- * Resolution order for each placeholder:
- *   1. Use the context value when the tag key is present and non-empty.
- *   2. Fall back to the pipe-default when defined: {{ tag|'Fallback' }}
- *   3. Leave the raw placeholder as-is so it stays visible in the output.
- *
- * @param source   - The raw string that may contain {{ tag }} placeholders.
- * @param context  - Key→value map built by the tab component (keys already
- *                   normalised with `normaliseKey`).
- * @param active   - When false the function is a no-op and returns `source`
- *                   unchanged. Pass `mergeTagPreviewActive.value` /
- *                   `linkTagPreviewActive.value` directly.
- */
-export declare const resolveTags: (source: string, context: Record<string, string>, active: boolean) => string;
-/**
- * Convenience overload that accepts the full context object and both active
- * flags, applying merge tags first and link tags second.
- *
- * This ordering matters because merge tags appear inside rich-text HTML
- * (paragraph / heading content) while link tags typically live in href
- * attributes and anchor text — there is no semantic overlap, but doing
- * merge → link keeps the substitution deterministic.
- */
-export declare const resolveAllTags: (source: string, mergeContext: Record<string, string>, mergeActive: boolean, linkContext: Record<string, string>, linkActive: boolean) => string;

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

@@ -1,20 +0,0 @@
-import { Ref } from 'vue';
-export declare function useLayerHoverScroll(layerHoveredId: Ref<string | null>, options?: {
-    canvasSelector?: string;
-    behavior?: ScrollBehavior;
-    delay?: number;
-    /**
-     * Margin (in px) from the viewport edges within which the target is
-     * considered "comfortably visible" and no scroll is needed. Default 80 px
-     * gives breathing room on both sides without being so generous that
-     * elements land right against an edge.
-     */
-    inViewMargin?: number;
-    /**
-     * If the target is more than this many pixels from the current scroll
-     * position, use instant jump instead of smooth scroll. Default 600 px
-     * covers roughly half a typical viewport — anything farther than that
-     * should teleport, not animate.
-     */
-    instantThreshold?: number;
-}): void;

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

@@ -1,85 +0,0 @@
-export type LayoutDragPayload = {
-    type: "row";
-    columns: number | number[];
-} | {
-    type: "spacer";
-} | {
-    type: "product-row";
-    entryId: string;
-}
-/** Drop a nested row inside an existing column (child insertion) */
- | {
-    type: "nested-row";
-    columns: number | number[];
-    targetColumnId: string;
-    targetIndex: number;
-};
-type LayoutDragInstance = ReturnType<typeof createLayoutDragInstance>;
-/** Called once, at the EmailEditor root. */
-export declare function provideLayoutDrag(): {
-    isLayoutDragActive: import('vue').Ref<boolean, boolean>;
-    layoutDragPayload: import('vue').Ref<{
-        type: "row";
-        columns: number | number[];
-    } | {
-        type: "spacer";
-    } | {
-        type: "product-row";
-        entryId: string;
-    } | {
-        type: "nested-row";
-        columns: number | number[];
-        targetColumnId: string;
-        targetIndex: number;
-    } | null, LayoutDragPayload | {
-        type: "row";
-        columns: number | number[];
-    } | {
-        type: "spacer";
-    } | {
-        type: "product-row";
-        entryId: string;
-    } | {
-        type: "nested-row";
-        columns: number | number[];
-        targetColumnId: string;
-        targetIndex: number;
-    } | null>;
-    startLayoutDrag: (e: DragEvent, payload: LayoutDragPayload) => void;
-    endLayoutDrag: () => void;
-};
-/** Every other file calls this exactly as before. */
-export declare const useLayoutDrag: () => LayoutDragInstance;
-declare function createLayoutDragInstance(): {
-    isLayoutDragActive: import('vue').Ref<boolean, boolean>;
-    layoutDragPayload: import('vue').Ref<{
-        type: "row";
-        columns: number | number[];
-    } | {
-        type: "spacer";
-    } | {
-        type: "product-row";
-        entryId: string;
-    } | {
-        type: "nested-row";
-        columns: number | number[];
-        targetColumnId: string;
-        targetIndex: number;
-    } | null, LayoutDragPayload | {
-        type: "row";
-        columns: number | number[];
-    } | {
-        type: "spacer";
-    } | {
-        type: "product-row";
-        entryId: string;
-    } | {
-        type: "nested-row";
-        columns: number | number[];
-        targetColumnId: string;
-        targetIndex: number;
-    } | null>;
-    startLayoutDrag: (e: DragEvent, payload: LayoutDragPayload) => void;
-    endLayoutDrag: () => void;
-};
-export {};

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

@@ -1,6 +0,0 @@
-import { Editor } from '@tiptap/vue-3';
-export declare function useRichTextEditors(): {
-    registerEditor: (id: string, editor: Editor) => void;
-    unregisterEditor: (id: string) => void;
-    editorFor: (id: string | null | undefined) => Editor | undefined;
-};

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

@@ -1,22 +0,0 @@
-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;