@farm.js/create-app 0.1.0-beta.29 → 0.1.0-beta.31

package/bin/create-farm-app.js

@@ -10,7 +10,10 @@ program
   .version(version)
   .argument("[project-name]", "Name of the project")
   .option("-t, --template <template>", "Template to use")
-  .option("-r, --renderer <renderer>", "Rendering library to use (react, solid, or vue)")
+  .option(
+    "-r, --renderer <renderer>",
+    "Rendering library to use (react, preact, solid, vue, or svelte)",
+  )
   .option("--list-templates", "List all available starter templates")
   .option("--typescript", "Use TypeScript template")
   .option("--skip-install", "Skip installing dependencies")

package/dist/index.js

@@ -2722,8 +2722,8 @@ async function createApp(projectName, options = {}) {
 		process.exit(1);
 	}
 	let renderer = options.renderer?.toLowerCase();
-	if (renderer && renderer !== "react" && renderer !== "solid" && renderer !== "vue") {
-		require_utils.logger.error(`Unknown renderer "${options.renderer}". Available: "react", "solid", "vue".`);
+	if (renderer && renderer !== "react" && renderer !== "preact" && renderer !== "solid" && renderer !== "vue" && renderer !== "svelte") {
+		require_utils.logger.error(`Unknown renderer "${options.renderer}". Available: "react", "preact", "solid", "vue", "svelte".`);
 		process.exit(1);
 	}
 	if (!renderer && !options.template && template === "basic") {
@@ -2737,6 +2737,11 @@ async function createApp(projectName, options = {}) {
 					value: "react",
 					description: "The default FARMJS renderer"
 				},
+				{
+					title: "Preact",
+					value: "preact",
+					description: "Small React-compatible runtime with SSR and hydration"
+				},
 				{
 					title: "Solid",
 					value: "solid",
@@ -2746,6 +2751,11 @@ async function createApp(projectName, options = {}) {
 					title: "Vue",
 					value: "vue",
 					description: "Vue SFCs with server rendering and hydration"
+				},
+				{
+					title: "Svelte",
+					value: "svelte",
+					description: "Svelte components with server rendering and hydration"
 				}
 			],
 			initial: 0
@@ -2820,6 +2830,7 @@ async function copyTemplate(template, projectPath, useTypeScript, renderer) {
 		if (await dirExists(tsTemplatePath)) await copyDir(tsTemplatePath, projectPath);
 	}
 	if (renderer === "solid") await copyDir(path.default.join(__dirname, "..", "templates", "_renderers", "solid"), projectPath);
+	if (renderer === "preact") await copyDir(path.default.join(__dirname, "..", "templates", "_renderers", "preact"), projectPath);
 	if (renderer === "vue") {
 		const rendererTemplatePath = path.default.join(__dirname, "..", "templates", "_renderers", "vue");
 		await Promise.all([
@@ -2829,6 +2840,15 @@ async function copyTemplate(template, projectPath, useTypeScript, renderer) {
 		]);
 		await copyDir(rendererTemplatePath, projectPath);
 	}
+	if (renderer === "svelte") {
+		const rendererTemplatePath = path.default.join(__dirname, "..", "templates", "_renderers", "svelte");
+		await Promise.all([
+			fs_promises.default.rm(path.default.join(projectPath, "src", "app", "page.tsx"), { force: true }),
+			fs_promises.default.rm(path.default.join(projectPath, "src", "app", "layout.tsx"), { force: true }),
+			fs_promises.default.rm(path.default.join(projectPath, "src", "components", "resource-links.tsx"), { force: true })
+		]);
+		await copyDir(rendererTemplatePath, projectPath);
+	}
 	if (!details?.integration) return;
 	const result = await addFarmIntegration({
 		root: projectPath,