@anymux/ui-kit 0.1.0

package/src/file-browser/providers/MemoryProvider.ts

@@ -0,0 +1,303 @@
+import { IFileBrowserProvider } from './IFileBrowserProvider';
+import { FileBrowserItem, IconDefinition, PreviewData } from '../types/FileBrowserTypes';
+import { LeftPanelMode } from '../models/LeftPanelManagerModel';
+import { ViewModeDefinition } from '../models/RightPanelManagerModel';
+
+export class MemoryProvider implements IFileBrowserProvider {
+  readonly id = 'memory';
+  readonly name = 'Memory Provider';
+  readonly version = '1.0.0';
+
+  private items = new Map<string, FileBrowserItem[]>();
+
+  constructor() {
+    this.loadDemoData();
+  }
+
+  // Core data operations
+  async loadItems(path: string): Promise<FileBrowserItem[]> {
+    const normalizedPath = this.normalizePath(path);
+    const items = this.items.get(normalizedPath) || [];
+    
+    // Simulate async loading
+    await new Promise(resolve => setTimeout(resolve, 50));
+    
+    return [...items];
+  }
+
+  // Dual-panel support
+  getLeftPanelModes(): LeftPanelMode[] {
+    return [
+      {
+        id: 'tree',
+        name: 'Tree',
+        icon: 'folder-tree',
+        component: {} as any, // Will be set by consumer
+        isAvailable: () => true
+      }
+    ];
+  }
+
+  getRightPanelViewModes(): ViewModeDefinition[] {
+    return [
+      {
+        id: 'list',
+        name: 'List',
+        icon: 'list',
+        applicableFor: (contentType) => contentType === 'folder'
+      },
+      {
+        id: 'thumbnail',
+        name: 'Thumbnails',
+        icon: 'grid-3x3',
+        applicableFor: (contentType) => contentType === 'folder'
+      },
+      {
+        id: 'treemap',
+        name: 'Treemap',
+        icon: 'layout-dashboard',
+        applicableFor: (contentType) => contentType === 'folder'
+      },
+      {
+        id: 'detail',
+        name: 'Details',
+        icon: 'info',
+        applicableFor: (contentType) => contentType === 'folder'
+      }
+    ];
+  }
+
+  // Path operations
+  normalizePath(path: string): string {
+    if (!path || path === '') return '/';
+    
+    let normalized = path.startsWith('/') ? path : '/' + path;
+    if (normalized.length > 1 && normalized.endsWith('/')) {
+      normalized = normalized.slice(0, -1);
+    }
+    
+    return normalized;
+  }
+
+  getParentPath(path: string): string | null {
+    const normalized = this.normalizePath(path);
+    if (normalized === '/') return null;
+    
+    const lastSlashIndex = normalized.lastIndexOf('/');
+    if (lastSlashIndex === 0) return '/';
+    
+    return normalized.substring(0, lastSlashIndex);
+  }
+
+  // Item customization
+  getItemIcon(item: FileBrowserItem): IconDefinition {
+    if (item.type === 'directory') {
+      return { type: 'lucide', name: 'folder' };
+    }
+    
+    if (item.name) {
+      const extension = item.name.split('.').pop()?.toLowerCase();
+      switch (extension) {
+        case 'js':
+        case 'ts':
+        case 'jsx':
+        case 'tsx':
+          return { type: 'lucide', name: 'file-code' };
+        case 'json':
+          return { type: 'lucide', name: 'braces' };
+        case 'md':
+          return { type: 'lucide', name: 'file-text' };
+        case 'jpg':
+        case 'jpeg':
+        case 'png':
+        case 'gif':
+        case 'webp':
+          return { type: 'lucide', name: 'image' };
+        case 'pdf':
+          return { type: 'lucide', name: 'file-type' };
+        default:
+          return { type: 'lucide', name: 'file' };
+      }
+    }
+    
+    return { type: 'lucide', name: 'file' };
+  }
+
+  async getItemPreview(item: FileBrowserItem): Promise<PreviewData | null> {
+    if (item.type !== 'file') return null;
+    
+    return {
+      type: 'text',
+      content: `Preview content for ${item.name}`,
+      metadata: {
+        size: item.size || 0,
+        lastModified: item.lastModified || new Date(),
+      }
+    };
+  }
+
+  // File preview capabilities
+  canPreviewFile(item: FileBrowserItem): boolean {
+    if (item.type !== 'file' || !item.name) return false;
+    
+    const extension = item.name.split('.').pop()?.toLowerCase();
+    const previewableExtensions = ['txt', 'md', 'json', 'js', 'ts', 'jsx', 'tsx', 'html', 'css'];
+    
+    return previewableExtensions.includes(extension || '');
+  }
+
+  async getFilePreview(item: FileBrowserItem): Promise<PreviewData> {
+    if (!this.canPreviewFile(item)) {
+      throw new Error(`Cannot preview file: ${item.name}`);
+    }
+    
+    return {
+      type: 'text',
+      content: `Content of ${item.name}\n\nThis is a demo preview.`,
+      metadata: {
+        size: item.size || 0,
+        lastModified: item.lastModified || new Date(),
+      }
+    };
+  }
+
+  // Demo data
+  private loadDemoData() {
+    // Root directory
+    this.items.set('/', [
+      {
+        id: 'src',
+        name: 'src',
+        path: '/src',
+        type: 'folder',
+        size: 0,
+        lastModified: new Date('2024-01-15'),
+        isReadonly: false
+      },
+      {
+        id: 'docs',
+        name: 'docs',
+        path: '/docs',
+        type: 'folder',
+        size: 0,
+        lastModified: new Date('2024-01-14'),
+        isReadonly: false
+      },
+      {
+        id: 'package.json',
+        name: 'package.json',
+        path: '/package.json',
+        type: 'file',
+        size: 1024,
+        lastModified: new Date('2024-01-16'),
+        isReadonly: false
+      },
+      {
+        id: 'README.md',
+        name: 'README.md',
+        path: '/README.md',
+        type: 'file',
+        size: 2048,
+        lastModified: new Date('2024-01-16'),
+        isReadonly: false
+      }
+    ]);
+
+    // /src directory
+    this.items.set('/src', [
+      {
+        id: 'components',
+        name: 'components',
+        path: '/src/components',
+        type: 'folder',
+        size: 0,
+        lastModified: new Date('2024-01-15'),
+        isReadonly: false
+      },
+      {
+        id: 'utils',
+        name: 'utils',
+        path: '/src/utils',
+        type: 'folder',
+        size: 0,
+        lastModified: new Date('2024-01-15'),
+        isReadonly: false
+      },
+      {
+        id: 'index.ts',
+        name: 'index.ts',
+        path: '/src/index.ts',
+        type: 'file',
+        size: 512,
+        lastModified: new Date('2024-01-15'),
+        isReadonly: false
+      }
+    ]);
+
+    // /src/components directory
+    this.items.set('/src/components', [
+      {
+        id: 'Button.tsx',
+        name: 'Button.tsx',
+        path: '/src/components/Button.tsx',
+        type: 'file',
+        size: 1536,
+        lastModified: new Date('2024-01-15'),
+        isReadonly: false
+      },
+      {
+        id: 'Input.tsx',
+        name: 'Input.tsx',
+        path: '/src/components/Input.tsx',
+        type: 'file',
+        size: 1280,
+        lastModified: new Date('2024-01-15'),
+        isReadonly: false
+      }
+    ]);
+
+    // /docs directory
+    this.items.set('/docs', [
+      {
+        id: 'api.md',
+        name: 'api.md',
+        path: '/docs/api.md',
+        type: 'file',
+        size: 3072,
+        lastModified: new Date('2024-01-14'),
+        isReadonly: false
+      },
+      {
+        id: 'images',
+        name: 'images',
+        path: '/docs/images',
+        type: 'folder',
+        size: 0,
+        lastModified: new Date('2024-01-14'),
+        isReadonly: false
+      }
+    ]);
+
+    // /docs/images directory
+    this.items.set('/docs/images', [
+      {
+        id: 'logo.png',
+        name: 'logo.png',
+        path: '/docs/images/logo.png',
+        type: 'file',
+        size: 8192,
+        lastModified: new Date('2024-01-14'),
+        isReadonly: false
+      },
+      {
+        id: 'screenshot.jpg',
+        name: 'screenshot.jpg',
+        path: '/docs/images/screenshot.jpg',
+        type: 'file',
+        size: 15360,
+        lastModified: new Date('2024-01-14'),
+        isReadonly: false
+      }
+    ]);
+  }
+} 

package/src/file-browser/providers/index.ts

@@ -0,0 +1,4 @@
+export type { IFileBrowserProvider } from './IFileBrowserProvider';
+export { MemoryProvider } from './MemoryProvider';
+export { FileSystemProvider } from './FileSystemProvider';
+export { GitProvider } from './GitProvider';