@messenger-box/tailwind-ui-inbox 10.0.3-alpha.144 → 10.0.3-alpha.158

package/lib/xstate/rightSidebar.machine.js

@@ -1,325 +0,0 @@
-import {createMachine,assign,fromPromise}from'xstate';// eslint-disable-next-line import/no-extraneous-dependencies
-const rightSidebarMachine = createMachine({
-  id: 'rightSidebar',
-  types: {},
-  context: ({
-    input
-  }) => ({
-    channelId: input?.channelId ?? '',
-    isMinimized: input?.isMinimized ?? false,
-    windowWidth: input?.windowWidth ?? 0,
-    windowHeight: input?.windowHeight ?? 0,
-    isLoading: input?.isLoading ?? false,
-    activeFragment: input?.activeFragment ?? null,
-    currentFiles: input?.currentFiles ?? {},
-    canvasLayers: input?.canvasLayers ?? [],
-    previewStatus: input?.previewStatus ?? null
-  }),
-  initial: 'idle',
-  states: {
-    idle: {
-      on: {
-        UPDATE: {
-          actions: assign(({
-            context,
-            event
-          }) => ({
-            ...context,
-            ...(event.value || {})
-          }))
-        },
-        SET_FRAGMENT: {
-          actions: assign(({
-            context,
-            event
-          }) => ({
-            ...context,
-            activeFragment: event.fragment,
-            currentFiles: event.fragment?.files || context.currentFiles,
-            canvasLayers: event.fragment?.canvasLayers || context.canvasLayers,
-            // Don't set previewStatus to 'checking' automatically - only probe when explicitly needed
-            previewStatus: null
-          }))
-        },
-        PROBE: 'probing',
-        SET_LOADING: {
-          actions: assign(({
-            context,
-            event
-          }) => ({
-            ...context,
-            isLoading: event.isLoading
-          }))
-        },
-        CLEAR_PREVIEW_STATUS: {
-          actions: assign(({
-            context
-          }) => ({
-            ...context,
-            previewStatus: null
-          }))
-        },
-        RECREATE_SANDBOX: [{
-          // Only transition if we're not already recreating
-          guard: ({
-            context
-          }) => {
-            // Check if we have a fragment ID to recreate
-            const hasFragmentId = !!context.activeFragment?.id;
-            if (!hasFragmentId) {
-              console.log('🚫 RECREATE_SANDBOX: No fragment ID, ignoring');
-              return false;
-            }
-            return true;
-          },
-          target: 'recreating',
-          actions: assign(({
-            context,
-            event
-          }) => {
-            const recreateEvent = event;
-            console.log('🎯 RECREATE_SANDBOX event received and accepted:', {
-              id: recreateEvent.id,
-              fragmentId: context.activeFragment?.id
-            });
-            return context;
-          })
-        }, {
-          // If guard fails or already recreating, just log and stay in current state
-          actions: ({
-            context,
-            event
-          }) => {
-            const recreateEvent = event;
-            console.log('⏭️ RECREATE_SANDBOX ignored (already recreating or no fragment):', {
-              id: recreateEvent.id,
-              fragmentId: context.activeFragment?.id
-            });
-          }
-        }]
-      }
-    },
-    probing: {
-      invoke: {
-        id: 'probeUrl',
-        src: 'probeUrl',
-        input: ({
-          context,
-          event
-        }) => {
-          const probeEvent = event;
-          return {
-            url: probeEvent.url ?? context.activeFragment?.sandboxUrl,
-            fragmentId: probeEvent.fragmentId ?? context.activeFragment?.id
-          };
-        },
-        onDone: {
-          target: 'idle',
-          actions: assign(({
-            context
-          }) => ({
-            ...context,
-            previewStatus: null,
-            isLoading: false
-          }))
-        },
-        onError: [{
-          // Only recreate if we have a fragment ID AND the error suggests the sandbox is truly unavailable
-          // Don't recreate on transient network errors (timeouts, CORS, etc.)
-          guard: ({
-            context,
-            event
-          }) => {
-            if (!context.activeFragment?.id) {
-              console.log('🚫 Guard: No fragment ID, skipping recreation');
-              return false;
-            }
-            const errorMessage = event.error instanceof Error ? event.error.message : String(event.error);
-            // Check for explicit HTTP status codes (4xx, 5xx)
-            const isServerError = /^[45]\d{2}/.test(errorMessage);
-            // Also check for CORS/network errors that likely indicate expired sandbox (502)
-            // CORS errors on sandbox URLs usually mean the sandbox is expired/down
-            const isCorsNetworkError = errorMessage.includes('502 CORS/Network Error') || errorMessage.includes('Failed to fetch') || errorMessage.includes('CORS') || errorMessage.includes('NetworkError') || errorMessage.includes('Network request failed');
-            const willRecreate = isServerError || isCorsNetworkError;
-            console.log('🔍 Guard check:', {
-              errorMessage,
-              isServerError,
-              isCorsNetworkError,
-              willRecreate
-            });
-            return willRecreate;
-          },
-          target: 'recreating',
-          actions: assign(({
-            context,
-            event
-          }) => {
-            console.log('🔄 Transitioning to recreating state:', {
-              fragmentId: context.activeFragment?.id,
-              error: event.error instanceof Error ? event.error.message : String(event.error)
-            });
-            return {
-              ...context,
-              previewStatus: {
-                status: 'error',
-                message: event.error instanceof Error ? event.error.message : 'Network error'
-              },
-              isLoading: true
-            };
-          })
-        }, {
-          // For other errors (network, CORS, timeout), just show error but don't recreate
-          target: 'idle',
-          actions: assign(({
-            context,
-            event
-          }) => ({
-            ...context,
-            previewStatus: {
-              status: 'error',
-              message: event.error instanceof Error ? event.error.message : 'Network error'
-            },
-            isLoading: false
-          }))
-        }]
-      }
-    },
-    recreating: {
-      invoke: {
-        id: 'recreateSandbox',
-        src: 'recreateSandbox',
-        input: ({
-          context,
-          event
-        }) => {
-          const recreateEvent = event;
-          const id = recreateEvent.id ?? context.activeFragment?.id ?? '';
-          console.log('📥 recreateSandbox input:', {
-            id,
-            hasRecreateEventId: !!recreateEvent.id,
-            hasActiveFragmentId: !!context.activeFragment?.id,
-            activeFragmentId: context.activeFragment?.id
-          });
-          return {
-            id
-          };
-        },
-        onDone: {
-          target: 'idle',
-          actions: assign(({
-            context
-          }) => ({
-            ...context,
-            isLoading: false,
-            previewStatus: {
-              status: 'checking'
-            }
-          }))
-        },
-        onError: {
-          target: 'idle',
-          actions: assign(({
-            context,
-            event
-          }) => ({
-            ...context,
-            isLoading: false,
-            previewStatus: {
-              status: 'error',
-              message: event.error instanceof Error ? event.error.message : 'Recreate failed'
-            }
-          }))
-        }
-      },
-      on: {
-        COMPLETE_RECREATION: {
-          target: 'idle',
-          actions: assign(({
-            context
-          }) => ({
-            ...context,
-            isLoading: false,
-            previewStatus: null
-          }))
-        }
-      }
-    }
-  }
-}).provide({
-  actors: {
-    probeUrl: fromPromise(async ({
-      input
-    }) => {
-      const {
-        url
-      } = input;
-      console.log('🔍 probeUrl actor called with URL:', url);
-      if (!url) {
-        throw new Error('No URL provided for probing');
-      }
-      const controller = new AbortController();
-      const timeoutId = setTimeout(() => controller.abort(), 10000);
-      try {
-        console.log('📡 Fetching URL to probe:', url);
-        const res = await fetch(url, {
-          method: 'GET',
-          mode: 'cors',
-          redirect: 'follow',
-          signal: controller.signal
-        });
-        clearTimeout(timeoutId);
-        console.log('📊 Probe response status:', res.status, res.statusText);
-        // Check for HTTP error status codes (4xx, 5xx)
-        if (!res.ok) {
-          const statusCode = res.status;
-          const statusText = res.statusText || 'Unknown Error';
-          const errorMessage = `${statusCode} ${statusText}`;
-          console.log('❌ Probe detected error:', errorMessage);
-          // Throw error with status code format that matches the guard regex: /^[45]\d{2}/
-          throw new Error(errorMessage);
-        }
-        console.log('✅ Probe successful - URL is accessible');
-        return {
-          ok: true
-        };
-      } catch (error) {
-        clearTimeout(timeoutId);
-        // If it's an abort (timeout), don't treat as server error
-        if (error instanceof Error && error.name === 'AbortError') {
-          throw new Error('TIMEOUT Request timeout');
-        }
-        // If it's already a formatted error (from res.ok check), rethrow it
-        if (error instanceof Error && /^\d{3}/.test(error.message)) {
-          throw error;
-        }
-        // Handle CORS/network errors - these often mask 502 errors from expired sandboxes
-        // When we get a CORS error or "Failed to fetch", it's likely because:
-        // 1. The sandbox is expired (502) and the server isn't responding properly
-        // 2. The sandbox is down and can't set CORS headers
-        // We'll throw a special error that the guard can recognize
-        if (error instanceof Error) {
-          const isCorsError = error.message.includes('Failed to fetch') || error.message.includes('CORS') || error.message.includes('NetworkError') || error.message.includes('Network request failed');
-          if (isCorsError) {
-            console.log('⚠️ CORS/Network error detected - likely expired sandbox (502):', error.message);
-            // Throw as 502 error so guard will match it
-            throw new Error('502 CORS/Network Error - Sandbox likely expired');
-          }
-        }
-        // For other network errors, throw as-is and let guard decide
-        throw error;
-      }
-    }),
-    recreateSandbox: fromPromise(async ({
-      input
-    }) => {
-      // Placeholder actor: implement by injecting via provide in component if needed
-      const {
-        id
-      } = input;
-      console.log('recreateSandbox actor invoked for id:', id);
-      return {
-        success: true
-      };
-    })
-  }
-});export{rightSidebarMachine};//# sourceMappingURL=rightSidebar.machine.js.map

