rrce-workflow 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rrce-workflow",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "RRCE-Workflow TUI - Agentic code workflow generator for AI-assisted development",
   "author": "RRCE Team",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "ink"
   ],
   "type": "module",
-  "module": "src/index.tsx",
+  "module": "src/index.ts",
   "bin": {
     "rrce-workflow": "bin/rrce-workflow.js"
   },
@@ -35,28 +35,22 @@
     "bin"
   ],
   "scripts": {
-    "dev": "bun run src/index.tsx",
-    "wizard": "bun run src/index.tsx wizard",
-    "select": "bun run src/index.tsx select",
-    "start": "bun run src/index.tsx"
+    "dev": "bun run src/index.ts",
+    "wizard": "bun run src/index.ts wizard",
+    "select": "bun run src/index.ts select",
+    "start": "bun run src/index.ts"
   },
   "engines": {
     "node": ">=18",
     "bun": ">=1.0"
   },
   "dependencies": {
+    "@clack/prompts": "^0.11.0",
     "gray-matter": "^4.0.3",
-    "ink": "^5.0.0",
-    "ink-big-text": "^2.0.0",
-    "ink-gradient": "^3.0.0",
-    "ink-select-input": "^5.0.0",
-    "ink-spinner": "^5.0.0",
-    "pastel": "^4.0.0",
-    "react": "^18",
-    "zod": "^4"
+    "picocolors": "^1.1.1",
+    "zod": "^4.2.1"
   },
   "devDependencies": {
-    "@types/bun": "latest",
-    "@types/react": "^18"
+    "@types/bun": "latest"
   }
 }

package/src/commands/selector.ts

@@ -0,0 +1,42 @@
+import { intro, select, note, cancel, isCancel, outro } from '@clack/prompts';
+import pc from 'picocolors';
+import * as path from 'path';
+import { loadPromptsFromDir, getAgentCorePromptsDir } from '../lib/prompts';
+import type { ParsedPrompt } from '../types/prompt';
+
+export async function runSelector() {
+  const workspaceName = path.basename(process.cwd());
+  
+  intro(pc.cyan(pc.inverse(` RRCE-Workflow | ${workspaceName} `)));
+
+  const prompts = loadPromptsFromDir(getAgentCorePromptsDir());
+
+  if (prompts.length === 0) {
+    cancel('No agents found. Run `rrce-workflow` to set up.');
+    process.exit(0);
+  }
+
+  const selection = await select({
+    message: 'Select an agent:',
+    options: prompts.map(p => ({
+      value: p,
+      label: p.frontmatter.name,
+      hint: p.frontmatter.description
+    })),
+  });
+
+  if (isCancel(selection)) {
+    cancel('Selection cancelled.');
+    process.exit(0);
+  }
+
+  const prompt = selection as ParsedPrompt;
+  
+  note(
+    `Use this agent in your IDE by invoking:
+${pc.bold(pc.cyan(`@${prompt.frontmatter.name}`))}`,
+    'Agent Selected'
+  );
+
+  outro('Done');
+}

package/src/commands/wizard.ts

