Adding examples

Author: jherr

src/add-ons.ts

@@ -5,6 +5,7 @@ import { fileURLToPath } from 'node:url'
 
 export type AddOn = {
   id: string
+  type: 'add-on' | 'example'
   name: string
   description: string
   link: string
@@ -50,38 +51,42 @@ function isDirectory(path: string): boolean {
 }
 
 export async function getAllAddOns(): Promise<Array<AddOn>> {
-  const addOnsBase = fileURLToPath(
-    new URL('../templates/add-ons', import.meta.url),
-  )
-
   const addOns: Array<AddOn> = []
 
-  for (const dir of await readdirSync(addOnsBase).filter((file) =>
-    isDirectory(resolve(addOnsBase, file)),
-  )) {
-    const filePath = resolve(addOnsBase, dir, 'info.json')
-    const fileContent = await readFile(filePath, 'utf-8')
+  for (const type of ['add-on', 'example']) {
+    const addOnsBase = fileURLToPath(
+      new URL(`../templates/${type}`, import.meta.url),
+    )
 
-    let packageAdditions: Record<string, string> = {}
-    if (existsSync(resolve(addOnsBase, dir, 'package.json'))) {
-      packageAdditions = JSON.parse(
-        await readFile(resolve(addOnsBase, dir, 'package.json'), 'utf-8'),
-      )
-    }
+    for (const dir of await readdirSync(addOnsBase).filter((file) =>
+      isDirectory(resolve(addOnsBase, file)),
+    )) {
+      const filePath = resolve(addOnsBase, dir, 'info.json')
+      const fileContent = await readFile(filePath, 'utf-8')
 
-    let readme: string | undefined
-    if (existsSync(resolve(addOnsBase, dir, 'README.md'))) {
-      readme = await readFile(resolve(addOnsBase, dir, 'README.md'), 'utf-8')
-    }
+      let packageAdditions: Record<string, string> = {}
+      if (existsSync(resolve(addOnsBase, dir, 'package.json'))) {
+        packageAdditions = JSON.parse(
+          await readFile(resolve(addOnsBase, dir, 'package.json'), 'utf-8'),
+        )
+      }
 
-    addOns.push({
-      id: dir,
-      ...JSON.parse(fileContent),
-      directory: resolve(addOnsBase, dir),
-      packageAdditions,
-      readme,
-    })
+      let readme: string | undefined
+      if (existsSync(resolve(addOnsBase, dir, 'README.md'))) {
+        readme = await readFile(resolve(addOnsBase, dir, 'README.md'), 'utf-8')
+      }
+
+      addOns.push({
+        id: dir,
+        type,
+        ...JSON.parse(fileContent),
+        directory: resolve(addOnsBase, dir),
+        packageAdditions,
+        readme,
+      })
+    }
   }
+
   return addOns
 }
 

src/create-app.ts

@@ -357,7 +357,7 @@ export async function createApp(options: Required<Options>) {
 
   // Copy all the asset files from the addons
   const s = spinner()
-  for (const phase of ['setup', 'add-on']) {
+  for (const phase of ['setup', 'add-on', 'example']) {
     for (const addOn of options.chosenAddOns.filter(
       (addOn) => addOn.phase === phase,
     )) {

src/options.ts

@@ -152,12 +152,14 @@ export async function promptForOptions(
     const addOns = await getAllAddOns()
 
     const selectedAddOns = await multiselect({
-      message: 'Select add-ons:',
-      options: addOns.map((addOn) => ({
-        value: addOn.id,
-        label: addOn.name,
-        hint: addOn.description,
-      })),
+      message: 'What add-ons would you like for your project:',
+      options: addOns
+        .filter((addOn) => addOn.type === 'add-on')
+        .map((addOn) => ({
+          value: addOn.id,
+          label: addOn.name,
+          hint: addOn.description,
+        })),
       required: false,
     })
 
@@ -166,7 +168,27 @@ export async function promptForOptions(
       process.exit(0)
     }
 
-    options.chosenAddOns = await finalizeAddOns(selectedAddOns)
+    const selectedExamples = await multiselect({
+      message: 'Would you like any examples?',
+      options: addOns
+        .filter((addOn) => addOn.type === 'example')
+        .map((addOn) => ({
+          value: addOn.id,
+          label: addOn.name,
+          hint: addOn.description,
+        })),
+      required: false,
+    })
+
+    if (isCancel(selectedExamples)) {
+      cancel('Operation cancelled.')
+      process.exit(0)
+    }
+
+    options.chosenAddOns = await finalizeAddOns([
+      ...selectedAddOns,
+      ...selectedExamples,
+    ])
     options.tailwind = true
   } else {
     options.chosenAddOns = []