package/lib/xstate/rightSidebar.machine.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rightSidebar.machine.js","sources":["../../src/xstate/rightSidebar.machine.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/src/hooks/use-file-sync.ts

@@ -1,91 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { useUpdateSandboxFileMutation, useFileUpdatedSubscription } from 'common/graphql';
-
-export interface FileSyncHookProps {
-    projectId: string;
-    messageId?: string;
-}
-
-export interface FileSyncResult {
-    updateFile: (filePath: string, content: string) => Promise<void>;
-    isUpdating: boolean;
-    error: string | null;
-    lastUpdate: {
-        filePath: string;
-        operation: string;
-        timestamp: string;
-    } | null;
-}
-
-export const useFileSync = ({ projectId, messageId }: FileSyncHookProps): FileSyncResult => {
-    const [isUpdating, setIsUpdating] = useState(false);
-    const [error, setError] = useState<string | null>(null);
-    const [lastUpdate, setLastUpdate] = useState<{
-        filePath: string;
-        operation: string;
-        timestamp: string;
-    } | null>(null);
-
-    // GraphQL mutations
-    const [updateSandboxFileMutation] = useUpdateSandboxFileMutation();
-
-    // Real-time file updates subscription
-    const { data: fileUpdateData } = useFileUpdatedSubscription({
-        variables: { projectId },
-        skip: !projectId,
-    });
-
-    // Handle real-time file updates
-    useEffect(() => {
-        if (fileUpdateData?.fileUpdated) {
-            const update = fileUpdateData.fileUpdated;
-            setLastUpdate({
-                filePath: update.filePath,
-                operation: update.operation,
-                timestamp: update.timestamp,
-            });
-        }
-    }, [fileUpdateData]);
-
-    const updateFile = useCallback(
-        async (filePath: string, content: string) => {
-            if (!messageId) {
-                throw new Error('Fragment ID is required for file operations');
-            }
-
-            console.log('useFileSync.updateFile - Using fragmentId:', messageId);
-
-            try {
-                setIsUpdating(true);
-                setError(null);
-
-                const response = await updateSandboxFileMutation({
-                    variables: {
-                        projectId,
-                        messageId,
-                        filePath,
-                        content,
-                    },
-                });
-
-                if (!response.data?.updateSandboxFile.success) {
-                    throw new Error(response.data?.updateSandboxFile.message || 'Failed to update file');
-                }
-            } catch (err) {
-                const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
-                setError(errorMessage);
-                throw err;
-            } finally {
-                setIsUpdating(false);
-            }
-        },
-        [updateSandboxFileMutation, projectId, messageId],
-    );
-
-    return {
-        updateFile,
-        isUpdating,
-        error,
-        lastUpdate,
-    };
-};