@@ -0,0 +1,130 @@
+import { intro, group, text, select, multiselect, confirm, spinner, note, outro, cancel, isCancel } from '@clack/prompts';
+import pc from 'picocolors';
+import * as fs from 'fs';
+import * as path from 'path';
+import { getGitUser } from '../lib/git';
+import { detectWorkspaceRoot, getWorkspaceName, resolveDataPath, ensureDir, getAgentPromptPath } from '../lib/paths';
+import type { StorageMode } from '../types/prompt';
+import { loadPromptsFromDir, getAgentCorePromptsDir } from '../lib/prompts';
+
+import type { ParsedPrompt } from '../types/prompt';
+
+export async function runWizard() {
+  intro(pc.cyan(pc.inverse(' RRCE-Workflow Setup ')));
+
+  const s = spinner();
+  s.start('Detecting environment');
+
+  const workspacePath = detectWorkspaceRoot();
+  const workspaceName = getWorkspaceName(workspacePath);
+  const gitUser = getGitUser();
+
+  await new Promise(r => setTimeout(r, 800)); // Dramatic pause
+  s.stop('Environment detected');
+
+  note(
+    `Git User:  ${pc.bold(gitUser || '(not found)')}
+Workspace: ${pc.bold(workspaceName)}`,
+    'Context'
+  );
+
+  const config = await group(
+    {
+      storageMode: () =>
+        select({
+          message: 'Where should workflow data be stored?',
+          options: [
+            { value: 'global', label: 'Global (~/.rrce-workflow/)' },
+            { value: 'workspace', label: 'Workspace (.rrce-workflow/)' },
+            { value: 'both', label: 'Both' },
+          ],
+          initialValue: 'global',
+        }),
+      tools: () =>
+        multiselect({
+          message: 'Which AI tools do you use?',
+          options: [
+            { value: 'copilot', label: 'GitHub Copilot', hint: 'VSCode' },
+            { value: 'antigravity', label: 'Antigravity IDE' },
+          ],
+          required: false,
+        }),
+      confirm: () =>
+        confirm({
+          message: 'Create configuration?',
+          initialValue: true,
+        }),
+    },
+    {
+      onCancel: () => {
+        cancel('Setup process cancelled.');
+        process.exit(0);
+      },
+    }
+  );
+
+  if (!config.confirm) {
+    outro('Setup cancelled by user.');
+    process.exit(0);
+  }
+
+  s.start('Generating configuration');
+
+  try {
+     // Create config file
+    const dataPath = resolveDataPath(config.storageMode as StorageMode, workspaceName, workspacePath);
+    ensureDir(dataPath);
+
+    // Load prompts
+    const prompts = loadPromptsFromDir(getAgentCorePromptsDir());
+
+    // Copy prompts
+    const selectedTools = config.tools as string[];
+    
+    if (selectedTools.includes('copilot')) {
+      const copilotPath = getAgentPromptPath(workspacePath, 'copilot');
+      ensureDir(copilotPath);
+      copyPromptsToDir(prompts, copilotPath, '.agent.md');
+    }
+
+    if (selectedTools.includes('antigravity')) {
+      const antigravityPath = getAgentPromptPath(workspacePath, 'antigravity');
+      ensureDir(antigravityPath);
+      copyPromptsToDir(prompts, antigravityPath, '.md');
+    }
+
+    // Create workspace config
+    const workspaceConfigPath = path.join(workspacePath, '.rrce-workflow.yaml');
+    const configContent = `# RRCE-Workflow Configuration
+version: 1
+
+storage:
+  mode: ${config.storageMode}
+
+project:
+  name: "${workspaceName}"
+`;
+    fs.writeFileSync(workspaceConfigPath, configContent);
+
+    s.stop('Configuration generated');
+    
+    outro(pc.green(`✓ Setup complete! You can now run "rrce-workflow select" to start using agents.`));
+
+  } catch (error) {
+    s.stop('Error occurred');
+    cancel(`Failed to setup: ${error instanceof Error ? error.message : String(error)}`);
+    process.exit(1);
+  }
+}
+
+function copyPromptsToDir(prompts: ParsedPrompt[], targetDir: string, extension: string) {
+  for (const prompt of prompts) {
+    const baseName = path.basename(prompt.filePath, '.md');
+    const targetName = baseName + extension;
+    const targetPath = path.join(targetDir, targetName);
+    
+    // Read the full content including frontmatter
+    const content = fs.readFileSync(prompt.filePath, 'utf-8');
+    fs.writeFileSync(targetPath, content);
+  }
+}

package/src/index.ts

@@ -0,0 +1,11 @@
+import { runWizard } from './commands/wizard';
+import { runSelector } from './commands/selector';
+
+// Get command from args
+const command = process.argv[2];
+
+if (!command || command === 'wizard') {
+  runWizard();
+} else {
+  runSelector();
+}

package/src/App.tsx

