@blu1606/create-walrus-app 0.1.4 → 2.0.0

package/dist/generator/merge.test.js

@@ -1,79 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { deepMerge } from './merge.js';
-describe('deepMerge', () => {
-    it('should merge objects recursively', () => {
-        const target = { a: 1, b: { c: 2 } };
-        const source = { b: { d: 3 }, e: 4 };
-        const result = deepMerge(target, source);
-        expect(result).toEqual({ a: 1, b: { c: 2, d: 3 }, e: 4 });
-    });
-    it('should replace arrays entirely', () => {
-        const target = { arr: [1, 2, 3] };
-        const source = { arr: [4, 5] };
-        const result = deepMerge(target, source);
-        expect(result).toEqual({ arr: [4, 5] });
-    });
-    it('should replace primitives', () => {
-        const target = { a: 1, b: 'old' };
-        const source = { a: 2, b: 'new' };
-        const result = deepMerge(target, source);
-        expect(result).toEqual({ a: 2, b: 'new' });
-    });
-    it('should handle null and undefined', () => {
-        // undefined: skip (return target)
-        const target1 = { a: 1 };
-        const source1 = undefined;
-        const result1 = deepMerge(target1, source1);
-        expect(result1).toEqual({ a: 1 });
-        // null: override (later layers win)
-        const target2 = { a: 1 };
-        const source2 = null;
-        const result2 = deepMerge(target2, source2);
-        expect(result2).toBeNull();
-    });
-    it('should merge nested objects deeply', () => {
-        const target = {
-            dependencies: { react: '^18.0.0' },
-            scripts: { build: 'tsc' },
-        };
-        const source = {
-            dependencies: { 'react-dom': '^18.0.0' },
-            scripts: { dev: 'vite' },
-        };
-        const result = deepMerge(target, source);
-        expect(result).toEqual({
-            dependencies: { react: '^18.0.0', 'react-dom': '^18.0.0' },
-            scripts: { build: 'tsc', dev: 'vite' },
-        });
-    });
-    it('should handle package.json-like merge', () => {
-        const base = {
-            name: 'base',
-            version: '1.0.0',
-            dependencies: {
-                commander: '^11.0.0',
-            },
-        };
-        const overlay = {
-            name: 'overlay',
-            dependencies: {
-                react: '^18.0.0',
-            },
-            devDependencies: {
-                typescript: '^5.0.0',
-            },
-        };
-        const result = deepMerge(base, overlay);
-        expect(result).toEqual({
-            name: 'overlay',
-            version: '1.0.0',
-            dependencies: {
-                commander: '^11.0.0',
-                react: '^18.0.0',
-            },
-            devDependencies: {
-                typescript: '^5.0.0',
-            },
-        });
-    });
-});

package/dist/generator/transform.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/generator/transform.test.js

@@ -1,51 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { transformString, buildVariables } from './transform.js';
-describe('transformString', () => {
-    const vars = {
-        projectName: 'my-walrus-app',
-        sdkName: 'mysten',
-        framework: 'react',
-        useCase: 'simple-upload',
-    };
-    it('should replace projectName placeholder', () => {
-        const input = '# {{projectName}}';
-        const result = transformString(input, vars);
-        expect(result).toBe('# my-walrus-app');
-    });
-    it('should replace multiple placeholders', () => {
-        const input = 'Project: {{projectName}}, SDK: {{sdkName}}, Framework: {{framework}}';
-        const result = transformString(input, vars);
-        expect(result).toBe('Project: my-walrus-app, SDK: mysten, Framework: react');
-    });
-    it('should handle multiple occurrences of same placeholder', () => {
-        const input = '{{projectName}} is a {{projectName}} project';
-        const result = transformString(input, vars);
-        expect(result).toBe('my-walrus-app is a my-walrus-app project');
-    });
-    it('should not modify text without placeholders', () => {
-        const input = 'This is plain text';
-        const result = transformString(input, vars);
-        expect(result).toBe('This is plain text');
-    });
-});
-describe('buildVariables', () => {
-    it('should extract variables from context', () => {
-        const context = {
-            projectName: 'test-app',
-            projectPath: '/path/to/test-app',
-            sdk: 'mysten',
-            framework: 'react',
-            useCase: 'gallery',
-            analytics: false,
-            tailwind: true,
-            packageManager: 'pnpm',
-        };
-        const vars = buildVariables(context);
-        expect(vars).toEqual({
-            projectName: 'test-app',
-            sdkName: 'mysten',
-            framework: 'react',
-            useCase: 'gallery',
-        });
-    });
-});

