@seed-design/cli 0.0.0-alpha-20241101030717 → 0.0.0-alpha-20241113031935

package/bin/index.mjs

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-import{cosmiconfig as ee}from"cosmiconfig";import j from"path";import{z as g}from"zod";var $="seed-design",oe=ee($,{searchPlaces:[`${$}.json`]}),T=g.object({$schema:g.string().optional(),rsc:g.coerce.boolean().default(!1),tsx:g.coerce.boolean().default(!0),css:g.coerce.boolean().default(!0),path:g.string()}).strict(),ne=T.extend({resolvedUIPaths:g.string()});async function A(e){let n=await re(e);return n?await te(e,n):null}async function te(e,n){let t=j.resolve(e,n.path);return ne.parse({...n,resolvedUIPaths:j.join(t,"ui")})}async function re(e){try{let n=await oe.search(e);return n?T.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 M=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())}),O=c.array(M),ie=M.omit({files:!0}),ce=ie.extend({registries:c.array(c.object({name:c.string(),content:c.string()}))}),ze=c.array(ce);var k="https://v3.seed-design.io";async function b(e){try{return await Promise.all(e.map(async t=>await(await fetch(`${k}/__registry__/component/${t}.json`)).json()))}catch(n){throw console.log(n),new Error(`Failed to fetch registry from ${k}.`)}}async function F(){try{let[e]=await b(["index"]);return O.parse(e)}catch(e){throw console.log(e),new Error(`Failed to fetch components from ${k}.`)}}import{detect as se}from"@antfu/ni";async function D(e){let n=await se({programmatic:!0,cwd:e});return n==="yarn@berry"?"yarn":n==="pnpm@6"?"pnpm":n==="bun"?"bun":n??"npm"}import{promises as de}from"fs";import{tmpdir as fe}from"os";import G from"path";import{transformFromAstSync as ae}from"@babel/core";import pe from"@babel/plugin-transform-typescript";import*as v from"recast";import{parse as le}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"]},E=async({sourceFile:e,config:n})=>{let t=e.getFullText();if(n.tsx)return t;let i=v.parse(t,{parser:{parse:r=>le(r,me)}}),o=ae(i,t,{cloneInputAst:!1,code:!1,ast:!0,plugins:[pe],configFile:!1});if(!o||!o.ast)throw new Error("Failed to transform JSX");return v.print(o.ast).code};import{SyntaxKind as _e}from"ts-morph";var N=async({sourceFile:e,config:n})=>{if(n.rsc)return e;let t=e.getFirstChildByKind(_e.ExpressionStatement);return t?.getText()==='"use client";'&&t.remove(),e};var z=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 ge,ScriptKind as ue}from"ts-morph";var he=[N,z],ye=new ge({compilerOptions:{}});async function we(e){let n=await de.mkdtemp(G.join(fe(),"seed-deisgn-"));return G.join(n,e)}async function J(e){let n=await we(e.filename),t=ye.createSourceFile(n,e.raw,{scriptKind:ue.TSX});for(let i of he)i({sourceFile:t,...e});return await E({sourceFile:t,...e})}import*as s from"@clack/prompts";import{execa as V}from"execa";import S from"fs-extra";import U from"path";import I from"picocolors";import{z as C}from"zod";function L(e,n){let t=new Set;function i(o){if(t.has(o))return;t.add(o);let r=n.find(l=>l.name===o);if(r&&r.innerDependencies)for(let l of r.innerDependencies)i(l)}for(let o of e)i(o);return Array.from(t)}var Ce=C.object({components:C.array(C.string()).optional(),cwd:C.string(),all:C.boolean()}),B=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,t)=>{let i=Ce.parse({components:n,...t}),o=a=>I.cyan(a),r=i.cwd;S.existsSync(r)||(s.log.error(`The path ${r} does not exist. Please try again.`),process.exit(1));let l=await F(),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 y=L(d,l),x=y.filter(a=>!d.includes(a)),w=await A(r),Q=await b(y);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 Q){for(let m of a.registries){let f=w.resolvedUIPaths;S.existsSync(f)||await S.mkdir(f,{recursive:!0});let u=U.resolve(f,m.name),Y=await J({filename:m.name,config:w,raw:m.content});w.tsx||(u=u.replace(/\.tsx$/,".jsx"),u=u.replace(/\.ts$/,".js")),await S.writeFile(u,Y);let Z=U.relative(r,u);s.log.info(`Added ${o(m.name)} to ${o(Z)}`)}let _=await D(r),{start:P,stop:R}=s.spinner();if(a.dependencies?.length){P(I.gray("Installing dependencies"));let m=await V(_,[_==="npm"?"install":"add",...a.dependencies],{cwd:r});if(m.failed)console.error(m.all),process.exit(1);else{for(let f of a.dependencies)s.log.info(`- ${f}`);R("Dependencies installed.")}}if(a.devDependencies?.length){P(I.gray("Installing devDependencies"));let m=await V(_,[_==="npm"?"install":"add","-D",...a.devDependencies],{cwd:r});if(m.failed)console.error(m.all),process.exit(1);else{for(let f of a.devDependencies)s.log.info(`- ${f}`);R("Dependencies installed.")}}}s.outro("Components added.")})};import xe from"findup-sync";import ve from"fs-extra";var Se="package.json";function ke(){let e=xe(Se);if(!e)throw new Error("No package.json file found in the project.");return e}function K(){return ve.readJSONSync(ke())}import{cac as Te}from"cac";import*as p from"@clack/prompts";import be from"fs-extra";import W from"path";import Ie from"picocolors";import{z as q}from"zod";var Pe=q.object({cwd:q.string()}),X=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 t=Pe.parse({...n}),i=w=>Ie.cyan(w),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)}}),r={rsc:o.rsc,tsx:o.tsx,css:o.css,path:o.path},{start:l,stop:d}=p.spinner();l("Writing seed-design.json...");let y=W.resolve(t.cwd,"seed-design.json");await be.writeFile(y,`${JSON.stringify(r,null,2)}
-`,"utf-8");let x=W.relative(process.cwd(),y);d(`seed-design.json written to ${i(x)}`)})};import Re from"node:fs";var H=e=>{e.command("check-deprecated-icon-files [path]","Check deprecated icon files").action(async n=>{let t=Re.readdirSync(n,{recursive:!0}),i=$e.flatMap(o=>{let r=o.replace("icon_","");return[o,r,o.replace(/_/g,"-"),o.replace(/_/g,""),`${o.replace(/_/g,"")}thin`,`${o.replace(/_/g,"")}regular`,`${o.replace(/_/g,"")}fill`,r.replace(/_/g,"-"),r.replace(/_/g,""),`${r.replace(/_/g,"")}thin`,`${r.replace(/_/g,"")}regular`,`${r.replace(/_/g,"")}fill`]});for(let o of t){if(typeof o!="string"||o.includes("node_modules/"))continue;let r=o.split("/").pop().split(".")[0].toLowerCase();je.every(l=>o.endsWith(l)===!1)||i.includes(r)&&console.log(`Possible deprecated icon file found: ${o}`)}})},je=[".tsx",".jsx",".svg",".png"],$e=["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 Ae="seed-design",h=Te(Ae);async function Me(){let e=K();B(h),X(h),H(h),h.version(e.version||"1.0.0","-v, --version"),h.help(),h.parse()}Me();
+import{cosmiconfig as oe}from"cosmiconfig";import k from"path";import*as M from"@clack/prompts";import{z as d}from"zod";import ne from"picocolors";var j="seed-design",te=oe(j,{searchPlaces:[`${j}.json`]}),$=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(),re=$.extend({resolvedUIPaths:d.string(),resolbedHookPaths:d.string(),resolvedUtilPaths:d.string()});async function T(e){let n=await ce(e);return n?await ie(e,n):null}async function ie(e,n){let t=k.resolve(e,n.path);return re.parse({...n,resolvedUIPaths:k.join(t,"ui"),resolbedHookPaths:k.join(t,"hook"),resolvedUtilPaths:k.join(t,"util")})}async function ce(e){try{let n=await te.search(e);return n?$.parse(n.config):(M.log.message(ne.red(`${e} \uACBD\uB85C\uC5D0 seed-design.json \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.`)),null)}catch(n){throw console.log(n),new Error(`${e} \uACBD\uB85C\uC5D0 seed-design.json \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.`)}}import{z as c}from"zod";var se=c.union([c.literal("ui"),c.literal("hook"),c.literal("util")]),A=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())}),G=c.array(A),ae=A.omit({files:!0}),pe=ae.extend({registries:c.array(c.object({name:c.string(),type:se,content:c.string()}))}),He=c.array(pe);var C="https://v3.seed-design.io";async function b(e){try{return await Promise.all(e.map(async t=>await(await fetch(`${C}/__registry__/ui/${t}.json`)).json()))}catch(n){throw console.log(n),new Error(`Failed to fetch registry from ${C}.`)}}async function O(){try{let[e]=await b(["index"]);return G.parse(e)}catch(e){throw console.log(e),new Error(`Failed to fetch components from ${C}.`)}}import{detect as le}from"@antfu/ni";async function z(e){let n=await le({programmatic:!0,cwd:e});return n==="yarn@berry"?"yarn":n==="pnpm@6"?"pnpm":n==="bun"?"bun":n??"npm"}import{promises as ue}from"fs";import{tmpdir as he}from"os";import N from"path";import{transformFromAstSync as me}from"@babel/core";import _e from"@babel/plugin-transform-typescript";import*as S from"recast";import{parse as de}from"@babel/parser";var fe={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"]},D=async({sourceFile:e,config:n})=>{let t=e.getFullText();if(n.tsx)return t;let i=S.parse(t,{parser:{parse:r=>de(r,fe)}}),o=me(i,t,{cloneInputAst:!1,code:!1,ast:!0,plugins:[_e],configFile:!1});if(!o||!o.ast)throw new Error("Failed to transform JSX");return S.print(o.ast).code};import{SyntaxKind as ge}from"ts-morph";var E=async({sourceFile:e,config:n})=>{if(n.rsc)return e;let t=e.getFirstChildByKind(ge.ExpressionStatement);return t?.getText()==='"use client";'&&t.remove(),e};var F=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 ye,ScriptKind as we}from"ts-morph";var xe=[E,F],Ie=new ye({compilerOptions:{}});async function ke(e){let n=await ue.mkdtemp(N.join(he(),"seed-deisgn-"));return N.join(n,e)}async function J(e){let n=await ke(e.filename),t=Ie.createSourceFile(n,e.raw,{scriptKind:we.TSX});for(let i of xe)i({sourceFile:t,...e});return await D({sourceFile:t,...e})}import*as s from"@clack/prompts";import{execa as L}from"execa";import v from"fs-extra";import V from"path";import P from"picocolors";import{z as x}from"zod";function H(e,n){let t=new Set;function i(o){if(t.has(o))return;t.add(o);let r=n.find(l=>l.name===o);if(r&&r.innerDependencies)for(let l of r.innerDependencies)i(l)}for(let o of e)i(o);return Array.from(t)}var Se=x.object({components:x.array(x.string()).optional(),cwd:x.string(),all:x.boolean()}),B=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,t)=>{let i=Se.parse({components:n,...t}),o=a=>P.cyan(a),r=i.cwd;v.existsSync(r)||(s.log.error(`The path ${r} does not exist. Please try again.`),process.exit(1));let l=await O(),g=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(f=>({label:f.name,value:f.name,hint:f.description}))});s.isCancel(a)&&(s.log.error("Aborted."),process.exit(0)),g=a}g?.length||(s.log.error("No components found."),process.exit(0));let w=H(g,l),I=w.filter(a=>!g.includes(a)),u=await T(r),Y=await b(w);s.log.message(`Selection: ${o(g.join(", "))}`),I.length&&s.log.message(`Inner Dependencies: ${o(I.join(", "))} will be also added.`);for(let a of Y){for(let m of a.registries){let _="";switch(m.type){case"ui":_=u.resolvedUIPaths;break;case"hook":_=u.resolbedHookPaths;break;case"util":_=u.resolvedUtilPaths;break;default:break}v.existsSync(_)||await v.mkdir(_,{recursive:!0});let h=V.resolve(_,m.name),Z=await J({filename:m.name,config:u,raw:m.content});u.tsx||(h=h.replace(/\.tsx$/,".jsx"),h=h.replace(/\.ts$/,".js")),await v.writeFile(h,Z);let ee=V.relative(r,h);s.log.info(`Added ${o(m.name)} to ${o(ee)}`)}let f=await z(r),{start:U,stop:R}=s.spinner();if(a.dependencies?.length){U(P.gray("Installing dependencies"));let m=await L(f,[f==="npm"?"install":"add",...a.dependencies],{cwd:r});if(m.failed)console.error(m.all),process.exit(1);else{for(let _ of a.dependencies)s.log.info(`- ${_}`);R("Dependencies installed.")}}if(a.devDependencies?.length){U(P.gray("Installing devDependencies"));let m=await L(f,[f==="npm"?"install":"add","-D",...a.devDependencies],{cwd:r});if(m.failed)console.error(m.all),process.exit(1);else{for(let _ of a.devDependencies)s.log.info(`- ${_}`);R("Dependencies installed.")}}}s.outro("Components added.")})};import ve from"findup-sync";import Ce from"fs-extra";var be="package.json";function Pe(){let e=ve(be);if(!e)throw new Error("No package.json file found in the project.");return e}function K(){return Ce.readJSONSync(Pe())}import{cac as Ae}from"cac";import*as p from"@clack/prompts";import Ue from"fs-extra";import W from"path";import Re from"picocolors";import{z as q}from"zod";var je=q.object({cwd:q.string()}),X=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 t=je.parse({...n}),i=u=>Re.cyan(u),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)}}),r={rsc:o.rsc,tsx:o.tsx,css:o.css,path:o.path},{start:l,stop:g}=p.spinner();l("Writing seed-design.json...");let w=W.resolve(t.cwd,"seed-design.json");await Ue.writeFile(w,`${JSON.stringify(r,null,2)}
+`,"utf-8");let I=W.relative(process.cwd(),w);g(`seed-design.json written to ${i(I)}`)})};import Me from"node:fs";var Q=e=>{e.command("check-deprecated-icon-files [path]","Check deprecated icon files").action(async n=>{let t=Me.readdirSync(n,{recursive:!0}),i=Te.flatMap(o=>{let r=o.replace("icon_","");return[o,r,o.replace(/_/g,"-"),o.replace(/_/g,""),`${o.replace(/_/g,"")}thin`,`${o.replace(/_/g,"")}regular`,`${o.replace(/_/g,"")}fill`,r.replace(/_/g,"-"),r.replace(/_/g,""),`${r.replace(/_/g,"")}thin`,`${r.replace(/_/g,"")}regular`,`${r.replace(/_/g,"")}fill`]});for(let o of t){if(typeof o!="string"||o.includes("node_modules/"))continue;let r=o.split("/").pop().split(".")[0].toLowerCase();$e.every(l=>o.endsWith(l)===!1)||i.includes(r)&&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 Ge="seed-design",y=Ae(Ge);async function Oe(){let e=K();B(y),X(y),Q(y),y.version(e.version||"1.0.0","-v, --version"),y.help(),y.parse()}Oe();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/cli",
-  "version": "0.0.0-alpha-20241101030717",
+  "version": "0.0.0-alpha-20241113031935",
   "type": "module",
   "repository": {
     "type": "git",

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";
@@ -45,7 +45,7 @@ export const addCommand = (cli: CAC) => {
         process.exit(1);
       }
 
-      const registryComponentIndex = await getRegistryComponentIndex();
+      const registryComponentIndex = await getRegistryUIIndex();
 
       let selectedComponents: string[] = options.all
         ? registryComponentIndex.map((registry) => registry.name)
@@ -82,7 +82,7 @@ export const addCommand = (cli: CAC) => {
       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);
 
       p.log.message(`Selection: ${highlight(selectedComponents.join(", "))}`);
       if (addedComponents.length) {
@@ -91,15 +91,29 @@ export const addCommand = (cli: CAC) => {
         );
       }
 
+      // 선택된 컴포넌트.json 레지스트리 파일 기반으로 컴포넌트를 추가합니다.
       for (const component of registryComponentItems) {
         for (const registry of component.registries) {
-          const UIFolderPath = config.resolvedUIPaths;
+          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,

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/get-config.ts

@@ -1,6 +1,8 @@
 import { cosmiconfig } from "cosmiconfig";
 import path from "path";
+import * as p from "@clack/prompts";
 import { z } from "zod";
+import color from "picocolors";
 
 const MODULE_NAME = "seed-design";
 
@@ -22,6 +24,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) {
@@ -42,6 +46,8 @@ export async function resolveConfigPaths(cwd: string, config: RawConfig) {
   return configSchema.parse({
     ...config,
     resolvedUIPaths: path.join(seedComponentRootPath, "ui"),
+    resolbedHookPaths: path.join(seedComponentRootPath, "hook"),
+    resolvedUtilPaths: path.join(seedComponentRootPath, "util"),
   });
 }
 
@@ -50,12 +56,13 @@ export async function getRawConfig(cwd: string): Promise<RawConfig | null> {
     const configResult = await explorer.search(cwd);
 
     if (!configResult) {
+      p.log.message(color.red(`${cwd} 경로에 seed-design.json 파일이 없습니다.`));
       return null;
     }
 
     return rawConfigSchema.parse(configResult.config);
   } catch (error) {
     console.log(error);
-    throw new Error(`Invalid configuration found in ${cwd}/seed-design.json.`);
+    throw new Error(`${cwd} 경로에 seed-design.json 파일을 읽을 수 없습니다.`);
   }
 }

package/src/utils/get-metadata.ts

@@ -1,15 +1,15 @@
-import { registryComponentSchema, type RegistryComponentMachineGenerated } from "@/src/schema";
+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> {
+): Promise<RegistryUIMachineGenerated> {
   try {
     const results = await Promise.all(
       fileNames.map(async (fileName) => {
-        const response = await fetch(`${BASE_URL}/__registry__/component/${fileName}.json`);
+        const response = await fetch(`${BASE_URL}/__registry__/ui/${fileName}.json`);
         return await response.json();
       }),
     );
@@ -21,11 +21,11 @@ export async function fetchRegistryComponentItem(
   }
 }
 
-export async function getRegistryComponentIndex() {
+export async function getRegistryUIIndex() {
   try {
-    const [result] = await fetchRegistryComponentItem(["index"]);
+    const [result] = await fetchRegistryUIItem(["index"]);
 
-    return registryComponentSchema.parse(result);
+    return registryUISchema.parse(result);
   } catch (error) {
     console.log(error);
     throw new Error(`Failed to fetch components from ${BASE_URL}.`);