pre-claude 0.0.1-beta.4 → 0.0.1-beta.5

package/README.md

@@ -2,14 +2,13 @@
 
 [日本語版](./README-ja.md)
 
-**Pre** Claude is a tool for creating prompts via TUI when running Claude.
-You can define forms in TypeScript config files and share them with your team.
+A TUI tool for efficiently creating complex prompts with structured forms for Claude Code.
+Define templates in TypeScript config files to share with your team and enable reproducible prompt workflows.
+Works seamlessly with your existing Claude Code setup including MCP and Skills.
 
-## Features
-
-- TypeScript-based form configuration
-- Interactive TUI form wizard
-- Uses local Claude Code settings
+| Scenario Selection | Form Input | Preview |
+|:---:|:---:|:---:|
+| ![select](docs/assets/select.gif) | ![edit](docs/assets/edit.gif) | ![preview](docs/assets/preview.gif) |
 
 ## Requirements
 

package/dist/cli.js

@@ -1,118 +1,18 @@
 #!/usr/bin/env node
 
 // src/cli/index.ts
-import { defineCommand as defineCommand3, runMain } from "citty";
+import { defineCommand as defineCommand4, runMain } from "citty";
 
 // package.json
 var name = "pre-claude";
-var version = "0.0.1-beta.4";
+var version = "0.0.1-beta.5";
 var description = "\u{1F40D} TUI for building structured prompts for Claude";
 
-// src/cli/commands/init.ts
-import * as fs from "node:fs";
+// src/cli/commands/example.tsx
 import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 import { defineCommand } from "citty";
 import { consola } from "consola";
-var CONFIG_TEMPLATE = `// For more detailed configuration examples, see:
-// https://github.com/cut0/pre-claude/blob/main/examples
-
-import { defineConfig, defineScenario } from 'pre-claude';
-
-export default defineConfig({
-  scenarios: [
-    defineScenario({
-      id: 'default',
-      name: 'Design Doc Generator',
-      steps: [
-        {
-          slug: 'overview',
-          title: 'Overview',
-          description: 'Basic information about the feature',
-          name: 'overview',
-          fields: [
-            {
-              type: 'input',
-              id: 'title',
-              label: 'Title',
-              description: 'Feature title',
-              placeholder: 'Enter feature title',
-              required: true,
-            },
-            {
-              type: 'textarea',
-              id: 'description',
-              label: 'Description',
-              description: 'Detailed description of the feature',
-              placeholder: 'Describe the feature...',
-              rows: 4,
-            },
-            {
-              type: 'select',
-              id: 'priority',
-              label: 'Priority',
-              description: 'Feature priority level',
-              placeholder: 'Select priority',
-              options: [
-                { value: 'high', label: 'High' },
-                { value: 'medium', label: 'Medium' },
-                { value: 'low', label: 'Low' },
-              ],
-            },
-          ],
-        },
-      ],
-      filename: ({ timestamp }) => \`\${timestamp}.md\`,
-      prompt: ({ formData, aiContext }) =>
-        \`Generate a design doc based on the following input:
-\${JSON.stringify({ formData, aiContext }, null, 2)}\`,
-    }),
-  ],
-  permissions: {
-    allowSave: true,
-  },
-});
-`;
-var initCommand = defineCommand({
-  meta: {
-    name: "init",
-    description: "Create a new pre-claude.config.ts file"
-  },
-  args: {
-    output: {
-      type: "string",
-      description: "Output file path",
-      alias: "o",
-      default: "pre-claude.config.ts"
-    },
-    force: {
-      type: "boolean",
-      description: "Overwrite existing file",
-      alias: "f",
-      default: false
-    }
-  },
-  async run({ args }) {
-    const outputPath = path.resolve(process.cwd(), args.output);
-    if (fs.existsSync(outputPath) && !args.force) {
-      consola.error(`File already exists: ${outputPath}`);
-      consola.info("Use --force (-f) to overwrite");
-      process.exit(1);
-    }
-    try {
-      fs.writeFileSync(outputPath, CONFIG_TEMPLATE, "utf-8");
-      consola.success(`Config file created: ${outputPath}`);
-    } catch (error) {
-      consola.error("Failed to create config file:", error);
-      process.exit(1);
-    }
-  }
-});
-
-// src/cli/commands/run.tsx
-import * as fs2 from "node:fs";
-import * as path2 from "node:path";
-import { defineCommand as defineCommand2 } from "citty";
-import { consola as consola2 } from "consola";
 import { createJiti } from "jiti";
 import { render } from "ink";
 