@@ -1,110 +0,0 @@
-import * as React from 'react';
-import { Box, Text } from 'ink';
-import { Wizard, type WizardConfig } from './components/Wizard';
-import { AgentSelector } from './components/AgentSelector';
-import { loadPromptsFromDir, getAgentCorePromptsDir } from './lib/prompts';
-import { ensureDir, getAgentPromptPath, resolveDataPath, getRRCEHome } from './lib/paths';
-import type { ParsedPrompt } from './types/prompt';
-import * as fs from 'fs';
-import * as path from 'path';
-
-type AppMode = 'wizard' | 'select' | 'done';
-
-interface AppProps {
-  command?: string;
-}
-
-export function App({ command }: AppProps) {
-  const [mode, setMode] = React.useState<AppMode>(command === 'select' ? 'select' : 'wizard');
-  const [selectedPrompt, setSelectedPrompt] = React.useState<ParsedPrompt | null>(null);
-  const [message, setMessage] = React.useState<string | null>(null);
-
-  // Load prompts from agent-core
-  const prompts = loadPromptsFromDir(getAgentCorePromptsDir());
-
-  const handleWizardComplete = (config: WizardConfig) => {
-    // Create config file
-    const dataPath = resolveDataPath(config.storageMode, config.workspaceName, config.workspacePath);
-    ensureDir(dataPath);
-
-    // Copy prompts to appropriate locations
-    if (config.tools.copilot) {
-      const copilotPath = getAgentPromptPath(config.workspacePath, 'copilot');
-      ensureDir(copilotPath);
-      copyPromptsToDir(prompts, copilotPath, '.agent.md');
-    }
-
-    if (config.tools.antigravity) {
-      const antigravityPath = getAgentPromptPath(config.workspacePath, 'antigravity');
-      ensureDir(antigravityPath);
-      copyPromptsToDir(prompts, antigravityPath, '.md');
-    }
-
-    // Create workspace config
-    const workspaceConfigPath = path.join(config.workspacePath, '.rrce-workflow.yaml');
-    const configContent = `# RRCE-Workflow Configuration
-version: 1
-
-storage:
-  mode: ${config.storageMode}
-
-project:
-  name: "${config.workspaceName}"
-`;
-    fs.writeFileSync(workspaceConfigPath, configContent);
-
-    setMessage(`✓ Setup complete! Created config and copied agents.`);
-    setMode('done');
-  };
-
-  const handleAgentSelect = (prompt: ParsedPrompt) => {
-    setSelectedPrompt(prompt);
-    setMessage(`Selected: ${prompt.frontmatter.name}\n\nUse this agent in your IDE by invoking @${prompt.frontmatter.name}`);
-    setMode('done');
-  };
-
-  if (mode === 'wizard') {
-    return <Wizard onComplete={handleWizardComplete} />;
-  }
-
-  if (mode === 'done') {
-    return (
-      <Box flexDirection="column" padding={1}>
-        <Box borderStyle="round" borderColor="green" paddingX={2}>
-          <Text bold color="green">RRCE-Workflow</Text>
-        </Box>
-        <Box marginTop={1}>
-          <Text>{message}</Text>
-        </Box>
-      </Box>
-    );
-  }
-
-  if (prompts.length === 0) {
-    return (
-      <Box flexDirection="column" padding={1}>
-        <Text color="yellow">No prompts found. Run `rrce-workflow wizard` to set up.</Text>
-      </Box>
-    );
-  }
-
-  return (
-    <AgentSelector
-      prompts={prompts}
-      workspaceName={path.basename(process.cwd())}
-      onSelect={handleAgentSelect}
-    />
-  );
-}
-
-function copyPromptsToDir(prompts: ParsedPrompt[], targetDir: string, extension: string) {
-  for (const prompt of prompts) {
-    const baseName = path.basename(prompt.filePath, '.md');
-    const targetName = baseName + extension;
-    const targetPath = path.join(targetDir, targetName);
-    
-    // Read the full content including frontmatter
-    const content = fs.readFileSync(prompt.filePath, 'utf-8');
-    fs.writeFileSync(targetPath, content);
-  }
-}

