@positronic/cli 0.0.2 → 0.0.4

package/src/components/resource-list.tsx

@@ -1,177 +0,0 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { useApiGet } from '../hooks/useApi.js';
-import { ErrorComponent } from './error.js';
-import { ResourceEntry } from '@positronic/core';
-
-interface ApiResourceEntry extends ResourceEntry {
-  size: number;
-  lastModified: string;
-  local: boolean;
-}
-
-interface ResourcesResponse {
-  resources: ApiResourceEntry[];
-  truncated: boolean;
-  count: number;
-}
-
-interface TreeNode {
-  name: string;
-  type: 'directory' | 'file';
-  resource?: ApiResourceEntry;
-  children: Map<string, TreeNode>;
-}
-
-export const ResourceList = () => {
-  const { data, loading, error } = useApiGet<ResourcesResponse>('/resources');
-
-  if (error) {
-    return <ErrorComponent error={error} />;
-  }
-
-  if (loading) {
-    return <Text>Loading resources...</Text>;
-  }
-
-  if (!data || data.resources.length === 0) {
-    return <Text>No resources found in the project.</Text>;
-  }
-
-  const { resources, truncated } = data;
-
-  // Build tree structure
-  const root: TreeNode = {
-    name: 'resources',
-    type: 'directory',
-    children: new Map(),
-  };
-
-  // Build the tree from flat resources
-  resources.forEach((resource) => {
-    const parts = resource.key.split('/');
-    let current = root;
-
-    for (let i = 0; i < parts.length; i++) {
-      const part = parts[i];
-      const isLast = i === parts.length - 1;
-
-      if (!current.children.has(part)) {
-        current.children.set(part, {
-          name: part,
-          type: isLast ? 'file' : 'directory',
-          resource: isLast ? resource : undefined,
-          children: new Map(),
-        });
-      }
-      current = current.children.get(part)!;
-    }
-  });
-
-  return (
-    <Box flexDirection="column" paddingTop={1} paddingBottom={1}>
-      <Text bold>
-        Found {resources.length} resource{resources.length === 1 ? '' : 's'}:
-      </Text>
-
-      <Box marginTop={1}>
-        <TreeView node={root} />
-      </Box>
-
-      {truncated && (
-        <Box marginTop={1}>
-          <Text color="yellow">⚠️  Results truncated. More resources exist than shown.</Text>
-        </Box>
-      )}
-
-      {/* Legend for resource types */}
-      {resources.some(r => !r.local) && (
-        <Box marginTop={1} flexDirection="column">
-          <Text color="gray">─────</Text>
-          <Text color="blueBright">
-            <Text color="blueBright">↗</Text> = uploaded resource (not in local filesystem)
-          </Text>
-        </Box>
-      )}
-    </Box>
-  );
-};
-
-interface TreeViewProps {
-  node: TreeNode;
-  prefix?: string;
-  isLast?: boolean;
-  depth?: number;
-}
-
-const TreeView = ({ node, prefix = '', isLast = true, depth = 0 }: TreeViewProps) => {
-  const children = Array.from(node.children.entries()).sort(([a], [b]) => {
-    // Sort directories first, then alphabetically
-    const aIsDir = node.children.get(a)!.type === 'directory';
-    const bIsDir = node.children.get(b)!.type === 'directory';
-    if (aIsDir && !bIsDir) return -1;
-    if (!aIsDir && bIsDir) return 1;
-    return a.localeCompare(b);
-  });
-
-  // Don't render the root node itself, just its children
-  if (node.name === 'resources' && node.type === 'directory') {
-    return (
-      <Box flexDirection="column">
-        {children.map(([name, child], index) => (
-          <React.Fragment key={name}>
-            {index > 0 && <Box><Text> </Text></Box>}
-            <TreeView
-              node={child}
-              prefix=""
-              isLast={index === children.length - 1}
-              depth={0}
-            />
-          </React.Fragment>
-        ))}
-      </Box>
-    );
-  }
-
-  const connector = isLast ? '└── ' : '├── ';
-  const extension = isLast ? '    ' : '│   ';
-  const isTopLevel = depth === 0;
-
-  // Determine if this is a remote resource
-  const isRemote = node.resource && !node.resource.local;
-
-  return (
-    <Box flexDirection="column">
-      <Box>
-        {!isTopLevel && <Text dimColor>{prefix}{connector}</Text>}
-        <Text
-          color={isRemote ? 'blueBright' : undefined}
-        >
-          {node.name}
-          {node.resource && (
-            <>
-              <Text color={isRemote ? 'blueBright' : 'gray'}> ({formatSize(node.resource.size)})</Text>
-              {isRemote && <Text color="blueBright"> ↗</Text>}
-            </>
-          )}
-        </Text>
-      </Box>
-      {children.map(([name, child], index) => (
-        <TreeView
-          key={name}
-          node={child}
-          prefix={prefix + (isTopLevel ? '' : extension)}
-          isLast={index === children.length - 1}
-          depth={depth + 1}
-        />
-      ))}
-    </Box>
-  );
-};
-
-function formatSize(bytes: number): string {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
-}

