create-dev-to 1.4.0 → 1.5.0

package/dist/index.js

@@ -12,71 +12,90 @@ import { InstallLogger } from "./installLogger.js";
 import { displayInstallSummary } from "./visualComponents.js";
 const PACKAGE_MANAGERS = ["pnpm", "npm", "yarn", "bun"];
 const __BUILD_INFO__ = {
-  commit: "9870ae8",
+  commit: "395653e",
   branch: "main",
-  buildTime: "2026-01-10 16:50",
-  version: "1.4.0"
+  buildTime: "2026-01-11 02:43",
+  version: "1.5.0"
 };
 const FRAMEWORKS = [
   {
     name: "react",
     display: "React",
     color: cyan,
-    supported: true
+    variants: [
+      {
+        name: "react-ts",
+        display: "TypeScript",
+        color: cyan
+      },
+      {
+        name: "react-compiler-ts",
+        display: "TypeScript + React Compiler",
+        color: cyan
+      },
+      {
+        name: "react-swc-ts",
+        display: "TypeScript + SWC",
+        color: cyan
+      },
+      {
+        name: "react",
+        display: "JavaScript",
+        color: yellow
+      },
+      {
+        name: "react-compiler",
+        display: "JavaScript + React Compiler",
+        color: yellow
+      },
+      {
+        name: "react-swc",
+        display: "JavaScript + SWC",
+        color: yellow
+      }
+    ]
   },
   {
     name: "vue",
     display: "Vue",
     color: green,
-    supported: false
+    variants: []
   },
   {
     name: "svelte",
     display: "Svelte",
     color: red,
-    supported: false
+    variants: []
   },
   {
     name: "solid",
     display: "Solid",
     color: cyan,
-    supported: false
+    variants: []
   },
   {
     name: "preact",
     display: "Preact",
     color: cyan,
-    supported: false
+    variants: []
   },
   {
     name: "lit",
     display: "Lit",
     color: yellow,
-    supported: false
+    variants: []
   },
   {
     name: "qwik",
     display: "Qwik",
     color: cyan,
-    supported: false
+    variants: []
   },
   {
     name: "vanilla",
     display: "Vanilla",
     color: yellow,
-    supported: false
-  }
-];
-const REACT_TEMPLATES = [
-  {
-    name: "react-ts",
-    display: "TypeScript",
-    color: cyan
-  },
-  {
-    name: "react",
-    display: "JavaScript",
-    color: yellow
+    variants: []
   }
 ];
 const TEMPLATE_SOURCES = [
@@ -324,6 +343,7 @@ Please check your network connection or try again later.`
       }
     }
   }
+  throw new Error("Unexpected end of cloneViteTemplate function");
 }
 function getDegitCommandForPM(pm) {
   switch (pm) {
@@ -792,24 +812,23 @@ async function init() {
     }
     packageManager = pmChoice;
   }
-  const framework = await clack.select({
+  const selectedFramework = await clack.select({
     message: "Select a framework:",
     options: FRAMEWORKS.map((fw) => ({
-      value: fw.name,
-      label: fw.supported ? fw.color(fw.display) : `${fw.color(fw.display)} ${dim("(Coming soon)")}`,
-      hint: fw.supported ? void 0 : "Not yet supported"
+      value: fw,
+      label: fw.variants.length > 0 ? fw.color(fw.display) : `${fw.color(fw.display)} ${dim("(Coming soon)")}`,
+      hint: fw.variants.length > 0 ? void 0 : "Not yet supported"
     })),
-    initialValue: "react"
+    initialValue: FRAMEWORKS[0]
   });
-  if (clack.isCancel(framework)) {
+  if (clack.isCancel(selectedFramework)) {
     clack.cancel("Operation cancelled.");
     process.exit(0);
   }
-  const selectedFramework = FRAMEWORKS.find((fw) => fw.name === framework);
-  if (!selectedFramework?.supported) {
-    clack.outro(yellow(`\u26A0\uFE0F  ${selectedFramework?.display} support is coming soon!`));
+  if (selectedFramework.variants.length === 0) {
+    clack.outro(yellow(`\u26A0\uFE0F  ${selectedFramework.display} support is coming soon!`));
     clack.note(
-      `We're working hard to add support for ${selectedFramework?.display}.
+      `We're working hard to add support for ${selectedFramework.display}.
 
 For now, please use React or stay tuned for updates!`,
       "Roadmap"
@@ -818,54 +837,40 @@ For now, please use React or stay tuned for updates!`,
   }
   const variant = await clack.select({
     message: "Select a variant:",
-    options: REACT_TEMPLATES.map((template2) => ({
-      value: template2.name,
-      label: template2.color(template2.display)
+    options: selectedFramework.variants.map((v) => ({
+      value: v.name,
+      label: v.color(v.display)
     }))
   });
   if (clack.isCancel(variant)) {
     clack.cancel("Operation cancelled.");
     process.exit(0);
   }
-  const template = variant;
-  const shouldUseSWC = await clack.confirm({
-    message: "Use SWC for faster transpilation? (Optional)",
-    initialValue: false
-  });
-  if (clack.isCancel(shouldUseSWC)) {
-    clack.cancel("Operation cancelled.");
-    process.exit(0);
-  }
-  const shouldUseReactCompiler = await clack.confirm({
-    message: "Use React Compiler? (Experimental)",
-    initialValue: false
-  });
-  if (clack.isCancel(shouldUseReactCompiler)) {
-    clack.cancel("Operation cancelled.");
-    process.exit(0);
-  }
-  const shouldUseRolldown = await clack.confirm({
-    message: "Use Rolldown for bundling? (Experimental)",
-    initialValue: false
-  });
-  if (clack.isCancel(shouldUseRolldown)) {
-    clack.cancel("Operation cancelled.");
-    process.exit(0);
-  }
+  let template = variant;
   const root = path.join(cwd, targetDir);
   const spinner = clack.spinner();
   spinner.start("Scaffolding project");
+  let isReactSwc = false;
+  if (template.includes("-swc")) {
+    isReactSwc = true;
+    template = template.replace("-swc", "");
+  }
+  let isReactCompiler = false;
+  if (template.includes("-compiler")) {
+    isReactCompiler = true;
+    template = template.replace("-compiler", "");
+  }
   const cloneResult = await cloneViteTemplate(template, root, packageManager, spinner);
   const pkgPath = path.join(root, "package.json");
   const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
   pkg.name = toValidPackageName(getProjectName());
   fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
   const isTs = template.includes("ts");
-  if (shouldUseSWC) {
+  if (isReactSwc) {
     spinner.message("Setting up SWC...");
     setupReactSWC(root, isTs);
   }
-  if (shouldUseReactCompiler) {
+  if (isReactCompiler) {
     spinner.message("Setting up React Compiler...");
     setupReactCompiler(root, isTs);
   }
@@ -897,6 +902,8 @@ For now, please use React or stay tuned for updates!`,
     initialValue: true
   });
   if (clack.isCancel(shouldInstall)) {
+    clack.cancel("Operation cancelled.");
+    process.exit(0);
   }
   if (shouldInstall) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-dev-to",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "private": false,
   "type": "module",
   "engines": {