Group Xote CSR and SSR under a single template with a variant prompt

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: brnrdog

src/NewProject.res

@@ -64,12 +64,35 @@ let updateRescriptJson = async (~projectName, ~versions: RescriptVersions.versio
 let newProjectMessage = "Create a new ReScript project"
 
 let getTemplateOptions = () =>
-  Templates.templates->Array.map(({name, displayName, shortDescription}) => {
+  Templates.templates->Array.map(({name, displayName, shortDescription, _}) => {
     P.value: name,
     label: displayName,
     hint: shortDescription,
   })
 
+let getVariantOptions = (variants: array<Templates.variant>) =>
+  variants->Array.map(({name, displayName, shortDescription}) => {
+    P.value: name,
+    label: displayName,
+    hint: shortDescription,
+  })
+
+let promptTemplateName = async () => {
+  let selectedName = await P.select({
+    message: "Select a template",
+    options: getTemplateOptions(),
+  })->P.resultOrRaise
+
+  switch Templates.templates->Array.find(template => template.name === selectedName) {
+  | Some({variants: Some(variants)}) =>
+    await P.select({
+      message: "Select a variant",
+      options: getVariantOptions(variants),
+    })->P.resultOrRaise
+  | _ => selectedName
+  }
+}
+
 let createProject = async (~templateName, ~projectName, ~versions) => {
   let templatePath = CraPaths.getTemplatePath(~templateName)
   let projectPath = Path.join2(Process.cwd(), projectName)
@@ -139,11 +162,7 @@ let createNewProject = async () => {
 
     let templateName = switch commandLineArguments.templateName {
     | Some(templateName) => templateName
-    | None =>
-      await P.select({
-        message: "Select a template",
-        options: getTemplateOptions(),
-      })->P.resultOrRaise
+    | None => await promptTemplateName()
     }
 
     let versions = useDefaultVersions

src/Templates.res

@@ -1,7 +1,14 @@
+type variant = {
+  name: string,
+  displayName: string,
+  shortDescription: string,
+}
+
 type t = {
   name: string,
   displayName: string,
   shortDescription: string,
+  variants: option<array<variant>>,
 }
 
 let basicTemplateName = "rescript-template-basic"
@@ -26,25 +33,35 @@ let templates = [
     name: viteTemplateName,
     displayName: "Vite",
     shortDescription: "Vite 7, React and Tailwind 4",
+    variants: None,
   },
   {
     name: nextjsTemplateName,
     displayName: "Next.js",
     shortDescription: "Next.js 15 with static export and Tailwind 3",
+    variants: None,
   },
   {
     name: xoteTemplateName,
     displayName: "Xote",
-    shortDescription: "Xote with Vite, signals and Tailwind 4 (CSR)",
-  },
-  {
-    name: xoteSsrTemplateName,
-    displayName: "Xote SSR",
-    shortDescription: "Xote with Vite, signals and Tailwind 4 (SSR)",
+    shortDescription: "Xote with Vite, signals and Tailwind 4",
+    variants: Some([
+      {
+        name: xoteTemplateName,
+        displayName: "Client-Side Rendering (CSR)",
+        shortDescription: "Vite, signals and Tailwind 4",
+      },
+      {
+        name: xoteSsrTemplateName,
+        displayName: "Server-Side Rendering (SSR)",
+        shortDescription: "Vite SSR via Node server, signals and Tailwind 4",
+      },
+    ]),
   },
   {
     name: basicTemplateName,
     displayName: "Basic",
     shortDescription: "Command line hello world app",
+    variants: None,
   },
 ]