package/src/components/resource-sync.tsx

@@ -1,170 +0,0 @@
-import React from 'react';
-import { useState, useEffect } from 'react';
-import { Box, Text } from 'ink';
-import { ErrorComponent } from './error.js';
-import { syncResources, generateTypes, type SyncProgressCallback } from '../commands/helpers.js';
-import { ResourceEntry } from '@positronic/core';
-
-interface SyncStats {
-  uploadCount: number;
-  skipCount: number;
-  errorCount: number;
-  totalCount: number;
-  deleteCount: number;
-  currentFile?: string;
-  currentAction?: 'connecting' | 'uploading' | 'checking' | 'deleting' | 'done' | 'error';
-  errors: Array<{ file: string; message: string }>;
-}
-
-interface ResourceSyncProps {
-  localResources: ResourceEntry[];
-  resourcesDir: string | null;
-}
-
-export const ResourceSync = ({
-  localResources,
-  resourcesDir
-}: ResourceSyncProps) => {
-  const [stats, setStats] = useState<SyncStats>({
-    uploadCount: 0,
-    skipCount: 0,
-    errorCount: 0,
-    totalCount: localResources.length,
-    deleteCount: 0,
-    errors: [],
-    currentAction: 'connecting'
-  });
-  const [error, setError] = useState<{ title: string; message: string; details?: string } | null>(null);
-
-  useEffect(() => {
-    if (!resourcesDir) {
-      return;
-    }
-
-    const performSync = async () => {
-      try {
-        // Get the project root path (parent of resources dir)
-        const projectRootPath = resourcesDir.replace(/[/\\]resources$/, '');
-
-        const onProgress: SyncProgressCallback = (progress) => {
-          setStats({
-            uploadCount: progress.stats.uploadCount || 0,
-            skipCount: progress.stats.skipCount || 0,
-            errorCount: progress.stats.errorCount || 0,
-            totalCount: progress.stats.totalCount || localResources.length,
-            deleteCount: progress.stats.deleteCount || 0,
-            errors: progress.stats.errors || [],
-            currentFile: progress.currentFile,
-            currentAction: progress.action,
-          });
-        };
-
-        const result = await syncResources(projectRootPath, undefined, onProgress);
-
-        // Update final stats with done status
-        setStats({
-          ...result,
-          currentAction: 'done',
-        });
-
-        // Generate types after successful sync
-        try {
-          await generateTypes(projectRootPath);
-        } catch (typeError) {
-          // Don't fail the sync if type generation fails
-          console.error('Failed to generate types:', typeError);
-        }
-      } catch (err: any) {
-        setError({
-          title: 'Sync Failed',
-          message: err.message || 'An unknown error occurred',
-          details: err.code === 'ECONNREFUSED'
-            ? "Please ensure the server is running ('positronic server' or 'px s')"
-            : undefined,
-        });
-        setStats(prev => ({ ...prev, currentAction: 'error' }));
-      }
-    };
-
-    performSync();
-  }, [localResources, resourcesDir]);
-
-  const {
-    uploadCount,
-    skipCount,
-    errorCount,
-    totalCount,
-    deleteCount,
-    currentFile,
-    currentAction,
-    errors,
-  } = stats;
-
-  const processedCount = uploadCount + skipCount + errorCount;
-
-  if (error) {
-    return <ErrorComponent error={error} />;
-  }
-
-  if (currentAction === 'connecting') {
-    return (
-      <Box>
-        <Text>🔌 Connecting to server...</Text>
-      </Box>
-    );
-  }
-
-  return (
-    <Box flexDirection="column">
-      {currentAction !== 'done' && currentFile && (
-        <Box>
-          <Text>
-            {currentAction === 'uploading' ? '⬆️  Uploading' :
-             currentAction === 'deleting' ? '🗑️  Deleting' :
-             '🔍 Checking'} {currentFile}...
-          </Text>
-        </Box>
-      )}
-
-      {totalCount > 0 && currentAction !== 'done' && (
-        <Box marginTop={1}>
-          <Text dimColor>Progress: {processedCount}/{totalCount} files processed</Text>
-        </Box>
-      )}
-
-      {totalCount === 0 && currentAction === 'done' && (
-        <Box flexDirection="column">
-          <Text>📁 No files found in the resources directory.</Text>
-          <Text dimColor>Resources directory has been created and is ready for use.</Text>
-        </Box>
-      )}
-
-      {errors.length > 0 && (
-        <Box flexDirection="column" marginTop={1}>
-          <Text color="red" bold>Errors:</Text>
-          {errors.map((error, i) => (
-            <Box key={i} paddingLeft={2}>
-              <Text color="red">❌ {error.file}: {error.message}</Text>
-            </Box>
-          ))}
-        </Box>
-      )}
-
-      {currentAction === 'done' && totalCount > 0 && (
-        <Box flexDirection="column" marginTop={1}>
-          <Text bold>📊 Sync Summary:</Text>
-          <Box paddingLeft={2} flexDirection="column">
-            <Text color="green">  • Uploaded: {uploadCount}</Text>
-            <Text color="blue">  • Skipped (up to date): {skipCount}</Text>
-            {deleteCount > 0 && (
-              <Text color="yellow">  • Deleted: {deleteCount}</Text>
-            )}
-            {errorCount > 0 && (
-              <Text color="red">  • Errors: {errorCount}</Text>
-            )}
-          </Box>
-        </Box>
-      )}
-    </Box>
-  );
-};