package/src/components/AgentSelector.tsx

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Box, Text } from 'ink';
-import SelectInput from 'ink-select-input';
-import type { ParsedPrompt } from '../types/prompt';
-
-interface AgentSelectorProps {
-  prompts: ParsedPrompt[];
-  workspaceName: string;
-  onSelect: (prompt: ParsedPrompt) => void;
-}
-
-export function AgentSelector({ prompts, workspaceName, onSelect }: AgentSelectorProps) {
-  const items = prompts.map((p, i) => ({
-    key: p.filePath,
-    label: `${p.frontmatter.name} - ${p.frontmatter.description}`,
-    value: p,
-  }));
-
-  const handleSelect = (item: { value: ParsedPrompt }) => {
-    onSelect(item.value);
-  };
-
-  return (
-    <Box flexDirection="column" padding={1}>
-      <Box borderStyle="round" borderColor="cyan" paddingX={2}>
-        <Text bold color="cyan">RRCE-Workflow</Text>
-        <Text> </Text>
-        <Text dimColor>| {workspaceName}</Text>
-      </Box>
-
-      <Box marginTop={1} flexDirection="column">
-        <Text>Select an agent:</Text>
-        <Box marginTop={1}>
-          <SelectInput items={items} onSelect={handleSelect} />
-        </Box>
-      </Box>
-
-      <Box marginTop={1}>
-        <Text dimColor>↑↓ to navigate, Enter to select</Text>
-      </Box>
-    </Box>
-  );
-}

package/src/components/Logo.tsx

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import Gradient from 'ink-gradient';
-import BigText from 'ink-big-text';
-import { Box } from 'ink';
-
-export function Logo() {
-  return (
-    <Box flexDirection="column" alignItems="center" marginBottom={1}>
-      <Gradient name="morning">
-        <BigText text="RRCE" align='center' font='block'/>
-      </Gradient>
-      <Gradient name="cristal">
-        <BigText text="Workflow" align='center' font='chrome'/>
-      </Gradient>
-    </Box>
-  );
-}

package/src/components/Wizard.tsx