@@ -992,8 +892,8 @@ import { Box as Box13, Text as Text14 } from "ink";
 import { useCallback as useCallback4, useMemo as useMemo3, useState as useState6 } from "react";
 
 // src/tui/features/form/services.ts
-var getValueByPath = (obj, path3) => {
-  return path3.split(".").reduce((acc, key) => {
+var getValueByPath = (obj, path4) => {
+  return path4.split(".").reduce((acc, key) => {
     if (acc == null || typeof acc !== "object") return void 0;
     return acc[key];
   }, obj);
@@ -1160,14 +1060,14 @@ var buildAiContext = (steps) => {
 };
 
 // src/tui/features/form/utils.ts
-var getValueByPath2 = (obj, path3) => {
-  return path3.split(".").reduce((acc, key) => {
+var getValueByPath2 = (obj, path4) => {
+  return path4.split(".").reduce((acc, key) => {
     if (acc == null || typeof acc !== "object") return void 0;
     return acc[key];
   }, obj);
 };
-var setValueByPath = (obj, path3, value) => {
-  const keys = path3.split(".");
+var setValueByPath = (obj, path4, value) => {
+  const keys = path4.split(".");
   const result = { ...obj };
   let current = result;
   for (let i = 0; i < keys.length - 1; i++) {
@@ -2221,12 +2121,12 @@ var ScenarioForm = ({
     return void 0;
   }, [validationError]);
   const updateValue = useCallback4(
-    (path3, value) => {
-      const keys = path3.split(".");
+    (path4, value) => {
+      const keys = path4.split(".");
       if (keys.length === 1) {
-        formState.updateFieldValue(currentStep.name, path3, value);
+        formState.updateFieldValue(currentStep.name, path4, value);
       } else {
-        const newStepValues = setValueByPath(stepValues, path3, value);
+        const newStepValues = setValueByPath(stepValues, path4, value);
         const rootKey = keys[0];
         formState.updateFieldValue(
           currentStep.name,
@@ -2238,15 +2138,15 @@ var ScenarioForm = ({
     [currentStep.name, stepValues, formState]
   );
   const addRepeatableItem = useCallback4(
-    (repeatable, path3) => {
+    (repeatable, path4) => {
       const newItem = buildRepeatableItemDefaults(repeatable);
-      if (path3.includes(".")) {
-        const items = getValueByPath2(stepValues, path3) || [];
-        const newStepValues = setValueByPath(stepValues, path3, [
+      if (path4.includes(".")) {
+        const items = getValueByPath2(stepValues, path4) || [];
+        const newStepValues = setValueByPath(stepValues, path4, [
           ...items,
           newItem
         ]);
-        const rootKey = path3.split(".")[0];
+        const rootKey = path4.split(".")[0];
         formState.updateFieldValue(
           currentStep.name,
           rootKey,
@@ -2263,8 +2163,8 @@ var ScenarioForm = ({
     [currentStep.name, stepValues, formState]
   );
   const removeRepeatableItem = useCallback4(
-    (repeatable, index, path3) => {
-      const pathParts = path3.split(".");
+    (repeatable, index, path4) => {
+      const pathParts = path4.split(".");
       pathParts.pop();
       const repeatablePath = pathParts.join(".");
       const minCount = repeatable.minCount ?? 0;
@@ -2778,7 +2678,7 @@ var App = ({ config, initialScenarioId }) => {
   return /* @__PURE__ */ jsx18(Text16, { color: "red", children: "Unknown screen" });
 };
 
-// src/cli/commands/run.tsx
+// src/cli/commands/example.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
 var enterAlternateScreen = () => {
   process.stdout.write("\x1B[?1049h");
@@ -2788,11 +2688,190 @@ var exitAlternateScreen = () => {
   process.stdout.write("\x1B[?1049l");
 };
 var loadConfig = async (configPath) => {
-  const absolutePath = path2.resolve(process.cwd(), configPath);
+  const jiti = createJiti(import.meta.url);
+  const configModule = await jiti.import(configPath);
+  const config = configModule.default;
+  const result = safeParseConfig(config);
+  if (!result.success) {
+    const issues = result.issues.map((issue) => {
+      const pathStr = issue.path?.map((p) => p.key).join(".") ?? "";
+      return `  - ${pathStr}: ${issue.message}`;
+    });
+    throw new Error(`Invalid config:
+${issues.join("\n")}`);
+  }
+  return config;
+};
+var exampleCommand = defineCommand({
+  meta: {
+    name: "example",
+    description: "Run pre-claude with an example config to try it out"
+  },
+  args: {
+    lang: {
+      type: "string",
+      description: "Language for example config (en or ja)",
+      alias: "l",
+      default: "en"
+    }
+  },
+  async run({ args }) {
+    const lang = args.lang;
+    if (lang !== "en" && lang !== "ja") {
+      consola.error(`Invalid language: ${lang}. Use 'en' or 'ja'.`);
+      process.exit(1);
+    }
+    const __dirname = path.dirname(fileURLToPath(import.meta.url));
+    const examplesDir = path.resolve(__dirname, "../../examples");
+    const configFileName = lang === "ja" ? "pre-claude-ja.config.ts" : "pre-claude.config.ts";
+    const configPath = path.join(examplesDir, configFileName);
+    try {
+      const config = await loadConfig(configPath);
+      if (process.stdin.isTTY !== true) {
+        throw new Error(
+          "TUI requires an interactive terminal. Please run this command in a terminal that supports raw mode."
+        );
+      }
+      consola.info(
+        `Running example with ${lang === "ja" ? "Japanese" : "English"} config...`
+      );
+      enterAlternateScreen();
+      const { waitUntilExit } = render(/* @__PURE__ */ jsx19(App, { config }));
+      await waitUntilExit();
+      exitAlternateScreen();
+    } catch (error) {
+      exitAlternateScreen();
+      if (error instanceof Error) {
+        consola.error(error.message);
+      } else {
+        consola.error("Failed to run example:", error);
+      }
+      process.exit(1);
+    }
+  }
+});
+
+// src/cli/commands/init.ts
+import * as fs from "node:fs";
+import * as path2 from "node:path";
+import { defineCommand as defineCommand2 } from "citty";
+import { consola as consola2 } from "consola";
+var CONFIG_TEMPLATE = `// For more detailed configuration examples, see:
+// https://github.com/cut0/pre-claude/blob/main/examples
+
+import { defineConfig, defineScenario } from 'pre-claude';
+
+export default defineConfig({
+  scenarios: [
+    defineScenario({
+      id: 'default',
+      name: 'Design Doc Generator',
+      steps: [
+        {
+          slug: 'overview',
+          title: 'Overview',
+          description: 'Basic information about the feature',
+          name: 'overview',
+          fields: [
+            {
+              type: 'input',
+              id: 'title',
+              label: 'Title',
+              description: 'Feature title',
+              placeholder: 'Enter feature title',
+              required: true,
+            },
+            {
+              type: 'textarea',
+              id: 'description',
+              label: 'Description',
+              description: 'Detailed description of the feature',
+              placeholder: 'Describe the feature...',
+              rows: 4,
+            },
+            {
+              type: 'select',
+              id: 'priority',
+              label: 'Priority',
+              description: 'Feature priority level',
+              placeholder: 'Select priority',
+              options: [
+                { value: 'high', label: 'High' },
+                { value: 'medium', label: 'Medium' },
+                { value: 'low', label: 'Low' },
+              ],
+            },
+          ],
+        },
+      ],
+      filename: ({ timestamp }) => \`\${timestamp}.md\`,
+      prompt: ({ formData, aiContext }) =>
+        \`Generate a design doc based on the following input:
+\${JSON.stringify({ formData, aiContext }, null, 2)}\`,
+    }),
+  ],
+  permissions: {
+    allowSave: true,
+  },
+});
+`;
+var initCommand = defineCommand2({
+  meta: {
+    name: "init",
+    description: "Create a new pre-claude.config.ts file"
+  },
+  args: {
+    output: {
+      type: "string",
+      description: "Output file path",
+      alias: "o",
+      default: "pre-claude.config.ts"
+    },
+    force: {
+      type: "boolean",
+      description: "Overwrite existing file",
+      alias: "f",
+      default: false
+    }
+  },
+  async run({ args }) {
+    const outputPath = path2.resolve(process.cwd(), args.output);
+    if (fs.existsSync(outputPath) && !args.force) {
+      consola2.error(`File already exists: ${outputPath}`);
+      consola2.info("Use --force (-f) to overwrite");
+      process.exit(1);
+    }
+    try {
+      fs.writeFileSync(outputPath, CONFIG_TEMPLATE, "utf-8");
+      consola2.success(`Config file created: ${outputPath}`);
+    } catch (error) {
+      consola2.error("Failed to create config file:", error);
+      process.exit(1);
+    }
+  }
+});
+
+// src/cli/commands/run.tsx
+import * as fs2 from "node:fs";
+import * as path3 from "node:path";
+import { defineCommand as defineCommand3 } from "citty";
+import { consola as consola3 } from "consola";
+import { createJiti as createJiti2 } from "jiti";
+import { render as render2 } from "ink";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var enterAlternateScreen2 = () => {
+  process.stdout.write("\x1B[?1049h");
+  process.stdout.write("\x1B[H");
+};
+var exitAlternateScreen2 = () => {
+  process.stdout.write("\x1B[?1049l");
+};
+var loadConfig2 = async (configPath) => {
+  const absolutePath = path3.resolve(process.cwd(), configPath);
   if (!fs2.existsSync(absolutePath)) {
     throw new Error(`Config file not found: ${absolutePath}`);
   }
-  const jiti = createJiti(import.meta.url);
+  const jiti = createJiti2(import.meta.url);
   const configModule = await jiti.import(absolutePath);
   const config = configModule.default;
   const result = safeParseConfig(config);
@@ -2806,7 +2885,7 @@ ${issues.join("\n")}`);
   }
   return config;
 };
-var runCommand = defineCommand2({
+var runCommand = defineCommand3({
   meta: {
     name: "run",
     description: "Start the TUI to fill out forms and generate prompts"
@@ -2827,7 +2906,7 @@ var runCommand = defineCommand2({
   async run({ args }) {
     const configPath = args.config;
     try {
-      const config = await loadConfig(configPath);
+      const config = await loadConfig2(configPath);
       if (args.scenario != null) {
         const scenario = config.scenarios.find((s) => s.id === args.scenario);
         if (scenario == null) {
@@ -2842,18 +2921,18 @@ var runCommand = defineCommand2({
           "TUI requires an interactive terminal. Please run this command in a terminal that supports raw mode."
         );
       }
-      enterAlternateScreen();
-      const { waitUntilExit } = render(
-        /* @__PURE__ */ jsx19(App, { config, initialScenarioId: args.scenario })
+      enterAlternateScreen2();
+      const { waitUntilExit } = render2(
+        /* @__PURE__ */ jsx20(App, { config, initialScenarioId: args.scenario })
       );
       await waitUntilExit();
-      exitAlternateScreen();
+      exitAlternateScreen2();
     } catch (error) {
-      exitAlternateScreen();
+      exitAlternateScreen2();
       if (error instanceof Error) {
-        consola2.error(error.message);
+        consola3.error(error.message);
       } else {
-        consola2.error("Failed to run TUI:", error);
+        consola3.error("Failed to run TUI:", error);
       }
       process.exit(1);
     }
@@ -2861,7 +2940,7 @@ var runCommand = defineCommand2({
 });
 
 // src/cli/index.ts
-var main = defineCommand3({
+var main = defineCommand4({
   meta: {
     name,
     version,
@@ -2869,7 +2948,8 @@ var main = defineCommand3({
   },
   subCommands: {
     run: runCommand,
-    init: initCommand
+    init: initCommand,
+    example: exampleCommand
   }
 });
 runMain(main);