package/src/components/resource-types.tsx

@@ -1,55 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Text, Box } from 'ink';
-import { generateTypes } from '../commands/helpers.js';
-import { ErrorComponent } from './error.js';
-
-interface ResourceTypesProps {
-  projectRootDir: string;
-}
-
-export const ResourceTypes: React.FC<ResourceTypesProps> = ({ projectRootDir }) => {
-  const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');
-  const [typesFilePath, setTypesFilePath] = useState<string>('');
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    const generateResourceTypes = async () => {
-      try {
-        const filePath = await generateTypes(projectRootDir);
-        setTypesFilePath(filePath);
-        setStatus('success');
-      } catch (err) {
-        setError(err instanceof Error ? err : new Error(String(err)));
-        setStatus('error');
-      }
-    };
-
-    generateResourceTypes();
-  }, [projectRootDir]);
-
-  if (status === 'loading') {
-    return (
-      <Box>
-        <Text>🔄 Generating resource types...</Text>
-      </Box>
-    );
-  }
-
-  if (status === 'error') {
-    return (
-      <ErrorComponent
-        error={{
-          title: 'Type Generation Failed',
-          message: 'Failed to generate resource types.',
-          details: error?.message || 'Unknown error',
-        }}
-      />
-    );
-  }
-
-  return (
-    <Box>
-      <Text color="green">✅ Generated resource types at {typesFilePath}</Text>
-    </Box>
-  );
-};

