mick-templates 1.1.2 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mick-templates",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "CLI tool for creating projects from templates",
   "bin": {
     "mick-templates": "bin/cli.js"

package/src/app.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useCallback } from "react";
 import { readdirSync, existsSync } from "fs";
 import { LanguageSelect } from "./components/LanguageSelect.js";
 import { OverwritePrompt } from "./components/OverwritePrompt.js";
@@ -14,13 +14,47 @@ interface Props {
   skipInstall?: boolean;
 }
 
-export function App({ template, projectName, language: initialLang, skipInstall = false }: Props) {
+export function App({
+  template,
+  projectName,
+  language: initialLang,
+  skipInstall = false,
+}: Props) {
   const [step, setStep] = useState<Step>("processing");
   const [language, setLanguage] = useState<Language | undefined>(initialLang);
+  const [isCreating, setIsCreating] = useState(false);
   const [targetDir, setTargetDir] = useState("");
   const [error, setError] = useState("");
 
-  const needsOverwrite = !projectName && existsSync(process.cwd()) && readdirSync(process.cwd()).length > 0;
+  const needsOverwrite =
+    !projectName &&
+    existsSync(process.cwd()) &&
+    readdirSync(process.cwd()).length > 0;
+
+  const runCreate = useCallback(
+    async (lang: Language, overwrite: boolean) => {
+      if (isCreating) return;
+      setIsCreating(true);
+      setStep("processing");
+      try {
+        const dir = await createProject({
+          template,
+          projectName,
+          language: lang,
+          overwrite,
+          skipInstall,
+        });
+        setTargetDir(dir);
+        setStep("done");
+      } catch (e) {
+        setError(e instanceof Error ? e.message : String(e));
+        setStep("error");
+      } finally {
+        setIsCreating(false);
+      }
+    },
+    [isCreating, template, projectName, skipInstall]
+  );
 
   useEffect(() => {
     // Determine initial step
@@ -34,37 +68,26 @@ export function App({ template, projectName, language: initialLang, skipInstall
       return;
     }
 
-    // Don't run if we're waiting for user input
-    if (step === "language" || step === "overwrite") return;
+    // Don't run if we're waiting for user input or already creating
+    if (
+      step === "language" ||
+      step === "overwrite" ||
+      isCreating ||
+      step === "done" ||
+      step === "error"
+    )
+      return;
 
     // Create project
     runCreate(language, false);
-  }, [language]);
-
-  const runCreate = async (lang: Language, overwrite: boolean) => {
-    setStep("processing");
-    try {
-      const dir = await createProject({
-        template,
-        projectName,
-        language: lang,
-        overwrite,
-        skipInstall,
-      });
-      setTargetDir(dir);
-      setStep("done");
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-      setStep("error");
-    }
-  };
+  }, [language, step, isCreating, needsOverwrite, runCreate]);
 
   const handleLanguageSelect = (lang: Language) => {
     setLanguage(lang);
     if (needsOverwrite) {
       setStep("overwrite");
     } else {
-      runCreate(lang, false);
+      setStep("processing");
     }
   };
 
@@ -85,4 +108,3 @@ export function App({ template, projectName, language: initialLang, skipInstall
 
   return <Status status={step} targetDir={targetDir} error={error} />;
 }
-