@jhits/plugin-newsletter 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Plugin Newsletter - Client Entry Point
+ * Main newsletter management interface for the dashboard
+ * Block-Based Newsletter Management System
+ * Multi-Tenant Architecture: Accepts custom blocks from client applications
+ */
+import { ClientBlockDefinition } from './types/block';
+/**
+ * Plugin Props Interface
+ * Matches the PluginProps from @jhits/jhits-dashboard
+ */
+export interface PluginProps {
+    subPath: string[];
+    siteId: string;
+    locale: string;
+    /** Custom blocks from client application (optional, can also come from window.__JHITS_PLUGIN_PROPS__) */
+    customBlocks?: ClientBlockDefinition[];
+    /** Enable dark mode for content area and wrappers (default: true) */
+    darkMode?: boolean;
+    /** Background colors for the editor */
+    backgroundColors?: {
+        /** Background color for light mode (REQUIRED) */
+        light: string;
+        /** Background color for dark mode (optional) */
+        dark?: string;
+    };
+}
+/**
+ * Main Router Component
+ * Handles routing within the newsletter plugin
+ *
+ * Client Handshake:
+ * - Client apps can pass customBlocks via props
+ * - Or via window.__JHITS_PLUGIN_PROPS__['plugin-newsletter'].customBlocks
+ * - The EditorProvider will automatically register these blocks
+ */
+export default function NewsletterPlugin(props: PluginProps): import("react/jsx-runtime").JSX.Element;
+export { NewsletterPlugin as Index };
+export type { Block, BlockTypeDefinition, ClientBlockDefinition, RichTextFormattingConfig, BlockEditProps, BlockPreviewProps, IBlockComponent, } from './types/block';
+export type { Newsletter, NewsletterStatus, NewsletterMetadata, NewsletterListItem, NewsletterFilterOptions, } from './types/newsletter';
+export { initNewsletterPlugin } from './init';
+export type { NewsletterPluginConfig } from './init';
+export { EditorProvider, useEditor } from './state/EditorContext';
+export type { EditorProviderProps, EditorState, EditorContextValue } from './state';
+export { blockRegistry } from './registry';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAOtD;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,iDAAiD;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,gDAAgD;QAChD,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,WAAW,2CAsO1D;AAGD,OAAO,EAAE,gBAAgB,IAAI,KAAK,EAAE,CAAC;AAGrC,YAAY,EACR,KAAK,EACL,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,cAAc,EACd,iBAAiB,EACjB,eAAe,GAClB,MAAM,eAAe,CAAC;AAGvB,YAAY,EACR,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,GAC1B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,222 @@
+/**
+ * Plugin Newsletter - Client Entry Point
+ * Main newsletter management interface for the dashboard
+ * Block-Based Newsletter Management System
+ * Multi-Tenant Architecture: Accepts custom blocks from client applications
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useEffect } from 'react';
+import { EditorProvider } from './state/EditorContext';
+import { SubscribersView } from './views/SubscribersView';
+import { SettingsView } from './views/SettingsView';
+import { NewsletterManagerView } from './views/NewsletterManager';
+import { NewsletterEditorView } from './views/NewsletterEditor';
+import { editorStateToAPI } from './lib/mappers/apiMapper';
+/**
+ * Main Router Component
+ * Handles routing within the newsletter plugin
+ *
+ * Client Handshake:
+ * - Client apps can pass customBlocks via props
+ * - Or via window.__JHITS_PLUGIN_PROPS__['plugin-newsletter'].customBlocks
+ * - The EditorProvider will automatically register these blocks
+ */
+export default function NewsletterPlugin(props) {
+    const { subPath, siteId, locale, customBlocks: propsCustomBlocks, darkMode: propsDarkMode, backgroundColors: propsBackgroundColors } = props;
+    // Get custom blocks from props or window global (client app injection point)
+    const customBlocks = useMemo(() => {
+        // First, try props
+        if (propsCustomBlocks && propsCustomBlocks.length > 0) {
+            return propsCustomBlocks;
+        }
+        // Fallback to window global (for client app injection)
+        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
+            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-newsletter'];
+            if (pluginProps?.customBlocks) {
+                return pluginProps.customBlocks;
+            }
+        }
+        return [];
+    }, [propsCustomBlocks]);
+    // Get dark mode setting from props, localStorage (dev settings), or window global
+    // Priority: localStorage (dev) > props > window global > default
+    const darkMode = useMemo(() => {
+        // First, check localStorage for dev settings (highest priority for dev)
+        if (typeof window !== 'undefined') {
+            try {
+                const saved = localStorage.getItem('__JHITS_PLUGIN_NEWSLETTER_CONFIG__');
+                if (saved) {
+                    const config = JSON.parse(saved);
+                    if (config.darkMode !== undefined) {
+                        return config.darkMode;
+                    }
+                }
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+        }
+        // Then try props
+        if (propsDarkMode !== undefined) {
+            return propsDarkMode;
+        }
+        // Fallback to window global if prop not provided
+        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
+            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-newsletter'];
+            if (pluginProps?.darkMode !== undefined) {
+                return pluginProps.darkMode;
+            }
+        }
+        return true; // Default to dark mode enabled
+    }, [propsDarkMode]);
+    // Get background colors from props, localStorage (dev settings), or window global
+    // Priority: localStorage (dev) > props > window global
+    const backgroundColors = useMemo(() => {
+        // First, check localStorage for dev settings (highest priority for dev)
+        if (typeof window !== 'undefined') {
+            try {
+                const saved = localStorage.getItem('__JHITS_PLUGIN_NEWSLETTER_CONFIG__');
+                if (saved) {
+                    const config = JSON.parse(saved);
+                    if (config.backgroundColors) {
+                        return config.backgroundColors;
+                    }
+                }
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+        }
+        // Then try props
+        if (propsBackgroundColors) {
+            return propsBackgroundColors;
+        }
+        // Fallback to window global
+        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
+            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-newsletter'];
+            if (pluginProps?.backgroundColors) {
+                return pluginProps.backgroundColors;
+            }
+        }
+        return undefined;
+    }, [propsBackgroundColors]);
+    const route = subPath[0] || 'newsletters';
+    // Listen for config updates from settings screen
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handleConfigUpdate = () => {
+            // Reload page to apply changes (simplest way to ensure all components pick up new values)
+            window.location.reload();
+        };
+        window.addEventListener('newsletter-plugin-config-updated', handleConfigUpdate);
+        return () => {
+            window.removeEventListener('newsletter-plugin-config-updated', handleConfigUpdate);
+        };
+    }, []);
+    // Route to appropriate view
+    switch (route) {
+        case 'newsletters':
+            return _jsx(NewsletterManagerView, { siteId: siteId, locale: locale });
+        case 'editor':
+            const newsletterSlug = subPath[1];
+            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state) => {
+                    // Save to API - create new or update existing newsletter
+                    const originalSlug = newsletterSlug || state.slug;
+                    const apiData = editorStateToAPI(state);
+                    // If we have a slug, try to update first
+                    if (originalSlug) {
+                        console.log('[NewsletterPlugin] Attempting to update newsletter with slug:', originalSlug);
+                        const updateResponse = await fetch(`/api/plugin-newsletter/newsletters/${originalSlug}`, {
+                            method: 'PUT',
+                            headers: { 'Content-Type': 'application/json' },
+                            credentials: 'include',
+                            body: JSON.stringify(apiData),
+                        });
+                        if (updateResponse.ok) {
+                            const result = await updateResponse.json();
+                            // If the slug changed, update the URL
+                            if (result.slug && result.slug !== originalSlug) {
+                                window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.slug}`);
+                            }
+                            return result;
+                        }
+                        // If 404, newsletter doesn't exist, create a new one
+                        if (updateResponse.status === 404) {
+                            console.log('[NewsletterPlugin] Newsletter not found, creating new newsletter');
+                        }
+                        else {
+                            // Other error, throw it
+                            const error = await updateResponse.json();
+                            console.error('[NewsletterPlugin] Save failed:', {
+                                status: updateResponse.status,
+                                statusText: updateResponse.statusText,
+                                error,
+                            });
+                            const errorMessage = error.message || error.error || 'Failed to save newsletter';
+                            throw new Error(errorMessage);
+                        }
+                    }
+                    // Create new newsletter (either no slug or update returned 404)
+                    console.log('[NewsletterPlugin] Creating new newsletter');
+                    const createResponse = await fetch('/api/plugin-newsletter/newsletters/new', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        credentials: 'include',
+                        body: JSON.stringify(apiData),
+                    });
+                    if (!createResponse.ok) {
+                        const error = await createResponse.json();
+                        console.error('[NewsletterPlugin] Create failed:', {
+                            status: createResponse.status,
+                            statusText: createResponse.statusText,
+                            error,
+                        });
+                        const errorMessage = error.message || error.error || 'Failed to create newsletter';
+                        throw new Error(errorMessage);
+                    }
+                    const result = await createResponse.json();
+                    // Update the URL to the new newsletter's slug
+                    if (result.slug) {
+                        window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.slug}`);
+                    }
+                    return result;
+                }, children: _jsx(NewsletterEditorView, { newsletterSlug: newsletterSlug, siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
+        case 'new':
+            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state) => {
+                    // Save to API - create new newsletter
+                    const apiData = editorStateToAPI(state);
+                    const response = await fetch('/api/plugin-newsletter/newsletters/new', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        credentials: 'include',
+                        body: JSON.stringify(apiData),
+                    });
+                    if (!response.ok) {
+                        const error = await response.json();
+                        throw new Error(error.message || 'Failed to create newsletter');
+                    }
+                    const result = await response.json();
+                    // Update the URL to the new newsletter's slug
+                    if (result.slug) {
+                        window.history.replaceState(null, '', `/dashboard/newsletter/editor/${result.slug}`);
+                    }
+                    return result;
+                }, children: _jsx(NewsletterEditorView, { siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
+        case 'subscribers':
+            return _jsx(SubscribersView, { siteId: siteId, locale: locale });
+        case 'settings':
+            return _jsx(SettingsView, { siteId: siteId, locale: locale });
+        default:
+            return _jsx(NewsletterManagerView, { siteId: siteId, locale: locale });
+    }
+}
+// Export for use as default
+export { NewsletterPlugin as Index };
+// Export initialization utility for easy setup
+export { initNewsletterPlugin } from './init';
+// Export editor state management
+export { EditorProvider, useEditor } from './state/EditorContext';
+// Export block registry
+export { blockRegistry } from './registry';