package/src/components/resource-upload.tsx

@@ -1,182 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { Box, Text } from 'ink';
-import { ErrorComponent } from './error.js';
-import { uploadFileWithPresignedUrl, generateTypes } from '../commands/helpers.js';
-import * as fs from 'fs';
-import * as path from 'path';
-
-interface ResourceUploadProps {
-  filePath: string;
-  customKey?: string;
-  projectRootPath?: string;
-}
-
-interface UploadProgress {
-  loaded: number;
-  total: number;
-  percentage: number;
-}
-
-export const ResourceUpload = ({ filePath, customKey, projectRootPath }: ResourceUploadProps) => {
-  const [uploading, setUploading] = useState(false);
-  const [progress, setProgress] = useState<UploadProgress | null>(null);
-  const [complete, setComplete] = useState(false);
-  const [error, setError] = useState<{ title: string; message: string; details?: string } | null>(null);
-  const [resourceKey, setResourceKey] = useState<string>('');
-  const abortControllerRef = useRef<AbortController | null>(null);
-
-  useEffect(() => {
-    performUpload();
-    return () => {
-      // Cleanup: abort upload if component unmounts
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-      }
-    };
-  }, []);
-
-  const performUpload = async () => {
-    try {
-      // Check if file exists
-      if (!fs.existsSync(filePath)) {
-        setError({
-          title: 'File Not Found',
-          message: `The file "${filePath}" does not exist.`,
-        });
-        return;
-      }
-
-      const stats = fs.statSync(filePath);
-      if (!stats.isFile()) {
-        setError({
-          title: 'Invalid Path',
-          message: `"${filePath}" is not a file.`,
-        });
-        return;
-      }
-
-      // Determine resource key
-      const key = customKey || path.basename(filePath);
-      setResourceKey(key);
-
-      setUploading(true);
-      setProgress({
-        loaded: 0,
-        total: stats.size,
-        percentage: 0,
-      });
-
-      // Create abort controller for cancellation
-      abortControllerRef.current = new AbortController();
-
-            // Use presigned URL upload with progress callback
-      await uploadFileWithPresignedUrl(
-        filePath,
-        key,
-        undefined, // Use default apiClient
-        (progressInfo) => {
-          setProgress(progressInfo);
-        },
-        abortControllerRef.current?.signal
-      );
-
-      setProgress({
-        loaded: stats.size,
-        total: stats.size,
-        percentage: 100,
-      });
-      setComplete(true);
-
-      // Generate types after successful upload if in local dev mode
-      if (projectRootPath) {
-        try {
-          await generateTypes(projectRootPath);
-        } catch (typeError) {
-          // Don't fail the upload if type generation fails
-          console.error('Failed to generate types:', typeError);
-        }
-      }
-    } catch (err: any) {
-      if (err.name === 'AbortError' || err.message === 'AbortError') {
-        setError({
-          title: 'Upload Cancelled',
-          message: 'The upload was cancelled.',
-        });
-      } else if (err.message?.includes('R2 credentials not configured')) {
-        setError({
-          title: 'R2 Configuration Required',
-          message: 'Large file uploads require R2 configuration.',
-          details: 'Set R2_ACCESS_KEY_ID, R2_SECRET_ACCESS_KEY, R2_ACCOUNT_ID, and R2_BUCKET_NAME in your .env file.',
-        });
-      } else {
-        setError({
-          title: 'Upload Failed',
-          message: err.message || 'An unknown error occurred',
-          details: err.code === 'ECONNREFUSED'
-            ? "Please ensure the server is running ('positronic server' or 'px s')"
-            : undefined,
-        });
-      }
-    } finally {
-      setUploading(false);
-      abortControllerRef.current = null;
-    }
-  };
-
-  if (error) {
-    return <ErrorComponent error={error} />;
-  }
-
-  if (complete) {
-    return (
-      <Box flexDirection="column">
-        <Text color="green">✅ Upload complete!</Text>
-        <Text dimColor>Resource key: {resourceKey}</Text>
-      </Box>
-    );
-  }
-
-  if (uploading && progress) {
-    return (
-      <Box flexDirection="column">
-        <Text>⬆️  Uploading {path.basename(filePath)}...</Text>
-        <Box marginTop={1}>
-          <Text dimColor>Size: {formatSize(progress.total)}</Text>
-        </Box>
-        {progress.total > 1024 * 1024 && ( // Show progress bar for files > 1MB
-          <Box marginTop={1}>
-            <ProgressBar percentage={progress.percentage} />
-          </Box>
-        )}
-      </Box>
-    );
-  }
-
-  return <Text>Preparing upload...</Text>;
-};
-
-interface ProgressBarProps {
-  percentage: number;
-}
-
-const ProgressBar = ({ percentage }: ProgressBarProps) => {
-  const width = 30;
-  const filled = Math.round((percentage / 100) * width);
-  const empty = width - filled;
-
-  return (
-    <Box>
-      <Text>[</Text>
-      <Text color="green">{'█'.repeat(filled)}</Text>
-      <Text dimColor>{'░'.repeat(empty)}</Text>
-      <Text>] {percentage.toFixed(0)}%</Text>
-    </Box>
-  );
-};
-
-function formatSize(bytes: number): string {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
-}

