@korajs/cli 0.4.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) {
@@ -518,10 +542,49 @@ async function resolveCreatePreferencesFlow(params) {
   if (isTauri) {
     effective.framework = "react";
     effective.tailwind = false;
-    effective.sync = true;
-    effective.db = "sqlite";
-    effective.dbProvider = "none";
     effective.auth = "none";
+    if (flags.sync !== void 0) {
+      effective.sync = flags.sync;
+    } else if (!flags.useDefaults && !usedStoredPreferences) {
+      effective.sync = await prompts.confirm("Enable multi-device sync?", true);
+    }
+    if (flags.db !== void 0) {
+      if (!isDatabaseValue(flags.db)) {
+        throw new Error(
+          `Invalid --db value "${flags.db}". Expected one of: none, sqlite, postgres.`
+        );
+      }
+      effective.db = flags.db;
+    } else if (!effective.sync) {
+      effective.db = "none";
+    } else if (!flags.useDefaults && !usedStoredPreferences) {
+      effective.db = await prompts.select("Sync server database:", [
+        { label: "SQLite (zero-config; local, LAN, small teams)", value: "sqlite" },
+        { label: "PostgreSQL (production-scale)", value: "postgres" }
+      ]);
+    }
+    if (effective.db === "none") {
+      effective.sync = false;
+    }
+    if (effective.db !== "postgres") {
+      effective.dbProvider = "none";
+    } else if (flags.dbProvider !== void 0) {
+      if (!isDatabaseProviderValue(flags.dbProvider)) {
+        throw new Error(
+          `Invalid --db-provider value "${flags.dbProvider}". Expected one of: none, local, supabase, neon, railway, vercel-postgres, custom.`
+        );
+      }
+      effective.dbProvider = flags.dbProvider;
+    } else if (!flags.useDefaults && !usedStoredPreferences) {
+      effective.dbProvider = await prompts.select("Database provider:", [
+        { label: "Local Postgres", value: "local" },
+        { label: "Supabase", value: "supabase" },
+        { label: "Neon", value: "neon" },
+        { label: "Railway", value: "railway" },
+        { label: "Vercel Postgres", value: "vercel-postgres" },
+        { label: "Custom connection string", value: "custom" }
+      ]);
+    }
   } else {
     if (flags.framework !== void 0) {
       if (!isFrameworkValue(flags.framework)) {
@@ -533,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 }
       ]);
     }
@@ -599,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
@@ -681,67 +745,35 @@ async function applySyncProviderPreset(options) {
   }
   const providerName = getProviderDisplayName(options.dbProvider);
   const providerConnectionString = getProviderConnectionStringExample(options.dbProvider);
-  const serverPath = (0, import_node_path3.join)(options.targetDir, "server.ts");
   const envPath = (0, import_node_path3.join)(options.targetDir, ".env.example");
   const readmePath = (0, import_node_path3.join)(options.targetDir, "README.md");
-  const serverTemplate = [
-    "import { createPostgresServerStore, createProductionServer } from '@korajs/server'",
-    "",
-    `// PostgreSQL provider preset: ${providerName}`,
-    "// Ensure DATABASE_URL is set in your environment.",
-    "",
-    "async function start(): Promise<void> {",
-    "	const connectionString = process.env.DATABASE_URL || ''",
-    "	if (connectionString.length === 0) {",
-    "		throw new Error('DATABASE_URL is required for PostgreSQL sync server store.')",
-    "	}",
-    "",
-    "	const store = await createPostgresServerStore({ connectionString })",
-    "	const server = createProductionServer({",
-    "		store,",
-    "		port: Number(process.env.PORT) || 3001,",
-    "		staticDir: './dist',",
-    "		syncPath: '/kora-sync',",
-    "	})",
-    "",
-    "	const url = await server.start()",
-    "	console.log(`Kora app running at ${url}`)",
-    "}",
-    "",
-    "void start()",
-    ""
-  ].join("\n");
-  const envTemplate = [
-    "# Kora Sync Server",
-    "# WebSocket URL for the sync server (used by the client)",
-    "VITE_SYNC_URL=ws://localhost:3001",
-    "",
-    "# Sync server port",
-    "PORT=3001",
-    "",
-    `# PostgreSQL connection string (${providerName})`,
-    `# Example: ${providerConnectionString}`,
-    "DATABASE_URL=",
-    ""
-  ].join("\n");
   const existingReadme = await (0, import_promises3.readFile)(readmePath, "utf-8");
+  const existingEnv = await (0, import_promises3.readFile)(envPath, "utf-8");
   const trimmedReadme = existingReadme.trimEnd();
+  const trimmedEnv = existingEnv.trimEnd();
+  const envSuffix = [
+    "",
+    `# PostgreSQL provider preset: ${providerName}`,
+    `# Example: ${providerConnectionString}`
+  ].join("\n");
   const readmeSuffix = [
     "",
     "## PostgreSQL Provider Preset",
     "",
     `Selected DB provider: ${options.dbProvider}`,
     "",
-    "This scaffold uses `createPostgresServerStore` in `server.ts` and reads `DATABASE_URL` from the environment. See `.env.example` for provider-specific examples.",
+    "This scaffold keeps one sync server entrypoint. When `DATABASE_URL` is set, `server.ts` uses PostgreSQL. When it is empty, the same server uses SQLite at `KORA_SERVER_DB`.",
+    "",
+    "The generated server uses `createPostgresServerStore` automatically when `DATABASE_URL` is present.",
     ""
   ].join("\n");
   const readmeTemplate = `${trimmedReadme}${readmeSuffix}`;
-  await (0, import_promises3.writeFile)(serverPath, serverTemplate, "utf-8");
-  await (0, import_promises3.writeFile)(envPath, envTemplate, "utf-8");
+  await (0, import_promises3.writeFile)(envPath, `${trimmedEnv}${envSuffix}
+`, "utf-8");
   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) {
@@ -869,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) {
@@ -931,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",
@@ -1016,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.");
         }
@@ -1162,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) {