@seed-design/cli 0.0.0-alpha-20241101153412 → 0.0.0-alpha-20241204134404

package/bin/index.mjs

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-import{cosmiconfig as oe}from"cosmiconfig";import T from"path";import{z as f}from"zod";var A="seed-design",ne=oe(A,{searchPlaces:[`${A}.json`]}),M=f.object({$schema:f.string().optional(),rsc:f.coerce.boolean().default(!1),tsx:f.coerce.boolean().default(!0),css:f.coerce.boolean().default(!0),path:f.string()}).strict(),te=M.extend({resolvedUIPaths:f.string()});async function O(e){let n=await ie(e);return n?await re(e,n):null}async function re(e,n){let r=T.resolve(e,n.path);return te.parse({...n,resolvedUIPaths:T.join(r,"ui")})}async function ie(e){try{let n=await ne.search(e);return n?M.parse(n.config):null}catch(n){throw console.log(n),new Error(`Invalid configuration found in ${e}/seed-design.json.`)}}import{z as c}from"zod";var F=c.object({name:c.string(),description:c.string().optional(),dependencies:c.array(c.string()).optional(),devDependencies:c.array(c.string()).optional(),innerDependencies:c.array(c.string()).optional(),files:c.array(c.string())}),D=c.array(F),ce=F.omit({files:!0}),se=ce.extend({registries:c.array(c.object({name:c.string(),content:c.string()}))}),Ge=c.array(se);var b="https://v3.seed-design.io";async function P(e){try{return await Promise.all(e.map(async r=>await(await fetch(`${b}/__registry__/component/${r}.json`)).json()))}catch(n){throw console.log(n),new Error(`Failed to fetch registry from ${b}.`)}}async function E(){try{let[e]=await P(["index"]);return D.parse(e)}catch(e){throw console.log(e),new Error(`Failed to fetch components from ${b}.`)}}import{detect as ae}from"@antfu/ni";async function N(e){let n=await ae({programmatic:!0,cwd:e});return n==="yarn@berry"?"yarn":n==="pnpm@6"?"pnpm":n==="bun"?"bun":n??"npm"}import{promises as fe}from"fs";import{tmpdir as ge}from"os";import L from"path";import{transformFromAstSync as pe}from"@babel/core";import le from"@babel/plugin-transform-typescript";import*as v from"recast";import{parse as me}from"@babel/parser";var _e={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:n})=>{let r=e.getFullText();if(n.tsx)return r;let i=v.parse(r,{parser:{parse:t=>me(t,_e)}}),o=pe(i,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[le],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 G=async({sourceFile:e,config:n})=>{if(n.rsc)return e;let r=e.getFirstChildByKind(de.ExpressionStatement);return r?.getText()==='"use client";'&&r.remove(),e};var J=async({sourceFile:e,config:n})=>{if(n.css)return e;let i=e.getImportDeclarations().filter(o=>o.getModuleSpecifierValue().endsWith(".css"));for(let o of i)o.remove();return e};import{Project as ue,ScriptKind as he}from"ts-morph";var ye=[G,J],we=new ue({compilerOptions:{}});async function Ce(e){let n=await fe.mkdtemp(L.join(ge(),"seed-deisgn-"));return L.join(n,e)}async function V(e){let n=await Ce(e.filename),r=we.createSourceFile(n,e.raw,{scriptKind:he.TSX});for(let i of ye)i({sourceFile:r,...e});return await z({sourceFile:r,...e})}import*as s from"@clack/prompts";import{execa as B}from"execa";import S from"fs-extra";import I from"path";import R from"picocolors";import{z as C}from"zod";function U(e,n){let r=new Set;function i(o){if(r.has(o))return;r.add(o);let t=n.find(l=>l.name===o);if(t&&t.innerDependencies)for(let l of t.innerDependencies)i(l)}for(let o of e)i(o);return Array.from(r)}var xe=C.object({components:C.array(C.string()).optional(),cwd:C.string(),all:C.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(n,r)=>{let i=xe.parse({components:n,...r}),o=a=>R.cyan(a),t=i.cwd;S.existsSync(t)||(s.log.error(`The path ${t} does not exist. Please try again.`),process.exit(1));let l=await E(),d=i.all?l.map(a=>a.name):i.components;if(!i.components?.length&&!i.all){let a=await s.multiselect({message:"Select all components to add",options:l.map(_=>({label:_.name,value:_.name,hint:_.description}))});s.isCancel(a)&&(s.log.error("Aborted."),process.exit(0)),d=a}d?.length||(s.log.error("No components found."),process.exit(0));let h=U(d,l),x=h.filter(a=>!d.includes(a)),y=await O(t),Y=await P(h);s.log.message(`Selection: ${o(d.join(", "))}`),x.length&&s.log.message(`Inner Dependencies: ${o(x.join(", "))} will be also added.`);for(let a of Y){for(let m of a.registries){let w=I.resolve(t,"seed-design/ui"),k=y.resolvedUIPaths||w;S.existsSync(k)||await S.mkdir(k,{recursive:!0});let g=I.resolve(k,m.name),Z=await V({filename:m.name,config:y,raw:m.content});y.tsx||(g=g.replace(/\.tsx$/,".jsx"),g=g.replace(/\.ts$/,".js")),await S.writeFile(g,Z);let ee=I.relative(t,g);s.log.info(`Added ${o(m.name)} to ${o(ee)}`)}let _=await N(t),{start:j,stop:$}=s.spinner();if(a.dependencies?.length){j(R.gray("Installing dependencies"));let m=await B(_,[_==="npm"?"install":"add",...a.dependencies],{cwd:t});if(m.failed)console.error(m.all),process.exit(1);else{for(let w of a.dependencies)s.log.info(`- ${w}`);$("Dependencies installed.")}}if(a.devDependencies?.length){j(R.gray("Installing devDependencies"));let m=await B(_,[_==="npm"?"install":"add","-D",...a.devDependencies],{cwd:t});if(m.failed)console.error(m.all),process.exit(1);else{for(let w of a.devDependencies)s.log.info(`- ${w}`);$("Dependencies installed.")}}}s.outro("Components added.")})};import ve from"findup-sync";import Se from"fs-extra";var ke="package.json";function be(){let e=ve(ke);if(!e)throw new Error("No package.json file found in the project.");return e}function W(){return Se.readJSONSync(be())}import{cac as Ae}from"cac";import*as p from"@clack/prompts";import Pe from"fs-extra";import q from"path";import Ie from"picocolors";import{z as X}from"zod";var Re=X.object({cwd:X.string()}),H=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 n=>{let r=Re.parse({...n}),i=y=>Ie.cyan(y),o=await p.group({tsx:()=>p.confirm({message:`Would you like to use ${i("TypeScript")} (recommended)?`,initialValue:!0}),rsc:()=>p.confirm({message:`Are you using ${i("React Server Components")}?`,initialValue:!1}),css:()=>p.confirm({message:`Would you like to use ${i("CSS Modules")}? (If true, CSS import will be added in components)`,initialValue:!0}),path:()=>p.text({message:`Enter the path to your ${i("seed-design directory")}`,initialValue:"./seed-design",defaultValue:"./seed-design",placeholder:"./seed-design"})},{onCancel:()=>{p.cancel("Operation cancelled."),process.exit(0)}}),t={rsc:o.rsc,tsx:o.tsx,css:o.css,path:o.path},{start:l,stop:d}=p.spinner();l("Writing seed-design.json...");let h=q.resolve(r.cwd,"seed-design.json");await Pe.writeFile(h,`${JSON.stringify(t,null,2)}
-`,"utf-8");let x=q.relative(process.cwd(),h);d(`seed-design.json written to ${i(x)}`)})};import je from"node:fs";var Q=e=>{e.command("check-deprecated-icon-files [path]","Check deprecated icon files").action(async n=>{let r=je.readdirSync(n,{recursive:!0}),i=Te.flatMap(o=>{let t=o.replace("icon_","");return[o,t,o.replace(/_/g,"-"),o.replace(/_/g,""),`${o.replace(/_/g,"")}thin`,`${o.replace(/_/g,"")}regular`,`${o.replace(/_/g,"")}fill`,t.replace(/_/g,"-"),t.replace(/_/g,""),`${t.replace(/_/g,"")}thin`,`${t.replace(/_/g,"")}regular`,`${t.replace(/_/g,"")}fill`]});for(let o of r){if(typeof o!="string"||o.includes("node_modules/"))continue;let t=o.split("/").pop().split(".")[0].toLowerCase();$e.every(l=>o.endsWith(l)===!1)||i.includes(t)&&console.log(`Possible deprecated icon file found: ${o}`)}})},$e=[".tsx",".jsx",".svg",".png"],Te=["icon_add","icon_add_circle","icon_aeb","icon_ai","icon_android_share","icon_arrow","icon_arrow_downward","icon_arrow_drop_down","icon_arrow_drop_up","icon_arrow_upward","icon_article","icon_backward","icon_bill","icon_bold","icon_bookmark","icon_bookmark_list","icon_calendar","icon_call","icon_call_declined","icon_camera","icon_car","icon_car_around_view","icon_car_blind_spot","icon_car_cruise_control","icon_car_epb","icon_car_heated_seat","icon_car_heated_steering_wheel","icon_car_ldws","icon_car_leather_seat","icon_car_navigation","icon_car_power_trunk","icon_car_rear_camera","icon_car_rear_sensor","icon_car_smart_key","icon_car_ventilation_seat","icon_cart","icon_certification","icon_challenge","icon_chart","icon_chat_bubble_check","icon_chatting","icon_chatting_send","icon_check","icon_check_flower","icon_chevron_left","icon_chevron_right","icon_click","icon_clock","icon_close","icon_cobuying","icon_community","icon_condo","icon_confirmation","icon_confirmation_pay","icon_confirmation_profile","icon_contents","icon_convert","icon_copy","icon_coupon","icon_coupon_download_done","icon_coupon_used","icon_delete_keyboard","icon_delivery","icon_direction","icon_download","icon_edit","icon_emoticon","icon_emoticon_bad","icon_expand","icon_expand_less","icon_expand_more","icon_file","icon_filter02","icon_forward","icon_gender","icon_global","icon_gps","icon_gps_enable","icon_gps_enable2","icon_groupchat_king","icon_handle","icon_hashtag","icon_headphone","icon_heart","icon_help","icon_helpcenter","icon_helper","icon_home","icon_house","icon_housekeeping_book","icon_import","icon_info","icon_interest","icon_interest_list","icon_invite","icon_invite_friend","icon_ios_share","icon_jobs","icon_keyboard_hiding","icon_keyword","icon_laptop","icon_leaf","icon_list","icon_list_card","icon_list_check","icon_list_select","icon_list_thumbnail","icon_location","icon_lock","icon_loudspeaker","icon_map","icon_market","icon_market_check","icon_market_write","icon_mention","icon_menu","icon_mic","icon_mic_off","icon_mission","icon_mobile","icon_money_send","icon_money_won","icon_moon","icon_more_horiz","icon_more_vert","icon_my","icon_my_profile","icon_near_me","icon_newtopic","icon_note","icon_notification","icon_notification_fall","icon_notification_off","icon_order","icon_pause","icon_payment","icon_percent","icon_photo","icon_photo_edit","icon_photo_edit_crop","icon_photo_edit_draw","icon_photo_edit_rotate","icon_photo_several","icon_play","icon_poll","icon_price_won","icon_product","icon_profile","icon_profile_badge","icon_prohibition","icon_pushpin","icon_question_check","icon_redo","icon_refund","icon_remove_circle","icon_reply","icon_reply_mission","icon_reply_re","icon_report","icon_reservation","icon_restaurant","icon_retry","icon_review_star","icon_scanner","icon_search","icon_search_doc","icon_sell","icon_setting","icon_signout","icon_sort","icon_story","icon_story_article","icon_subtract_circle","icon_subtraction","icon_suggest","icon_sun","icon_talkingdown","icon_talkingup","icon_text","icon_thumb_down","icon_thumb_up","icon_toolbox","icon_translate","icon_trash","icon_undo","icon_user_group","icon_video","icon_view_count","icon_view_count_off","icon_volume_off","icon_volume_on","icon_vote","icon_voucher","icon_walk","icon_warning","icon_write","icon_write_frequent_use","icon_write_story"];var Me="seed-design",u=Ae(Me);async function Oe(){let e=W();K(u),H(u),Q(u),u.version(e.version||"1.0.0","-v, --version"),u.help(),u.parse()}Oe();
+import*as S from"@clack/prompts";import{cosmiconfig as ie}from"cosmiconfig";import{execa as ae}from"execa";import u from"fs";import k from"path";import{z as d}from"zod";import ne from"picocolors";var x=e=>ne.cyan(e);import{detect as se}from"@antfu/ni";async function R(e){let t=await se({programmatic:!0,cwd:e});return t==="yarn@berry"?"yarn":t==="pnpm@6"?"pnpm":t==="bun"?"bun":t??"npm"}var E="seed-design",ce=ie(E,{searchPlaces:[`${E}.json`]}),D=d.object({$schema:d.string().optional(),rsc:d.coerce.boolean().default(!1),tsx:d.coerce.boolean().default(!0),css:d.coerce.boolean().default(!0),path:d.string()}).strict(),pe=D.extend({resolvedUIPaths:d.string(),resolbedHookPaths:d.string(),resolvedUtilPaths:d.string()});async function F(e){let t=await fe(e);return t?await me(e,t):null}async function me(e,t){let r=k.resolve(e,t.path);u.existsSync(r)||u.mkdirSync(r,{recursive:!0});let n=k.join(r,"ui"),o=k.join(r,"hook"),c=k.join(r,"util");return u.existsSync(n)||u.mkdirSync(n,{recursive:!0}),u.existsSync(o)||u.mkdirSync(o,{recursive:!0}),u.existsSync(c)||u.mkdirSync(c,{recursive:!0}),pe.parse({...t,resolvedUIPaths:n,resolbedHookPaths:o,resolvedUtilPaths:c})}async function fe(e){try{let t=await ce.search(e);return D.parse(t.config)}catch{if(S.log.error("\uD504\uB85C\uC81D\uD2B8 \uB8E8\uD2B8 \uACBD\uB85C\uC5D0 `seed-design.json` \uD30C\uC77C\uC774 \uC5C6\uC5B4\uC694."),await S.confirm({message:"seed-design.json \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uC2DC\uACA0\uC5B4\uC694?"})===!0){let r=await R(e);await ae(r,["seed-design","init","--default"],{cwd:e}),S.log.message("seed-design.json \uD30C\uC77C\uC774 \uC0DD\uC131\uB410\uC5B4\uC694.")}else S.outro(x("\uC791\uC5C5\uC774 \uCDE8\uC18C\uB410\uC5B4\uC694.")),process.exit(1)}}import*as w from"@clack/prompts";import{z as s}from"zod";var le=s.union([s.literal("ui"),s.literal("hook"),s.literal("util")]),_=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())}),b=s.array(_),ge=_.omit({files:!0}),de=ge.extend({registries:s.array(s.object({name:s.string(),type:le,content:s.string()}))}),qe=s.array(de);async function M(e,t){return await Promise.all(e.map(async n=>{try{return await(await fetch(`${t}/__registry__/ui/${n}.json`)).json()}catch(o){let c=await fetch(`${t}/__registry__/ui/index.json`).then(f=>f.json()),h=b.parse(c).map(f=>f.name);w.log.error(`${n} \uCEF4\uD3EC\uB10C\uD2B8\uB294 \uB808\uC9C0\uC2A4\uD2B8\uB9AC\uC5D0 \uC874\uC7AC\uD558\uC9C0 \uC54A\uC544\uC694.`),w.log.info(`\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uCEF4\uD3EC\uB10C\uD2B8: ${h.join(", ")}`),w.log.info(JSON.stringify({baseUrl:t,error:o.toString()},null,2)),process.exit(1)}}))}async function J(e){try{let[t]=await M(["index"],e);return b.parse(t)}catch(t){w.log.error("\uB808\uC9C0\uC2A4\uD2B8\uB9AC \uC778\uB371\uC2A4\uB97C \uAC00\uC838\uC624\uB294 \uB370 \uC2E4\uD328\uD588\uC5B4\uC694."),w.log.info(JSON.stringify({baseUrl:e,error:t.toString()},null,2)),process.exit(1)}}import{promises as Ie}from"fs";import{tmpdir as we}from"os";import V from"path";import{transformFromAstSync as ye}from"@babel/core";import ue from"@babel/plugin-transform-typescript";import*as j from"recast";import{parse as he}from"@babel/parser";var xe={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"]},N=async({sourceFile:e,config:t})=>{let r=e.getFullText();if(t.tsx)return r;let n=j.parse(r,{parser:{parse:c=>he(c,xe)}}),o=ye(n,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[ue],configFile:!1});if(!o||!o.ast)throw new Error("Failed to transform JSX");return j.print(o.ast).code};import{SyntaxKind as Se}from"ts-morph";var H=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let r=e.getFirstChildByKind(Se.ExpressionStatement);return r?.getText()==='"use client";'&&r.remove(),e};var L=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 Ce,ScriptKind as ve}from"ts-morph";var Pe=[H,L],Ue=new Ce({compilerOptions:{}});async function Re(e){let t=await Ie.mkdtemp(V.join(we(),"seed-deisgn-"));return V.join(t,e)}async function B(e){let t=await Re(e.filename),r=Ue.createSourceFile(t,e.raw,{scriptKind:ve.TSX});for(let n of Pe)n({sourceFile:r,...e});return await N({sourceFile:r,...e})}import*as a from"@clack/prompts";import{execa as W}from"execa";import O from"fs-extra";import q from"path";import $ from"picocolors";import{z as C}from"zod";function K(e,t){let r=new Set;function n(o){if(r.has(o))return;r.add(o);let c=t.find(p=>p.name===o);if(c&&c.innerDependencies)for(let p of c.innerDependencies)n(p)}for(let o of e)n(o);return Array.from(r)}var X="https://v3.seed-design.io";var ke=C.object({components:C.array(C.string()).optional(),cwd:C.string(),all:C.boolean(),baseUrl:C.string().optional()}),Q=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()}).option("-u, --baseUrl <baseUrl>","the base url of the registry. defaults to the current directory.",{default:X}).example("seed-design add box-button").example("seed-design add alert-dialog").action(async(t,r)=>{a.intro($.bgCyan("\uCEF4\uD3EC\uB10C\uD2B8 \uCD94\uAC00\uD558\uAE30"));let n=ke.parse({components:t,...r}),o=n.cwd,c=n.baseUrl,p=await F(o),h=await J(c),f=n.all?h.map(m=>m.name):n.components;if(!n.components?.length&&!n.all){let m=await a.multiselect({message:"\uCD94\uAC00\uD560 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694 (\uC2A4\uD398\uC774\uC2A4\uBC14\uB85C \uC5EC\uB7EC \uAC1C \uC120\uD0DD \uAC00\uB2A5)",options:h.map(y=>({label:y.name,value:y.name,hint:y.description}))});a.isCancel(m)&&(a.log.error("\uCDE8\uC18C\uB418\uC5C8\uC5B4\uC694."),process.exit(0)),f=m}f?.length||(a.log.error("\uCEF4\uD3EC\uB10C\uD2B8\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC5B4\uC694."),process.exit(0));let U=K(f,h),T=U.filter(m=>!f.includes(m)),te=await M(U,c);a.log.message(`\uC120\uD0DD\uB41C \uCEF4\uD3EC\uB10C\uD2B8: ${x(f.join(", "))}`),T.length&&a.log.message(`\uB0B4\uBD80 \uC758\uC874\uC131: ${x(T.join(", "))} \uCD94\uAC00\uB429\uB2C8\uB2E4.`);for(let m of te){for(let l of m.registries){let g="";switch(l.type){case"ui":g=p.resolvedUIPaths;break;case"hook":g=p.resolbedHookPaths;break;case"util":g=p.resolvedUtilPaths;break;default:break}O.existsSync(g)||await O.mkdir(g,{recursive:!0});let I=q.resolve(g,l.name),re=await B({filename:l.name,config:p,raw:l.content});p.tsx||(I=I.replace(/\.tsx$/,".jsx"),I=I.replace(/\.ts$/,".js")),await O.writeFile(I,re);let oe=q.relative(o,I);a.log.info(`${x(l.name)} \uCD94\uAC00\uB428: ${x(oe)}`)}let y=await R(o),{start:z,stop:A}=a.spinner();if(m.dependencies?.length){z($.gray("\uC758\uC874\uC131 \uC124\uCE58\uC911..."));let l=await W(y,[y==="npm"?"install":"add",...m.dependencies],{cwd:o});if(l.failed)console.error(l.all),process.exit(1);else{for(let g of m.dependencies)a.log.info(`- ${g}`);A("\uC758\uC874\uC131 \uC124\uCE58 \uC644\uB8CC.")}}if(m.devDependencies?.length){z($.gray("\uAC1C\uBC1C \uC758\uC874\uC131 \uC124\uCE58\uC911..."));let l=await W(y,[y==="npm"?"install":"add","-D",...m.devDependencies],{cwd:o});if(l.failed)console.error(l.all),process.exit(1);else{for(let g of m.devDependencies)a.log.info(`- ${g}`);A("\uAC1C\uBC1C \uC758\uC874\uC131 \uC124\uCE58 \uC644\uB8CC.")}}}a.outro(`${t.join(", ")} \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uCD94\uAC00\uD588\uC5B4\uC694.`)})};import*as i from"@clack/prompts";import je from"fs-extra";import Y from"path";import v from"picocolors";import{z as G}from"zod";var be=G.object({cwd:G.string(),default:G.boolean().optional()}),Z=e=>{e.command("init","seed-design.json \uD30C\uC77C \uC0DD\uC131").option("-c, --cwd <cwd>","\uC791\uC5C5 \uB514\uB809\uD1A0\uB9AC. \uAE30\uBCF8\uAC12\uC740 \uD604\uC7AC \uB514\uB809\uD1A0\uB9AC.",{default:process.cwd()}).option("-d, --default","\uBAA8\uB4E0 \uC9C8\uBB38\uC5D0 \uB300\uD574 \uAE30\uBCF8\uAC12\uC73C\uB85C \uB2F5\uBCC0\uD569\uB2C8\uB2E4.").action(async t=>{let r=p=>v.cyan(p);i.intro(v.bgCyan("seed-design.json \uD30C\uC77C \uC0DD\uC131"));let n=be.parse(t),o=n.default,c={rsc:!1,tsx:!0,css:!0,path:"./seed-design"};o||(c={...await i.group({tsx:()=>i.confirm({message:`${r("TypeScript")}\uB97C \uC0AC\uC6A9\uC911\uC774\uC2E0\uAC00\uC694?`,initialValue:!0}),rsc:()=>i.confirm({message:`${r("React Server Components")}\uB97C \uC0AC\uC6A9\uC911\uC774\uC2E0\uAC00\uC694?`,initialValue:!1}),css:()=>i.confirm({message:`${r("CSS Loader")}\uB97C \uC0AC\uC6A9\uC911\uC774\uC2E0\uAC00\uC694? (true\uC77C \uACBD\uC6B0 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 CSS import\uAC00 \uCD94\uAC00\uB429\uB2C8\uB2E4.)`,initialValue:!0}),path:()=>i.text({message:`${r("seed-design \uD3F4\uB354")} \uACBD\uB85C\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694. (\uAE30\uBCF8\uAC12\uC740 \uD504\uB85C\uC81D\uD2B8 \uB8E8\uD2B8\uC5D0 \uC0DD\uC131\uB429\uB2C8\uB2E4.)`,initialValue:"./seed-design",defaultValue:"./seed-design",placeholder:"./seed-design"})},{onCancel:()=>{i.cancel("\uC791\uC5C5\uC774 \uCDE8\uC18C\uB410\uC5B4\uC694."),process.exit(0)}})});try{let{start:p,stop:h}=i.spinner();p("seed-design.json \uD30C\uC77C \uC0DD\uC131\uC911...");let f=Y.resolve(n.cwd,"seed-design.json");await je.writeFile(f,`${JSON.stringify(c,null,2)}
+`,"utf-8");let U=Y.relative(process.cwd(),f);h(`seed-design.json \uD30C\uC77C\uC774 ${r(U)}\uC5D0 \uC0DD\uC131\uB410\uC5B4\uC694.`),i.log.info(v.gray("seed-design add {component} \uBA85\uB839\uC5B4\uB85C \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uCD94\uAC00\uD574\uBCF4\uC138\uC694!")),i.log.info(v.gray("seed-design add \uBA85\uB839\uC5B4\uB85C \uCD94\uAC00\uD560 \uC218 \uC788\uB294 \uBAA8\uB4E0 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uD655\uC778\uD574\uBCF4\uC138\uC694.")),i.outro("\uC791\uC5C5\uC774 \uC644\uB8CC\uB410\uC5B4\uC694.")}catch(p){i.log.error(`seed-design.json \uD30C\uC77C \uC0DD\uC131\uC5D0 \uC2E4\uD328\uD588\uC5B4\uC694. ${p}`),i.outro(v.bgRed("\uC791\uC5C5\uC774 \uCDE8\uC18C\uB410\uC5B4\uC694.")),process.exit(1)}})};import Me from"findup-sync";import Oe from"fs-extra";var $e="package.json";function Ge(){let e=Me($e);if(!e)throw new Error("No package.json file found in the project.");return e}function ee(){return Oe.readJSONSync(Ge())}import{cac as Te}from"cac";var ze="seed-design",P=Te(ze);async function Ae(){let e=ee();Q(P),Z(P),P.version(e.version||"1.0.0","-v, --version"),P.help(),P.parse()}Ae();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/cli",
-  "version": "0.0.0-alpha-20241101153412",
+  "version": "0.0.0-alpha-20241204134404",
   "type": "module",
   "repository": {
     "type": "git",
@@ -55,7 +55,6 @@
   },
   "ultra": {
     "concurrent": [
-      "dev",
       "build"
     ]
   }

package/src/commands/add.ts

@@ -1,5 +1,5 @@
 import { getConfig } from "@/src/utils/get-config";
-import { fetchRegistryComponentItem, getRegistryComponentIndex } from "@/src/utils/get-metadata";
+import { fetchRegistryUIItem, getRegistryUIIndex } 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";
@@ -11,11 +11,14 @@ import { z } from "zod";
 
 import type { CAC } from "cac";
 import { addRelativeComponents } from "../utils/add-relative-components";
+import { BASE_URL } from "../constants";
+import { highlight } from "../utils/color";
 
 const addOptionsSchema = z.object({
   components: z.array(z.string()).optional(),
   cwd: z.string(),
   all: z.boolean(),
+  baseUrl: z.string().optional(),
   // yes: z.boolean(),
   // overwrite: z.boolean(),
   // path: z.string().optional(),
@@ -30,22 +33,25 @@ export const addCommand = (cli: CAC) => {
     .option("-c, --cwd <cwd>", "the working directory. defaults to the current directory.", {
       default: process.cwd(),
     })
+    .option(
+      "-u, --baseUrl <baseUrl>",
+      "the base url of the registry. defaults to the current directory.",
+      {
+        default: BASE_URL,
+      },
+    )
     .example("seed-design add box-button")
     .example("seed-design add alert-dialog")
     .action(async (components, opts) => {
+      p.intro(color.bgCyan("컴포넌트 추가하기"));
       const options = addOptionsSchema.parse({
         components,
         ...opts,
       });
-      const highlight = (text: string) => color.cyan(text);
       const cwd = options.cwd;
-
-      if (!fs.existsSync(cwd)) {
-        p.log.error(`The path ${cwd} does not exist. Please try again.`);
-        process.exit(1);
-      }
-
-      const registryComponentIndex = await getRegistryComponentIndex();
+      const baseUrl = options.baseUrl;
+      const config = await getConfig(cwd);
+      const registryComponentIndex = await getRegistryUIIndex(baseUrl);
 
       let selectedComponents: string[] = options.all
         ? registryComponentIndex.map((registry) => registry.name)
@@ -56,7 +62,7 @@ export const addCommand = (cli: CAC) => {
           { label: string; value: string; hint: string }[],
           string
         >({
-          message: "Select all components to add",
+          message: "추가할 컴포넌트를 선택해주세요 (스페이스바로 여러 개 선택 가능)",
           options: registryComponentIndex.map((metadata) => {
             return {
               label: metadata.name,
@@ -67,7 +73,7 @@ export const addCommand = (cli: CAC) => {
         });
 
         if (p.isCancel(selects)) {
-          p.log.error("Aborted.");
+          p.log.error("취소되었어요.");
           process.exit(0);
         }
 
@@ -75,32 +81,42 @@ export const addCommand = (cli: CAC) => {
       }
 
       if (!selectedComponents?.length) {
-        p.log.error("No components found.");
+        p.log.error("컴포넌트를 찾을 수 없어요.");
         process.exit(0);
       }
 
       const allComponents = addRelativeComponents(selectedComponents, registryComponentIndex);
       const addedComponents = allComponents.filter((c) => !selectedComponents.includes(c));
-      const config = await getConfig(cwd);
-      const registryComponentItems = await fetchRegistryComponentItem(allComponents);
+      const registryComponentItems = await fetchRegistryUIItem(allComponents, baseUrl);
 
-      p.log.message(`Selection: ${highlight(selectedComponents.join(", "))}`);
+      p.log.message(`선택된 컴포넌트: ${highlight(selectedComponents.join(", "))}`);
       if (addedComponents.length) {
-        p.log.message(
-          `Inner Dependencies: ${highlight(addedComponents.join(", "))} will be also added.`,
-        );
+        p.log.message(`내부 의존성: ${highlight(addedComponents.join(", "))} 추가됩니다.`);
       }
 
+      // 선택된 컴포넌트.json 레지스트리 파일 기반으로 컴포넌트를 추가합니다.
       for (const component of registryComponentItems) {
         for (const registry of component.registries) {
-          const defaultPath = path.resolve(cwd, "seed-design/ui");
-          const UIFolderPath = config.resolvedUIPaths || defaultPath;
+          let targetPath = "";
+          switch (registry.type) {
+            case "ui":
+              targetPath = config.resolvedUIPaths;
+              break;
+            case "hook":
+              targetPath = config.resolbedHookPaths;
+              break;
+            case "util":
+              targetPath = config.resolvedUtilPaths;
+              break;
+            default:
+              break;
+          }
 
-          if (!fs.existsSync(UIFolderPath)) {
-            await fs.mkdir(UIFolderPath, { recursive: true });
+          if (!fs.existsSync(targetPath)) {
+            await fs.mkdir(targetPath, { recursive: true });
           }
 
-          let filePath = path.resolve(UIFolderPath, registry.name);
+          let filePath = path.resolve(targetPath, registry.name);
 
           const content = await transform({
             filename: registry.name,
@@ -115,7 +131,7 @@ export const addCommand = (cli: CAC) => {
 
           await fs.writeFile(filePath, content);
           const relativePath = path.relative(cwd, filePath);
-          p.log.info(`Added ${highlight(registry.name)} to ${highlight(relativePath)}`);
+          p.log.info(`${highlight(registry.name)} 추가됨: ${highlight(relativePath)}`);
         }
 
         const packageManager = await getPackageManager(cwd);
@@ -124,7 +140,7 @@ export const addCommand = (cli: CAC) => {
 
         // Install dependencies.
         if (component.dependencies?.length) {
-          start(color.gray("Installing dependencies"));
+          start(color.gray("의존성 설치중..."));
 
           const result = await execa(
             packageManager,
@@ -141,13 +157,13 @@ export const addCommand = (cli: CAC) => {
             for (const deps of component.dependencies) {
               p.log.info(`- ${deps}`);
             }
-            stop("Dependencies installed.");
+            stop("의존성 설치 완료.");
           }
         }
 
         // Install devDependencies.
         if (component.devDependencies?.length) {
-          start(color.gray("Installing devDependencies"));
+          start(color.gray("개발 의존성 설치중..."));
 
           const result = await execa(
             packageManager,
@@ -164,11 +180,11 @@ export const addCommand = (cli: CAC) => {
             for (const deps of component.devDependencies) {
               p.log.info(`- ${deps}`);
             }
-            stop("Dependencies installed.");
+            stop("개발 의존성 설치 완료.");
           }
         }
       }
 
-      p.outro("Components added.");
+      p.outro(`${components.join(", ")} 컴포넌트를 추가했어요.`);
     });
 };

package/src/commands/init.ts

@@ -10,63 +10,85 @@ import type { CAC } from "cac";
 
 const initOptionsSchema = z.object({
   cwd: z.string(),
+  default: z.boolean().optional(),
 });
 
 export const initCommand = (cli: CAC) => {
   cli
-    .command("init", "initialize seed-design.json")
-    .option("-c, --cwd <cwd>", "the working directory. defaults to the current directory.", {
+    .command("init", "seed-design.json 파일 생성")
+    .option("-c, --cwd <cwd>", "작업 디렉토리. 기본값은 현재 디렉토리.", {
       default: process.cwd(),
     })
+    .option("-d, --default", "모든 질문에 대해 기본값으로 답변합니다.")
     .action(async (opts) => {
-      const options = initOptionsSchema.parse({ ...opts });
       const highlight = (text: string) => color.cyan(text);
+      p.intro(color.bgCyan("seed-design.json 파일 생성"));
 
-      const group = await p.group(
-        {
-          tsx: () =>
-            p.confirm({
-              message: `Would you like to use ${highlight("TypeScript")} (recommended)?`,
-              initialValue: true,
-            }),
-          rsc: () =>
-            p.confirm({
-              message: `Are you using ${highlight("React Server Components")}?`,
-              initialValue: false,
-            }),
-          css: () =>
-            p.confirm({
-              message: `Would you like to use ${highlight("CSS Modules")}? (If true, CSS import will be added in components)`,
-              initialValue: true,
-            }),
-          path: () =>
-            p.text({
-              message: `Enter the path to your ${highlight("seed-design directory")}`,
-              initialValue: "./seed-design",
-              defaultValue: "./seed-design",
-              placeholder: "./seed-design",
-            }),
-        },
-        {
-          onCancel: () => {
-            p.cancel("Operation cancelled.");
-            process.exit(0);
-          },
-        },
-      );
+      const options = initOptionsSchema.parse(opts);
+      const isDefaultOption = options.default;
 
-      const config: RawConfig = {
-        rsc: group.rsc,
-        tsx: group.tsx,
-        css: group.css,
-        path: group.path,
+      let config: RawConfig = {
+        rsc: false,
+        tsx: true,
+        css: true,
+        path: "./seed-design",
       };
 
-      const { start, stop } = p.spinner();
-      start("Writing seed-design.json...");
-      const targetPath = path.resolve(options.cwd, "seed-design.json");
-      await fs.writeFile(targetPath, `${JSON.stringify(config, null, 2)}\n`, "utf-8");
-      const relativePath = path.relative(process.cwd(), targetPath);
-      stop(`seed-design.json written to ${highlight(relativePath)}`);
+      if (!isDefaultOption) {
+        const group = await p.group(
+          {
+            tsx: () =>
+              p.confirm({
+                message: `${highlight("TypeScript")}를 사용중이신가요?`,
+                initialValue: true,
+              }),
+            rsc: () =>
+              p.confirm({
+                message: `${highlight("React Server Components")}를 사용중이신가요?`,
+                initialValue: false,
+              }),
+            css: () =>
+              p.confirm({
+                message: `${highlight("CSS Loader")}를 사용중이신가요? (true일 경우 컴포넌트에 CSS import가 추가됩니다.)`,
+                initialValue: true,
+              }),
+            path: () =>
+              p.text({
+                message: `${highlight("seed-design 폴더")} 경로를 입력해주세요. (기본값은 프로젝트 루트에 생성됩니다.)`,
+                initialValue: "./seed-design",
+                defaultValue: "./seed-design",
+                placeholder: "./seed-design",
+              }),
+          },
+          {
+            onCancel: () => {
+              p.cancel("작업이 취소됐어요.");
+              process.exit(0);
+            },
+          },
+        );
+
+        config = {
+          ...group,
+        };
+      }
+
+      try {
+        const { start, stop } = p.spinner();
+        start("seed-design.json 파일 생성중...");
+        const targetPath = path.resolve(options.cwd, "seed-design.json");
+        await fs.writeFile(targetPath, `${JSON.stringify(config, null, 2)}\n`, "utf-8");
+        const relativePath = path.relative(process.cwd(), targetPath);
+        stop(`seed-design.json 파일이 ${highlight(relativePath)}에 생성됐어요.`);
+        p.log.info(color.gray("seed-design add {component} 명령어로 컴포넌트를 추가해보세요!"));
+        p.log.info(
+          color.gray("seed-design add 명령어로 추가할 수 있는 모든 컴포넌트를 확인해보세요."),
+        );
+        p.outro("작업이 완료됐어요.");
+      } catch (error) {
+        p.log.error(`seed-design.json 파일 생성에 실패했어요. ${error}`);
+        p.outro(color.bgRed("작업이 취소됐어요."));
+        process.exit(1);
+      }
     });
 };

package/src/constants.ts

@@ -0,0 +1,2 @@
+export const BASE_URL =
+  process.env.NODE_ENV === "prod" ? "https://v3.seed-design.io" : "http://localhost:3000";

package/src/index.ts

@@ -1,10 +1,9 @@
 #!/usr/bin/env node
 
 import { addCommand } from "@/src/commands/add";
+import { initCommand } from "@/src/commands/init";
 import { getPackageInfo } from "@/src/utils/get-package-info";
 import { cac } from "cac";
-import { initCommand } from "./commands/init";
-import { checkDeprecatedIconFilesCommand } from "@/src/commands/check-deprecated-icon-files";
 
 const NAME = "seed-design";
 const CLI = cac(NAME);
@@ -15,7 +14,6 @@ async function main() {
   /* Commands */
   addCommand(CLI);
   initCommand(CLI);
-  checkDeprecatedIconFilesCommand(CLI);
 
   CLI.version(packageInfo.version || "1.0.0", "-v, --version");
   CLI.help();

package/src/schema.ts

@@ -1,10 +1,11 @@
+// TODO: Extract to shared package
 import { z } from "zod";
 
-// TODO: Extract this to a shared package.
-// INFO: also used in docs
-export const registryComponentItemSchema = z.object({
+export const registryType = z.union([z.literal("ui"), z.literal("hook"), z.literal("util")]);
+
+export const registryUIItemSchema = z.object({
   /**
-   * @description 컴포넌트 이름
+   * @description 레지스트리 이름
    * @example chip-tabs, alert-dialog
    */
   name: z.string(),
@@ -12,50 +13,67 @@ export const registryComponentItemSchema = z.object({
   description: z.string().optional(),
 
   /**
-   * @description 컴포넌트 의존성
+   * @description 레지스트리 의존성
    * @example @seed-design/react-tabs
    */
   dependencies: z.array(z.string()).optional(),
 
   /**
-   * @description 컴포넌트 개발 의존성
+   * @description 레지스트리 개발 의존성
    */
   devDependencies: z.array(z.string()).optional(),
 
   /**
-   * @description 컴포넌트 내부의 Seed Design 컴포넌트 의존성
+   * @description 레지스트리 내부의 Seed Design 컴포넌트 의존성
    * @example action-button
    */
   innerDependencies: z.array(z.string()).optional(),
 
   /**
-   * @description 컴포넌트 코드 스니펫 경로, 여러 파일이 될 수 있어서 배열로 정의
-   * @example component/alert-dialog.tsx
+   * @description
+   * 컴포넌트 코드 스니펫 경로, 여러 파일이 될 수 있어서 배열로 정의
+   * `:`를 기준으로 왼쪽은 {registryType}, 오른쪽은 파일 이름
+   * @example ui:alert-dialog.tsx
+   * @example hook:use-dismissible.ts
    */
   files: z.array(z.string()),
 });
+export const registryUISchema = z.array(registryUIItemSchema);
 
-export const registryComponentSchema = z.array(registryComponentItemSchema);
-
-const omittedRegistryComponentSchema = registryComponentItemSchema.omit({ files: true });
-export const registryComponentItemMachineGeneratedSchema = omittedRegistryComponentSchema.extend({
+/**
+ * @description 머신이 생성한 registry component schema
+ */
+const omittedRegistryUISchema = registryUIItemSchema.omit({
+  files: true,
+});
+export const registryUIItemMachineGeneratedSchema = omittedRegistryUISchema.extend({
   registries: z.array(
     z.object({
       name: z.string(),
+      type: registryType,
       content: z.string(),
     }),
   ),
 });
-
 export const registryComponentMachineGeneratedSchema = z.array(
-  registryComponentItemMachineGeneratedSchema,
+  registryUIItemMachineGeneratedSchema,
 );
 
-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
->;
+// NOTE: 현재는 hook, util이 ui와 타입이 동일하지만, 따로 가져가야한다면 타입을 변경해야해요.
+export const registryHookItemMachineGeneratedSchema = registryUIItemMachineGeneratedSchema;
+export const registryUtilItemMachineGeneratedSchema = registryUIItemMachineGeneratedSchema;
+
+// NOTE: 현재는 hook, util이 ui와 타입이 동일하지만, 따로 가져가야한다면 타입을 변경해야해요.
+export type RegistryUtilItem = z.infer<typeof registryUIItemSchema>;
+export type RegistryUtil = z.infer<typeof registryUISchema>;
+export type RegistryHookItem = z.infer<typeof registryUIItemSchema>;
+export type RegistryHook = z.infer<typeof registryUISchema>;
+export type RegistryUIItem = z.infer<typeof registryUIItemSchema>;
+export type RegistryUI = z.infer<typeof registryUISchema>;
+
+export type RegistryUIItemMachineGenerated = z.infer<typeof registryUIItemMachineGeneratedSchema>;
+export type RegistryUIMachineGenerated = z.infer<typeof registryComponentMachineGeneratedSchema>;
+export type RegistryHookItemMachineGenerated = z.infer<typeof registryUIItemMachineGeneratedSchema>;
+export type RegistryHookMachineGenerated = z.infer<typeof registryComponentMachineGeneratedSchema>;
+export type RegistryUtilItemMachineGenerated = z.infer<typeof registryUIItemMachineGeneratedSchema>;
+export type RegistryUtilMachineGenerated = z.infer<typeof registryComponentMachineGeneratedSchema>;

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

@@ -1,8 +1,8 @@
-import type { RegistryComponentMachineGenerated } from "@/src/schema";
+import type { RegistryUIMachineGenerated } from "@/src/schema";
 
 export function addRelativeComponents(
   userSelects: string[],
-  registryIndex: RegistryComponentMachineGenerated,
+  registryIndex: RegistryUIMachineGenerated,
 ) {
   const selectedComponents = new Set<string>();
 

package/src/utils/color.ts

@@ -0,0 +1,3 @@
+import color from "picocolors";
+
+export const highlight = (text: string) => color.cyan(text);

package/src/utils/get-config.ts

@@ -1,6 +1,11 @@
+import * as p from "@clack/prompts";
 import { cosmiconfig } from "cosmiconfig";
+import { execa } from "execa";
+import fs from "fs";
 import path from "path";
 import { z } from "zod";
+import { highlight } from "./color";
+import { getPackageManager } from "./get-package-manager";
 
 const MODULE_NAME = "seed-design";
 
@@ -22,6 +27,8 @@ export type RawConfig = z.infer<typeof rawConfigSchema>;
 
 export const configSchema = rawConfigSchema.extend({
   resolvedUIPaths: z.string(),
+  resolbedHookPaths: z.string(),
+  resolvedUtilPaths: z.string(),
 });
 
 export async function getConfig(cwd: string) {
@@ -39,23 +46,49 @@ export type Config = z.infer<typeof configSchema>;
 export async function resolveConfigPaths(cwd: string, config: RawConfig) {
   const seedComponentRootPath = path.resolve(cwd, config.path);
 
+  if (!fs.existsSync(seedComponentRootPath)) {
+    fs.mkdirSync(seedComponentRootPath, { recursive: true });
+  }
+
+  const resolvedUIPaths = path.join(seedComponentRootPath, "ui");
+  const resolbedHookPaths = path.join(seedComponentRootPath, "hook");
+  const resolvedUtilPaths = path.join(seedComponentRootPath, "util");
+
+  if (!fs.existsSync(resolvedUIPaths)) {
+    fs.mkdirSync(resolvedUIPaths, { recursive: true });
+  }
+
+  if (!fs.existsSync(resolbedHookPaths)) {
+    fs.mkdirSync(resolbedHookPaths, { recursive: true });
+  }
+
+  if (!fs.existsSync(resolvedUtilPaths)) {
+    fs.mkdirSync(resolvedUtilPaths, { recursive: true });
+  }
+
   return configSchema.parse({
     ...config,
-    resolvedUIPaths: path.join(seedComponentRootPath, "ui"),
+    resolvedUIPaths,
+    resolbedHookPaths,
+    resolvedUtilPaths,
   });
 }
 
 export async function getRawConfig(cwd: string): Promise<RawConfig | null> {
   try {
     const configResult = await explorer.search(cwd);
+    return rawConfigSchema.parse(configResult.config);
+  } catch {
+    p.log.error("프로젝트 루트 경로에 `seed-design.json` 파일이 없어요.");
 
-    if (!configResult) {
-      return null;
+    const isConfirm = await p.confirm({ message: "seed-design.json 파일을 생성하시겠어요?" });
+    if (isConfirm === true) {
+      const packageManager = await getPackageManager(cwd);
+      await execa(packageManager, ["seed-design", "init", "--default"], { cwd });
+      p.log.message("seed-design.json 파일이 생성됐어요.");
+    } else {
+      p.outro(highlight("작업이 취소됐어요."));
+      process.exit(1);
     }
-
-    return rawConfigSchema.parse(configResult.config);
-  } catch (error) {
-    console.log(error);
-    throw new Error(`Invalid configuration found in ${cwd}/seed-design.json.`);
   }
 }

package/src/utils/get-metadata.ts

@@ -1,33 +1,59 @@
-import { registryComponentSchema, type RegistryComponentMachineGenerated } from "@/src/schema";
+import * as p from "@clack/prompts";
+import { registryUISchema, type RegistryUIMachineGenerated } from "@/src/schema";
 
-const BASE_URL =
-  process.env.NODE_ENV === "prod" ? "https://v3.seed-design.io" : "http://localhost:3000";
-
-export async function fetchRegistryComponentItem(
+export async function fetchRegistryUIItem(
   fileNames?: string[],
-): Promise<RegistryComponentMachineGenerated> {
-  try {
-    const results = await Promise.all(
-      fileNames.map(async (fileName) => {
-        const response = await fetch(`${BASE_URL}/__registry__/component/${fileName}.json`);
+  baseUrl?: string,
+): Promise<RegistryUIMachineGenerated> {
+  const results = await Promise.all(
+    fileNames.map(async (fileName) => {
+      try {
+        const response = await fetch(`${baseUrl}/__registry__/ui/${fileName}.json`);
         return await response.json();
-      }),
-    );
+      } catch (error) {
+        const index = await fetch(`${baseUrl}/__registry__/ui/index.json`).then((res) =>
+          res.json(),
+        );
+        const parsedIndex = registryUISchema.parse(index);
+        const availableComponents = parsedIndex.map((component) => component.name);
 
-    return results;
-  } catch (error) {
-    console.log(error);
-    throw new Error(`Failed to fetch registry from ${BASE_URL}.`);
-  }
+        p.log.error(`${fileName} 컴포넌트는 레지스트리에 존재하지 않아요.`);
+        p.log.info(`사용 가능한 컴포넌트: ${availableComponents.join(", ")}`);
+        p.log.info(
+          JSON.stringify(
+            {
+              baseUrl,
+              error: error.toString(),
+            },
+            null,
+            2,
+          ),
+        );
+        process.exit(1);
+      }
+    }),
+  );
+
+  return results;
 }
 
-export async function getRegistryComponentIndex() {
+export async function getRegistryUIIndex(baseUrl?: string) {
   try {
-    const [result] = await fetchRegistryComponentItem(["index"]);
+    const [result] = await fetchRegistryUIItem(["index"], baseUrl);
 
-    return registryComponentSchema.parse(result);
+    return registryUISchema.parse(result);
   } catch (error) {
-    console.log(error);
-    throw new Error(`Failed to fetch components from ${BASE_URL}.`);
+    p.log.error("레지스트리 인덱스를 가져오는 데 실패했어요.");
+    p.log.info(
+      JSON.stringify(
+        {
+          baseUrl,
+          error: error.toString(),
+        },
+        null,
+        2,
+      ),
+    );
+    process.exit(1);
   }
 }

package/src/commands/check-deprecated-icon-files.ts

@@ -1,256 +0,0 @@
-import type { CAC } from "cac";
-import fs from "node:fs";
-
-export const checkDeprecatedIconFilesCommand = (cli: CAC) => {
-  cli
-    .command("check-deprecated-icon-files [path]", "Check deprecated icon files")
-    .action(async (path) => {
-      const files = fs.readdirSync(path, { recursive: true });
-
-      const deprecatedIconFileNames = deprecatedIconNames.flatMap((name) => {
-        const nameTrimmed = name.replace("icon_", "");
-
-        return [
-          // icon_arrow_downward
-          name,
-          // arrow_downward
-          nameTrimmed,
-          // icon-arrow-downward
-          name.replace(/_/g, "-"),
-          // iconarrowdownward
-          name.replace(/_/g, ""),
-          // iconarrowdownwardthin
-          `${name.replace(/_/g, "")}thin`,
-          // iconarrowdownwardregular
-          `${name.replace(/_/g, "")}regular`,
-          // iconarrowdownwardfill
-          `${name.replace(/_/g, "")}fill`,
-          // arrow-downward
-          nameTrimmed.replace(/_/g, "-"),
-          // arrowdownward
-          nameTrimmed.replace(/_/g, ""),
-          // arrowdownwardthin
-          `${nameTrimmed.replace(/_/g, "")}thin`,
-          // arrowdownwardregular
-          `${nameTrimmed.replace(/_/g, "")}regular`,
-          // arrowdownwardfill
-          `${nameTrimmed.replace(/_/g, "")}fill`,
-        ];
-      });
-
-      for (const file of files) {
-        if (typeof file !== "string") continue;
-        if (file.includes("node_modules/")) continue;
-
-        const fileNameLowered = file.split("/").pop().split(".")[0].toLowerCase();
-        if (extensionsToCheck.every((ext) => file.endsWith(ext) === false)) continue;
-
-        if (deprecatedIconFileNames.includes(fileNameLowered)) {
-          console.log(`Possible deprecated icon file found: ${file}`);
-        }
-      }
-    });
-};
-
-const extensionsToCheck = [".tsx", ".jsx", ".svg", ".png"];
-
-const deprecatedIconNames = [
-  "icon_add",
-  "icon_add_circle",
-  "icon_aeb",
-  "icon_ai",
-  "icon_android_share",
-  "icon_arrow",
-  "icon_arrow_downward",
-  "icon_arrow_drop_down",
-  "icon_arrow_drop_up",
-  "icon_arrow_upward",
-  "icon_article",
-  "icon_backward",
-  "icon_bill",
-  "icon_bold",
-  "icon_bookmark",
-  "icon_bookmark_list",
-  "icon_calendar",
-  "icon_call",
-  "icon_call_declined",
-  "icon_camera",
-  "icon_car",
-  "icon_car_around_view",
-  "icon_car_blind_spot",
-  "icon_car_cruise_control",
-  "icon_car_epb",
-  "icon_car_heated_seat",
-  "icon_car_heated_steering_wheel",
-  "icon_car_ldws",
-  "icon_car_leather_seat",
-  "icon_car_navigation",
-  "icon_car_power_trunk",
-  "icon_car_rear_camera",
-  "icon_car_rear_sensor",
-  "icon_car_smart_key",
-  "icon_car_ventilation_seat",
-  "icon_cart",
-  "icon_certification",
-  "icon_challenge",
-  "icon_chart",
-  "icon_chat_bubble_check",
-  "icon_chatting",
-  "icon_chatting_send",
-  "icon_check",
-  "icon_check_flower",
-  "icon_chevron_left",
-  "icon_chevron_right",
-  "icon_click",
-  "icon_clock",
-  "icon_close",
-  "icon_cobuying",
-  "icon_community",
-  "icon_condo",
-  "icon_confirmation",
-  "icon_confirmation_pay",
-  "icon_confirmation_profile",
-  "icon_contents",
-  "icon_convert",
-  "icon_copy",
-  "icon_coupon",
-  "icon_coupon_download_done",
-  "icon_coupon_used",
-  "icon_delete_keyboard",
-  "icon_delivery",
-  "icon_direction",
-  "icon_download",
-  "icon_edit",
-  "icon_emoticon",
-  "icon_emoticon_bad",
-  "icon_expand",
-  "icon_expand_less",
-  "icon_expand_more",
-  "icon_file",
-  "icon_filter02",
-  "icon_forward",
-  "icon_gender",
-  "icon_global",
-  "icon_gps",
-  "icon_gps_enable",
-  "icon_gps_enable2",
-  "icon_groupchat_king",
-  "icon_handle",
-  "icon_hashtag",
-  "icon_headphone",
-  "icon_heart",
-  "icon_help",
-  "icon_helpcenter",
-  "icon_helper",
-  "icon_home",
-  "icon_house",
-  "icon_housekeeping_book",
-  "icon_import",
-  "icon_info",
-  "icon_interest",
-  "icon_interest_list",
-  "icon_invite",
-  "icon_invite_friend",
-  "icon_ios_share",
-  "icon_jobs",
-  "icon_keyboard_hiding",
-  "icon_keyword",
-  "icon_laptop",
-  "icon_leaf",
-  "icon_list",
-  "icon_list_card",
-  "icon_list_check",
-  "icon_list_select",
-  "icon_list_thumbnail",
-  "icon_location",
-  "icon_lock",
-  "icon_loudspeaker",
-  "icon_map",
-  "icon_market",
-  "icon_market_check",
-  "icon_market_write",
-  "icon_mention",
-  "icon_menu",
-  "icon_mic",
-  "icon_mic_off",
-  "icon_mission",
-  "icon_mobile",
-  "icon_money_send",
-  "icon_money_won",
-  "icon_moon",
-  "icon_more_horiz",
-  "icon_more_vert",
-  "icon_my",
-  "icon_my_profile",
-  "icon_near_me",
-  "icon_newtopic",
-  "icon_note",
-  "icon_notification",
-  "icon_notification_fall",
-  "icon_notification_off",
-  "icon_order",
-  "icon_pause",
-  "icon_payment",
-  "icon_percent",
-  "icon_photo",
-  "icon_photo_edit",
-  "icon_photo_edit_crop",
-  "icon_photo_edit_draw",
-  "icon_photo_edit_rotate",
-  "icon_photo_several",
-  "icon_play",
-  "icon_poll",
-  "icon_price_won",
-  "icon_product",
-  "icon_profile",
-  "icon_profile_badge",
-  "icon_prohibition",
-  "icon_pushpin",
-  "icon_question_check",
-  "icon_redo",
-  "icon_refund",
-  "icon_remove_circle",
-  "icon_reply",
-  "icon_reply_mission",
-  "icon_reply_re",
-  "icon_report",
-  "icon_reservation",
-  "icon_restaurant",
-  "icon_retry",
-  "icon_review_star",
-  "icon_scanner",
-  "icon_search",
-  "icon_search_doc",
-  "icon_sell",
-  "icon_setting",
-  "icon_signout",
-  "icon_sort",
-  "icon_story",
-  "icon_story_article",
-  "icon_subtract_circle",
-  "icon_subtraction",
-  "icon_suggest",
-  "icon_sun",
-  "icon_talkingdown",
-  "icon_talkingup",
-  "icon_text",
-  "icon_thumb_down",
-  "icon_thumb_up",
-  "icon_toolbox",
-  "icon_translate",
-  "icon_trash",
-  "icon_undo",
-  "icon_user_group",
-  "icon_video",
-  "icon_view_count",
-  "icon_view_count_off",
-  "icon_volume_off",
-  "icon_volume_on",
-  "icon_vote",
-  "icon_voucher",
-  "icon_walk",
-  "icon_warning",
-  "icon_write",
-  "icon_write_frequent_use",
-  "icon_write_story",
-];