package/src/components/schedule-create.tsx

@@ -1,90 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Text } from 'ink';
-import { ErrorComponent } from './error.js';
-import { useApiPost } from '../hooks/useApi.js';
-
-interface ScheduleCreateProps {
-  brainName: string;
-  cronExpression: string;
-}
-
-interface CreateScheduleResponse {
-  id: string;
-  brainName: string;
-  cronExpression: string;
-  enabled: boolean;
-  createdAt: number;
-  nextRunAt?: number;
-}
-
-export const ScheduleCreate = ({ brainName, cronExpression }: ScheduleCreateProps) => {
-  const [created, setCreated] = useState(false);
-  const [schedule, setSchedule] = useState<CreateScheduleResponse | null>(null);
-
-  const { execute, loading, error } = useApiPost<CreateScheduleResponse>('/brains/schedules', {
-    headers: {
-      'Content-Type': 'application/json',
-    },
-  });
-
-  useEffect(() => {
-    const createSchedule = async () => {
-      try {
-        const body = JSON.stringify({ brainName, cronExpression });
-        const result = await execute(body);
-        setSchedule(result);
-        setCreated(true);
-      } catch (err) {
-        // Error is already handled by useApiPost
-      }
-    };
-
-    createSchedule();
-  }, []);
-
-  if (error) {
-    return <ErrorComponent error={error} />;
-  }
-
-  if (loading) {
-    return (
-      <Box>
-        <Text>⏰ Creating schedule...</Text>
-      </Box>
-    );
-  }
-
-  if (created && schedule) {
-    return (
-      <Box flexDirection="column">
-        <Text color="green">✅ Schedule created successfully!</Text>
-        <Box marginTop={1} paddingLeft={2} flexDirection="column">
-          <Text>
-            <Text bold>Schedule ID:</Text> {schedule.id}
-          </Text>
-          <Text>
-            <Text bold>Brain:</Text> {schedule.brainName}
-          </Text>
-          <Text>
-            <Text bold>Cron Expression:</Text> {schedule.cronExpression}
-          </Text>
-          <Text>
-            <Text bold>Status:</Text> {schedule.enabled ? 'Enabled' : 'Disabled'}
-          </Text>
-          {schedule.nextRunAt && (
-            <Text>
-              <Text bold>Next Run:</Text> {new Date(schedule.nextRunAt).toLocaleString()}
-            </Text>
-          )}
-        </Box>
-        <Box marginTop={1}>
-          <Text dimColor>
-            Tip: Use "px schedule list" to view all schedules
-          </Text>
-        </Box>
-      </Box>
-    );
-  }
-
-  return null;
-};