package/dist/index.server.d.ts

@@ -0,0 +1,10 @@
+import 'server-only';
+/**
+ * Plugin Newsletter - Server-Only Entry Point
+ * This file exports only server-side API handlers
+ * Used by the dynamic plugin router via @jhits/plugin-newsletter/server
+ */
+export { handleNewsletterApi as handleApi } from './api/router';
+export { handleNewsletterApi } from './api/router';
+export type { NewsletterApiConfig } from './types/newsletter';
+//# sourceMappingURL=index.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../src/index.server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.server.js

@@ -0,0 +1,8 @@
+import 'server-only';
+/**
+ * Plugin Newsletter - Server-Only Entry Point
+ * This file exports only server-side API handlers
+ * Used by the dynamic plugin router via @jhits/plugin-newsletter/server
+ */
+export { handleNewsletterApi as handleApi } from './api/router';
+export { handleNewsletterApi } from './api/router'; // Keep original export for backward compatibility

package/dist/init.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Newsletter Plugin Initialization Utility
+ *
+ * Simple function to initialize the newsletter plugin with client configuration.
+ * Call this once in your app (e.g., in a script tag or root layout) to configure
+ * the newsletter plugin without needing a React component.
+ *
+ * @example
+ * ```typescript
+ * import { initNewsletterPlugin } from '@jhits/plugin-newsletter/init';
+ * import { newsletterConfig } from '@/plugins/newsletter-config';
+ *
+ * // Call once when your app loads
+ * initNewsletterPlugin(newsletterConfig);
+ * ```
+ */
+import type { ClientBlockDefinition } from './types/block';
+export interface NewsletterPluginConfig {
+    /** Custom blocks available in the editor */
+    customBlocks?: ClientBlockDefinition[];
+    /** Dark mode setting for the editor content area and wrappers (default: true) */
+    darkMode?: boolean;
+    /** Background colors for the editor */
+    backgroundColors?: {
+        /** Background color for light mode (REQUIRED) - CSS color value (hex, rgb, or named color) */
+        light: string;
+        /** Background color for dark mode (optional) - CSS color value (hex, rgb, or named color) */
+        dark?: string;
+    };
+    /** Email configuration */
+    emailConfig?: {
+        /** Logo URL to display in email header (absolute URL) */
+        logoUrl?: string;
+        /** Logo alt text */
+        logoAlt?: string;
+        /** Footer text for emails */
+        footerText?: string;
+    };
+}
+/**
+ * Initialize the newsletter plugin with client configuration
+ *
+ * This function sets up the window global that the plugin reads from automatically.
+ * Call this once when your app loads, before the plugin is rendered.
+ *
+ * @param config - Newsletter plugin configuration (customBlocks, darkMode, etc.)
+ */
+export declare function initNewsletterPlugin(config: NewsletterPluginConfig): void;
+//# sourceMappingURL=init.d.ts.map

