@jhits/plugin-newsletter 0.0.6 → 0.0.8

package/src/api/router.ts

@@ -1,111 +0,0 @@
-/**
- * Newsletter Plugin API Router
- * Routes API requests to appropriate handlers
- */
-
-'use server';
-
-import { NextRequest, NextResponse } from 'next/server';
-import { NewsletterApiConfig } from '../types/newsletter';
-import {
-    GET_SUBSCRIBERS,
-    POST_SUBSCRIBE,
-    GET_SUBSCRIBER,
-    DELETE_SUBSCRIBER,
-    GET_SETTINGS,
-    POST_SETTINGS,
-    GET_NEWSLETTERS,
-    GET_NEWSLETTER,
-    POST_NEWSLETTER,
-    PUT_NEWSLETTER,
-    DELETE_NEWSLETTER,
-} from './handler';
-
-/**
- * Handle newsletter API requests
- */
-export async function handleNewsletterApi(
-    req: NextRequest,
-    path: string[],
-    config: NewsletterApiConfig
-): Promise<NextResponse> {
-    const method = req.method;
-    const route = path[0] || '';
-
-    try {
-        // Route: /api/plugin-newsletter/subscribers
-        if (route === 'subscribers') {
-            if (path[1]) {
-                // /api/plugin-newsletter/subscribers/[email]
-                const email = decodeURIComponent(path[1]).toLowerCase();
-                if (method === 'GET') {
-                    return await GET_SUBSCRIBER(req, email, config);
-                }
-                if (method === 'DELETE') {
-                    return await DELETE_SUBSCRIBER(req, email, config);
-                }
-            } else {
-                // /api/plugin-newsletter/subscribers
-                if (method === 'GET') {
-                    return await GET_SUBSCRIBERS(req, config);
-                }
-                if (method === 'POST') {
-                    return await POST_SUBSCRIBE(req, config);
-                }
-            }
-        }
-
-        // Route: /api/plugin-newsletter/settings
-        if (route === 'settings') {
-            if (method === 'GET') {
-                return await GET_SETTINGS(req, config);
-            }
-            if (method === 'POST' || method === 'PUT') {
-                return await POST_SETTINGS(req, config);
-            }
-        }
-
-        // Route: /api/plugin-newsletter/newsletters
-        if (route === 'newsletters') {
-            // Special route: /api/plugin-newsletter/newsletters/new
-            if (path[1] === 'new' && method === 'POST') {
-                return await POST_NEWSLETTER(req, config);
-            }
-            
-            if (path[1]) {
-                // /api/plugin-newsletter/newsletters/[slug]
-                const newsletterSlug = decodeURIComponent(path[1]);
-                if (method === 'GET') {
-                    return await GET_NEWSLETTER(req, newsletterSlug, config);
-                }
-                if (method === 'PUT') {
-                    return await PUT_NEWSLETTER(req, newsletterSlug, config);
-                }
-                if (method === 'DELETE') {
-                    return await DELETE_NEWSLETTER(req, newsletterSlug, config);
-                }
-            } else {
-                // /api/plugin-newsletter/newsletters
-                if (method === 'GET') {
-                    return await GET_NEWSLETTERS(req, config);
-                }
-                if (method === 'POST') {
-                    return await POST_NEWSLETTER(req, config);
-                }
-            }
-        }
-
-        // Method not allowed
-        return NextResponse.json(
-            { error: `Method ${method} not allowed for route: ${route || '/'}` },
-            { status: 405 }
-        );
-    } catch (error: any) {
-        console.error('[NewsletterApiRouter] Error:', error);
-        return NextResponse.json(
-            { error: error.message || 'Internal server error' },
-            { status: 500 }
-        );
-    }
-}
-

package/src/index.server.ts

@@ -1,12 +0,0 @@
-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
-export type { NewsletterApiConfig } from './types/newsletter';
-

package/src/index.tsx

