revise component registry

Author: cschroeter

packages/cli/src/client.ts

@@ -43,16 +43,16 @@ const Index = z.array(
 )
 
 export const schema = createSchema({
-  '/:framework/recipes/index': {
+  '/recipes/index': {
     output: Index,
   },
-  '/:framework/recipes/:id': {
+  '/recipes/:id': {
     output: Recipe,
   },
-  '/:framework/components/index': {
+  '/components/:framework/index': {
     output: Index,
   },
-  '/:framework/components/:id': {
+  '/components/:framework/:id': {
     output: Component,
   },
 })
@@ -79,10 +79,9 @@ interface Params {
   id: string
 }
 
-export const getComponent = (params: Params) => $fetch('/:framework/components/:id', { params })
-export const getRecipe = (params: Params) => $fetch('/:framework/recipes/:id', { params })
+export const getComponent = (params: Params) => $fetch('/components/:framework/:id', { params })
+export const getRecipe = (id: string) => $fetch('/recipes/:id', { params: { id } })
 
-export const listRecipes = (framework: Framework) =>
-  $fetch('/:framework/recipes/index', { params: { framework } })
+export const listRecipes = () => $fetch('/recipes/index')
 export const listComponents = (framework: Framework) =>
-  $fetch('/:framework/components/index', { params: { framework } })
+  $fetch('/components/:framework/index', { params: { framework } })

packages/cli/src/effects.ts

@@ -36,11 +36,11 @@ export const installComponent =
     )
 
 export const installRecipe =
-  ({ framework, dest }: Args) =>
+  ({ dest }: Args) =>
   (id: string) =>
     pipe(
       Effect.tryPromise({
-        try: () => getRecipe({ framework, id }),
+        try: () => getRecipe(id),
         catch: () => HttpError,
       }),
       Effect.filterOrFail(

packages/preset/src/theme/recipes/index.ts

@@ -1,4 +1,3 @@
-import type { RecipeConfig, RecipeVariantRecord, SlotRecipeConfig } from '@pandacss/dev'
 import { accordion } from './accordion'
 import { alert } from './alert'
 import { avatar } from './avatar'
@@ -53,7 +52,7 @@ import { toggleGroup } from './toggle-group'
 import { tooltip } from './tooltip'
 import { treeView } from './tree-view'
 
-export const recipes: Record<string, Partial<RecipeConfig<RecipeVariantRecord>>> = {
+export const recipes = {
   badge,
   button,
   code,
@@ -68,7 +67,7 @@ export const recipes: Record<string, Partial<RecipeConfig<RecipeVariantRecord>>>
   text,
 }
 
-export const slotRecipes: Record<string, Partial<SlotRecipeConfig>> = {
+export const slotRecipes = {
   accordion,
   alert,
   avatar,

registry.ts

@@ -65,7 +65,7 @@ for (const exp of source.getExportDeclarations()) {
     })
 
     Bun.write(
-      `./website/public/registry/latest/react/components/${id}.json`,
+      `./website/public/registry/latest/components/react/${id}.json`,
       JSON.stringify(
         {
           id,
@@ -81,6 +81,6 @@ for (const exp of source.getExportDeclarations()) {
 }
 
 Bun.write(
-  `./website/public/registry/latest/react/components/index.json`,
+  `./website/public/registry/latest/components/react/index.json`,
   JSON.stringify(index, null, 2),
 )