package/dist/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAKH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,8FAA8F;QAC9F,KAAK,EAAE,MAAM,CAAC;QACd,6FAA6F;QAC7F,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,0BAA0B;IAC1B,WAAW,CAAC,EAAE;QACV,yDAAyD;QACzD,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,oBAAoB;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,6BAA6B;QAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACL;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAkBzE"}

package/dist/init.js

@@ -0,0 +1,42 @@
+/**
+ * Newsletter Plugin Initialization Utility
+ *
+ * Simple function to initialize the newsletter plugin with client configuration.
+ * Call this once in your app (e.g., in a script tag or root layout) to configure
+ * the newsletter plugin without needing a React component.
+ *
+ * @example
+ * ```typescript
+ * import { initNewsletterPlugin } from '@jhits/plugin-newsletter/init';
+ * import { newsletterConfig } from '@/plugins/newsletter-config';
+ *
+ * // Call once when your app loads
+ * initNewsletterPlugin(newsletterConfig);
+ * ```
+ */
+'use client';
+/**
+ * Initialize the newsletter plugin with client configuration
+ *
+ * This function sets up the window global that the plugin reads from automatically.
+ * Call this once when your app loads, before the plugin is rendered.
+ *
+ * @param config - Newsletter plugin configuration (customBlocks, darkMode, etc.)
+ */
+export function initNewsletterPlugin(config) {
+    if (typeof window === 'undefined') {
+        // Server-side: no-op
+        return;
+    }
+    // Initialize the global plugin props object if it doesn't exist
+    if (!window.__JHITS_PLUGIN_PROPS__) {
+        window.__JHITS_PLUGIN_PROPS__ = {};
+    }
+    // Set newsletter plugin configuration
+    window.__JHITS_PLUGIN_PROPS__['plugin-newsletter'] = {
+        customBlocks: config.customBlocks || [],
+        darkMode: config.darkMode !== undefined ? config.darkMode : true, // Default to true
+        backgroundColors: config.backgroundColors || undefined,
+        emailConfig: config.emailConfig || undefined,
+    };
+}