@@ -1,313 +0,0 @@
-/**
- * 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 React, { useMemo, useEffect } from 'react';
-import { EditorProvider } from './state/EditorContext';
-import { ClientBlockDefinition } from './types/block';
-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';
-
-/**
- * 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) {
-    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 as any).__JHITS_PLUGIN_PROPS__) {
-            const pluginProps = (window as any).__JHITS_PLUGIN_PROPS__['plugin-newsletter'];
-            if (pluginProps?.customBlocks) {
-                return pluginProps.customBlocks as ClientBlockDefinition[];
-            }
-        }
-        
-        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 as boolean;
-                    }
-                }
-            } 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 as any).__JHITS_PLUGIN_PROPS__) {
-            const pluginProps = (window as any).__JHITS_PLUGIN_PROPS__['plugin-newsletter'];
-            if (pluginProps?.darkMode !== undefined) {
-                return pluginProps.darkMode as boolean;
-            }
-        }
-        
-        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 as any).__JHITS_PLUGIN_PROPS__) {
-            const pluginProps = (window as any).__JHITS_PLUGIN_PROPS__['plugin-newsletter'];
-            if (pluginProps?.backgroundColors) {
-                return pluginProps.backgroundColors as { light: string; dark?: string };
-            }
-        }
-        
-        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 as EventListener);
-        return () => {
-            window.removeEventListener('newsletter-plugin-config-updated', handleConfigUpdate as EventListener);
-        };
-    }, []);
-
-    // Route to appropriate view
-    switch (route) {
-        case 'newsletters':
-            return <NewsletterManagerView siteId={siteId} locale={locale} />;
-        
-        case 'editor':
-            const newsletterSlug = subPath[1];
-            return (
-                <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;
-                    }}
-                >
-                    <NewsletterEditorView newsletterSlug={newsletterSlug} siteId={siteId} locale={locale} darkMode={darkMode} backgroundColors={backgroundColors} />
-                </EditorProvider>
-            );
-        
-        case 'new':
-            return (
-                <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;
-                    }}
-                >
-                    <NewsletterEditorView siteId={siteId} locale={locale} darkMode={darkMode} backgroundColors={backgroundColors} />
-                </EditorProvider>
-            );
-        
-        case 'subscribers':
-            return <SubscribersView siteId={siteId} locale={locale} />;
-        
-        case 'settings':
-            return <SettingsView siteId={siteId} locale={locale} />;
-        
-        default:
-            return <NewsletterManagerView siteId={siteId} locale={locale} />;
-    }
-}
-
-// Export for use as default
-export { NewsletterPlugin as Index };
-
-// Export types for client applications
-export type {
-    Block,
-    BlockTypeDefinition,
-    ClientBlockDefinition,
-    RichTextFormattingConfig,
-    BlockEditProps,
-    BlockPreviewProps,
-    IBlockComponent,
-} from './types/block';
-
-// Export newsletter types
-export type {
-    Newsletter,
-    NewsletterStatus,
-    NewsletterMetadata,
-    NewsletterListItem,
-    NewsletterFilterOptions,
-} from './types/newsletter';
-
-// Export initialization utility for easy setup
-export { initNewsletterPlugin } from './init';
-export type { NewsletterPluginConfig } from './init';
-
-// Export editor state management
-export { EditorProvider, useEditor } from './state/EditorContext';
-export type { EditorProviderProps, EditorState, EditorContextValue } from './state';
-
-// Export block registry
-export { blockRegistry } from './registry';

package/src/index.tsx.patch

@@ -1,98 +0,0 @@
---- a/packages/plugin-newsletter/src/index.tsx
-+++ b/packages/plugin-newsletter/src/index.tsx
-@@ -165,7 +165,50 @@ export default function NewsletterPlugin(props: PluginProps) {
-                     onSave={async (state) => {
--                        // Save to API - update existing newsletter
-+                        // Save to API - create new or update existing newsletter
-                         const originalSlug = newsletterSlug || state.slug;
--                        if (!originalSlug) {
--                            throw new Error('Cannot save: no newsletter identifier available. Please reload the page.');
--                        }
--                        console.log('[NewsletterPlugin] Saving newsletter with slug:', originalSlug);
-                         const apiData = editorStateToAPI(state);
--                        const response = await fetch(`/api/plugin-newsletter/newsletters/${originalSlug}`, {
--                            method: 'PUT',
--                            headers: { 'Content-Type': 'application/json' },
--                            credentials: 'include',
--                            body: JSON.stringify(apiData),
--                        });
--                        if (!response.ok) {
--                            const error = await response.json();
--                            console.error('[NewsletterPlugin] Save failed:', {
--                                status: response.status,
--                                statusText: response.statusText,
--                                error,
--                            });
--                            const errorMessage = error.message || error.error || 'Failed to save newsletter';
--                            throw new Error(errorMessage);
--                        }
--                        const result = await response.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 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;
-                     }}
-                 >

package/src/init.tsx

@@ -1,72 +0,0 @@
-/**
- * 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';
-
-import React from 'react';
-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 function initNewsletterPlugin(config: NewsletterPluginConfig): void {
-    if (typeof window === 'undefined') {
-        // Server-side: no-op
-        return;
-    }
-
-    // Initialize the global plugin props object if it doesn't exist
-    if (!(window as any).__JHITS_PLUGIN_PROPS__) {
-        (window as any).__JHITS_PLUGIN_PROPS__ = {};
-    }
-
-    // Set newsletter plugin configuration
-    (window as any).__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,
-    };
-}