C3: add Vike framework template (#11442)

* C3: add Vike framework template

* add promptHandlers

---------

Co-authored-by: Matt ‘TK’ Taylor <[email protected]>
Co-authored-by: James Opstad <[email protected]>

Author: 3 people

.changeset/sixty-hats-think.md

@@ -0,0 +1,5 @@
+---
+"create-cloudflare": minor
+---
+
+add Vike framework template

packages/create-cloudflare/e2e/tests/cli/cli.test.ts

@@ -657,7 +657,7 @@ describe("Create Cloudflare CLI", () => {
 					    npm create cloudflare -- --framework next -- --ts
 					    pnpm create cloudflare --framework next -- --ts
 					    Allowed Values:
-					      analog, angular, astro, docusaurus, gatsby, hono, next, nuxt, qwik, react, react-router, redwood, solid, svelte, tanstack-start, vue, waku
+					      analog, angular, astro, docusaurus, gatsby, hono, next, nuxt, qwik, react, react-router, redwood, solid, svelte, tanstack-start, vike, vue, waku
 					  --platform=<value>
 					    Whether the application should be deployed to Pages or Workers. This is only applicable for Frameworks templates that support both Pages and Workers.
 					    Allowed Values:

packages/create-cloudflare/e2e/tests/frameworks/test-config.ts

@@ -618,6 +618,27 @@ function getFrameworkTestConfig(pm: string): NamedFrameworkTestConfig[] {
 			},
 			nodeCompat: true,
 		},
+		{
+			name: "vike",
+			testCommitMessage: true,
+			timeout: LONG_TIMEOUT,
+			unsupportedOSs: ["win32"],
+			verifyDeploy: {
+				route: "/",
+				expectedText: "Vike",
+			},
+			verifyPreview: {
+				route: "/",
+				expectedText: "Vike",
+			},
+			nodeCompat: false,
+			promptHandlers: [
+				{
+					matcher: /Select a UI framework:/,
+					input: [keys.enter],
+				},
+			],
+		},
 	];
 }
 

packages/create-cloudflare/src/frameworks/package.json

@@ -16,6 +16,7 @@
 		"create-rwsdk": "3.1.0",
 		"create-react-router": "7.9.6",
 		"create-solid": "0.6.11",
+		"create-vike": "0.0.528",
 		"create-vue": "3.18.3",
 		"create-waku": "0.12.5-0.27.1-0",
 		"@tanstack/create-start": "0.40.0",

packages/create-cloudflare/src/templates.ts

@@ -44,6 +44,7 @@ import scheduledTemplate from "templates/scheduled/c3";
 import solidTemplate from "templates/solid/c3";
 import svelteTemplate from "templates/svelte/c3";
 import tanStackStartTemplate from "templates/tanstack-start/c3";
+import vikeTemplate from "templates/vike/c3";
 import vueTemplate from "templates/vue/c3";
 import wakuTemplate from "templates/waku/c3";
 import { isInsideGitRepo } from "./git";
@@ -265,6 +266,7 @@ export function getFrameworkMap({ experimental = false }): TemplateMap {
 			solid: solidTemplate,
 			svelte: svelteTemplate,
 			"tanstack-start": tanStackStartTemplate,
+			vike: vikeTemplate,
 			vue: vueTemplate,
 			waku: wakuTemplate,
 		};

packages/create-cloudflare/templates/vike/c3.ts

@@ -0,0 +1,28 @@
+import { logRaw } from "@cloudflare/cli";
+import { runFrameworkGenerator } from "frameworks/index";
+import type { TemplateConfig } from "../../src/templates";
+import type { C3Context } from "types";
+
+const generate = async (ctx: C3Context) => {
+	await runFrameworkGenerator(ctx, [
+		ctx.project.name,
+		"--cloudflare",
+		// to prevent asking about git twice, just let c3 do it
+		"--no-git",
+	]);
+
+	logRaw(""); // newline
+};
+
+const config: TemplateConfig = {
+	configVersion: 1,
+	id: "vike",
+	platform: "workers",
+	frameworkCli: "create-vike",
+	displayName: "Vike",
+	generate,
+	devScript: "dev",
+	deployScript: "deploy",
+	previewScript: "preview",
+};
+export default config;