package/dist/lib/blocks/BlockRenderer.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Block Renderer
+ * Library component for rendering blocks (decoupled from editor)
+ * This is the "headless" rendering layer
+ *
+ * Multi-Tenant: Uses Preview components from client-provided blocks
+ */
+import React from 'react';
+import { Block, BlockPreviewProps } from '../../types/block';
+/**
+ * Block Renderer Props
+ */
+export interface BlockRendererProps {
+    /** Block to render */
+    block: Block;
+    /** Custom renderers for specific block types (optional override) */
+    customRenderers?: Map<string, React.ComponentType<BlockPreviewProps>>;
+    /** Additional context for rendering */
+    context?: {
+        siteId?: string;
+        locale?: string;
+        [key: string]: unknown;
+    };
+}
+/**
+ * Block Renderer Component
+ * Renders a single block using its Preview component from the registry
+ */
+export declare function BlockRenderer({ block, customRenderers, context }: BlockRendererProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Blocks Renderer Component
+ * Renders multiple blocks in sequence
+ */
+export declare function BlocksRenderer({ blocks, customRenderers, context }: {
+    blocks: Block[];
+    customRenderers?: Map<string, React.ComponentType<BlockPreviewProps>>;
+    context?: {
+        siteId?: string;
+        locale?: string;
+        [key: string]: unknown;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BlockRenderer.d.ts.map

package/dist/lib/blocks/BlockRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/blocks/BlockRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI7D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC;IAEb,oEAAoE;IACpE,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEtE,uCAAuC;IACvC,OAAO,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACL;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,eAAe,EACf,OAAY,EACf,EAAE,kBAAkB,2CAoDpB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,eAAe,EACf,OAAY,EACf,EAAE;IACC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACL,2CAaA"}

package/dist/lib/blocks/BlockRenderer.js

@@ -0,0 +1,48 @@
+/**
+ * Block Renderer
+ * Library component for rendering blocks (decoupled from editor)
+ * This is the "headless" rendering layer
+ *
+ * Multi-Tenant: Uses Preview components from client-provided blocks
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { blockRegistry } from '../../registry/BlockRegistry';
+/**
+ * Block Renderer Component
+ * Renders a single block using its Preview component from the registry
+ */
+export function BlockRenderer({ block, customRenderers, context = {} }) {
+    // Check for custom renderer override first
+    if (customRenderers?.has(block.type)) {
+        const CustomRenderer = customRenderers.get(block.type);
+        return _jsx(CustomRenderer, { block: block, context: context });
+    }
+    // Get block definition from registry
+    const definition = blockRegistry.get(block.type);
+    if (!definition) {
+        console.warn(`Block type "${block.type}" not found in registry. Available types:`, blockRegistry.getAll().map(b => b.type).join(', '));
+        return (_jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded", children: [_jsxs("p", { className: "text-red-600", children: ["Unknown block type: ", block.type] }), _jsx("p", { className: "text-xs text-red-500 mt-1", children: "Make sure this block type is registered via customBlocks prop" })] }));
+    }
+    // Use the Preview component from the block definition
+    const PreviewComponent = definition.components.Preview;
+    // Check if this is a container block with children
+    const isContainer = definition.isContainer === true;
+    const childBlocks = isContainer && block.children && Array.isArray(block.children) && block.children.length > 0
+        ? (typeof block.children[0] === 'object'
+            ? block.children
+            : [])
+        : [];
+    // If container block, pass child blocks and render function
+    if (isContainer) {
+        return (_jsx(PreviewComponent, { block: block, context: context, childBlocks: childBlocks, renderChild: (childBlock) => (_jsx(BlockRenderer, { block: childBlock, customRenderers: customRenderers, context: context })) }));
+    }
+    return _jsx(PreviewComponent, { block: block, context: context });
+}
+/**
+ * Blocks Renderer Component
+ * Renders multiple blocks in sequence
+ */
+export function BlocksRenderer({ blocks, customRenderers, context = {} }) {
+    return (_jsx(_Fragment, { children: blocks.map((block) => (_jsx(BlockRenderer, { block: block, customRenderers: customRenderers, context: context }, block.id))) }));
+}

package/dist/lib/email/EmailRenderer.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Email Renderer
+ * Converts blocks to email-safe HTML
+ *
+ * Email constraints:
+ * - Inline styles only (no CSS classes)
+ * - Table-based layouts (no flexbox/grid)
+ * - Max width ~600px
+ * - Limited CSS support
+ * - Images need absolute URLs
+ * - No JavaScript
+ */
+import { Block } from '../../types/block';
+/**
+ * Email rendering context
+ */
+export interface EmailRenderContext {
+    siteId?: string;
+    locale?: string;
+    baseUrl?: string;
+    logoUrl?: string;
+    logoAlt?: string;
+    [key: string]: unknown;
+}
+/**
+ * Convert a block to email-safe HTML
+ */
+export declare function renderBlockToEmail(block: Block, context?: EmailRenderContext): string;
+/**
+ * Render all blocks to email HTML
+ */
+export declare function renderBlocksToEmail(blocks: Block[], context?: EmailRenderContext): string;
+/**
+ * Generate complete email HTML from newsletter
+ * Uses the same styling as the welcome email template
+ */
+export declare function generateNewsletterEmailHtml(blocks: Block[], metadata: {
+    subject: string;
+    previewText?: string;
+}, context: EmailRenderContext & {
+    unsubscribeUrl?: string;
+    footerText?: string;
+    logoUrl?: string;
+    logoAlt?: string;
+    locale?: string;
+}): string;
+//# sourceMappingURL=EmailRenderer.d.ts.map

package/dist/lib/email/EmailRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/email/EmailRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAwBzF;AA0OD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAE7F;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACvC,MAAM,EAAE,KAAK,EAAE,EACf,QAAQ,EAAE;IACN,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,EACD,OAAO,EAAE,kBAAkB,GAAG;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GACF,MAAM,CA8GR"}