@seed-design/cli 0.0.0-alpha-20241014082802 → 0.0.0-alpha-20241014090620

package/bin/index.mjs

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-import{cosmiconfig as Z}from"cosmiconfig";import T from"path";import{z as u}from"zod";var $="seed-design",ee=Z($,{searchPlaces:[`${$}.json`]}),k=u.object({$schema:u.string().optional(),rsc:u.coerce.boolean().default(!1),tsx:u.coerce.boolean().default(!0),css:u.coerce.boolean().default(!0),path:u.string()}).strict(),te=k.extend({resolvedUIPaths:u.string()});async function O(e){let t=await ne(e);return t?await oe(e,t):null}async function oe(e,t){let n=T.resolve(e,t.path);return te.parse({...t,resolvedUIPaths:T.join(n,"ui")})}async function ne(e){try{let t=await ee.search(e);return t?k.parse(t.config):null}catch(t){throw console.log(t),new Error(`Invalid configuration found in ${e}/seed-design.json.`)}}import{z as s}from"zod";var A=s.object({name:s.string(),description:s.string().optional(),dependencies:s.array(s.string()).optional(),devDependencies:s.array(s.string()).optional(),innerDependencies:s.array(s.string()).optional(),snippets:s.array(s.string()),type:s.enum(["component"])}),E=s.array(A),re=A.omit({snippets:!0}),se=re.extend({registries:s.array(s.object({name:s.string(),content:s.string()}))}),De=s.array(se);var I="https://component.seed-design.io";async function M(e){try{return await Promise.all(e.map(async n=>await(await fetch(`${I}/__registry__/component/${n}.json`)).json()))}catch(t){throw console.log(t),new Error(`Failed to fetch registry from ${I}.`)}}async function D(){try{let[e]=await M(["index"]);return E.parse(e)}catch(e){throw console.log(e),new Error(`Failed to fetch components from ${I}.`)}}import{detect as ae}from"@antfu/ni";async function F(e){let t=await ae({programmatic:!0,cwd:e});return t==="yarn@berry"?"yarn":t==="pnpm@6"?"pnpm":t==="bun"?"bun":t??"npm"}import{promises as le}from"fs";import{tmpdir as fe}from"os";import J from"path";import{transformFromAstSync as ie}from"@babel/core";import ce from"@babel/plugin-transform-typescript";import*as v from"recast";import{parse as pe}from"@babel/parser";var me={sourceType:"module",allowImportExportEverywhere:!0,allowReturnOutsideFunction:!0,startLine:1,tokens:!0,plugins:["asyncGenerators","bigInt","classPrivateMethods","classPrivateProperties","classProperties","classStaticBlock","decimal","decorators-legacy","doExpressions","dynamicImport","exportDefaultFrom","exportNamespaceFrom","functionBind","functionSent","importAssertions","importMeta","nullishCoalescingOperator","numericSeparator","objectRestSpread","optionalCatchBinding","optionalChaining",["pipelineOperator",{proposal:"minimal"}],["recordAndTuple",{syntaxType:"hash"}],"throwExpressions","topLevelAwait","v8intrinsic","typescript","jsx"]},z=async({sourceFile:e,config:t})=>{let n=e.getFullText();if(t.tsx)return n;let r=v.parse(n,{parser:{parse:c=>pe(c,me)}}),o=ie(r,n,{cloneInputAst:!1,code:!1,ast:!0,plugins:[ce],configFile:!1});if(!o||!o.ast)throw new Error("Failed to transform JSX");return v.print(o.ast).code};import{SyntaxKind as de}from"ts-morph";var N=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let n=e.getFirstChildByKind(de.ExpressionStatement);return n?.getText()==='"use client";'&&n.remove(),e};var W=async({sourceFile:e,config:t})=>{if(t.css)return e;let r=e.getImportDeclarations().filter(o=>o.getModuleSpecifierValue().endsWith(".css"));for(let o of r)o.remove();return e};import{Project as ge,ScriptKind as ue}from"ts-morph";var he=[N,W],ye=new ge({compilerOptions:{}});async function xe(e){let t=await le.mkdtemp(J.join(fe(),"seed-deisgn-"));return J.join(t,e)}async function _(e){let t=await xe(e.filename),n=ye.createSourceFile(t,e.raw,{scriptKind:ue.TSX});for(let r of he)r({sourceFile:n,...e});return await z({sourceFile:n,...e})}import*as a from"@clack/prompts";import{execa as U}from"execa";import P from"fs-extra";import B from"path";import j from"picocolors";import{z as w}from"zod";function V(e,t){let n=new Set;function r(o){if(n.has(o))return;n.add(o);let c=t.find(d=>d.name===o);if(c&&c.innerDependencies)for(let d of c.innerDependencies)r(d)}for(let o of e)r(o);return Array.from(n)}var we=w.object({components:w.array(w.string()).optional(),cwd:w.string(),all:w.boolean()}),K=e=>{e.command("add [...components]","add component").option("-a, --all","Add all components",{default:!1}).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",{default:process.cwd()}).example("seed-design add box-button").example("seed-design add alert-dialog").action(async(t,n)=>{let r=we.parse({components:t,...n}),o=i=>j.cyan(i),c=r.cwd;P.existsSync(c)||(a.log.error(`The path ${c} does not exist. Please try again.`),process.exit(1));let d=await D(),f=r.all?d.map(i=>i.name):r.components;if(!r.components?.length&&!r.all){let i=await a.multiselect({message:"Select all components to add",options:d.map(l=>({label:l.name,value:l.name,hint:l.description}))});a.isCancel(i)&&(a.log.error("Aborted."),process.exit(0)),f=i}f?.length||(a.log.error("No components found."),process.exit(0));let y=V(f,d),S=y.filter(i=>!f.includes(i)),x=await O(c),H=await M(y);a.log.message(`Selection: ${o(f.join(", "))}`),S.length&&a.log.message(`Inner Dependencies: ${o(S.join(", "))} will be also added.`);for(let i of H){for(let m of i.registries){let g=x.resolvedUIPaths;P.existsSync(g)||await P.mkdir(g,{recursive:!0});let h=B.resolve(g,m.name),Q=await _({filename:m.name,config:x,raw:m.content});x.tsx||(h=h.replace(/\.tsx$/,".jsx"),h=h.replace(/\.ts$/,".js")),await P.writeFile(h,Q);let Y=B.relative(c,h);a.log.info(`Added ${o(m.name)} to ${o(Y)}`)}let l=await F(c),{start:b,stop:R}=a.spinner();if(i.dependencies?.length){b(j.gray("Installing dependencies"));let m=await U(l,[l==="npm"?"install":"add",...i.dependencies],{cwd:c});if(m.failed)console.error(m.all),process.exit(1);else{for(let g of i.dependencies)a.log.info(`- ${g}`);R("Dependencies installed.")}}if(i.devDependencies?.length){b(j.gray("Installing devDependencies"));let m=await U(l,[l==="npm"?"install":"add","-D",...i.devDependencies],{cwd:c});if(m.failed)console.error(m.all),process.exit(1);else{for(let g of i.devDependencies)a.log.info(`- ${g}`);R("Dependencies installed.")}}}a.outro("Components added.")})};import Ce from"findup-sync";import Se from"fs-extra";var ve="package.json";function Pe(){let e=Ce(ve);if(!e)throw new Error("No package.json file found in the project.");return e}function L(){return Se.readJSONSync(Pe())}import{cac as be}from"cac";import*as p from"@clack/prompts";import Ie from"fs-extra";import G from"path";import Me from"picocolors";import{z as X}from"zod";var je=X.object({cwd:X.string()}),q=e=>{e.command("init","initialize seed-design.json").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",{default:process.cwd()}).action(async t=>{let n=je.parse({...t}),r=x=>Me.cyan(x),o=await p.group({tsx:()=>p.confirm({message:`Would you like to use ${r("TypeScript")} (recommended)?`,initialValue:!0}),rsc:()=>p.confirm({message:`Are you using ${r("React Server Components")}?`,initialValue:!1}),css:()=>p.confirm({message:`Would you like to use ${r("CSS Modules")}? (If true, CSS import will be added in components)`,initialValue:!0}),path:()=>p.text({message:`Enter the path to your ${r("seed-design directory")}`,initialValue:"./seed-design",defaultValue:"./seed-design",placeholder:"./seed-design"})},{onCancel:()=>{p.cancel("Operation cancelled."),process.exit(0)}}),c={rsc:o.rsc,tsx:o.tsx,css:o.css,path:o.path},{start:d,stop:f}=p.spinner();d("Writing seed-design.json...");let y=G.resolve(n.cwd,"seed-design.json");await Ie.writeFile(y,`${JSON.stringify(c,null,2)}
-`,"utf-8");let S=G.relative(process.cwd(),y);f(`seed-design.json written to ${r(S)}`)})};var Re="seed-design",C=be(Re);async function Te(){let e=L();K(C),q(C),C.version(e.version||"1.0.0","-v, --version"),C.help(),C.parse()}Te();
+import{cosmiconfig as Z}from"cosmiconfig";import $ from"path";import{z as u}from"zod";var k="seed-design",ee=Z(k,{searchPlaces:[`${k}.json`]}),M=u.object({$schema:u.string().optional(),rsc:u.coerce.boolean().default(!1),tsx:u.coerce.boolean().default(!0),css:u.coerce.boolean().default(!0),path:u.string()}).strict(),te=M.extend({resolvedUIPaths:u.string()});async function O(e){let t=await re(e);return t?await oe(e,t):null}async function oe(e,t){let r=$.resolve(e,t.path);return te.parse({...t,resolvedUIPaths:$.join(r,"ui")})}async function re(e){try{let t=await ee.search(e);return t?M.parse(t.config):null}catch(t){throw console.log(t),new Error(`Invalid configuration found in ${e}/seed-design.json.`)}}import{z as s}from"zod";var A=s.object({name:s.string(),description:s.string().optional(),dependencies:s.array(s.string()).optional(),devDependencies:s.array(s.string()).optional(),innerDependencies:s.array(s.string()).optional(),files:s.array(s.string())}),E=s.array(A),ne=A.omit({files:!0}),se=ne.extend({registries:s.array(s.object({name:s.string(),content:s.string()}))}),De=s.array(se);var I="https://component.seed-design.io";async function R(e){try{return await Promise.all(e.map(async r=>await(await fetch(`${I}/__registry__/component/${r}.json`)).json()))}catch(t){throw console.log(t),new Error(`Failed to fetch registry from ${I}.`)}}async function D(){try{let[e]=await R(["index"]);return E.parse(e)}catch(e){throw console.log(e),new Error(`Failed to fetch components from ${I}.`)}}import{detect as ie}from"@antfu/ni";async function F(e){let t=await ie({programmatic:!0,cwd:e});return t==="yarn@berry"?"yarn":t==="pnpm@6"?"pnpm":t==="bun"?"bun":t??"npm"}import{promises as le}from"fs";import{tmpdir as de}from"os";import J from"path";import{transformFromAstSync as ae}from"@babel/core";import ce from"@babel/plugin-transform-typescript";import*as v from"recast";import{parse as pe}from"@babel/parser";var me={sourceType:"module",allowImportExportEverywhere:!0,allowReturnOutsideFunction:!0,startLine:1,tokens:!0,plugins:["asyncGenerators","bigInt","classPrivateMethods","classPrivateProperties","classProperties","classStaticBlock","decimal","decorators-legacy","doExpressions","dynamicImport","exportDefaultFrom","exportNamespaceFrom","functionBind","functionSent","importAssertions","importMeta","nullishCoalescingOperator","numericSeparator","objectRestSpread","optionalCatchBinding","optionalChaining",["pipelineOperator",{proposal:"minimal"}],["recordAndTuple",{syntaxType:"hash"}],"throwExpressions","topLevelAwait","v8intrinsic","typescript","jsx"]},G=async({sourceFile:e,config:t})=>{let r=e.getFullText();if(t.tsx)return r;let n=v.parse(r,{parser:{parse:c=>pe(c,me)}}),o=ae(n,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[ce],configFile:!1});if(!o||!o.ast)throw new Error("Failed to transform JSX");return v.print(o.ast).code};import{SyntaxKind as fe}from"ts-morph";var z=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let r=e.getFirstChildByKind(fe.ExpressionStatement);return r?.getText()==='"use client";'&&r.remove(),e};var N=async({sourceFile:e,config:t})=>{if(t.css)return e;let n=e.getImportDeclarations().filter(o=>o.getModuleSpecifierValue().endsWith(".css"));for(let o of n)o.remove();return e};import{Project as ge,ScriptKind as ue}from"ts-morph";var ye=[z,N],he=new ge({compilerOptions:{}});async function Ce(e){let t=await le.mkdtemp(J.join(de(),"seed-deisgn-"));return J.join(t,e)}async function _(e){let t=await Ce(e.filename),r=he.createSourceFile(t,e.raw,{scriptKind:ue.TSX});for(let n of ye)n({sourceFile:r,...e});return await G({sourceFile:r,...e})}import*as i from"@clack/prompts";import{execa as U}from"execa";import P from"fs-extra";import B from"path";import j from"picocolors";import{z as x}from"zod";function V(e,t){let r=new Set;function n(o){if(r.has(o))return;r.add(o);let c=t.find(f=>f.name===o);if(c&&c.innerDependencies)for(let f of c.innerDependencies)n(f)}for(let o of e)n(o);return Array.from(r)}var xe=x.object({components:x.array(x.string()).optional(),cwd:x.string(),all:x.boolean()}),K=e=>{e.command("add [...components]","add component").option("-a, --all","Add all components",{default:!1}).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",{default:process.cwd()}).example("seed-design add box-button").example("seed-design add alert-dialog").action(async(t,r)=>{let n=xe.parse({components:t,...r}),o=a=>j.cyan(a),c=n.cwd;P.existsSync(c)||(i.log.error(`The path ${c} does not exist. Please try again.`),process.exit(1));let f=await D(),d=n.all?f.map(a=>a.name):n.components;if(!n.components?.length&&!n.all){let a=await i.multiselect({message:"Select all components to add",options:f.map(l=>({label:l.name,value:l.name,hint:l.description}))});i.isCancel(a)&&(i.log.error("Aborted."),process.exit(0)),d=a}d?.length||(i.log.error("No components found."),process.exit(0));let h=V(d,f),S=h.filter(a=>!d.includes(a)),C=await O(c),H=await R(h);i.log.message(`Selection: ${o(d.join(", "))}`),S.length&&i.log.message(`Inner Dependencies: ${o(S.join(", "))} will be also added.`);for(let a of H){for(let m of a.registries){let g=C.resolvedUIPaths;P.existsSync(g)||await P.mkdir(g,{recursive:!0});let y=B.resolve(g,m.name),Q=await _({filename:m.name,config:C,raw:m.content});C.tsx||(y=y.replace(/\.tsx$/,".jsx"),y=y.replace(/\.ts$/,".js")),await P.writeFile(y,Q);let Y=B.relative(c,y);i.log.info(`Added ${o(m.name)} to ${o(Y)}`)}let l=await F(c),{start:b,stop:T}=i.spinner();if(a.dependencies?.length){b(j.gray("Installing dependencies"));let m=await U(l,[l==="npm"?"install":"add",...a.dependencies],{cwd:c});if(m.failed)console.error(m.all),process.exit(1);else{for(let g of a.dependencies)i.log.info(`- ${g}`);T("Dependencies installed.")}}if(a.devDependencies?.length){b(j.gray("Installing devDependencies"));let m=await U(l,[l==="npm"?"install":"add","-D",...a.devDependencies],{cwd:c});if(m.failed)console.error(m.all),process.exit(1);else{for(let g of a.devDependencies)i.log.info(`- ${g}`);T("Dependencies installed.")}}}i.outro("Components added.")})};import we from"findup-sync";import Se from"fs-extra";var ve="package.json";function Pe(){let e=we(ve);if(!e)throw new Error("No package.json file found in the project.");return e}function L(){return Se.readJSONSync(Pe())}import{cac as be}from"cac";import*as p from"@clack/prompts";import Ie from"fs-extra";import W from"path";import Re from"picocolors";import{z as X}from"zod";var je=X.object({cwd:X.string()}),q=e=>{e.command("init","initialize seed-design.json").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",{default:process.cwd()}).action(async t=>{let r=je.parse({...t}),n=C=>Re.cyan(C),o=await p.group({tsx:()=>p.confirm({message:`Would you like to use ${n("TypeScript")} (recommended)?`,initialValue:!0}),rsc:()=>p.confirm({message:`Are you using ${n("React Server Components")}?`,initialValue:!1}),css:()=>p.confirm({message:`Would you like to use ${n("CSS Modules")}? (If true, CSS import will be added in components)`,initialValue:!0}),path:()=>p.text({message:`Enter the path to your ${n("seed-design directory")}`,initialValue:"./seed-design",defaultValue:"./seed-design",placeholder:"./seed-design"})},{onCancel:()=>{p.cancel("Operation cancelled."),process.exit(0)}}),c={rsc:o.rsc,tsx:o.tsx,css:o.css,path:o.path},{start:f,stop:d}=p.spinner();f("Writing seed-design.json...");let h=W.resolve(r.cwd,"seed-design.json");await Ie.writeFile(h,`${JSON.stringify(c,null,2)}
+`,"utf-8");let S=W.relative(process.cwd(),h);d(`seed-design.json written to ${n(S)}`)})};var Te="seed-design",w=be(Te);async function $e(){let e=L();K(w),q(w),w.version(e.version||"1.0.0","-v, --version"),w.help(),w.parse()}$e();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/cli",
-  "version": "0.0.0-alpha-20241014082802",
+  "version": "0.0.0-alpha-20241014090620",
   "type": "module",
   "repository": {
     "type": "git",
@@ -19,6 +19,7 @@
     "node": ">=18"
   },
   "scripts": {
+    "prepack": "yarn build",
     "build": "ENV=prod node ./build.mjs",
     "dev": "ENV=dev node ./dev.mjs",
     "test": "yarn vitest"

package/src/commands/add.ts

@@ -1,5 +1,5 @@
 import { getConfig } from "@/src/utils/get-config";
-import { fetchComponentMetadatas, getMetadataIndex } from "@/src/utils/get-metadata";
+import { fetchRegistryComponentItem, getRegistryComponentIndex } from "@/src/utils/get-metadata";
 import { getPackageManager } from "@/src/utils/get-package-manager";
 import { transform } from "@/src/utils/transformers";
 import * as p from "@clack/prompts";
@@ -45,10 +45,10 @@ export const addCommand = (cli: CAC) => {
         process.exit(1);
       }
 
-      const metadataIndex = await getMetadataIndex();
+      const registryComponentIndex = await getRegistryComponentIndex();
 
       let selectedComponents: string[] = options.all
-        ? metadataIndex.map((meatadata) => meatadata.name)
+        ? registryComponentIndex.map((registry) => registry.name)
         : options.components;
 
       if (!options.components?.length && !options.all) {
@@ -57,7 +57,7 @@ export const addCommand = (cli: CAC) => {
           string
         >({
           message: "Select all components to add",
-          options: metadataIndex.map((metadata) => {
+          options: registryComponentIndex.map((metadata) => {
             return {
               label: metadata.name,
               value: metadata.name,
@@ -79,10 +79,10 @@ export const addCommand = (cli: CAC) => {
         process.exit(0);
       }
 
-      const allComponents = addRelativeComponents(selectedComponents, metadataIndex);
+      const allComponents = addRelativeComponents(selectedComponents, registryComponentIndex);
       const addedComponents = allComponents.filter((c) => !selectedComponents.includes(c));
       const config = await getConfig(cwd);
-      const metadatas = await fetchComponentMetadatas(allComponents);
+      const registryComponentItems = await fetchRegistryComponentItem(allComponents);
 
       p.log.message(`Selection: ${highlight(selectedComponents.join(", "))}`);
       if (addedComponents.length) {
@@ -91,8 +91,8 @@ export const addCommand = (cli: CAC) => {
         );
       }
 
-      for (const metadata of metadatas) {
-        for (const registry of metadata.registries) {
+      for (const component of registryComponentItems) {
+        for (const registry of component.registries) {
           const UIFolderPath = config.resolvedUIPaths;
 
           if (!fs.existsSync(UIFolderPath)) {
@@ -122,12 +122,12 @@ export const addCommand = (cli: CAC) => {
         const { start, stop } = p.spinner();
 
         // Install dependencies.
-        if (metadata.dependencies?.length) {
+        if (component.dependencies?.length) {
           start(color.gray("Installing dependencies"));
 
           const result = await execa(
             packageManager,
-            [packageManager === "npm" ? "install" : "add", ...metadata.dependencies],
+            [packageManager === "npm" ? "install" : "add", ...component.dependencies],
             {
               cwd,
             },
@@ -137,7 +137,7 @@ export const addCommand = (cli: CAC) => {
             console.error(result.all);
             process.exit(1);
           } else {
-            for (const deps of metadata.dependencies) {
+            for (const deps of component.dependencies) {
               p.log.info(`- ${deps}`);
             }
             stop("Dependencies installed.");
@@ -145,12 +145,12 @@ export const addCommand = (cli: CAC) => {
         }
 
         // Install devDependencies.
-        if (metadata.devDependencies?.length) {
+        if (component.devDependencies?.length) {
           start(color.gray("Installing devDependencies"));
 
           const result = await execa(
             packageManager,
-            [packageManager === "npm" ? "install" : "add", "-D", ...metadata.devDependencies],
+            [packageManager === "npm" ? "install" : "add", "-D", ...component.devDependencies],
             {
               cwd,
             },
@@ -160,7 +160,7 @@ export const addCommand = (cli: CAC) => {
             console.error(result.all);
             process.exit(1);
           } else {
-            for (const deps of metadata.devDependencies) {
+            for (const deps of component.devDependencies) {
               p.log.info(`- ${deps}`);
             }
             stop("Dependencies installed.");

package/src/schema.ts

@@ -2,21 +2,43 @@ import { z } from "zod";
 
 // TODO: Extract this to a shared package.
 // INFO: also used in component-docs
-export const componentMetadataSchema = z.object({
+export const registryComponentItemSchema = z.object({
+  /**
+   * @description 컴포넌트 이름
+   * @example chip-tabs, alert-dialog
+   */
   name: z.string(),
+
   description: z.string().optional(),
+
+  /**
+   * @description 컴포넌트 의존성
+   * @example @seed-design/react-tabs
+   */
   dependencies: z.array(z.string()).optional(),
+
+  /**
+   * @description 컴포넌트 개발 의존성
+   */
   devDependencies: z.array(z.string()).optional(),
+
+  /**
+   * @description 컴포넌트 내부의 Seed Design 컴포넌트 의존성
+   * @example action-button
+   */
   innerDependencies: z.array(z.string()).optional(),
-  snippets: z.array(z.string()),
-  type: z.enum(["component"]),
-});
 
-export const componentMetadataIndexSchema = z.array(componentMetadataSchema);
+  /**
+   * @description 컴포넌트 코드 스니펫 경로, 여러 파일이 될 수 있어서 배열로 정의
+   * @example component/alert-dialog.tsx
+   */
+  files: z.array(z.string()),
+});
 
-const omittedComponentMetadataIndexSchema = componentMetadataSchema.omit({ snippets: true });
+export const registryComponentSchema = z.array(registryComponentItemSchema);
 
-export const componentMetadataSchemaWithRegistry = omittedComponentMetadataIndexSchema.extend({
+const omittedRegistryComponentSchema = registryComponentItemSchema.omit({ files: true });
+export const registryComponentItemMachineGeneratedSchema = omittedRegistryComponentSchema.extend({
   registries: z.array(
     z.object({
       name: z.string(),
@@ -25,10 +47,15 @@ export const componentMetadataSchemaWithRegistry = omittedComponentMetadataIndex
   ),
 });
 
-export const componentMetadataWithRegistrySchema = z.array(componentMetadataSchemaWithRegistry);
+export const registryComponentMachineGeneratedSchema = z.array(
+  registryComponentItemMachineGeneratedSchema,
+);
 
-export type ComponentMetadata = z.infer<typeof componentMetadataSchema>;
-export type ComponentMetadataIndex = z.infer<typeof componentMetadataIndexSchema>;
-export type ComponentMetadataWithRegistrySchema = z.infer<
-  typeof componentMetadataSchemaWithRegistry
+export type RegistryComponentItem = z.infer<typeof registryComponentItemSchema>;
+export type RegistryComponent = z.infer<typeof registryComponentSchema>;
+export type RegistryComponentItemMachineGenerated = z.infer<
+  typeof registryComponentItemMachineGeneratedSchema
+>;
+export type RegistryComponentMachineGenerated = z.infer<
+  typeof registryComponentMachineGeneratedSchema
 >;

package/src/test/add-relative-components.test.ts

@@ -1,36 +1,31 @@
 import { describe, expect, test } from "vitest";
 import { addRelativeComponents } from "../utils/add-relative-components";
-import type { ComponentMetadataIndex } from "@/src/schema";
+import type { RegistryComponent } from "@/src/schema";
 
-const config: ComponentMetadataIndex = [
+const config: RegistryComponent = [
   {
     name: "a",
-    snippets: ["a.tsx"],
-    type: "component",
+    files: ["a.tsx"],
   },
   {
     name: "b",
     innerDependencies: ["a"],
-    snippets: ["b.tsx"],
-    type: "component",
+    files: ["b.tsx"],
   },
   {
     name: "c",
     innerDependencies: ["b"],
-    snippets: ["c.tsx"],
-    type: "component",
+    files: ["c.tsx"],
   },
   {
     name: "d",
     innerDependencies: ["a", "b"],
-    snippets: ["d.tsx"],
-    type: "component",
+    files: ["d.tsx"],
   },
   {
     name: "e",
     innerDependencies: ["d"],
-    snippets: ["d.tsx"],
-    type: "component",
+    files: ["d.tsx"],
   },
 ];
 

package/src/utils/add-relative-components.ts

@@ -1,8 +1,8 @@
-import type { ComponentMetadataIndex } from "@/src/schema";
+import type { RegistryComponentMachineGenerated } from "@/src/schema";
 
 export function addRelativeComponents(
   userSelects: string[],
-  metadataIndex: ComponentMetadataIndex,
+  registryIndex: RegistryComponentMachineGenerated,
 ) {
   const selectedComponents = new Set<string>();
 
@@ -11,7 +11,7 @@ export function addRelativeComponents(
 
     selectedComponents.add(componentName);
 
-    const component = metadataIndex.find((c) => c.name === componentName);
+    const component = registryIndex.find((c) => c.name === componentName);
     if (!component) return;
 
     if (component.innerDependencies) {

package/src/utils/get-metadata.ts

@@ -1,14 +1,11 @@
-import {
-  componentMetadataIndexSchema,
-  type ComponentMetadataWithRegistrySchema,
-} from "@/src/schema";
+import { registryComponentSchema, type RegistryComponentMachineGenerated } from "@/src/schema";
 
 const BASE_URL =
   process.env.NODE_ENV === "prod" ? "https://component.seed-design.io" : "http://localhost:3000";
 
-export async function fetchComponentMetadatas(
+export async function fetchRegistryComponentItem(
   fileNames?: string[],
-): Promise<ComponentMetadataWithRegistrySchema[]> {
+): Promise<RegistryComponentMachineGenerated> {
   try {
     const results = await Promise.all(
       fileNames.map(async (fileName) => {
@@ -24,11 +21,11 @@ export async function fetchComponentMetadatas(
   }
 }
 
-export async function getMetadataIndex() {
+export async function getRegistryComponentIndex() {
   try {
-    const [result] = await fetchComponentMetadatas(["index"]);
+    const [result] = await fetchRegistryComponentItem(["index"]);
 
-    return componentMetadataIndexSchema.parse(result);
+    return registryComponentSchema.parse(result);
   } catch (error) {
     console.log(error);
     throw new Error(`Failed to fetch components from ${BASE_URL}.`);