feat(cli): manage recipe index

Author: cschroeter

bun.lockb

@@ -15,6 +15,7 @@
     "@effect/platform": "0.69.28",
     "effect": "3.10.19",
     "fs-extra": "11.2.0",
+    "globby": "14.0.2",
     "pkg-dir": "8.0.0",
     "yargs": "17.7.2"
   },

packages/cli/package.json

@@ -14,7 +14,6 @@ const Utils = Schema.Array(
 const Recipe = Schema.Struct({
   id: Schema.String,
   filename: Schema.String,
-  slotRecipe: Schema.Boolean,
   content: Schema.String,
 })
 
@@ -47,6 +46,7 @@ export const fetchComponentById = (id: string, config: Config) =>
     ),
     HttpClient.get(`${API_URL}/recipes/${id}.json`).pipe(
       Effect.flatMap(HttpClientResponse.schemaBodyJson(Recipe)),
+      Effect.catchAll(() => Effect.succeed(null)),
       Effect.scoped,
       Effect.provide(FetchHttpClient.layer),
     ),

packages/cli/src/client.ts

@@ -8,6 +8,7 @@ import yargs from 'yargs'
 import { hideBin } from 'yargs/helpers'
 import { fetchComponents, fetchUtils } from './client'
 import { getConfig } from './get-config'
+import { updateRecipeIndex } from './recipes'
 
 const isEmpty = (arr: string[]) => arr.length === 0
 
@@ -45,44 +46,49 @@ const main = async () => {
           getConfig(),
           Effect.tap(() => spinner.start('Installing components...')),
           Effect.flatMap((config) =>
-            Effect.all([
-              pipe(
-                fetchComponents(config, argv),
-                Effect.flatMap((components) =>
-                  Effect.forEach(components, ({ component: { variants }, recipe }) =>
-                    Effect.all([
-                      Effect.forEach(variants, (variant) =>
-                        Effect.promise(() =>
-                          fs.outputFile(
-                            path.join(config.paths.components, variant.file),
-                            variant.content,
+            pipe(
+              Effect.all([
+                pipe(
+                  fetchComponents(config, argv),
+                  Effect.flatMap((components) =>
+                    Effect.forEach(components, ({ component: { variants }, recipe }) =>
+                      Effect.all([
+                        Effect.forEach(variants, (variant) =>
+                          Effect.promise(() =>
+                            fs.outputFile(
+                              path.join(config.paths.components, variant.file),
+                              variant.content,
+                            ),
                           ),
                         ),
-                      ),
+                        recipe
+                          ? Effect.promise(() =>
+                              fs.outputFile(
+                                path.join(config.paths.recipes, recipe.filename),
+                                recipe.content,
+                              ),
+                            )
+                          : Effect.succeed(null),
+                      ]),
+                    ),
+                  ),
+                ),
+                pipe(
+                  fetchUtils(config),
+                  Effect.flatMap((helpers) =>
+                    Effect.forEach(helpers, (helper) =>
                       Effect.promise(() =>
                         fs.outputFile(
-                          path.join(config.paths.recipes, recipe.filename),
-                          recipe.content,
+                          path.join(config.paths.components, helper.filename),
+                          helper.content,
                         ),
                       ),
-                    ]),
-                  ),
-                ),
-              ),
-              pipe(
-                fetchUtils(config),
-                Effect.flatMap((helpers) =>
-                  Effect.forEach(helpers, (helper) =>
-                    Effect.promise(() =>
-                      fs.outputFile(
-                        path.join(config.paths.components, helper.filename),
-                        helper.content,
-                      ),
                     ),
                   ),
                 ),
-              ),
-            ]),
+              ]),
+              Effect.flatMap(() => updateRecipeIndex(config)),
+            ),
           ),
 
           Effect.catchAll((error) => Effect.fail(error.message)),

packages/cli/src/index.ts

@@ -0,0 +1,52 @@
+import fs from 'node:fs/promises'
+import { parse } from 'node:path'
+import { Effect, pipe } from 'effect'
+import { globby } from 'globby'
+import type { Config } from './get-config'
+
+export const updateRecipeIndex = (config: Config) =>
+  Effect.promise(() =>
+    globby([`${config.paths.recipes}/*.ts`, `!${config.paths.recipes}/index.ts`]),
+  )
+    .pipe(
+      Effect.map((recipes) => recipes.sort()),
+      Effect.flatMap((recipes) =>
+        pipe(
+          Effect.forEach(recipes, (recipe) =>
+            pipe(
+              Effect.promise(() => fs.readFile(recipe, 'utf-8')),
+              Effect.map((content) => ({
+                filename: parse(recipe).name,
+                exportName: content.match(/export const (\w+)/)?.[1] ?? '',
+                slotRecipe: content.includes('defineSlotRecipe'),
+              })),
+            ),
+          ),
+        ),
+      ),
+    )
+    .pipe(
+      Effect.map(
+        (recipes) =>
+          `import type { RecipeConfig, RecipeVariantRecord, SlotRecipeConfig } from '@pandacss/dev'
+${recipes.map(({ filename, exportName }) => `import { ${exportName} } from './${filename}'`).join('\n')}
+
+export const recipes: Record<string, Partial<RecipeConfig<RecipeVariantRecord>>> = {
+${recipes
+  .filter((recipe) => !recipe.slotRecipe)
+  .map(({ exportName }) => `  ${exportName},`)
+  .join('\n')}
+}
+  
+export const slotRecipes: Record<string, Partial<SlotRecipeConfig>> = {
+${recipes
+  .filter((recipe) => recipe.slotRecipe)
+  .map(({ exportName }) => `  ${exportName},`)
+  .join('\n')}
+}
+`,
+      ),
+      Effect.flatMap((content) =>
+        Effect.promise(() => fs.writeFile(`${config.paths.recipes}/index.ts`, `${content}`)),
+      ),
+    )