payload-wordpress-migrator 0.0.22

package/dist/components/dashboard/useMigrationDashboard.js

@@ -0,0 +1,584 @@
+"use client";
+import { useState, useEffect } from 'react';
+
+// Persist config without sensitive credentials (password never stored in localStorage)
+const persistConfig = (config)=>{
+    const { wpPassword, ...safeConfig } = config;
+    localStorage.setItem('wp-site-config', JSON.stringify(safeConfig));
+};
+const useMigrationDashboard = (initialSummary)=>{
+    const [summary, setSummary] = useState(initialSummary);
+    const [loading, setLoading] = useState(false);
+    const [logs, setLogs] = useState([]);
+    const [siteConfig, setSiteConfig] = useState({
+        connectionStatus: 'not-scanned',
+        discoveredContent: [],
+        siteName: '',
+        totalItems: 0,
+        wpPassword: '',
+        wpSiteUrl: '',
+        wpUsername: ''
+    });
+    const [configState, setConfigState] = useState({
+        isEditing: true,
+        isSaved: false
+    });
+    const [showSiteConfig, setShowSiteConfig] = useState(true);
+    const addLog = (message)=>{
+        const timestamp = new Date().toLocaleTimeString();
+        const logEntry = `[${timestamp}] ${message}`;
+        setLogs((prev)=>[
+                ...prev,
+                logEntry
+            ]);
+    };
+    const clearLogs = ()=>{
+        setLogs([]);
+    };
+    const refreshDashboard = async ()=>{
+        try {
+            console.trace('Call stack:');
+            const response = await fetch('/api/wordpress/migration-summary?refresh=true');
+            const newSummary = await response.json();
+            setSummary(newSummary);
+        } catch (error) {
+            console.error('Failed to refresh dashboard:', error);
+        }
+    };
+    // Load initial data on mount
+    useEffect(()=>{
+        const loadInitialData = async ()=>{
+            await refreshDashboard();
+        };
+        const loadSavedConfig = ()=>{
+            try {
+                const savedConfig = localStorage.getItem('wp-site-config');
+                if (savedConfig) {
+                    const parsed = JSON.parse(savedConfig);
+                    setSiteConfig(parsed);
+                    setConfigState({
+                        isEditing: false,
+                        isSaved: true
+                    });
+                }
+            } catch (error) {
+                console.error('Failed to load saved config:', error);
+            }
+        };
+        void loadInitialData();
+        loadSavedConfig();
+    }, []);
+    // Smart periodic refresh - only when jobs are active
+    useEffect(()=>{
+        let refreshInterval = null;
+        if (summary.activeJobs > 0) {
+            refreshInterval = setInterval(()=>{
+                void refreshDashboard();
+            }, 15000);
+        }
+        return ()=>{
+            if (refreshInterval) {
+                clearInterval(refreshInterval);
+            }
+        };
+    }, [
+        summary.activeJobs
+    ]);
+    // Auto-close site config when scan is successful AND config is saved
+    useEffect(()=>{
+        if (siteConfig.connectionStatus === 'scanned' && configState.isSaved && !configState.isEditing && siteConfig.discoveredContent && siteConfig.discoveredContent.length > 0) {
+            const timer = setTimeout(()=>{
+                setShowSiteConfig(false);
+            }, 5000);
+            return ()=>clearTimeout(timer);
+        }
+    }, [
+        siteConfig.connectionStatus,
+        configState.isSaved,
+        configState.isEditing,
+        siteConfig.discoveredContent
+    ]);
+    // Only refresh on significant page visibility changes
+    useEffect(()=>{
+        let lastVisibilityChange = Date.now();
+        const handleVisibilityChange = ()=>{
+            if (!document.hidden && Date.now() - lastVisibilityChange > 30000) {
+                void refreshDashboard();
+            }
+            if (document.hidden) {
+                lastVisibilityChange = Date.now();
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return ()=>{
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, []);
+    // Listen for localStorage events to immediately refresh when jobs are changed
+    useEffect(()=>{
+        const handleStorageChange = (e)=>{
+            if (e.key === 'migration-event' && e.newValue) {
+                try {
+                    const event = JSON.parse(e.newValue);
+                    if (event.type?.startsWith('migration-job-')) {
+                        void refreshDashboard();
+                    }
+                } catch (error) {
+                // Ignore parsing errors
+                }
+            }
+        };
+        window.addEventListener('storage', handleStorageChange);
+        return ()=>window.removeEventListener('storage', handleStorageChange);
+    }, []);
+    const validateSiteConfig = ()=>{
+        const { siteName, wpPassword, wpSiteUrl, wpUsername } = siteConfig;
+        if (!siteName.trim() || !wpSiteUrl.trim() || !wpUsername.trim() || !wpPassword.trim()) {
+            alert('Please fill in all WordPress site configuration fields');
+            return false;
+        }
+        return true;
+    };
+    const requireSiteConfig = (actionVerb)=>{
+        if (!configState.isSaved || !validateSiteConfig() || siteConfig.connectionStatus !== 'scanned') {
+            alert(`Please save a valid WordPress site configuration and scan for content before ${actionVerb} migration jobs.`);
+            return false;
+        }
+        return true;
+    };
+    const getSiteCredentials = ()=>({
+            siteName: siteConfig.siteName,
+            wpPassword: siteConfig.wpPassword,
+            wpSiteUrl: siteConfig.wpSiteUrl,
+            wpUsername: siteConfig.wpUsername
+        });
+    const getJobName = (jobId)=>{
+        const job = summary.recentJobs?.find((j)=>j.id === jobId);
+        return job?.jobName || `Job ${jobId}`;
+    };
+    // --- Job action handlers ---
+    const startMigrationJob = async (jobId)=>{
+        try {
+            setLoading(true);
+            if (!requireSiteConfig('starting')) return;
+            await refreshDashboard();
+            clearLogs();
+            const jobName = getJobName(jobId);
+            addLog(`Migration "${jobName}" started`);
+            const response = await fetch(`/api/wordpress/migration-jobs`, {
+                body: JSON.stringify({
+                    action: 'start',
+                    jobId,
+                    siteConfig: getSiteCredentials()
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                addLog(`Error starting migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to start job');
+            }
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error starting migration:', error);
+            alert(`Failed to start migration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        } finally{
+            setLoading(false);
+        }
+    };
+    const pauseMigrationJob = async (jobId)=>{
+        try {
+            const jobName = getJobName(jobId);
+            addLog(`Migration "${jobName}" paused`);
+            const response = await fetch(`/api/wordpress/migration-jobs?jobId=${jobId}&action=pause`, {
+                method: 'PUT'
+            });
+            if (!response.ok) {
+                addLog(`Error pausing migration "${jobName}"`);
+                throw new Error('Failed to pause migration job');
+            }
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error pausing migration:', error);
+            alert('Failed to pause migration job');
+        }
+    };
+    const resumeMigrationJob = async (jobId)=>{
+        try {
+            setLoading(true);
+            if (!requireSiteConfig('resuming')) return;
+            const jobName = getJobName(jobId);
+            addLog(`Migration "${jobName}" resumed`);
+            const response = await fetch(`/api/wordpress/migration-jobs?jobId=${jobId}&action=resume`, {
+                method: 'PUT'
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                addLog(`Error resuming migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to resume job');
+            }
+            const startResponse = await fetch(`/api/wordpress/migration-jobs`, {
+                body: JSON.stringify({
+                    action: 'resume',
+                    jobId,
+                    siteConfig: getSiteCredentials()
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!startResponse.ok) {
+                const errorData = await startResponse.json();
+                addLog(`Error resuming migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to resume job');
+            }
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error resuming migration:', error);
+            alert(`Failed to resume migration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        } finally{
+            setLoading(false);
+        }
+    };
+    const retryMigrationJob = async (jobId)=>{
+        try {
+            setLoading(true);
+            if (!requireSiteConfig('retrying')) return;
+            const jobName = getJobName(jobId);
+            addLog(`Retrying migration "${jobName}"`);
+            const response = await fetch(`/api/wordpress/migration-jobs`, {
+                body: JSON.stringify({
+                    action: 'retry',
+                    jobId,
+                    siteConfig: getSiteCredentials()
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                addLog(`Error retrying migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to retry job');
+            }
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error retrying migration:', error);
+            alert(`Failed to retry migration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        } finally{
+            setLoading(false);
+        }
+    };
+    const updateMigrationJob = async (jobId)=>{
+        try {
+            setLoading(true);
+            if (!requireSiteConfig('updating')) return;
+            const jobName = getJobName(jobId);
+            const confirmed = confirm(`Are you sure you want to update the "${jobName}" migration? This will update existing items with new field mappings without re-processing all content.`);
+            if (!confirmed) {
+                return;
+            }
+            addLog(`Updating migration "${jobName}" with new field mappings`);
+            const response = await fetch(`/api/wordpress/migration-jobs`, {
+                body: JSON.stringify({
+                    action: 'update',
+                    jobId,
+                    siteConfig: getSiteCredentials()
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                addLog(`Error updating migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to update job');
+            }
+            await response.json();
+            addLog(`Successfully started update for "${jobName}"`);
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error updating migration:', error);
+            alert(`Failed to update migration job: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        } finally{
+            setLoading(false);
+        }
+    };
+    const restartMigrationJob = async (jobId)=>{
+        try {
+            setLoading(true);
+            if (!requireSiteConfig('restarting')) return;
+            const jobName = getJobName(jobId);
+            const confirmed = confirm(`Are you sure you want to restart the "${jobName}" migration? This will re-process ALL items, including those that were already successfully migrated.`);
+            if (!confirmed) {
+                return;
+            }
+            addLog(`Restarting migration "${jobName}"`);
+            const response = await fetch(`/api/wordpress/migration-jobs`, {
+                body: JSON.stringify({
+                    action: 'restart',
+                    jobId,
+                    siteConfig: getSiteCredentials()
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                addLog(`Error restarting migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to restart job');
+            }
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error restarting migration:', error);
+            alert(`Failed to restart migration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        } finally{
+            setLoading(false);
+        }
+    };
+    const rollbackMigrationJob = async (jobId)=>{
+        try {
+            setLoading(true);
+            const jobName = getJobName(jobId);
+            const confirmed = confirm(`Are you sure you want to rollback the "${jobName}" migration? This will DELETE all items that were migrated by this job.`);
+            if (!confirmed) {
+                return;
+            }
+            addLog(`Rolling back migration "${jobName}"`);
+            const response = await fetch(`/api/wordpress/migration-jobs`, {
+                body: JSON.stringify({
+                    action: 'rollback',
+                    jobId
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                addLog(`Error rolling back migration "${jobName}": ${errorData.error || 'Unknown error'}`);
+                throw new Error(errorData.error || 'Failed to rollback job');
+            }
+            const result = await response.json();
+            addLog(`Rollback complete for "${jobName}": ${result.data?.deleted ?? 0} items deleted`);
+            await refreshDashboard();
+        } catch (error) {
+            console.error('Error rolling back migration:', error);
+            alert(`Failed to rollback migration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        } finally{
+            setLoading(false);
+        }
+    };
+    const handleJobAction = async (action, jobId)=>{
+        switch(action){
+            case 'start':
+                return startMigrationJob(jobId);
+            case 'pause':
+                return pauseMigrationJob(jobId);
+            case 'resume':
+                return resumeMigrationJob(jobId);
+            case 'retry':
+                return retryMigrationJob(jobId);
+            case 'update':
+                return updateMigrationJob(jobId);
+            case 'restart':
+                return restartMigrationJob(jobId);
+            case 'rollback':
+                return rollbackMigrationJob(jobId);
+        }
+    };
+    // --- Config handlers ---
+    const scanWordPressContent = async ()=>{
+        if (!validateSiteConfig()) {
+            return;
+        }
+        setSiteConfig((prev)=>({
+                ...prev,
+                connectionStatus: 'scanning'
+            }));
+        try {
+            const response = await fetch('/api/wordpress/discover-content', {
+                body: JSON.stringify({
+                    wpPassword: siteConfig.wpPassword,
+                    wpSiteUrl: siteConfig.wpSiteUrl,
+                    wpUsername: siteConfig.wpUsername
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            const result = await response.json();
+            if (response.ok && result.success) {
+                const contentTypes = result.contentTypes || [];
+                const totalItems = result.totalItems || 0;
+                const updatedConfig = {
+                    ...siteConfig,
+                    connectionStatus: 'scanned',
+                    discoveredContent: contentTypes,
+                    totalItems
+                };
+                setSiteConfig(updatedConfig);
+                try {
+                    persistConfig(updatedConfig);
+                } catch (error) {
+                    console.error('Failed to save discovered content to localStorage:', error);
+                }
+                if (contentTypes.length === 0) {
+                    alert('WordPress scan completed, but no content was found. This could be due to:\n\n' + '• Empty WordPress site (no posts, pages, media, etc.)\n' + '• Insufficient user permissions\n' + '• WordPress REST API restrictions\n\n' + 'Please check your WordPress site and user permissions.');
+                }
+            } else {
+                const updatedConfig = {
+                    ...siteConfig,
+                    connectionStatus: 'failed',
+                    discoveredContent: [],
+                    totalItems: 0
+                };
+                setSiteConfig(updatedConfig);
+                try {
+                    persistConfig(updatedConfig);
+                } catch (error) {
+                    console.error('Failed to save failed scan state to localStorage:', error);
+                }
+                alert(`WordPress scan failed: ${result.error || 'Unknown error'}`);
+            }
+        } catch (error) {
+            console.error('Content scan failed:', error);
+            const updatedConfig = {
+                ...siteConfig,
+                connectionStatus: 'failed',
+                discoveredContent: [],
+                totalItems: 0
+            };
+            setSiteConfig(updatedConfig);
+            try {
+                persistConfig(updatedConfig);
+            } catch (storageError) {
+                console.error('Failed to save network error state to localStorage:', storageError);
+            }
+            alert('WordPress scan failed: Network error');
+        }
+    };
+    const handleSiteConfigChange = (field, value)=>{
+        const connectionFields = [
+            'wpSiteUrl',
+            'wpUsername',
+            'wpPassword'
+        ];
+        const shouldReset = connectionFields.includes(field);
+        setSiteConfig((prev)=>({
+                ...prev,
+                [field]: value,
+                ...shouldReset && {
+                    connectionStatus: 'not-scanned',
+                    discoveredContent: [],
+                    totalItems: 0
+                }
+            }));
+    };
+    const handleSaveConfig = async ()=>{
+        if (!validateSiteConfig()) {
+            return;
+        }
+        try {
+            persistConfig(siteConfig);
+            setConfigState({
+                isEditing: false,
+                isSaved: true
+            });
+            await scanWordPressContent();
+        } catch (error) {
+            console.error('Failed to save configuration:', error);
+            alert('Failed to save configuration. Please try again.');
+        }
+    };
+    const handleEditConfig = ()=>{
+        setConfigState({
+            isEditing: true,
+            isSaved: true
+        });
+    };
+    const handleCancelEdit = ()=>{
+        try {
+            const savedConfig = localStorage.getItem('wp-site-config');
+            if (savedConfig) {
+                const parsed = JSON.parse(savedConfig);
+                setSiteConfig((prev)=>({
+                        ...prev,
+                        ...parsed,
+                        connectionStatus: parsed.connectionStatus || prev.connectionStatus || 'not-scanned',
+                        discoveredContent: parsed.discoveredContent || prev.discoveredContent || [],
+                        totalItems: parsed.totalItems || prev.totalItems || 0
+                    }));
+            }
+            setConfigState({
+                isEditing: false,
+                isSaved: true
+            });
+        } catch (error) {
+            console.error('Failed to reload saved configuration:', error);
+        }
+    };
+    // Combine client-side action logs with server-side migration logs
+    const getAllLogs = ()=>{
+        const combinedLogs = [];
+        logs.forEach((log)=>{
+            const timestampMatch = log.match(/^\[(\d{1,2}:\d{2}:\d{2}(?:\s?[AP]M)?)\]/);
+            let timestamp = new Date();
+            if (timestampMatch) {
+                const timeStr = timestampMatch[1];
+                const today = new Date();
+                const timeWithDate = `${today.toDateString()} ${timeStr}`;
+                timestamp = new Date(timeWithDate);
+            }
+            combinedLogs.push({
+                message: log,
+                source: 'client',
+                timestamp
+            });
+        });
+        if (summary.recentLogs) {
+            summary.recentLogs.forEach((log)=>{
+                const timestamp = new Date(log.timestamp);
+                const levelIcon = log.level === 'error' ? '❌' : log.level === 'warning' ? '⚠️' : 'ℹ️';
+                const formattedMessage = `[${timestamp.toLocaleTimeString()}] ${levelIcon} [${log.jobName}] ${log.message}`;
+                combinedLogs.push({
+                    level: log.level,
+                    message: formattedMessage,
+                    source: 'server',
+                    timestamp
+                });
+            });
+        }
+        return combinedLogs.sort((a, b)=>b.timestamp.getTime() - a.timestamp.getTime()).slice(0, 100).map((log)=>log.message);
+    };
+    return {
+        configState,
+        loading,
+        showSiteConfig,
+        siteConfig,
+        summary,
+        // Config actions
+        handleCancelEdit,
+        handleEditConfig,
+        handleSaveConfig,
+        handleSiteConfigChange,
+        setShowSiteConfig,
+        // Job actions
+        handleJobAction,
+        // Utilities
+        getAllLogs
+    };
+};
+
+export { useMigrationDashboard };
+//# sourceMappingURL=useMigrationDashboard.js.map

package/dist/components/dashboard/useMigrationDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMigrationDashboard.js","sources":["../../../src/components/dashboard/useMigrationDashboard.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\nimport type { JobActionType, MigrationSummary, SiteConfigState, WordPressSiteConfig } from './types'\n\n// Persist config without sensitive credentials (password never stored in localStorage)\nconst persistConfig = (config: WordPressSiteConfig) => {\n  const { wpPassword, ...safeConfig } = config\n  localStorage.setItem('wp-site-config', JSON.stringify(safeConfig))\n}\n\nexport const useMigrationDashboard = (initialSummary: MigrationSummary) => {\n  const [summary, setSummary] = useState<MigrationSummary>(initialSummary)\n  const [loading, setLoading] = useState(false)\n  const [logs, setLogs] = useState<string[]>([])\n\n  const [siteConfig, setSiteConfig] = useState<WordPressSiteConfig>({\n    connectionStatus: 'not-scanned',\n    discoveredContent: [],\n    siteName: '',\n    totalItems: 0,\n    wpPassword: '',\n    wpSiteUrl: '',\n    wpUsername: '',\n  })\n  const [configState, setConfigState] = useState<SiteConfigState>({\n    isEditing: true,\n    isSaved: false,\n  })\n  const [showSiteConfig, setShowSiteConfig] = useState(true)\n\n  const addLog = (message: string) => {\n    const timestamp = new Date().toLocaleTimeString()\n    const logEntry = `[${timestamp}] ${message}`\n    setLogs((prev) => [...prev, logEntry])\n  }\n\n  const clearLogs = () => {\n    setLogs([])\n  }\n\n  const refreshDashboard = async () => {\n    try {\n      console.trace('Call stack:')\n      const response = await fetch('/api/wordpress/migration-summary?refresh=true')\n      const newSummary = await response.json()\n      setSummary(newSummary)\n    } catch (error) {\n      console.error('Failed to refresh dashboard:', error)\n    }\n  }\n\n  // Load initial data on mount\n  useEffect(() => {\n    const loadInitialData = async () => {\n      await refreshDashboard()\n    }\n\n    const loadSavedConfig = () => {\n      try {\n        const savedConfig = localStorage.getItem('wp-site-config')\n        if (savedConfig) {\n          const parsed = JSON.parse(savedConfig)\n          setSiteConfig(parsed)\n          setConfigState({ isEditing: false, isSaved: true })\n        }\n      } catch (error) {\n        console.error('Failed to load saved config:', error)\n      }\n    }\n\n    void loadInitialData()\n    loadSavedConfig()\n  }, [])\n\n  // Smart periodic refresh - only when jobs are active\n  useEffect(() => {\n    let refreshInterval: NodeJS.Timeout | null = null\n\n    if (summary.activeJobs > 0) {\n      refreshInterval = setInterval(() => {\n        void refreshDashboard()\n      }, 15000)\n    }\n\n    return () => {\n      if (refreshInterval) {\n        clearInterval(refreshInterval)\n      }\n    }\n  }, [summary.activeJobs])\n\n  // Auto-close site config when scan is successful AND config is saved\n  useEffect(() => {\n    if (\n      siteConfig.connectionStatus === 'scanned' &&\n      configState.isSaved &&\n      !configState.isEditing &&\n      siteConfig.discoveredContent &&\n      siteConfig.discoveredContent.length > 0\n    ) {\n      const timer = setTimeout(() => {\n        setShowSiteConfig(false)\n      }, 5000)\n\n      return () => clearTimeout(timer)\n    }\n  }, [\n    siteConfig.connectionStatus,\n    configState.isSaved,\n    configState.isEditing,\n    siteConfig.discoveredContent,\n  ])\n\n  // Only refresh on significant page visibility changes\n  useEffect(() => {\n    let lastVisibilityChange = Date.now()\n\n    const handleVisibilityChange = () => {\n      if (!document.hidden && Date.now() - lastVisibilityChange > 30000) {\n        void refreshDashboard()\n      }\n\n      if (document.hidden) {\n        lastVisibilityChange = Date.now()\n      }\n    }\n\n    document.addEventListener('visibilitychange', handleVisibilityChange)\n\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange)\n    }\n  }, [])\n\n  // Listen for localStorage events to immediately refresh when jobs are changed\n  useEffect(() => {\n    const handleStorageChange = (e: StorageEvent) => {\n      if (e.key === 'migration-event' && e.newValue) {\n        try {\n          const event = JSON.parse(e.newValue)\n          if (event.type?.startsWith('migration-job-')) {\n            void refreshDashboard()\n          }\n        } catch (error) {\n          // Ignore parsing errors\n        }\n      }\n    }\n\n    window.addEventListener('storage', handleStorageChange)\n    return () => window.removeEventListener('storage', handleStorageChange)\n  }, [])\n\n  const validateSiteConfig = () => {\n    const { siteName, wpPassword, wpSiteUrl, wpUsername } = siteConfig\n    if (!siteName.trim() || !wpSiteUrl.trim() || !wpUsername.trim() || !wpPassword.trim()) {\n      alert('Please fill in all WordPress site configuration fields')\n      return false\n    }\n    return true\n  }\n\n  const requireSiteConfig = (actionVerb: string): boolean => {\n    if (\n      !configState.isSaved ||\n      !validateSiteConfig() ||\n      siteConfig.connectionStatus !== 'scanned'\n    ) {\n      alert(\n        `Please save a valid WordPress site configuration and scan for content before ${actionVerb} migration jobs.`,\n      )\n      return false\n    }\n    return true\n  }\n\n  const getSiteCredentials = () => ({\n    siteName: siteConfig.siteName,\n    wpPassword: siteConfig.wpPassword,\n    wpSiteUrl: siteConfig.wpSiteUrl,\n    wpUsername: siteConfig.wpUsername,\n  })\n\n  const getJobName = (jobId: string) => {\n    const job = summary.recentJobs?.find((j) => j.id === jobId)\n    return job?.jobName || `Job ${jobId}`\n  }\n\n  // --- Job action handlers ---\n\n  const startMigrationJob = async (jobId: string) => {\n    try {\n      setLoading(true)\n      if (!requireSiteConfig('starting')) return\n\n      await refreshDashboard()\n      clearLogs()\n\n      const jobName = getJobName(jobId)\n      addLog(`Migration \"${jobName}\" started`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs`, {\n        body: JSON.stringify({\n          action: 'start',\n          jobId,\n          siteConfig: getSiteCredentials(),\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json()\n        addLog(`Error starting migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to start job')\n      }\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error starting migration:', error)\n      alert(\n        `Failed to start migration: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      )\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const pauseMigrationJob = async (jobId: string) => {\n    try {\n      const jobName = getJobName(jobId)\n      addLog(`Migration \"${jobName}\" paused`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs?jobId=${jobId}&action=pause`, {\n        method: 'PUT',\n      })\n\n      if (!response.ok) {\n        addLog(`Error pausing migration \"${jobName}\"`)\n        throw new Error('Failed to pause migration job')\n      }\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error pausing migration:', error)\n      alert('Failed to pause migration job')\n    }\n  }\n\n  const resumeMigrationJob = async (jobId: string) => {\n    try {\n      setLoading(true)\n      if (!requireSiteConfig('resuming')) return\n\n      const jobName = getJobName(jobId)\n      addLog(`Migration \"${jobName}\" resumed`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs?jobId=${jobId}&action=resume`, {\n        method: 'PUT',\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json()\n        addLog(`Error resuming migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to resume job')\n      }\n\n      const startResponse = await fetch(`/api/wordpress/migration-jobs`, {\n        body: JSON.stringify({\n          action: 'resume',\n          jobId,\n          siteConfig: getSiteCredentials(),\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!startResponse.ok) {\n        const errorData = await startResponse.json()\n        addLog(`Error resuming migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to resume job')\n      }\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error resuming migration:', error)\n      alert(\n        `Failed to resume migration: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      )\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const retryMigrationJob = async (jobId: string) => {\n    try {\n      setLoading(true)\n      if (!requireSiteConfig('retrying')) return\n\n      const jobName = getJobName(jobId)\n      addLog(`Retrying migration \"${jobName}\"`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs`, {\n        body: JSON.stringify({\n          action: 'retry',\n          jobId,\n          siteConfig: getSiteCredentials(),\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json()\n        addLog(`Error retrying migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to retry job')\n      }\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error retrying migration:', error)\n      alert(\n        `Failed to retry migration: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      )\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const updateMigrationJob = async (jobId: string) => {\n    try {\n      setLoading(true)\n      if (!requireSiteConfig('updating')) return\n\n      const jobName = getJobName(jobId)\n\n      const confirmed = confirm(\n        `Are you sure you want to update the \"${jobName}\" migration? This will update existing items with new field mappings without re-processing all content.`,\n      )\n\n      if (!confirmed) {\n        return\n      }\n\n      addLog(`Updating migration \"${jobName}\" with new field mappings`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs`, {\n        body: JSON.stringify({\n          action: 'update',\n          jobId,\n          siteConfig: getSiteCredentials(),\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json()\n        addLog(`Error updating migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to update job')\n      }\n\n      await response.json()\n      addLog(`Successfully started update for \"${jobName}\"`)\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error updating migration:', error)\n      alert(\n        `Failed to update migration job: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      )\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const restartMigrationJob = async (jobId: string) => {\n    try {\n      setLoading(true)\n      if (!requireSiteConfig('restarting')) return\n\n      const jobName = getJobName(jobId)\n\n      const confirmed = confirm(\n        `Are you sure you want to restart the \"${jobName}\" migration? This will re-process ALL items, including those that were already successfully migrated.`,\n      )\n\n      if (!confirmed) {\n        return\n      }\n\n      addLog(`Restarting migration \"${jobName}\"`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs`, {\n        body: JSON.stringify({\n          action: 'restart',\n          jobId,\n          siteConfig: getSiteCredentials(),\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json()\n        addLog(`Error restarting migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to restart job')\n      }\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error restarting migration:', error)\n      alert(\n        `Failed to restart migration: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      )\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const rollbackMigrationJob = async (jobId: string) => {\n    try {\n      setLoading(true)\n\n      const jobName = getJobName(jobId)\n\n      const confirmed = confirm(\n        `Are you sure you want to rollback the \"${jobName}\" migration? This will DELETE all items that were migrated by this job.`,\n      )\n\n      if (!confirmed) {\n        return\n      }\n\n      addLog(`Rolling back migration \"${jobName}\"`)\n\n      const response = await fetch(`/api/wordpress/migration-jobs`, {\n        body: JSON.stringify({\n          action: 'rollback',\n          jobId,\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json()\n        addLog(`Error rolling back migration \"${jobName}\": ${errorData.error || 'Unknown error'}`)\n        throw new Error(errorData.error || 'Failed to rollback job')\n      }\n\n      const result = await response.json()\n      addLog(`Rollback complete for \"${jobName}\": ${result.data?.deleted ?? 0} items deleted`)\n\n      await refreshDashboard()\n    } catch (error) {\n      console.error('Error rolling back migration:', error)\n      alert(\n        `Failed to rollback migration: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      )\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const handleJobAction = async (action: JobActionType, jobId: string) => {\n    switch (action) {\n      case 'start':\n        return startMigrationJob(jobId)\n      case 'pause':\n        return pauseMigrationJob(jobId)\n      case 'resume':\n        return resumeMigrationJob(jobId)\n      case 'retry':\n        return retryMigrationJob(jobId)\n      case 'update':\n        return updateMigrationJob(jobId)\n      case 'restart':\n        return restartMigrationJob(jobId)\n      case 'rollback':\n        return rollbackMigrationJob(jobId)\n    }\n  }\n\n  // --- Config handlers ---\n\n  const scanWordPressContent = async () => {\n    if (!validateSiteConfig()) {\n      return\n    }\n\n    setSiteConfig((prev) => ({ ...prev, connectionStatus: 'scanning' }))\n\n    try {\n      const response = await fetch('/api/wordpress/discover-content', {\n        body: JSON.stringify({\n          wpPassword: siteConfig.wpPassword,\n          wpSiteUrl: siteConfig.wpSiteUrl,\n          wpUsername: siteConfig.wpUsername,\n        }),\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const contentTypes = result.contentTypes || []\n        const totalItems = result.totalItems || 0\n\n        const updatedConfig = {\n          ...siteConfig,\n          connectionStatus: 'scanned' as const,\n          discoveredContent: contentTypes,\n          totalItems,\n        }\n\n        setSiteConfig(updatedConfig)\n\n        try {\n          persistConfig(updatedConfig)\n        } catch (error) {\n          console.error('Failed to save discovered content to localStorage:', error)\n        }\n\n        if (contentTypes.length === 0) {\n          alert(\n            'WordPress scan completed, but no content was found. This could be due to:\\n\\n' +\n              '• Empty WordPress site (no posts, pages, media, etc.)\\n' +\n              '• Insufficient user permissions\\n' +\n              '• WordPress REST API restrictions\\n\\n' +\n              'Please check your WordPress site and user permissions.',\n          )\n        }\n      } else {\n        const updatedConfig = {\n          ...siteConfig,\n          connectionStatus: 'failed' as const,\n          discoveredContent: [],\n          totalItems: 0,\n        }\n\n        setSiteConfig(updatedConfig)\n\n        try {\n          persistConfig(updatedConfig)\n        } catch (error) {\n          console.error('Failed to save failed scan state to localStorage:', error)\n        }\n\n        alert(`WordPress scan failed: ${result.error || 'Unknown error'}`)\n      }\n    } catch (error) {\n      console.error('Content scan failed:', error)\n\n      const updatedConfig = {\n        ...siteConfig,\n        connectionStatus: 'failed' as const,\n        discoveredContent: [],\n        totalItems: 0,\n      }\n\n      setSiteConfig(updatedConfig)\n\n      try {\n        persistConfig(updatedConfig)\n      } catch (storageError) {\n        console.error('Failed to save network error state to localStorage:', storageError)\n      }\n\n      alert('WordPress scan failed: Network error')\n    }\n  }\n\n  const handleSiteConfigChange = (field: keyof WordPressSiteConfig, value: string) => {\n    const connectionFields = ['wpSiteUrl', 'wpUsername', 'wpPassword']\n    const shouldReset = connectionFields.includes(field)\n\n    setSiteConfig((prev) => ({\n      ...prev,\n      [field]: value,\n      ...(shouldReset && {\n        connectionStatus: 'not-scanned',\n        discoveredContent: [],\n        totalItems: 0,\n      }),\n    }))\n  }\n\n  const handleSaveConfig = async () => {\n    if (!validateSiteConfig()) {\n      return\n    }\n\n    try {\n      persistConfig(siteConfig)\n      setConfigState({\n        isEditing: false,\n        isSaved: true,\n      })\n\n      await scanWordPressContent()\n    } catch (error) {\n      console.error('Failed to save configuration:', error)\n      alert('Failed to save configuration. Please try again.')\n    }\n  }\n\n  const handleEditConfig = () => {\n    setConfigState({\n      isEditing: true,\n      isSaved: true,\n    })\n  }\n\n  const handleCancelEdit = () => {\n    try {\n      const savedConfig = localStorage.getItem('wp-site-config')\n      if (savedConfig) {\n        const parsed = JSON.parse(savedConfig)\n        setSiteConfig((prev) => ({\n          ...prev,\n          ...parsed,\n          connectionStatus: parsed.connectionStatus || prev.connectionStatus || 'not-scanned',\n          discoveredContent: parsed.discoveredContent || prev.discoveredContent || [],\n          totalItems: parsed.totalItems || prev.totalItems || 0,\n        }))\n      }\n      setConfigState({\n        isEditing: false,\n        isSaved: true,\n      })\n    } catch (error) {\n      console.error('Failed to reload saved configuration:', error)\n    }\n  }\n\n  // Combine client-side action logs with server-side migration logs\n  const getAllLogs = (): string[] => {\n    const combinedLogs: Array<{\n      level?: string\n      message: string\n      source: 'client' | 'server'\n      timestamp: Date\n    }> = []\n\n    logs.forEach((log) => {\n      const timestampMatch = log.match(/^\\[(\\d{1,2}:\\d{2}:\\d{2}(?:\\s?[AP]M)?)\\]/)\n      let timestamp = new Date()\n\n      if (timestampMatch) {\n        const timeStr = timestampMatch[1]\n        const today = new Date()\n        const timeWithDate = `${today.toDateString()} ${timeStr}`\n        timestamp = new Date(timeWithDate)\n      }\n\n      combinedLogs.push({\n        message: log,\n        source: 'client',\n        timestamp,\n      })\n    })\n\n    if (summary.recentLogs) {\n      summary.recentLogs.forEach((log) => {\n        const timestamp = new Date(log.timestamp)\n        const levelIcon = log.level === 'error' ? '❌' : log.level === 'warning' ? '⚠️' : 'ℹ️'\n        const formattedMessage = `[${timestamp.toLocaleTimeString()}] ${levelIcon} [${log.jobName}] ${log.message}`\n\n        combinedLogs.push({\n          level: log.level,\n          message: formattedMessage,\n          source: 'server',\n          timestamp,\n        })\n      })\n    }\n\n    return combinedLogs\n      .sort((a, b) => b.timestamp.getTime() - a.timestamp.getTime())\n      .slice(0, 100)\n      .map((log) => log.message)\n  }\n\n  return {\n    configState,\n    loading,\n    showSiteConfig,\n    siteConfig,\n    summary,\n\n    // Config actions\n    handleCancelEdit,\n    handleEditConfig,\n    handleSaveConfig,\n    handleSiteConfigChange,\n    setShowSiteConfig,\n\n    // Job actions\n    handleJobAction,\n\n    // Utilities\n    getAllLogs,\n  }\n}\n"],"names":["localStorage","discoveredContent","setLogs","prev","logEntry","console","loadSavedConfig","refreshInterval","summary","siteConfig","configState","lastVisibilityChange","alert","siteName","wpPassword","wpSiteUrl","wpUsername","clearLogs","addLog","jobId","totalItems","connectionStatus","timestamp","combinedLogs","level","loading","showSiteConfig","handleCancelEdit","handleEditConfig","handleSaveConfig","handleSiteConfigChange","setShowSiteConfig","handleJobAction","getAllLogs"],"mappings":";;;AAMA;AACA;AACE;AACAA;AACF;AAEO;AACL;AACA;AACA;AAEA;;AAEEC;;;;;;AAMF;AACA;;;AAGA;AACA;AAEA;;AAEE;AACAC;AAAsBC;AAAMC;AAAS;AACvC;AAEA;AACEF;AACF;AAEA;;AAEIG;;;;AAIF;;AAEA;AACF;;;AAIE;;AAEA;AAEA;;;AAGI;;;;;;AAGmD;AACnD;AACF;;AAEA;AACF;;AAGAC;AACF;;;AAIE;;AAGEC;;;AAGF;;AAGE;;AAEA;AACF;;AACEC;AAAmB;;;AAIrB;AAOE;;;AAIA;AACF;;AAEAC;AACAC;AACAA;AACAD;AACD;;;;AAMC;;;AAGE;;AAGEE;AACF;AACF;;;;AAMA;AACF;;;AAIE;AACE;;AAEI;AACA;;AAEA;AACF;;AAEA;AACF;AACF;;AAGA;AACF;AAEA;;AAEE;;;AAGA;;AAEF;AAEA;;AAMIC;;AAIF;;AAEF;;AAGEC;AACAC;AACAC;AACAC;;AAGF;;AAEE;AACF;;AAIA;;;;;AAMIC;AAEA;AACAC;AAEA;;;AAGIC;;AAEF;;;AAC8C;;AAEhD;;;;AAKE;AACF;;AAGF;;;;;AAOA;AACF;AAEA;;AAEI;AACAD;;;AAIA;;AAGEA;AACA;AACF;;AAGF;;;AAGA;AACF;AAEA;;;;AAKI;AACAA;;;AAIA;;;;AAKE;AACF;AAEA;;;AAGIC;;AAEF;;;AAC8C;;AAEhD;;;;AAKE;AACF;;AAGF;;;;;AAOA;AACF;AAEA;;;;AAKI;AACAD;AAEA;;;AAGIC;;AAEF;;;AAC8C;;AAEhD;;;;AAKE;AACF;;AAGF;;;;;AAOA;AACF;AAEA;;;;AAKI;AAEA;AAIA;AACE;AACF;AAEAD;AAEA;;;AAGIC;;AAEF;;;AAC8C;;AAEhD;;;;AAKE;AACF;AAEA;AACAD;;AAGF;;;;;AAOA;AACF;AAEA;;;;AAKI;AAEA;AAIA;AACE;AACF;AAEAA;AAEA;;;AAGIC;;AAEF;;;AAC8C;;AAEhD;;;;AAKE;AACF;;AAGF;;;;;AAOA;AACF;AAEA;;;AAII;AAEA;AAIA;AACE;AACF;AAEAD;AAEA;;;AAGIC;AACF;;;AAC8C;;AAEhD;;;;AAKE;AACF;;AAGAD;;AAGF;;;;;AAOA;AACF;;;;AAKM;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;AACJ;AACF;;AAIA;AACE;AACE;AACF;;AAE2B;;;;;;AAKrBJ;AACAC;AACAC;AACF;;;AAC8C;;AAEhD;;AAIA;AACE;;AAGA;AACE;;;AAGAI;AACF;;;;AAMA;;AAEA;;;AAUA;;AAEA;AACE;;AAEAnB;;AAEF;;;;AAMA;;AAEA;AAEAW;AACF;AACF;;AAGE;AACE;;AAEAX;;AAEF;;;;AAMA;;AAEA;;AAGF;AACF;;AAGE;AAA0B;AAAa;AAAc;AAAa;;;AAIhE;AACA;AACA;;AAEEA;;;;AAIN;AAEA;AACE;AACE;AACF;;;;;;AAOE;;AAGF;;;AAGA;AACF;AAEA;;;;AAIE;AACF;AAEA;;;AAGI;;;AAGI;AACA;AACAoB;AACApB;AACAmB;;AAEJ;;;;AAIA;AACF;;AAEA;AACF;;AAGA;AACE;;;AASE;AAEA;;AAEE;AACA;AACAE;AACF;AAEAC;;;AAGED;AACF;AACF;;AAGEd;AACE;;AAEA;AAEAe;AACEC;;;AAGAF;AACF;AACF;AACF;;AAMF;;AAGEZ;AACAe;AACAC;AACAjB;AACAD;;AAGAmB;AACAC;AACAC;AACAC;AACAC;;AAGAC;;AAGAC;AACF;AACF;;"}

package/dist/exports/client.d.ts

@@ -0,0 +1,4 @@
+export { default as ContentTypeSelect } from '../components/ContentTypeSelect.js';
+export { default as FieldMappingConfiguration } from '../components/FieldMappingConfiguration.js';
+export { MigrationDashboardClient } from '../components/MigrationDashboardClient.js';
+export { default as SimpleFieldMapping } from '../components/SimpleFieldMapping.js';

package/dist/exports/client.js

@@ -0,0 +1,5 @@
+export { default as ContentTypeSelect } from '../components/ContentTypeSelect.js';
+export { default as FieldMappingConfiguration } from '../components/FieldMappingConfiguration.js';
+export { MigrationDashboardClient } from '../components/MigrationDashboardClient.js';
+export { default as SimpleFieldMapping } from '../components/SimpleFieldMapping.js';
+//# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/exports/rsc.d.ts

@@ -0,0 +1 @@
+export { MigrationDashboardServer } from '../components/BeforeDashboardServer.js';

package/dist/exports/rsc.js

@@ -0,0 +1,2 @@
+export { MigrationDashboardServer } from '../components/BeforeDashboardServer.js';
+//# sourceMappingURL=rsc.js.map

package/dist/exports/rsc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rsc.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}