@viji-dev/sdk 1.0.0 → 1.0.1

package/src/components/ui/ProjectSwitcherMenu.tsx

@@ -1,192 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Card, CardBody, Chip, Tooltip } from '@heroui/react';
-import { FolderIcon, DocumentDuplicateIcon, ClockIcon } from '@heroicons/react/24/outline';
-import { ProjectInfo, projectFileSystem } from '../../services/project-filesystem';
-
-// Type alias for backward compatibility
-interface Project extends ProjectInfo {
-  sceneType: ProjectInfo['projectType'];
-}
-
-interface ProjectSwitcherMenuProps {
-  className?: string;
-  currentProject?: Project;
-  onProjectSwitch?: (project: Project) => void;
-  // UI CRUD disabled
-}
-
-const ProjectSwitcherMenu: React.FC<ProjectSwitcherMenuProps> = ({
-  className = '',
-  currentProject,
-  onProjectSwitch,
-}) => {
-  const [projects, setProjects] = useState<Project[]>([]);
-  const [renamingId] = useState<string | null>(null);
-
-  // Load projects from filesystem and watch for changes
-  useEffect(() => {
-    let unsubscribe: (() => void) | null = null;
-
-    const loadProjects = async () => {
-      try {
-        const projectsList = await projectFileSystem.getProjects();
-        // Convert ProjectInfo to Project (adding sceneType alias)
-        const convertedProjects: Project[] = projectsList.map(project => ({
-          ...project,
-          sceneType: project.projectType,
-        }));
-        setProjects(convertedProjects);
-      } catch (error) {
-        console.error('Failed to load projects:', error);
-      }
-    };
-
-    // Initial load
-    loadProjects();
-
-    // Watch for changes
-    unsubscribe = projectFileSystem.onProjectsChange((updatedProjects) => {
-      const convertedProjects: Project[] = updatedProjects.map(project => ({
-        ...project,
-        sceneType: project.projectType,
-      }));
-      setProjects(convertedProjects);
-    });
-
-    // Also refresh on Vite HMR full-reload signals
-    try {
-      const hot: any = (import.meta as any).hot;
-      if (hot) {
-        const handler = async () => {
-          try {
-            const list = await projectFileSystem.getProjects();
-            const converted: Project[] = list.map(p => ({ ...p, sceneType: p.projectType }));
-            setProjects(converted);
-          } catch {}
-        };
-        hot.on('vite:afterUpdate', handler);
-        return () => {
-          try { hot.off?.('vite:afterUpdate', handler); } catch {}
-          if (unsubscribe) unsubscribe();
-        };
-      }
-    } catch {}
-
-    return () => {
-      if (unsubscribe) {
-        unsubscribe();
-      }
-    };
-  }, []);
-
-  // UI-based project CRUD/build removed intentionally
-
-  const formatLastModified = (date: Date) => {
-    const now = new Date();
-    const diffDays = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60 * 24));
-    
-    if (diffDays === 0) return 'Today';
-    if (diffDays === 1) return 'Yesterday';
-    if (diffDays < 7) return `${diffDays} days ago`;
-    return date.toLocaleDateString();
-  };
-
-  const getTypeColor = (type: Project['sceneType']) => {
-    switch (type) {
-      case 'typescript': return 'primary';
-      case 'javascript': return 'warning';
-      case 'shader': return 'secondary';
-      default: return 'default';
-    }
-  };
-
-  const getTypeLabel = (type: Project['sceneType']) => {
-    switch (type) {
-      case 'typescript': return 'TS';
-      case 'javascript': return 'JS';
-      case 'shader': return 'GLSL';
-      default: return 'UNKNOWN';
-    }
-  };
-
-  return (
-    <div className={`space-y-4 ${className}`}>
-      
-
-      {/* Projects List */}
-      <div className="space-y-2">
-        <div className="text-white/60 text-xs font-medium uppercase tracking-wider px-1">
-          Projects ({projects.length})
-        </div>
-        
-        {projects.length === 0 ? (
-          <div className="text-center py-8 text-white/40">
-            <FolderIcon className="w-8 h-8 mx-auto mb-2" />
-            <p className="text-sm">No projects yet</p>
-            <p className="text-xs mt-1">Create your first scene project</p>
-          </div>
-        ) : (
-          <div className="space-y-1">
-            {projects
-              .sort((a, b) => b.lastModified.getTime() - a.lastModified.getTime())
-              .map((project) => (
-                <Card
-                  key={project.id}
-                  className={`
-                    bg-black/20 border-white/10 hover:bg-white/10 transition-colors
-                    ${currentProject?.id === project.id ? 'border-primary-500 bg-primary-500/10' : ''}
-                  `}
-                >
-                  <CardBody className="p-3">
-                    <div className="flex items-center justify-between">
-                      <div 
-                        className="flex-1 min-w-0 cursor-pointer"
-                        onClick={() => renamingId !== project.id && onProjectSwitch?.(project)}
-                      >
-                        {false ? (
-                          <></>
-                        ) : (
-                          <div className="space-y-1">
-                            <div className="flex items-center gap-2">
-                              <span className="text-white font-medium text-sm truncate">
-                                {project.name}
-                              </span>
-                              <div className="flex items-center gap-1">
-                                <Chip
-                                  color={getTypeColor(project.sceneType) as any}
-                                  size="sm"
-                                  variant="flat"
-                                  className="text-xs h-5 min-w-0 px-1"
-                                >
-                                  {getTypeLabel(project.sceneType)}
-                                </Chip>
-                                {project.isBuilt && (
-                                  <Tooltip content="Built and ready to deploy" className="bg-black/80 text-white">
-                                    <DocumentDuplicateIcon className="w-3 h-3 text-green-400" />
-                                  </Tooltip>
-                                )}
-                              </div>
-                            </div>
-                            <div className="flex items-center gap-1 text-white/40 text-xs">
-                              <ClockIcon className="w-3 h-3" />
-                              {formatLastModified(project.lastModified)}
-                            </div>
-                          </div>
-                        )}
-                      </div>
-
-                      
-                    </div>
-                  </CardBody>
-                </Card>
-              ))}
-          </div>
-        )}
-      </div>
-
-      {/* Create/Delete/Rename modals removed intentionally to keep UI clean */}
-    </div>
-  );
-};
-
-export default ProjectSwitcherMenu;