@seed-design/cli 0.0.0-alpha-20241016030836 → 0.0.0-alpha-20241031063855

package/bin/index.mjs

@@ -1,9 +1,3 @@
 #!/usr/bin/env node
-import{cosmiconfig as fe}from"cosmiconfig";import M from"path";import{z as I}from"zod";var A="seed-design",de=fe(A,{searchPlaces:[`${A}.json`]}),O=I.object({$schema:I.string().optional(),rsc:I.coerce.boolean().default(!1),tsx:I.coerce.boolean().default(!0),css:I.coerce.boolean().default(!0),path:I.string()}).strict(),ge=O.extend({resolvedUIPaths:I.string()});async function W(e){let t=await he(e);return t?await ue(e,t):null}async function ue(e,t){let r=M.resolve(e,t.path);return ge.parse({...t,resolvedUIPaths:M.join(r,"ui")})}async function he(e){try{let t=await de.search(e);return t?O.parse(t.config):null}catch(t){throw console.log(t),new Error(`Invalid configuration found in ${e}/seed-design.json.`)}}import{z as l}from"zod";var G=l.object({name:l.string(),description:l.string().optional(),dependencies:l.array(l.string()).optional(),devDependencies:l.array(l.string()).optional(),innerDependencies:l.array(l.string()).optional(),files:l.array(l.string())}),V=l.array(G),ye=G.omit({files:!0}),xe=ye.extend({registries:l.array(l.object({name:l.string(),content:l.string()}))}),ot=l.array(xe);var N="https://component.seed-design.io";async function D(e){try{return await Promise.all(e.map(async r=>await(await fetch(`${N}/__registry__/component/${r}.json`)).json()))}catch(t){throw console.log(t),new Error(`Failed to fetch registry from ${N}.`)}}async function _(){try{let[e]=await D(["index"]);return V.parse(e)}catch(e){throw console.log(e),new Error(`Failed to fetch components from ${N}.`)}}import{detect as we}from"@antfu/ni";async function z(e){let t=await we({programmatic:!0,cwd:e});return t==="yarn@berry"?"yarn":t==="pnpm@6"?"pnpm":t==="bun"?"bun":t??"npm"}import{promises as je}from"fs";import{tmpdir as Fe}from"os";import K from"path";import{transformFromAstSync as Ce}from"@babel/core";import Ie from"@babel/plugin-transform-typescript";import*as R from"recast";import{parse as Se}from"@babel/parser";var Pe={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"]},J=async({sourceFile:e,config:t})=>{let r=e.getFullText();if(t.tsx)return r;let o=R.parse(r,{parser:{parse:s=>Se(s,Pe)}}),n=Ce(o,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[Ie],configFile:!1});if(!n||!n.ast)throw new Error("Failed to transform JSX");return R.print(n.ast).code};import{SyntaxKind as Te}from"ts-morph";var H=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let r=e.getFirstChildByKind(Te.ExpressionStatement);return r?.getText()==='"use client";'&&r.remove(),e};var U=async({sourceFile:e,config:t})=>{if(t.css)return e;let o=e.getImportDeclarations().filter(n=>n.getModuleSpecifierValue().endsWith(".css"));for(let n of o)n.remove();return e};import{Project as ve,ScriptKind as Re}from"ts-morph";var be=[H,U],Ne=new ve({compilerOptions:{}});async function De(e){let t=await je.mkdtemp(K.join(Fe(),"seed-deisgn-"));return K.join(t,e)}async function L(e){let t=await De(e.filename),r=Ne.createSourceFile(t,e.raw,{scriptKind:Re.TSX});for(let o of be)o({sourceFile:r,...e});return await J({sourceFile:r,...e})}import*as f from"@clack/prompts";import{execa as X}from"execa";import b from"fs-extra";import q from"path";import $ from"picocolors";import{z as j}from"zod";function B(e,t){let r=new Set;function o(n){if(r.has(n))return;r.add(n);let s=t.find(c=>c.name===n);if(s&&s.innerDependencies)for(let c of s.innerDependencies)o(c)}for(let n of e)o(n);return Array.from(r)}var $e=j.object({components:j.array(j.string()).optional(),cwd:j.string(),all:j.boolean()}),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()}).example("seed-design add box-button").example("seed-design add alert-dialog").action(async(t,r)=>{let o=$e.parse({components:t,...r}),n=i=>$.cyan(i),s=o.cwd;b.existsSync(s)||(f.log.error(`The path ${s} does not exist. Please try again.`),process.exit(1));let c=await _(),p=o.all?c.map(i=>i.name):o.components;if(!o.components?.length&&!o.all){let i=await f.multiselect({message:"Select all components to add",options:c.map(d=>({label:d.name,value:d.name,hint:d.description}))});f.isCancel(i)&&(f.log.error("Aborted."),process.exit(0)),p=i}p?.length||(f.log.error("No components found."),process.exit(0));let u=B(p,c),m=u.filter(i=>!p.includes(i)),a=await W(s),w=await D(u);f.log.message(`Selection: ${n(p.join(", "))}`),m.length&&f.log.message(`Inner Dependencies: ${n(m.join(", "))} will be also added.`);for(let i of w){for(let y of i.registries){let C=a.resolvedUIPaths;b.existsSync(C)||await b.mkdir(C,{recursive:!0});let S=q.resolve(C,y.name),me=await L({filename:y.name,config:a,raw:y.content});a.tsx||(S=S.replace(/\.tsx$/,".jsx"),S=S.replace(/\.ts$/,".js")),await b.writeFile(S,me);let le=q.relative(s,S);f.log.info(`Added ${n(y.name)} to ${n(le)}`)}let d=await z(s),{start:h,stop:v}=f.spinner();if(i.dependencies?.length){h($.gray("Installing dependencies"));let y=await X(d,[d==="npm"?"install":"add",...i.dependencies],{cwd:s});if(y.failed)console.error(y.all),process.exit(1);else{for(let C of i.dependencies)f.log.info(`- ${C}`);v("Dependencies installed.")}}if(i.devDependencies?.length){h($.gray("Installing devDependencies"));let y=await X(d,[d==="npm"?"install":"add","-D",...i.devDependencies],{cwd:s});if(y.failed)console.error(y.all),process.exit(1);else{for(let C of i.devDependencies)f.log.info(`- ${C}`);v("Dependencies installed.")}}}f.outro("Components added.")})};import ke from"findup-sync";import Ee from"fs-extra";var Me="package.json";function Ae(){let e=ke(Me);if(!e)throw new Error("No package.json file found in the project.");return e}function Y(){return Ee.readJSONSync(Ae())}import{cac as Xe}from"cac";import*as g from"@clack/prompts";import Oe from"fs-extra";import Z from"path";import We from"picocolors";import{z as ee}from"zod";var Ge=ee.object({cwd:ee.string()}),te=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=Ge.parse({...t}),o=a=>We.cyan(a),n=await g.group({tsx:()=>g.confirm({message:`Would you like to use ${o("TypeScript")} (recommended)?`,initialValue:!0}),rsc:()=>g.confirm({message:`Are you using ${o("React Server Components")}?`,initialValue:!1}),css:()=>g.confirm({message:`Would you like to use ${o("CSS Modules")}? (If true, CSS import will be added in components)`,initialValue:!0}),path:()=>g.text({message:`Enter the path to your ${o("seed-design directory")}`,initialValue:"./seed-design",defaultValue:"./seed-design",placeholder:"./seed-design"})},{onCancel:()=>{g.cancel("Operation cancelled."),process.exit(0)}}),s={rsc:n.rsc,tsx:n.tsx,css:n.css,path:n.path},{start:c,stop:p}=g.spinner();c("Writing seed-design.json...");let u=Z.resolve(r.cwd,"seed-design.json");await Oe.writeFile(u,`${JSON.stringify(s,null,2)}
-`,"utf-8");let m=Z.relative(process.cwd(),u);p(`seed-design.json written to ${o(m)}`)})};import*as x from"@clack/prompts";import{z as E}from"zod";import P from"typescript";import Ve from"fs";import _e from"path";function k({dir:e,extensionsToFind:t,extensionsToExclude:r}){return Ve.readdirSync(e,{withFileTypes:!0,recursive:!0}).filter(o=>o.isFile()&&t.some(n=>o.name.endsWith(n))&&(r?!r.some(n=>o.name.endsWith(n)):!0)).map(o=>`${o.parentPath}/${o.name}`)}function re({dirToFindTsconfig:e,excludeDTs:t}){let r=P.findConfigFile(e,P.sys.fileExists),o=P.readConfigFile(r,P.sys.readFile),{fileNames:n}=P.parseJsonConfigFileContent(o.config,P.sys,_e.dirname(r));return n.filter(s=>t?!s.endsWith(".d.ts"):!0)}async function oe({git:e,filePaths:t}){let r=await Promise.all(t.map(o=>ze(e,o)));return t.filter((o,n)=>r[n])}async function ze(e,t){return(await e.checkIgnore(t)).length<=0}import{simpleGit as Ue}from"simple-git";import Ke from"jscodeshift";import F from"jscodeshift";import ne from"fs";function se({filePath:e,jscodeshift:t,importTransformers:r}){let o=ne.readFileSync(e,"utf-8"),n=t(o),s=ie({tree:n,jscodeshift:t});Je({importDeclarations:n.find(t.ImportDeclaration,{source:{value:p=>typeof p!="string"?!1:r.source.some(({startsWith:u})=>p.startsWith(u))}}),importTransformers:r}),He({identifiers:n.find(t.Identifier,{name:p=>Object.keys(r.identifier).includes(p)}),identifierTransformers:r.identifier});let c=ie({tree:n,jscodeshift:t});s!==c&&(c.comments=s.comments),ne.writeFileSync(e,n.toSource())}function ie({tree:e,jscodeshift:t}){return e.find(t.Program).get("body",0).node}function Je({importDeclarations:e,importTransformers:t}){e.replaceWith(r=>{let o=r.node.source.value,n=r.node.specifiers,s=r.node.importKind,c=(()=>{if(typeof o!="string")return o;let{startsWith:m,replaceWith:a}=t.source.find(({startsWith:h})=>o.startsWith(h)),i=(a?o.replace(m,a):o).split("/");return i.map((h,v)=>v!==i.length-1||!(h in t.identifier)?h:t.identifier[h]).join("/")})(),p=n.map(m=>{switch(m.type){case"ImportSpecifier":{let a=m.imported.name;if(!(a in t.identifier))return m;let w=t.identifier[a];if(w===a)return m;let d=F.identifier(w);return F.importSpecifier(d,m.local)}case"ImportDefaultSpecifier":return m;case"ImportNamespaceSpecifier":return m}});return F.importDeclaration(p,F.literal(c),s)})}function He({identifiers:e,identifierTransformers:t}){e.replaceWith(r=>{let o=r.node.name;return o in t?F.identifier(t[o]):r})}var Le={source:[{startsWith:"@seed-design/icons",replaceWith:"@seed-design/react-icon"},{startsWith:"@seed-design/react-icon"}],identifier:{Icon:"NewIcon"}},Be=E.object({path:E.string().optional(),includeIgnored:E.boolean().optional()}),ae=[".js",".jsx",".ts",".tsx"],ce=[".d.ts"],pe=e=>{e.command("icon-shift","V2 \uC544\uC774\uCF58\uC744 V3 \uC544\uC774\uCF58\uC73C\uB85C \uBCC0\uD658\uD558\uB294 \uBA85\uB839\uC5B4").option("--path <path>","\uB9C8\uC774\uADF8\uB808\uC774\uC158\uD560 \uC18C\uC2A4 \uCF54\uB4DC\uAC00 \uC788\uB294 \uACBD\uB85C (\uC120\uD0DD)").option("--include-ignored",".gitignore\uB97C \uD1B5\uD574 \uD2B8\uB798\uD0B9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C\uB3C4 \uD3EC\uD568\uD560\uC9C0 \uC5EC\uBD80 (\uC120\uD0DD)").example("seed-design icon-shift").action(async t=>{let r=Be.parse({...t}),o={target:()=>x.select({message:`\uC785\uB825\uD55C \uACBD\uB85C: ${r.path} \uB9DE\uB098\uC694?`,options:[{label:"\uB124",value:"path"}]})},n={target:()=>x.select({message:"\uC5B4\uB5A4 \uD30C\uC77C\uC744 \uB300\uC0C1\uC73C\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC9C4\uD589\uD560\uAE4C\uC694?",options:[{label:"\uD604\uC7AC \uB514\uB809\uD1A0\uB9AC\uC5D0\uC11C \uC0AC\uC6A9\uB418\uB294 tsconfig\uAC00 \uCEF4\uD30C\uC77C\uD558\uB294 \uD30C\uC77C",value:"tsconfig"},{label:"\uD604\uC7AC \uB514\uB809\uD1A0\uB9AC \uC548\uC758 .js, .jsx, .ts, .tsx (excluding d.ts)",value:"cwd"}],initialValue:"tsconfig.json"})},s=await x.group({...r.path?o:n,...r.includeIgnored&&{includeIgnored:()=>x.confirm({message:"git\uC5D0 \uD2B8\uB798\uD0B9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C\uB3C4 \uD3EC\uD568\uD560\uAE4C\uC694?",initialValue:!0})},migrateIdentifiers:()=>x.select({message:"\uC5B4\uB514\uAE4C\uC9C0 \uBCC0\uACBD\uD560\uAE4C\uC694?",options:[{label:"\uBAA8\uB450 \uBCC0\uACBD",value:"all",hint:`
-(old) import { IconHeart } from "old-package"; <IconHeart />;
-\u2192 (new) import { NewIconHeart } from "new-package"; <NewIconHeart />;
-`},{label:"import\uB9CC \uBCC0\uACBD",value:"importOnly",hint:`
-(old) import { IconHeart } from "old-package"; <IconHeart />;
-\u2192 (new) import { NewIconHeart as IconHeart } from "new-package"; <IconHeart />;
-`}],initialValue:"all"})}),c=(()=>{switch(s.target){case"tsconfig":return re({dirToFindTsconfig:process.cwd(),excludeDTs:!0});case"cwd":return k({dir:process.cwd(),extensionsToFind:ae,extensionsToExclude:ce});case"path":return k({dir:r.path,extensionsToFind:ae,extensionsToExclude:ce})}})(),{start:p,message:u,stop:m}=x.spinner();p("\uBA87 \uAC1C\uC758 \uD30C\uC77C\uC744 \uD655\uC778\uD560\uC9C0 \uACB0\uC815\uD558\uACE0 \uC788\uC5B4\uC694.");let a=r.includeIgnored?c:await oe({git:Ue(),filePaths:c});m(`${a.length}\uAC1C \uD30C\uC77C\uC5D0\uC11C \uC608\uC804 \uC544\uC774\uCF58\uC744 \uCC3E\uC544\uBCFC\uAC8C\uC694.`),p(`${a.length}\uAC1C \uD30C\uC77C\uC5D0\uC11C \uC608\uC804 \uC544\uC774\uCF58\uC744 \uCC3E\uC544\uBCFC\uAC8C\uC694.`);let w=Ke.withParser("tsx");for(let i=0;i<a.length;i++){let d=a[i],h=((i+1)/a.length*100).toFixed(1);u(`\uD30C\uC77C ${i+1}/${a.length} \uBCC0\uACBD \uC2DC\uC791 (${h}%): ${d}`),se({filePath:d,jscodeshift:w,importTransformers:Le})}m("\uCF54\uB4DC \uBCC0\uACBD\uC774 \uB05D\uB0AC\uC5B4\uC694.")})};var qe="seed-design",T=Xe(qe);async function Qe(){let e=Y();Q(T),te(T),pe(T),T.version(e.version||"1.0.0","-v, --version"),T.help(),T.parse()}Qe();
+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://v3.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-20241016030836",
+  "version": "0.0.0-alpha-20241031063855",
   "type": "module",
   "repository": {
     "type": "git",
@@ -29,30 +29,24 @@
     "@babel/core": "^7.24.9",
     "@babel/parser": "^7.24.8",
     "@babel/plugin-transform-typescript": "^7.24.8",
-    "@biomejs/js-api": "^0.7.1",
-    "@biomejs/wasm-nodejs": "^1.9.3",
     "@clack/prompts": "^0.7.0",
     "cac": "^6.7.14",
     "cosmiconfig": "^9.0.0",
     "execa": "^9.3.0",
     "findup-sync": "^5.0.0",
     "fs-extra": "^11.2.0",
-    "jscodeshift": "^17.0.0",
     "mktemp": "^1.0.1",
     "picocolors": "^1.0.1",
     "recast": "^0.23.9",
-    "simple-git": "^3.27.0",
     "ts-morph": "^23.0.0",
-    "typescript": "^5.4.5",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
     "@types/fs-extra": "^11.0.4",
-    "@types/jscodeshift": "^0.12.0",
-    "@types/node": "^20",
     "esbuild": "^0.19.3",
     "type-fest": "^4.23.0",
+    "typescript": "^5.4.5",
     "ultra-runner": "^3.10.5",
     "vitest": "^2.0.5"
   },

package/src/index.ts

@@ -4,7 +4,6 @@ import { addCommand } from "@/src/commands/add";
 import { getPackageInfo } from "@/src/utils/get-package-info";
 import { cac } from "cac";
 import { initCommand } from "./commands/init";
-import { iconShiftCommand } from "./commands/icon-shift";
 
 const NAME = "seed-design";
 const CLI = cac(NAME);
@@ -15,7 +14,6 @@ async function main() {
   /* Commands */
   addCommand(CLI);
   initCommand(CLI);
-  iconShiftCommand(CLI);
 
   CLI.version(packageInfo.version || "1.0.0", "-v, --version");
   CLI.help();

package/src/schema.ts

@@ -1,7 +1,7 @@
 import { z } from "zod";
 
 // TODO: Extract this to a shared package.
-// INFO: also used in component-docs
+// INFO: also used in docs
 export const registryComponentItemSchema = z.object({
   /**
    * @description 컴포넌트 이름

package/src/utils/get-metadata.ts

@@ -1,7 +1,7 @@
 import { registryComponentSchema, type RegistryComponentMachineGenerated } from "@/src/schema";
 
 const BASE_URL =
-  process.env.NODE_ENV === "prod" ? "https://component.seed-design.io" : "http://localhost:3000";
+  process.env.NODE_ENV === "prod" ? "https://v3.seed-design.io" : "http://localhost:3000";
 
 export async function fetchRegistryComponentItem(
   fileNames?: string[],

package/src/commands/icon-shift.ts

@@ -1,147 +0,0 @@
-import * as prompt from "@clack/prompts";
-import { z } from "zod";
-import type { CAC } from "cac";
-import {
-  filterGitIgnoredFiles,
-  getAllFileNamesWithMatchingExtension,
-  getAllTypeScriptCompiledFileNames,
-} from "@/src/utils/files";
-import { simpleGit } from "simple-git";
-import jscodeshift from "jscodeshift";
-import { migrateFile, type ImportTransformers } from "@/src/utils/migrate";
-
-const importTransformersReact: ImportTransformers = {
-  source: [
-    { startsWith: "@seed-design/icons", replaceWith: "@seed-design/react-icon" },
-    { startsWith: "@seed-design/react-icon" },
-  ],
-  identifier: {
-    Icon: "NewIcon",
-  },
-};
-
-const iconShiftOptionsSchema = z.object({
-  path: z.string().optional(),
-  includeIgnored: z.boolean().optional(),
-});
-
-// 3. 로그 파일
-// 3-1. 변경된 파일, (라인)
-// 3-2. 에러났을 때 에러 메세지도 같이 들어있고, 어디서 문제 생겼는지도 나와야 한다.
-// 3-2. 그 안에서의 아이콘 AS-IS, TO-BE
-// 4. 마이그레이션 끝났습니다. 로그 파일은 어디 생성됐고, 총 몇개의 아이콘 변경됐습니다.
-
-const EXTENSIONS_TO_FIND = [".js", ".jsx", ".ts", ".tsx"];
-const EXTENSIONS_TO_EXCLUDE = [".d.ts"];
-
-export const iconShiftCommand = (cli: CAC) => {
-  cli
-    .command("icon-shift", "V2 아이콘을 V3 아이콘으로 변환하는 명령어")
-    .option("--path <path>", "마이그레이션할 소스 코드가 있는 경로 (선택)")
-    .option("--include-ignored", ".gitignore를 통해 트래킹되지 않는 파일도 포함할지 여부 (선택)")
-    .example("seed-design icon-shift")
-    .action(async (opts) => {
-      const options = iconShiftOptionsSchema.parse({ ...opts });
-
-      const pathAvailableTargetPrompt = {
-        target: () =>
-          prompt.select({
-            message: `입력한 경로: ${options.path} 맞나요?`,
-            options: [{ label: "네", value: "path" }],
-          }),
-      };
-
-      const pathUnavailableTargetPrompt = {
-        target: () =>
-          prompt.select({
-            message: "어떤 파일을 대상으로 마이그레이션을 진행할까요?",
-            options: [
-              {
-                label: "현재 디렉토리에서 사용되는 tsconfig가 컴파일하는 파일",
-                value: "tsconfig",
-              },
-              {
-                // FIXME: 확장자
-                label: "현재 디렉토리 안의 .js, .jsx, .ts, .tsx (excluding d.ts)",
-                value: "cwd",
-              },
-            ],
-            initialValue: "tsconfig.json",
-          }),
-      };
-
-      const group = await prompt.group({
-        ...(options.path ? pathAvailableTargetPrompt : pathUnavailableTargetPrompt),
-        ...(options.includeIgnored && {
-          includeIgnored: () =>
-            prompt.confirm({
-              message: "git에 트래킹되지 않는 파일도 포함할까요?",
-              initialValue: true,
-            }),
-        }),
-        migrateIdentifiers: () =>
-          prompt.select({
-            message: "어디까지 변경할까요?",
-            options: [
-              {
-                label: "모두 변경",
-                value: "all",
-                hint: `\n(old) import { IconHeart } from "old-package"; <IconHeart />;\n→ (new) import { NewIconHeart } from "new-package"; <NewIconHeart />;\n`,
-              },
-              {
-                label: "import만 변경",
-                value: "importOnly",
-                hint: `\n(old) import { IconHeart } from "old-package"; <IconHeart />;\n→ (new) import { NewIconHeart as IconHeart } from "new-package"; <IconHeart />;\n`,
-              },
-            ],
-            initialValue: "all",
-          }),
-      });
-
-      const filesFound = (() => {
-        switch (group.target) {
-          case "tsconfig":
-            return getAllTypeScriptCompiledFileNames({
-              dirToFindTsconfig: process.cwd(),
-              excludeDTs: true,
-            });
-          case "cwd":
-            return getAllFileNamesWithMatchingExtension({
-              dir: process.cwd(),
-              extensionsToFind: EXTENSIONS_TO_FIND,
-              extensionsToExclude: EXTENSIONS_TO_EXCLUDE,
-            });
-          case "path":
-            return getAllFileNamesWithMatchingExtension({
-              dir: options.path,
-              extensionsToFind: EXTENSIONS_TO_FIND,
-              extensionsToExclude: EXTENSIONS_TO_EXCLUDE,
-            });
-        }
-      })();
-
-      const { start, message, stop } = prompt.spinner();
-
-      start("몇 개의 파일을 확인할지 결정하고 있어요.");
-
-      const filesTracked = options.includeIgnored
-        ? filesFound
-        : await filterGitIgnoredFiles({ git: simpleGit(), filePaths: filesFound });
-
-      stop(`${filesTracked.length}개 파일에서 예전 아이콘을 찾아볼게요.`);
-
-      start(`${filesTracked.length}개 파일에서 예전 아이콘을 찾아볼게요.`);
-      const j = jscodeshift.withParser("tsx");
-
-      for (let i = 0; i < filesTracked.length; i++) {
-        const filePath = filesTracked[i];
-        const percent = (((i + 1) / filesTracked.length) * 100).toFixed(1);
-
-        message(`파일 ${i + 1}/${filesTracked.length} 변경 시작 (${percent}%): ${filePath}`);
-
-        migrateFile({ filePath, jscodeshift: j, importTransformers: importTransformersReact });
-      }
-
-      stop("코드 변경이 끝났어요.");
-    });
-};

package/src/test/icon-shift/cases/migrateIdentifiers/expected.tsx

@@ -1,11 +0,0 @@
-// @ts-nocheck
-
-export function IconDiv() {
-  console.log(IconHeart);
-
-  return (
-    <div>
-      <IconHeart />
-    </div>
-  );
-}

package/src/test/icon-shift/cases/migrateIdentifiers/input.tsx

@@ -1,11 +0,0 @@
-// @ts-nocheck
-
-export function IconDiv() {
-  console.log(IconLike);
-
-  return (
-    <div>
-      <IconLike />
-    </div>
-  );
-}

package/src/test/icon-shift/cases/migrateImportDeclarations/expected.tsx

@@ -1,3 +0,0 @@
-// @ts-nocheck
-
-import { IconHeart as IconLike } from "some-new-package";

package/src/test/icon-shift/cases/migrateImportDeclarations/input.tsx

@@ -1,3 +0,0 @@
-// @ts-nocheck
-
-import { IconLike } from "some-package";

package/src/test/icon-shift/cases/migrateImportDeclarationsVariousTypes/expected.tsx

@@ -1,6 +0,0 @@
-// @ts-nocheck
-
-import { IconHeart as IconLike } from "some-new-package";
-import { IconStar as IconFavorite } from "some-new-package";
-import IconNight from "some-new-package/IconMoon";
-import * as IconHot from "some-new-package/IconFlame";

package/src/test/icon-shift/cases/migrateImportDeclarationsVariousTypes/input.tsx

@@ -1,6 +0,0 @@
-// @ts-nocheck
-
-import { IconLike } from "some-package";
-import { IconFavorite } from "some-package";
-import IconNight from "some-package/IconNight";
-import * as IconHot from "some-package/IconHot";

package/src/test/icon-shift/cases/migrateImportDeclarationsVariousTypesWithMigrateIdentifiers/expected.tsx

@@ -1,19 +0,0 @@
-// @ts-nocheck
-
-import { IconHeart } from "some-new-package";
-import { IconStar } from "some-new-package";
-import IconMoon from "some-new-package/IconMoon";
-import * as IconFlame from "some-new-package/IconFlame";
-
-export function IconDiv() {
-  console.log(IconHeart);
-
-  return (
-    <div>
-      <IconHeart />
-      <IconStar />
-      <IconMoon />
-      <IconFlame />
-    </div>
-  );
-}

package/src/test/icon-shift/cases/migrateImportDeclarationsVariousTypesWithMigrateIdentifiers/input.tsx

@@ -1,19 +0,0 @@
-// @ts-nocheck
-
-import { IconLike } from "some-package";
-import { IconFavorite } from "some-package";
-import IconNight from "some-package/IconNight";
-import * as IconHot from "some-package/IconHot";
-
-export function IconDiv() {
-  console.log(IconLike);
-
-  return (
-    <div>
-      <IconLike />
-      <IconFavorite />
-      <IconNight />
-      <IconHot />
-    </div>
-  );
-}

package/src/test/icon-shift/cases/migrateImportDeclarationsWithMigrateIdentifiers/expected.tsx

@@ -1,13 +0,0 @@
-// @ts-nocheck
-
-import { IconHeart } from "some-new-package";
-
-export function IconDiv() {
-  console.log(IconHeart);
-
-  return (
-    <div>
-      <IconHeart />
-    </div>
-  );
-}

package/src/test/icon-shift/cases/migrateImportDeclarationsWithMigrateIdentifiers/input.tsx

@@ -1,13 +0,0 @@
-// @ts-nocheck
-
-import { IconLike } from "some-package";
-
-export function IconDiv() {
-  console.log(IconLike);
-
-  return (
-    <div>
-      <IconLike />
-    </div>
-  );
-}

package/src/test/icon-shift/index.test.ts

@@ -1,90 +0,0 @@
-import {
-  getFirstNode,
-  migrateIdentifiers,
-  migrateImportDeclarations,
-  type ImportTransformers,
-} from "../../utils/migrate";
-import jscodeshift from "jscodeshift";
-import { describe, expect, test } from "vitest";
-import { Biome, Distribution } from "@biomejs/js-api";
-import fs from "fs";
-import path from "path";
-
-const biome = await Biome.create({ distribution: Distribution.NODE });
-biome.applyConfiguration({ formatter: { indentStyle: "space", lineWidth: 100 } });
-
-describe("shiftingIcons", () => {
-  const j = jscodeshift.withParser("tsx");
-
-  const importTransformers: ImportTransformers = {
-    source: [{ startsWith: "some-package", replaceWith: "some-new-package" }],
-    identifier: {
-      IconLike: "IconHeart",
-      IconFavorite: "IconStar",
-      IconHot: "IconFlame",
-      IconNight: "IconMoon",
-    },
-  };
-
-  const cases: Record<string, ("migrateImportDeclarations" | "migrateIdentifiers")[]> = {
-    migrateImportDeclarations: ["migrateImportDeclarations"],
-    migrateImportDeclarationsVariousTypes: ["migrateImportDeclarations"],
-    migrateIdentifiers: ["migrateIdentifiers"],
-    migrateImportDeclarationsWithMigrateIdentifiers: [
-      "migrateImportDeclarations",
-      "migrateIdentifiers",
-    ],
-    migrateImportDeclarationsVariousTypesWithMigrateIdentifiers: [
-      "migrateImportDeclarations",
-      "migrateIdentifiers",
-    ],
-  };
-
-  // migrateImportDeclarations
-  for (const name in cases) {
-    test(name, () => {
-      const input = fs.readFileSync(path.resolve(__dirname, `./cases/${name}/input.tsx`), "utf-8");
-      const expected = fs.readFileSync(
-        path.resolve(__dirname, `./cases/${name}/expected.tsx`),
-        "utf-8",
-      );
-
-      const tree = j(input);
-      const firstNode = getFirstNode({ tree, jscodeshift: j });
-
-      if (cases[name].includes("migrateImportDeclarations")) {
-        const importDeclarations = tree.find(j.ImportDeclaration, {
-          source: {
-            value: (value: unknown) => {
-              if (typeof value !== "string") return false;
-
-              return importTransformers.source.some(({ startsWith }) =>
-                value.startsWith(startsWith),
-              );
-            },
-          },
-        });
-        migrateImportDeclarations({ importDeclarations, importTransformers });
-      }
-
-      if (cases[name].includes("migrateIdentifiers")) {
-        const identifiers = tree.find(j.Identifier, {
-          name: (value) => Object.keys(importTransformers.identifier).includes(value),
-        });
-        migrateIdentifiers({ identifiers, identifierTransformers: importTransformers.identifier });
-      }
-
-      const firstNodeAfterModification = getFirstNode({ tree, jscodeshift: j });
-
-      if (firstNode !== firstNodeAfterModification) {
-        firstNodeAfterModification.comments = firstNode.comments;
-      }
-
-      const { content } = biome.formatContent(tree.toSource(), {
-        filePath: `${name}.tsx`,
-      });
-
-      expect(content).toBe(expected);
-    });
-  }
-});

package/src/utils/files.ts

@@ -1,63 +0,0 @@
-import ts from "typescript";
-import fs from "fs";
-import path from "path";
-import type { SimpleGit } from "simple-git";
-
-export function getAllFileNamesWithMatchingExtension({
-  dir,
-  extensionsToFind,
-  extensionsToExclude,
-}: {
-  dir: string;
-  extensionsToFind: string[];
-  extensionsToExclude?: string[];
-}) {
-  // XXX: requires Node.js 20+
-  return fs
-    .readdirSync(dir, { withFileTypes: true, recursive: true })
-    .filter(
-      (item) =>
-        item.isFile() &&
-        extensionsToFind.some((ext) => item.name.endsWith(ext)) &&
-        (extensionsToExclude ? !extensionsToExclude.some((ext) => item.name.endsWith(ext)) : true),
-    )
-    .map((item) => `${item.parentPath}/${item.name}`);
-}
-
-export function getAllTypeScriptCompiledFileNames({
-  dirToFindTsconfig,
-  excludeDTs,
-}: {
-  dirToFindTsconfig: string;
-  excludeDTs?: boolean;
-}) {
-  const tsconfigPath = ts.findConfigFile(dirToFindTsconfig, ts.sys.fileExists);
-  const tsconfigFile = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
-
-  // FIXME: throw할 수 있을 것 같음
-  const { fileNames } = ts.parseJsonConfigFileContent(
-    tsconfigFile.config,
-    ts.sys,
-    path.dirname(tsconfigPath),
-  );
-
-  return fileNames.filter((fileName) => (excludeDTs ? !fileName.endsWith(".d.ts") : true));
-}
-
-export async function filterGitIgnoredFiles({
-  git,
-  filePaths,
-}: {
-  git: SimpleGit;
-  filePaths: string[];
-}) {
-  const promises = await Promise.all(filePaths.map((file) => isFileGitTracked(git, file)));
-
-  return filePaths.filter((_, index) => promises[index]);
-}
-
-async function isFileGitTracked(git: SimpleGit, filePath: string) {
-  const result = await git.checkIgnore(filePath);
-
-  return result.length <= 0;
-}

package/src/utils/migrate.ts

@@ -1,156 +0,0 @@
-import jscodeshift from "jscodeshift";
-import fs from "fs";
-
-export interface ImportTransformers {
-  source: { startsWith: string; replaceWith?: string }[];
-  identifier: Record<string, string>;
-}
-
-interface MigrateFileParams {
-  filePath: string;
-  jscodeshift: jscodeshift.JSCodeshift;
-  importTransformers: ImportTransformers;
-}
-
-export function migrateFile({ filePath, jscodeshift, importTransformers }: MigrateFileParams) {
-  const file = fs.readFileSync(filePath, "utf-8");
-
-  const tree = jscodeshift(file);
-  const firstNode = getFirstNode({ tree, jscodeshift: jscodeshift });
-
-  migrateImportDeclarations({
-    importDeclarations: tree.find(jscodeshift.ImportDeclaration, {
-      source: {
-        value: (value: unknown) => {
-          if (typeof value !== "string") return false;
-
-          return importTransformers.source.some(({ startsWith }) => value.startsWith(startsWith));
-        },
-      },
-    }),
-    importTransformers,
-  });
-
-  migrateIdentifiers({
-    identifiers: tree.find(jscodeshift.Identifier, {
-      name: (value) => Object.keys(importTransformers.identifier).includes(value),
-    }),
-    identifierTransformers: importTransformers.identifier,
-  });
-
-  const firstNodeAfterModification = getFirstNode({ tree, jscodeshift: jscodeshift });
-
-  if (firstNode !== firstNodeAfterModification) {
-    firstNodeAfterModification.comments = firstNode.comments;
-  }
-
-  fs.writeFileSync(filePath, tree.toSource());
-}
-
-export function getFirstNode({
-  tree,
-  jscodeshift,
-}: { tree: jscodeshift.Collection; jscodeshift: jscodeshift.JSCodeshift }) {
-  return tree.find(jscodeshift.Program).get("body", 0).node;
-}
-
-interface MigrateImportDeclarationsParams {
-  importDeclarations: jscodeshift.Collection<jscodeshift.ImportDeclaration>;
-  importTransformers: ImportTransformers;
-}
-
-export function migrateImportDeclarations({
-  importDeclarations,
-  importTransformers,
-}: MigrateImportDeclarationsParams) {
-  importDeclarations.replaceWith((imp) => {
-    const currentSourceValue = imp.node.source.value;
-    const currentSpecifiers = imp.node.specifiers;
-    const currentImportKind = imp.node.importKind;
-
-    const newSourceValue = (() => {
-      if (typeof currentSourceValue !== "string") return currentSourceValue;
-
-      const { startsWith, replaceWith } = importTransformers.source.find(({ startsWith }) =>
-        currentSourceValue.startsWith(startsWith),
-      );
-
-      const sourceReplaced = replaceWith
-        ? currentSourceValue.replace(startsWith, replaceWith)
-        : currentSourceValue;
-
-      const slashSplits = sourceReplaced.split("/");
-
-      const itemReplaced = slashSplits
-        .map((split, index) => {
-          if (index !== slashSplits.length - 1 || split in importTransformers.identifier === false)
-            return split;
-
-          return importTransformers.identifier[split];
-        })
-        .join("/");
-
-      return itemReplaced;
-    })();
-
-    const newSpecifiers = currentSpecifiers.map((currentSpecifier) => {
-      switch (currentSpecifier.type) {
-        case "ImportSpecifier": {
-          // import { IconHeart } from "some-package";
-          const currentImportedName = currentSpecifier.imported.name;
-
-          if (currentImportedName in importTransformers.identifier === false)
-            return currentSpecifier;
-
-          const newImportedName = importTransformers.identifier[currentImportedName];
-
-          const hasNoChange = newImportedName === currentImportedName;
-
-          if (hasNoChange) return currentSpecifier;
-
-          // TODO
-          // impactedSpecifierCount++;
-          const newImportedIdentifier = jscodeshift.identifier(newImportedName);
-
-          // import { IconHeart as Heart } from "some-package"; 에서
-          // imported: "IconHeart", local: "Heart"
-          return jscodeshift.importSpecifier(newImportedIdentifier, currentSpecifier.local);
-        }
-        case "ImportDefaultSpecifier": {
-          // import Icon from "some-package";
-          return currentSpecifier;
-        }
-        case "ImportNamespaceSpecifier": {
-          // import * as Icon from "some-package";
-          return currentSpecifier;
-        }
-      }
-    });
-
-    const newImportDeclaration = jscodeshift.importDeclaration(
-      newSpecifiers,
-      jscodeshift.literal(newSourceValue),
-      currentImportKind,
-    );
-
-    return newImportDeclaration;
-  });
-}
-
-interface MigrateIdentifiersParams {
-  identifiers: jscodeshift.Collection<jscodeshift.Identifier>;
-  identifierTransformers: ImportTransformers["identifier"];
-}
-
-export function migrateIdentifiers({
-  identifiers,
-  identifierTransformers,
-}: MigrateIdentifiersParams) {
-  identifiers.replaceWith((identifier) => {
-    const currentName = identifier.node.name;
-
-    if (currentName in identifierTransformers === false) return identifier;
-
-    return jscodeshift.identifier(identifierTransformers[currentName]);
-  });
-}