package/dist/matrix.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/matrix.test.js

@@ -1,70 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { COMPATIBILITY_MATRIX, SDK_METADATA } from './matrix.js';
-describe('COMPATIBILITY_MATRIX', () => {
-    it('should have entries for all SDKs', () => {
-        expect(COMPATIBILITY_MATRIX).toHaveProperty('mysten');
-        expect(COMPATIBILITY_MATRIX).toHaveProperty('tusky');
-        expect(COMPATIBILITY_MATRIX).toHaveProperty('hibernuts');
-    });
-    it('should have frameworks and useCases for each SDK', () => {
-        Object.values(COMPATIBILITY_MATRIX).forEach((sdk) => {
-            expect(sdk).toHaveProperty('frameworks');
-            expect(sdk).toHaveProperty('useCases');
-            expect(Array.isArray(sdk.frameworks)).toBe(true);
-            expect(Array.isArray(sdk.useCases)).toBe(true);
-        });
-    });
-    it('should have mysten support all frameworks', () => {
-        expect(COMPATIBILITY_MATRIX.mysten.frameworks).toEqual(['react', 'vue', 'plain-ts']);
-    });
-    it('should have mysten support all use cases', () => {
-        expect(COMPATIBILITY_MATRIX.mysten.useCases).toEqual(['simple-upload', 'gallery', 'defi-nft']);
-    });
-    it('should have tusky support limited use cases', () => {
-        expect(COMPATIBILITY_MATRIX.tusky.useCases).toEqual(['simple-upload', 'gallery']);
-        expect(COMPATIBILITY_MATRIX.tusky.useCases).not.toContain('defi-nft');
-    });
-    it('should have hibernuts with most restricted support', () => {
-        expect(COMPATIBILITY_MATRIX.hibernuts.frameworks).toEqual(['react', 'plain-ts']);
-        expect(COMPATIBILITY_MATRIX.hibernuts.useCases).toEqual(['simple-upload']);
-    });
-    it('should not have hibernuts support vue', () => {
-        expect(COMPATIBILITY_MATRIX.hibernuts.frameworks).not.toContain('vue');
-    });
-    it('should not have hibernuts support gallery or defi-nft', () => {
-        expect(COMPATIBILITY_MATRIX.hibernuts.useCases).not.toContain('gallery');
-        expect(COMPATIBILITY_MATRIX.hibernuts.useCases).not.toContain('defi-nft');
-    });
-});
-describe('SDK_METADATA', () => {
-    it('should have metadata for all SDKs', () => {
-        expect(SDK_METADATA).toHaveProperty('mysten');
-        expect(SDK_METADATA).toHaveProperty('tusky');
-        expect(SDK_METADATA).toHaveProperty('hibernuts');
-    });
-    it('should have name, description, and docs for each SDK', () => {
-        Object.values(SDK_METADATA).forEach((metadata) => {
-            expect(metadata).toHaveProperty('name');
-            expect(metadata).toHaveProperty('description');
-            expect(metadata).toHaveProperty('docs');
-            expect(typeof metadata.name).toBe('string');
-            expect(typeof metadata.description).toBe('string');
-            expect(typeof metadata.docs).toBe('string');
-        });
-    });
-    it('should have valid package names', () => {
-        expect(SDK_METADATA.mysten.name).toBe('@mysten/walrus');
-        expect(SDK_METADATA.tusky.name).toBe('@tusky-io/ts-sdk');
-        expect(SDK_METADATA.hibernuts.name).toBe('@hibernuts/walrus-sdk');
-    });
-    it('should have URLs in docs field', () => {
-        Object.values(SDK_METADATA).forEach((metadata) => {
-            expect(metadata.docs).toMatch(/^https?:\/\//);
-        });
-    });
-    it('should have meaningful descriptions', () => {
-        expect(SDK_METADATA.mysten.description.length).toBeGreaterThan(10);
-        expect(SDK_METADATA.tusky.description.length).toBeGreaterThan(10);
-        expect(SDK_METADATA.hibernuts.description.length).toBeGreaterThan(10);
-    });
-});

package/dist/types.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types.test.js

@@ -1,65 +0,0 @@
-import { describe, it, expect } from 'vitest';
-describe('Type definitions', () => {
-    it('should allow valid SDK values', () => {
-        const sdks = ['mysten', 'tusky', 'hibernuts'];
-        expect(sdks).toHaveLength(3);
-    });
-    it('should allow valid Framework values', () => {
-        const frameworks = ['react', 'vue', 'plain-ts'];
-        expect(frameworks).toHaveLength(3);
-    });
-    it('should allow valid UseCase values', () => {
-        const useCases = ['simple-upload', 'gallery', 'defi-nft'];
-        expect(useCases).toHaveLength(3);
-    });
-    it('should allow valid PackageManager values', () => {
-        const pms = ['npm', 'pnpm', 'yarn', 'bun'];
-        expect(pms).toHaveLength(4);
-    });
-    it('should create valid Context object', () => {
-        const context = {
-            projectName: 'test-app',
-            projectPath: '/path/to/test-app',
-            sdk: 'mysten',
-            framework: 'react',
-            useCase: 'simple-upload',
-            analytics: false,
-            tailwind: true,
-            packageManager: 'pnpm',
-        };
-        expect(context.projectName).toBe('test-app');
-        expect(context.sdk).toBe('mysten');
-        expect(context.framework).toBe('react');
-        expect(context.useCase).toBe('simple-upload');
-        expect(context.analytics).toBe(false);
-        expect(context.tailwind).toBe(true);
-        expect(context.packageManager).toBe('pnpm');
-    });
-    it('should create valid ValidationResult with success', () => {
-        const result = {
-            valid: true,
-        };
-        expect(result.valid).toBe(true);
-        expect(result.error).toBeUndefined();
-        expect(result.suggestion).toBeUndefined();
-    });
-    it('should create valid ValidationResult with error', () => {
-        const result = {
-            valid: false,
-            error: 'Something went wrong',
-            suggestion: 'Try this instead',
-        };
-        expect(result.valid).toBe(false);
-        expect(result.error).toBe('Something went wrong');
-        expect(result.suggestion).toBe('Try this instead');
-    });
-    it('should allow ValidationResult with error but no suggestion', () => {
-        const result = {
-            valid: false,
-            error: 'Error without suggestion',
-        };
-        expect(result.valid).toBe(false);
-        expect(result.error).toBe('Error without suggestion');
-        expect(result.suggestion).toBeUndefined();
-    });
-});

package/dist/utils/detect-pm.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/utils/detect-pm.test.js

@@ -1,52 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach } from 'vitest';
-import { detectPackageManager } from './detect-pm.js';
-describe('detectPackageManager', () => {
-    let originalUserAgent;
-    beforeEach(() => {
-        originalUserAgent = process.env.npm_config_user_agent;
-    });
-    afterEach(() => {
-        if (originalUserAgent === undefined) {
-            delete process.env.npm_config_user_agent;
-        }
-        else {
-            process.env.npm_config_user_agent = originalUserAgent;
-        }
-    });
-    it('should detect pnpm from user agent', () => {
-        process.env.npm_config_user_agent = 'pnpm/8.6.0 npm/? node/v18.16.0 linux x64';
-        expect(detectPackageManager()).toBe('pnpm');
-    });
-    it('should detect yarn from user agent', () => {
-        process.env.npm_config_user_agent = 'yarn/1.22.19 npm/? node/v18.16.0 linux x64';
-        expect(detectPackageManager()).toBe('yarn');
-    });
-    it('should detect bun from user agent', () => {
-        process.env.npm_config_user_agent = 'bun/1.0.0';
-        expect(detectPackageManager()).toBe('bun');
-    });
-    it('should default to npm when no user agent', () => {
-        delete process.env.npm_config_user_agent;
-        expect(detectPackageManager()).toBe('npm');
-    });
-    it('should default to npm for unknown user agent', () => {
-        process.env.npm_config_user_agent = 'unknown/1.0.0';
-        expect(detectPackageManager()).toBe('npm');
-    });
-    it('should handle user agent with pnpm in different positions', () => {
-        process.env.npm_config_user_agent = 'npm/? pnpm/8.0.0 node/v18.0.0';
-        expect(detectPackageManager()).toBe('pnpm');
-    });
-    it('should prioritize pnpm over yarn when both present', () => {
-        process.env.npm_config_user_agent = 'pnpm/8.0.0 yarn/1.22.0';
-        expect(detectPackageManager()).toBe('pnpm');
-    });
-    it('should prioritize yarn over bun when both present', () => {
-        process.env.npm_config_user_agent = 'yarn/1.22.0 bun/1.0.0';
-        expect(detectPackageManager()).toBe('yarn');
-    });
-    it('should handle empty string user agent', () => {
-        process.env.npm_config_user_agent = '';
-        expect(detectPackageManager()).toBe('npm');
-    });
-});