@@ -1,170 +0,0 @@
-import * as React from 'react';
-import { Box, Text, useInput } from 'ink';
-import SelectInput from 'ink-select-input';
-import Spinner from 'ink-spinner';
-import Gradient from 'ink-gradient';
-import { Logo } from './Logo';
-import type { StorageMode } from '../types/prompt';
-import { getGitUser } from '../lib/git';
-import { detectWorkspaceRoot, getWorkspaceName } from '../lib/paths';
-
-interface WizardProps {
-  onComplete: (config: WizardConfig) => void;
-}
-
-export interface WizardConfig {
-  workspaceName: string;
-  workspacePath: string;
-  storageMode: StorageMode;
-  tools: {
-    copilot: boolean;
-    antigravity: boolean;
-  };
-  gitUser: string | null;
-}
-
-type WizardStep = 'welcome' | 'storage' | 'tools' | 'confirm';
-
-const storageModeItems = [
-  { label: 'Global (~/.rrce-workflow/)', value: 'global' as StorageMode },
-  { label: 'Workspace (.rrce-workflow/)', value: 'workspace' as StorageMode },
-  { label: 'Both', value: 'both' as StorageMode },
-];
-
-export function Wizard({ onComplete }: WizardProps) {
-  const [loading, setLoading] = React.useState(true);
-  const [step, setStep] = React.useState<WizardStep>('welcome');
-  const [storageMode, setStorageMode] = React.useState<StorageMode>('global');
-  const [tools, setTools] = React.useState({ copilot: true, antigravity: true });
-  
-  // Data state
-  const [workspacePath, setWorkspacePath] = React.useState('');
-  const [workspaceName, setWorkspaceName] = React.useState('');
-  const [gitUser, setGitUser] = React.useState<string | null>(null);
-
-  React.useEffect(() => {
-    // Simulate a small delay for dramatic effect/loading feeling
-    const timer = setTimeout(() => {
-      setWorkspacePath(detectWorkspaceRoot());
-      setWorkspaceName(getWorkspaceName(detectWorkspaceRoot()));
-      setGitUser(getGitUser());
-      setLoading(false);
-    }, 800);
-    return () => clearTimeout(timer);
-  }, []);
-
-  useInput((input, key) => {
-    if (loading) return;
-    
-    if (step === 'welcome' && key.return) {
-      setStep('storage');
-    } else if (step === 'confirm' && key.return) {
-      onComplete({
-        workspaceName,
-        workspacePath,
-        storageMode,
-        tools,
-        gitUser,
-      });
-    }
-  });
-
-  const handleStorageSelect = (item: { value: StorageMode }) => {
-    setStorageMode(item.value);
-    setStep('tools');
-  };
-
-  const handleToolsSelect = (item: { value: string }) => {
-    if (item.value === 'done') {
-      setStep('confirm');
-    } else if (item.value === 'copilot') {
-      setTools((t: typeof tools) => ({ ...t, copilot: !t.copilot }));
-    } else if (item.value === 'antigravity') {
-      setTools((t: typeof tools) => ({ ...t, antigravity: !t.antigravity }));
-    }
-  };
-
-  return (
-    <Box flexDirection="column" padding={1} alignItems="center">
-      <Logo />
-      
-      <Box borderStyle="round" borderColor="cyan" paddingX={2} paddingY={1} width={60} flexDirection="column">
-        {step === 'welcome' && (
-          <Box flexDirection="column" alignItems="center">
-            {loading ? (
-              <Box>
-                <Text color="cyan"><Spinner type="dots" /> </Text>
-                <Text> Detecting environment...</Text>
-              </Box>
-            ) : (
-              <Box flexDirection="column" alignItems="center">
-                <Box marginBottom={1}>
-                  <Text bold color="cyan">Welcome to RRCE-Workflow Setup</Text>
-                </Box>
-                
-                <Box flexDirection="column" width="100%" marginBottom={1}>
-                  <Box>
-                    <Text color="green">✓</Text>
-                    <Text> Git User: </Text>
-                    <Text bold color="white">{gitUser || '(not found)'}</Text>
-                  </Box>
-                  <Box>
-                    <Text color="green">✓</Text>
-                    <Text> Workspace: </Text>
-                    <Text bold color="white">{workspaceName}</Text>
-                  </Box>
-                </Box>
-                
-                <Text dimColor>Press Enter to continue ❯</Text>
-              </Box>
-            )}
-          </Box>
-        )}
-
-        {step === 'storage' && (
-          <Box flexDirection="column">
-            <Box marginBottom={1}><Text bold underline>Storage Configuration</Text></Box>
-            <Box marginBottom={1}><Text>Where should workflow data be stored?</Text></Box>
-            <SelectInput items={storageModeItems} onSelect={handleStorageSelect} />
-          </Box>
-        )}
-
-        {step === 'tools' && (
-          <Box flexDirection="column">
-            <Box marginBottom={1}><Text bold underline>AI Tools Integration</Text></Box>
-            <Box marginBottom={1}><Text>Select the tools you want to generate prompts for:</Text></Box>
-            <SelectInput
-              items={[
-                { label: `[${tools.copilot ? 'x' : ' '}] GitHub Copilot`, value: 'copilot' },
-                { label: `[${tools.antigravity ? 'x' : ' '}] Antigravity IDE`, value: 'antigravity' },
-                { label: '───────────────', value: 'sep' },
-                { label: 'Done (Continue)', value: 'done' },
-              ]}
-              onSelect={handleToolsSelect}
-            />
-          </Box>
-        )}
-
-        {step === 'confirm' && (
-          <Box flexDirection="column">
-            <Box marginBottom={1}><Text bold underline>Summary</Text></Box>
-            <Box flexDirection="column" marginBottom={1}>
-              <Box><Text bold>Storage:</Text><Text> {storageMode}</Text></Box>
-              <Box><Text bold>Copilot:</Text><Text color={tools.copilot ? 'green' : 'red'}> {tools.copilot ? 'Enabled' : 'Disabled'}</Text></Box>
-              <Box><Text bold>Antigravity:</Text><Text color={tools.antigravity ? 'green' : 'red'}> {tools.antigravity ? 'Enabled' : 'Disabled'}</Text></Box>
-            </Box>
-            <Box marginTop={1} alignItems="center">
-              <Text dimColor>Press Enter to generate config ❯</Text>
-            </Box>
-          </Box>
-        )}
-      </Box>
-      
-      {!loading && (
-        <Box marginTop={1}>
-          <Text dimColor>v{process.env.npm_package_version || '0.1.0'}</Text>
-        </Box>
-      )}
-    </Box>
-  );
-}

package/src/index.tsx

@@ -1,9 +0,0 @@
-#!/usr/bin/env bun
-import * as React from 'react';
-import { render } from 'ink';
-import { App } from './App';
-
-// Get command from args
-const command = process.argv[2];
-
-render(<App command={command} />);