create-cloudflare: replace create-svelte with sv (#7031)

* create-cloudflare: replace create-svelte with sv * add changeset * update * update stable template * fix experimental template * update svelte e2e test * prettier ---------
cloudflare · Oct 25, 2024 · eec2a70 · eec2a70
1 parent 15ef013
commit eec2a70
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 9 deletions.
diff --git a/.changeset/hip-actors-thank.md b/.changeset/hip-actors-thank.md
@@ -0,0 +1,5 @@
+---
+"create-cloudflare": minor
+---
+
+create-svelte is soon be deprecated, use the new official replacement npx sv instead.
diff --git a/packages/create-cloudflare/e2e-tests/frameworks.test.ts b/packages/create-cloudflare/e2e-tests/frameworks.test.ts
@@ -357,15 +357,20 @@ function getFrameworkTests(opts: {
 			svelte: {
 				promptHandlers: [
 					{
-						matcher: /Which Svelte app template/,
+						matcher: /Which template would you like/,
 						input: [keys.enter],
 					},
 					{
-						matcher: /Add type checking with TypeScript/,
+						matcher: /Add type checking with Typescript/,
 						input: [keys.down, keys.enter],
 					},
 					{
-						matcher: /Select additional options/,
+						matcher: /What would you like to add to your project/,
+						input: [keys.enter],
+					},
+					{
+						matcher:
+							/Which package manager do you want to install dependencies with/,
 						input: [keys.enter],
 					},
 				],

diff --git a/packages/create-cloudflare/src/frameworks/package.json b/packages/create-cloudflare/src/frameworks/package.json
@@ -15,9 +15,9 @@
 		"create-vite": "5.5.4",
 		"create-remix": "2.13.1",
 		"create-solid": "0.5.13",
-		"create-svelte": "6.4.0",
 		"create-vue": "3.11.1",
 		"gatsby": "5.13.7",
-		"nuxi": "3.12.0"
+		"nuxi": "3.12.0",
+		"sv": "0.5.7"
 	}
 }
diff --git a/packages/create-cloudflare/templates-experimental/svelte/c3.ts b/packages/create-cloudflare/templates-experimental/svelte/c3.ts
@@ -13,7 +13,7 @@ import type { C3Context, PackageJson } from "types";
 const { npm } = detectPackageManager();
 
 const generate = async (ctx: C3Context) => {
-	await runFrameworkGenerator(ctx, [ctx.project.name]);
+	await runFrameworkGenerator(ctx, ["create", ctx.project.name]);
 
 	logRaw("");
 };
@@ -97,7 +97,7 @@ const updateTypeDefinitions = (ctx: C3Context) => {
 const config: TemplateConfig = {
 	configVersion: 1,
 	id: "svelte",
-	frameworkCli: "create-svelte",
+	frameworkCli: "sv",
 	displayName: "Svelte",
 	platform: "workers",
 	copyFiles: {

diff --git a/packages/create-cloudflare/templates/svelte/c3.ts b/packages/create-cloudflare/templates/svelte/c3.ts
@@ -13,7 +13,7 @@ import type { C3Context, PackageJson } from "types";
 const { npm } = detectPackageManager();
 
 const generate = async (ctx: C3Context) => {
-	await runFrameworkGenerator(ctx, [ctx.project.name]);
+	await runFrameworkGenerator(ctx, ["create", ctx.project.name]);
 
 	logRaw("");
 };
@@ -97,7 +97,7 @@ const updateTypeDefinitions = (ctx: C3Context) => {
 const config: TemplateConfig = {
 	configVersion: 1,
 	id: "svelte",
-	frameworkCli: "create-svelte",
+	frameworkCli: "sv",
 	displayName: "Svelte",
 	platform: "pages",
 	copyFiles: {