package/dist/validator.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/validator.test.js

@@ -1,96 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { validateProjectName, validateContext } from './validator.js';
-describe('validateProjectName', () => {
-    it('should accept valid project names', () => {
-        expect(validateProjectName('my-project')).toBe(true);
-        expect(validateProjectName('app123')).toBe(true);
-        expect(validateProjectName('walrus-app-v2')).toBe(true);
-    });
-    it('should reject names with path traversal', () => {
-        expect(validateProjectName('../my-project')).toContain('path separators');
-        expect(validateProjectName('../../escape')).toContain('path separators');
-        expect(validateProjectName('test/../bad')).toContain('path separators');
-    });
-    it('should reject names with forward slashes', () => {
-        expect(validateProjectName('my/project')).toContain('path separators');
-        expect(validateProjectName('/absolute/path')).toContain('path separators');
-    });
-    it('should reject names with backslashes', () => {
-        expect(validateProjectName('my\\project')).toContain('path separators');
-        expect(validateProjectName('C:\\Windows\\path')).toContain('path separators');
-    });
-    it('should reject absolute paths', () => {
-        expect(validateProjectName('/usr/local/bin')).toContain('path');
-        expect(validateProjectName('C:\\Program Files')).toContain('path');
-    });
-    it('should reject names with uppercase letters', () => {
-        expect(validateProjectName('MyProject')).toContain('lowercase');
-        expect(validateProjectName('TEST')).toContain('lowercase');
-    });
-    it('should reject names with special characters', () => {
-        expect(validateProjectName('my_project')).toContain('lowercase');
-        expect(validateProjectName('my.project')).toContain('lowercase');
-        expect(validateProjectName('my@project')).toContain('lowercase');
-        expect(validateProjectName('my project')).toContain('lowercase');
-    });
-    it('should reject names starting with hyphen', () => {
-        expect(validateProjectName('-myproject')).toContain('hyphen');
-    });
-    it('should reject names ending with hyphen', () => {
-        expect(validateProjectName('myproject-')).toContain('hyphen');
-    });
-    it('should accept names with hyphens in middle', () => {
-        expect(validateProjectName('my-awesome-project')).toBe(true);
-    });
-    it('should accept numbers in names', () => {
-        expect(validateProjectName('app123')).toBe(true);
-        expect(validateProjectName('2024-project')).toBe(true);
-    });
-});
-describe('validateContext', () => {
-    const createContext = (overrides = {}) => ({
-        projectName: 'test-app',
-        projectPath: '/path/to/test-app',
-        sdk: 'mysten',
-        framework: 'react',
-        useCase: 'simple-upload',
-        analytics: false,
-        tailwind: true,
-        packageManager: 'pnpm',
-        ...overrides,
-    });
-    it('should validate compatible sdk and framework combinations', () => {
-        expect(validateContext(createContext({ sdk: 'mysten', framework: 'react' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'mysten', framework: 'vue' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'mysten', framework: 'plain-ts' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'tusky', framework: 'react' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'hibernuts', framework: 'react' }))).toEqual({ valid: true });
-    });
-    it('should reject incompatible sdk and framework combinations', () => {
-        const result = validateContext(createContext({ sdk: 'hibernuts', framework: 'vue' }));
-        expect(result.valid).toBe(false);
-        expect(result.error).toContain('incompatible');
-        expect(result.suggestion).toContain('Compatible frameworks');
-    });
-    it('should validate compatible sdk and useCase combinations', () => {
-        expect(validateContext(createContext({ sdk: 'mysten', useCase: 'simple-upload' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'mysten', useCase: 'gallery' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'mysten', useCase: 'defi-nft' }))).toEqual({ valid: true });
-        expect(validateContext(createContext({ sdk: 'tusky', useCase: 'simple-upload' }))).toEqual({ valid: true });
-    });
-    it('should reject incompatible sdk and useCase combinations', () => {
-        const result = validateContext(createContext({ sdk: 'tusky', useCase: 'defi-nft' }));
-        expect(result.valid).toBe(false);
-        expect(result.error).toContain('does not support');
-        expect(result.suggestion).toContain('Supported use cases');
-    });
-    it('should reject hibernuts with gallery use case', () => {
-        const result = validateContext(createContext({ sdk: 'hibernuts', useCase: 'gallery' }));
-        expect(result.valid).toBe(false);
-        expect(result.error).toBeDefined();
-    });
-    it('should provide helpful suggestions in error messages', () => {
-        const result = validateContext(createContext({ sdk: 'hibernuts', framework: 'vue' }));
-        expect(result.suggestion).toMatch(/react|plain-ts/);
-    });
-});

