@korajs/cli 0.5.0 → 0.6.0

package/dist/create.cjs

@@ -259,6 +259,14 @@ var TEMPLATES = [
   "react-tailwind",
   "react-sync",
   "react-basic",
+  "vue-sync",
+  "vue-basic",
+  "vue-tailwind-sync",
+  "vue-tailwind",
+  "svelte-sync",
+  "svelte-basic",
+  "svelte-tailwind-sync",
+  "svelte-tailwind",
   "tauri-react"
 ];
 
@@ -459,6 +467,19 @@ async function findNearestAncestorWithEntry(startDir, entryName) {
 function determineTemplateFromSelections(input) {
   if (input.platform === "desktop-tauri") return "tauri-react";
   const shouldSync = input.sync && input.db !== "none";
+  if (input.framework === "vue") {
+    if (input.tailwind && shouldSync) return "vue-tailwind-sync";
+    if (input.tailwind && !shouldSync) return "vue-tailwind";
+    return shouldSync ? "vue-sync" : "vue-basic";
+  }
+  if (input.framework === "svelte") {
+    if (input.tailwind && shouldSync) return "svelte-tailwind-sync";
+    if (input.tailwind && !shouldSync) return "svelte-tailwind";
+    return shouldSync ? "svelte-sync" : "svelte-basic";
+  }
+  if (input.framework === "solid") {
+    throw new Error("Solid templates are not available yet. Use react, vue, or svelte.");
+  }
   if (input.tailwind && shouldSync) return "react-tailwind-sync";
   if (input.tailwind && !shouldSync) return "react-tailwind";
   if (!input.tailwind && shouldSync) return "react-sync";
@@ -479,6 +500,9 @@ function isDatabaseValue(value) {
 function isDatabaseProviderValue(value) {
   return value === "none" || value === "local" || value === "supabase" || value === "neon" || value === "railway" || value === "vercel-postgres" || value === "custom";
 }
+function isSupportedWebFramework(framework) {
+  return framework === "react" || framework === "vue" || framework === "svelte";
+}
 
 // src/commands/create/preferences-flow.ts
 async function resolveCreatePreferencesFlow(params) {
@@ -572,8 +596,8 @@ async function resolveCreatePreferencesFlow(params) {
     } else if (!flags.useDefaults && !usedStoredPreferences) {
       effective.framework = await prompts.select("UI framework:", [
         { label: "React", value: "react" },
-        { label: "Vue (coming soon)", value: "vue", disabled: true },
-        { label: "Svelte (coming soon)", value: "svelte", disabled: true },
+        { label: "Vue 3", value: "vue" },
+        { label: "Svelte 5", value: "svelte" },
         { label: "Solid (coming soon)", value: "solid", disabled: true }
       ]);
     }
@@ -638,6 +662,7 @@ async function resolveCreatePreferencesFlow(params) {
   }
   const template = determineTemplateFromSelections({
     platform: effective.platform,
+    framework: effective.framework,
     tailwind: effective.tailwind,
     sync: effective.sync,
     db: effective.db
@@ -748,7 +773,7 @@ async function applySyncProviderPreset(options) {
   await (0, import_promises3.writeFile)(readmePath, readmeTemplate, "utf-8");
 }
 function isSyncTemplate(template) {
-  return template === "react-sync" || template === "react-tailwind-sync" || template === "tauri-react";
+  return template === "react-sync" || template === "react-tailwind-sync" || template === "vue-sync" || template === "vue-tailwind-sync" || template === "svelte-sync" || template === "svelte-tailwind-sync" || template === "tauri-react";
 }
 function getProviderDisplayName(provider) {
   switch (provider) {
@@ -876,6 +901,48 @@ function createCompatibilityLayerPlan(templateName) {
           authLayer
         ]
       };
+    case "vue-sync":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "vue-sync", sourceTemplate: "vue-sync" }]
+      };
+    case "vue-basic":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "vue-basic", sourceTemplate: "vue-basic" }]
+      };
+    case "svelte-sync":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "svelte-sync", sourceTemplate: "svelte-sync" }]
+      };
+    case "svelte-basic":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "svelte-basic", sourceTemplate: "svelte-basic" }]
+      };
+    case "vue-tailwind-sync":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "vue-tailwind-sync", sourceTemplate: "vue-tailwind-sync" }]
+      };
+    case "vue-tailwind":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "vue-tailwind", sourceTemplate: "vue-tailwind" }]
+      };
+    case "svelte-tailwind-sync":
+      return {
+        compatibilityTarget: templateName,
+        layers: [
+          { category: "base", name: "svelte-tailwind-sync", sourceTemplate: "svelte-tailwind-sync" }
+        ]
+      };
+    case "svelte-tailwind":
+      return {
+        compatibilityTarget: templateName,
+        layers: [{ category: "base", name: "svelte-tailwind", sourceTemplate: "svelte-tailwind" }]
+      };
   }
 }
 async function composeTemplateLayers(plan, targetDir, context) {
@@ -938,7 +1005,7 @@ var createCommand = (0, import_citty.defineCommand)({
     },
     template: {
       type: "string",
-      description: "Project template (react-tailwind-sync, react-tailwind, react-sync, react-basic, tauri-react)"
+      description: "Project template (react-tailwind-sync, react-sync, vue-sync, svelte-sync, tauri-react, ...)"
     },
     pm: {
       type: "string",
@@ -1023,8 +1090,10 @@ var createCommand = (0, import_citty.defineCommand)({
         prompts,
         store: preferenceStore
       });
-      if (selection.framework !== "react") {
-        logger.error(`Framework "${selection.framework}" is not available yet. Use "react".`);
+      if (!isSupportedWebFramework(selection.framework)) {
+        logger.error(
+          `Framework "${selection.framework}" is not available yet. Use react, vue, or svelte.`
+        );
         if (!useDefaults) {
           prompts.outro("Project creation aborted.");
         }
@@ -1169,7 +1238,7 @@ function isValidPackageManager(value) {
   return PACKAGE_MANAGERS.includes(value);
 }
 function isSyncTemplate2(template) {
-  return template === "react-sync" || template === "react-tailwind-sync" || template === "tauri-react";
+  return template === "react-sync" || template === "react-tailwind-sync" || template === "vue-sync" || template === "vue-tailwind-sync" || template === "svelte-sync" || template === "svelte-tailwind-sync" || template === "tauri-react";
 }
 function formatDbProviderForLog(dbProvider) {
   switch (dbProvider) {