package/templates/base/README.md

@@ -1,54 +0,0 @@
-# {{projectName}}
-
-This is a Walrus application generated by `create-walrus-app`.
-
-## What's Included
-
-### Adapter Interface
-
-- `src/adapters/storage.ts` - Universal SDK-agnostic interface
-- Allows use case code to work with any Walrus SDK
-
-### Type Definitions
-
-- `src/types/walrus.ts` - Walrus-specific types
-- `src/types/index.ts` - Common utility types
-
-### Utilities
-
-- `src/utils/env.ts` - Environment validation
-- `src/utils/format.ts` - Formatting helpers
-
-### Configuration
-
-- `.env.example` - Environment template
-- `tsconfig.json` - TypeScript strict mode config
-- `package.json` - Base dependencies
-
-## Layer Composition
-
-This base layer is **always included** and combined with:
-
-1. **SDK Layer** (e.g., `sdk-mysten/`) - Implements `StorageAdapter`
-2. **Framework Layer** (e.g., `react/`) - UI framework setup
-3. **Use Case Layer** (e.g., `simple-upload/`) - Application logic
-
-```
-Base + SDK + Framework + UseCase = Your App
-```
-
-## Environment Setup
-
-1. Copy `.env.example` to `.env`
-2. Fill in required values:
-   - Walrus network URLs
-   - Sui RPC endpoint
-3. Optional: Add Blockberry API key
-
-## Next Steps
-
-This base layer is completed by:
-
-- **Phase 4**: SDK implementation
-- **Phase 5**: Framework setup
-- **Phase 6**: Use case logic

package/templates/base/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "{{projectName}}",
-  "version": "0.1.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "echo 'Override by framework layer'",
-    "build": "echo 'Override by framework layer'",
-    "preview": "echo 'Override by framework layer'",
-    "lint": "eslint . --ext .ts,.tsx",
-    "type-check": "tsc --noEmit"
-  },
-  "devDependencies": {
-    "typescript": "^5.3.3",
-    "eslint": "^8.56.0",
-    "@typescript-eslint/parser": "^6.19.1",
-    "@typescript-eslint/eslint-plugin": "^6.19.1"
-  }
-}

package/templates/base/src/types/index.ts

@@ -1,9 +0,0 @@
-export * from './walrus.js';
-
-export interface Result<T, E = Error> {
-  success: boolean;
-  data?: T;
-  error?: E;
-}
-
-export type AsyncResult<T, E = Error> = Promise<Result<T, E>>;

package/templates/base/src/types/walrus.ts

@@ -1,22 +0,0 @@
-export type WalrusNetwork = 'testnet' | 'mainnet' | 'devnet';
-
-export interface WalrusConfig {
-  network: WalrusNetwork;
-  publisherUrl: string;
-  aggregatorUrl: string;
-  suiRpcUrl: string;
-}
-
-export interface BlobInfo {
-  blobId: string;
-  name?: string;
-  size: number;
-  contentType?: string;
-  uploadedAt: number;
-}
-
-export interface StorageStats {
-  totalBlobs: number;
-  totalSize: number;
-  usedEpochs: number;
-}

package/templates/base/src/utils/format.ts

@@ -1,29 +0,0 @@
-/**
- * Format bytes to human-readable size
- */
-export function formatBytes(bytes: number): string {
-  if (bytes === 0) return '0 Bytes';
-
-  const k = 1024;
-  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
-}
-
-/**
- * Format blob ID for display (truncate middle)
- */
-export function formatBlobId(blobId: string, length = 12): string {
-  if (blobId.length <= length) return blobId;
-
-  const part = Math.floor((length - 3) / 2);
-  return `${blobId.slice(0, part)}...${blobId.slice(-part)}`;
-}
-
-/**
- * Format timestamp to locale string
- */
-export function formatDate(timestamp: number): string {
-  return new Date(timestamp).toLocaleString();
-}

package/templates/base/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "types": ["vite/client"]
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}

package/templates/gallery/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "{{projectName}}",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {}
-}

package/templates/gallery/src/App.tsx

@@ -1,21 +0,0 @@
-import { useState } from 'react';
-import { Layout } from './components/Layout.js';
-import { GalleryGrid } from './components/GalleryGrid.js';
-import { UploadModal } from './components/UploadModal.js';
-import './styles.css';
-
-function App() {
-  const [refreshKey, setRefreshKey] = useState(0);
-
-  return (
-    <Layout>
-      <div className="gallery-app">
-        <h2>🖼️ File Gallery</h2>
-        <UploadModal onSuccess={() => setRefreshKey((k) => k + 1)} />
-        <GalleryGrid key={refreshKey} />
-      </div>
-    </Layout>
-  );
-}
-
-export default App;

package/templates/gallery/src/components/FileCard.tsx

@@ -1,27 +0,0 @@
-import { formatBytes, formatDate } from '../utils/format.js';
-import { removeItem } from '../utils/index-manager.js';
-import type { GalleryItem } from '../types/gallery.js';
-
-interface FileCardProps {
-  item: GalleryItem;
-  onDelete: () => void;
-}
-
-export function FileCard({ item, onDelete }: FileCardProps) {
-  const handleDelete = () => {
-    if (confirm(`Delete ${item.name}?`)) {
-      removeItem(item.blobId);
-      onDelete();
-    }
-  };
-
-  return (
-    <div className="file-card">
-      <h4>{item.name}</h4>
-      <p>Size: {formatBytes(item.size)}</p>
-      <p>Uploaded: {formatDate(item.uploadedAt)}</p>
-      <p className="blob-id">Blob ID: {item.blobId.slice(0, 12)}...</p>
-      <button onClick={handleDelete}>Delete</button>
-    </div>
-  );
-}