hghcn 3.6.19 → 3.6.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-SSXFFJQN.js → chunk-2NUTTJQY.js} +7 -7
- package/dist/{chunk-SSXFFJQN.js.map → chunk-2NUTTJQY.js.map} +1 -1
- package/dist/{chunk-I3JXSMK6.js → chunk-XYXOKYQL.js} +9 -9
- package/dist/chunk-XYXOKYQL.js.map +1 -0
- package/dist/index.js +51 -56
- package/dist/index.js.map +1 -1
- package/dist/mcp/index.js +1 -1
- package/dist/registry/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-I3JXSMK6.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,67 +1,62 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import {b
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Once configured, you can use the cli to add components.`),s.break(),process.exit(1)),i?.succeed(`Verifying framework. Found ${d.info(n.framework.label)}.`),{errors:t$1,projectInfo:n}}function Gt(e,t){if(e.includes("\0"))return false;let r;try{r=e;let u="";for(;r!==u&&r.includes("%");)u=r,r=decodeURIComponent(r);}catch{return false}let i=j__default.normalize(r.replace(/\\/g,"/")),n=j__default.normalize(t),o=u=>u.replace(/\[\.\.\..*?\]/g,"").includes("..");if(o(i)||o(r)||o(e))return false;let a=u=>u.replace(/\[\.\.\..*?\]/g,""),s=a(e),c=a(r);if([/\.\.[\/\\]/,/[\/\\]\.\./,/\.\./,/\.\.%/,/\x00/,/[\x01-\x1f]/].some(u=>u.test(s)||u.test(c))||(e.includes("~")||r.includes("~"))&&(e.includes("../")||r.includes("../")))return false;if(/^[a-zA-Z]:[\/\\]/.test(r))return process.platform==="win32"?r.toLowerCase().startsWith(t.toLowerCase()):false;if(j__default.isAbsolute(i))return i.startsWith(n+j__default.sep);let p=j__default.resolve(n,i);return p.startsWith(n+j__default.sep)||p===n}async function Je(e,t$1,r){if(!t$1.resolvedPaths.tailwindCss||!e||Object.keys(e).length===0)return;r={silent:false,...r};let i=t$1.resolvedPaths.tailwindCss,n=j__default.relative(t$1.resolvedPaths.cwd,i),o=t(`Updating ${d.info(n)}`,{silent:r.silent}).start(),a=await promises.readFile(i,"utf8"),s=await qr(a,e);await promises.writeFile(i,s,"utf8"),o.succeed();}async function qr(e,t){let r=[Hr(t)],i=await x(r).process(e,{from:void 0}),n=i.css,o=i.root;if(o.nodes&&o.nodes.length>0){let a=o.nodes[o.nodes.length-1];a.type==="atrule"&&!a.nodes&&!n.trimEnd().endsWith(";")&&(n=n.trimEnd()+";");}return n=n.replace(/\/\* ---break--- \*\//g,""),n=n.replace(/(\n\s*\n)+/g,`
|
|
2
|
+
import {b,a as a$1}from'./chunk-2NUTTJQY.js';import {a,J,v,M,S,C,p,Q as Q$1,K,q,r,I,x,c as c$1,V,D as D$1,F as F$1,ca,H,da,$,Z,aa,E,G,L,ea,b as b$1,ba,s,X,w,o as o$1,O as O$1,i,P,y,u,N,t,z as z$2,B,A}from'./chunk-XYXOKYQL.js';export{$ as fetchTree,aa as getItemTargetPath,da as getPreset,ca as getPresets,U as getRegistriesConfig,ba as getRegistriesIndex,R as getRegistry,Z as getRegistryBaseColor,Y as getRegistryBaseColors,X as getRegistryIcons,S as getRegistryItems,W as getRegistryStyles,V as getShadcnRegistryIndex,T as resolveRegistryItems,_ as resolveTree}from'./chunk-XYXOKYQL.js';import {c,o,n}from'./chunk-WKG3W635.js';import'./chunk-PMFK2ZSQ.js';import'./chunk-BFNVF2P5.js';import*as D from'path';import D__default,{join}from'path';import {execa}from'execa';import Q from'fs-extra';import Ce from'prompts';import We,{z as z$1}from'zod';import {existsSync,promises}from'fs';import {Command}from'commander';import Rr from'deepmerge';import x$1 from'postcss';import jr from'postcss/lib/at-rule';import {Project,ScriptKind,SyntaxKind,VariableDeclarationKind}from'ts-morph';import*as _ from'fs/promises';import _e from'dedent';import zt from'open';import {diffLines}from'diff';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';import {randomBytes}from'crypto';import {tmpdir}from'os';import Ji from'fast-glob';var yt={next:"next","next-monorepo":"next-monorepo",vite:"vite",start:"start"};async function T(t=process.cwd()){try{let{config:e}=await import('@dotenvx/dotenvx'),r=[".env.local",".env.development.local",".env.development",".env"];for(let i of r){let n=join(t,i);existsSync(n)&&e({path:n,overload:!1,quiet:!0});}}catch(e){C.warn("Failed to load env files:",e);}}var Fe=".bak";function wt(t){if(!Q.existsSync(t))return null;let e=`${t}${Fe}`;try{return Q.renameSync(t,e),e}catch(r){return console.error(`Failed to create backup of ${t}: ${r}`),null}}function bt(t){let e=`${t}${Fe}`;if(!Q.existsSync(e))return false;try{return Q.renameSync(e,t),!0}catch(r){return console.error(`Warning: Could not restore backup file ${e}: ${r}`),false}}function Oe(t){let e=`${t}${Fe}`;if(!Q.existsSync(e))return false;try{return Q.unlinkSync(e),!0}catch{return false}}async function xt(t,e){let r=new Set,i$1=new Set,n=[...t];for(;n.length>0;){let o=n.shift();if(i$1.has(o))continue;i$1.add(o);let{registry:a}=o$1(o);a&&!b$1[a]&&r.add(a);try{let[s]=await O$1([o],e,{useCache:!0});if(s?.registryDependencies)for(let c of s.registryDependencies){let{registry:m}=o$1(c);m&&!b$1[m]&&r.add(m),i$1.has(c)||n.push(c);}}catch(s){if(s instanceof i){let{registry:c}=o$1(o);c&&!b$1[c]&&r.add(c);continue}continue}}return Array.from(r)}async function F(t,e,r={}){r={silent:false,writeFile:true,...r};let n=(await xt(t,e)).filter(m=>!e.registries?.[m]&&!Object.keys(b$1).includes(m));if(n.length===0)return {config:e,newRegistries:[]};let o=await ba({useCache:process.env.NODE_ENV!=="development"});if(!o)return {config:e,newRegistries:[]};let a={};for(let m of n)o[m]&&(a[m]=o[m]);if(Object.keys(a).length===0)return {config:e,newRegistries:[]};let s=Object.fromEntries(Object.entries(e.registries||{}).filter(([m])=>!Object.keys(b$1).includes(m))),c$1={...e,registries:{...s,...a}};if(r.writeFile){let{resolvedPaths:m,...l}=c$1,f=D$1("Updating components.json.",{silent:r.silent}).start(),d=c.parse(l);await Q.writeFile(D__default.resolve(e.resolvedPaths.cwd,"components.json"),JSON.stringify(d,null,2)+`
|
|
3
|
+
`,"utf-8"),f.succeed();}return {config:c$1,newRegistries:Object.keys(a)}}process.on("exit",t=>{let e=D__default.resolve(process.cwd(),"components.json");return t===0?Oe(e):bt(e)});var Ae=z$1.object({cwd:z$1.string(),name:z$1.string().optional(),components:z$1.array(z$1.string()).optional(),yes:z$1.boolean(),defaults:z$1.boolean(),force:z$1.boolean(),silent:z$1.boolean(),isNewProject:z$1.boolean(),srcDir:z$1.boolean().optional(),cssVariables:z$1.boolean(),template:z$1.string().optional().refine(t=>t?yt[t]:true,{message:"Invalid template. Please use 'next', 'vite', 'start' or 'next-monorepo'."}),baseColor:z$1.string().optional().refine(t=>t?a.find(e=>e.name===t):true,{message:`Invalid base color. Please use '${a.map(t=>t.name).join("', '")}'`}),baseStyle:z$1.boolean(),registryBaseConfig:c.deepPartial().optional()}),St=new Command().name("init").description("initialize your project and install dependencies").argument("[components...]","names, url or local path to component").option("-t, --template <template>","the template to use. (next, start, vite, next-monorepo)").option("-b, --base-color <base-color>","the base color to use. (neutral, gray, zinc, stone, slate)",void 0).option("-y, --yes","skip confirmation prompt.",true).option("-d, --defaults,","use default configuration.",false).option("-f, --force","force overwrite of existing configuration.",false).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-s, --silent","mute output.",false).option("--src-dir","use the src directory when creating a new project.",false).option("--no-src-dir","do not use the src directory when creating a new project.").option("--css-variables","use css variables for theming.",true).option("--no-css-variables","do not use css variables for theming.").option("--no-base-style","do not install the base shadcn style.").action(async(t,e)=>{try{e.defaults&&(e.template=e.template||"next",e.baseColor=e.baseColor||"neutral");let r=Ae.parse({cwd:D__default.resolve(e.cwd),isNewProject:!1,components:t,...e});if(await T(r.cwd),t.length>0){let i=J(v({resolvedPaths:{cwd:r.cwd}})),n=D__default.resolve(r.cwd,"components.json");if(Q.existsSync(n)){let s=await Q.readJson(n),c$1=c.partial().parse(s),m=v({resolvedPaths:{cwd:r.cwd}});i=J({...c$1,resolvedPaths:{...m.resolvedPaths,cwd:r.cwd}}),wt(n);}let{config:o}=await F(t,i,{silent:!0,writeFile:!1});i=o,M(t[0],i);let[a]=await S([t[0]],{config:i});a?.type==="registry:base"&&(a.config&&(i=J(Rr(i,a.config)),r.registryBaseConfig=a.config),r.baseStyle=a.extends==="none"?!1:r.baseStyle),a?.type==="registry:style"&&(r.baseColor="neutral",r.baseStyle=a.extends==="none"?!1:r.baseStyle);}r.baseStyle||(r.baseColor="neutral"),await ne(r),C.log(`${p.success("Success!")} Project initialization completed.
|
|
4
|
+
You may now add components.`),Oe(D__default.resolve(r.cwd,"components.json")),C.break();}catch(r){C.break(),Q$1(r);}finally{K();}});async function ne(t){let e=await q(t.cwd);console.log({config:e});[...t.baseStyle?["index"]:[],...t.components??[]];let i=await r(t.cwd,e);return console.log({fullConfig:i}),i}function Ct(t,e){if(t.includes("\0"))return false;let r;try{r=t;let d="";for(;r!==d&&r.includes("%");)d=r,r=decodeURIComponent(r);}catch{return false}let i=D__default.normalize(r.replace(/\\/g,"/")),n=D__default.normalize(e),o=d=>d.replace(/\[\.\.\..*?\]/g,"").includes("..");if(o(i)||o(r)||o(t))return false;let a=d=>d.replace(/\[\.\.\..*?\]/g,""),s=a(t),c=a(r);if([/\.\.[\/\\]/,/[\/\\]\.\./,/\.\./,/\.\.%/,/\x00/,/[\x01-\x1f]/].some(d=>d.test(s)||d.test(c))||(t.includes("~")||r.includes("~"))&&(t.includes("../")||r.includes("../")))return false;if(/^[a-zA-Z]:[\/\\]/.test(r))return process.platform==="win32"?r.toLowerCase().startsWith(e.toLowerCase()):false;if(D__default.isAbsolute(i))return i.startsWith(n+D__default.sep);let f=D__default.resolve(n,i);return f.startsWith(n+D__default.sep)||f===n}async function It(t,e,r){if(!e.resolvedPaths.tailwindCss||!t||Object.keys(t).length===0)return;r={silent:false,...r};let i=e.resolvedPaths.tailwindCss,n=D__default.relative(e.resolvedPaths.cwd,i),o=D$1(`Updating ${p.info(n)}`,{silent:r.silent}).start(),a=await promises.readFile(i,"utf8"),s=await kr(a,t);await promises.writeFile(i,s,"utf8"),o.succeed();}async function kr(t,e){let r=[Pr(e)],i=await x$1(r).process(t,{from:void 0}),n=i.css,o=i.root;if(o.nodes&&o.nodes.length>0){let a=o.nodes[o.nodes.length-1];a.type==="atrule"&&!a.nodes&&!n.trimEnd().endsWith(";")&&(n=n.trimEnd()+";");}return n=n.replace(/\/\* ---break--- \*\//g,""),n=n.replace(/(\n\s*\n)+/g,`
|
|
6
5
|
|
|
7
|
-
`),n=n.trimEnd(),n}function
|
|
8
|
-
`,
|
|
9
|
-
`}}),
|
|
10
|
-
`}}),
|
|
11
|
-
`}}),c.replaceWith(m)):(m=x.atRule({name:"keyframes",params:a,raws:{semicolon:true,between:" ",before:`
|
|
12
|
-
`}}),s.append(m)),typeof i=="object")for(let[l,
|
|
13
|
-
`}});l?l.replaceWith(
|
|
14
|
-
`}});if(
|
|
15
|
-
`}});c.append(
|
|
16
|
-
`}}),
|
|
6
|
+
`),n=n.trimEnd(),n}function Pr(t){return {postcssPlugin:"update-css",Once(e){for(let[r,i]of Object.entries(t))if(r.startsWith("@")){let n=r.match(/@([a-zA-Z-]+)\s*(.*)/);if(!n)continue;let[,o,a]=n;if(o==="import"){if(!e.nodes?.find(c=>c.type==="atrule"&&c.name==="import"&&c.params===a)){let c=x$1.atRule({name:"import",params:a,raws:{semicolon:true}}),m=e.nodes?.filter(l=>l.type==="atrule"&&l.name==="import");if(m&&m.length>0){let l=m[m.length-1];c.raws.before=`
|
|
7
|
+
`,e.insertAfter(l,c);}else !e.nodes||e.nodes.length,c.raws.before="",e.prepend(c);}}else if(o==="plugin"){let s=a;a&&!a.startsWith('"')&&!a.startsWith("'")&&(s=`"${a}"`);let c=l=>l.startsWith('"')&&l.endsWith('"')||l.startsWith("'")&&l.endsWith("'")?l.slice(1,-1):l;if(!e.nodes?.find(l=>l.type!=="atrule"||l.name!=="plugin"?false:c(l.params)===c(a))){let l=x$1.atRule({name:"plugin",params:s,raws:{semicolon:true,before:`
|
|
8
|
+
`}}),f=e.nodes?.filter(g=>g.type==="atrule"&&g.name==="import"),d=e.nodes?.filter(g=>g.type==="atrule"&&g.name==="plugin");if(d&&d.length>0){let g=d[d.length-1];e.insertAfter(g,l);}else if(f&&f.length>0){let g=f[f.length-1];e.insertAfter(g,l),e.insertBefore(l,x$1.comment({text:"---break---"})),e.insertAfter(l,x$1.comment({text:"---break---"}));}else e.prepend(l),e.insertBefore(l,x$1.comment({text:"---break---"})),e.insertAfter(l,x$1.comment({text:"---break---"}));}}else if(typeof i=="object"&&Object.keys(i).length===0){if(!e.nodes?.find(c=>c.type==="atrule"&&c.name===o&&c.params===a)){let c=x$1.atRule({name:o,params:a,raws:{semicolon:true}});e.append(c),e.insertBefore(c,x$1.comment({text:"---break---"}));}}else if(o==="keyframes"){let s=e.nodes?.find(l=>l.type==="atrule"&&l.name==="theme"&&l.params==="inline");s||(s=x$1.atRule({name:"theme",params:"inline",raws:{semicolon:true,between:" ",before:`
|
|
9
|
+
`}}),e.append(s),e.insertBefore(s,x$1.comment({text:"---break---"})));let c=s.nodes?.find(l=>l.type==="atrule"&&l.name==="keyframes"&&l.params===a),m;if(c?(m=x$1.atRule({name:"keyframes",params:a,raws:{semicolon:true,between:" ",before:`
|
|
10
|
+
`}}),c.replaceWith(m)):(m=x$1.atRule({name:"keyframes",params:a,raws:{semicolon:true,between:" ",before:`
|
|
11
|
+
`}}),s.append(m)),typeof i=="object")for(let[l,f]of Object.entries(i))Y(m,l,f);}else if(o==="utility"){let s=e.nodes?.find(c=>c.type==="atrule"&&c.name===o&&c.params===a);if(s){if(typeof i=="object")for(let[c,m]of Object.entries(i))if(typeof m=="string"){let l=s.nodes?.find(d=>d.type==="decl"&&d.prop===c),f=x$1.decl({prop:c,value:m,raws:{semicolon:true,before:`
|
|
12
|
+
`}});l?l.replaceWith(f):s.append(f);}else typeof m=="object"&&Y(s,c,m);}else {let c=x$1.atRule({name:o,params:a,raws:{semicolon:true,between:" ",before:`
|
|
13
|
+
`}});if(e.append(c),e.insertBefore(c,x$1.comment({text:"---break---"})),typeof i=="object")for(let[m,l]of Object.entries(i))if(typeof l=="string"){let f=x$1.decl({prop:m,value:l,raws:{semicolon:true,before:`
|
|
14
|
+
`}});c.append(f);}else typeof l=="object"&&Y(c,m,l);}}else o==="property"?Y(e,r,i):kt(e,o,a,i);}else Y(e,r,i);}}}function kt(t,e,r,i){let n=t.nodes?.find(o=>o.type==="atrule"&&o.name===e&&o.params===r);if(n||(n=x$1.atRule({name:e,params:r,raws:{semicolon:true,between:" ",before:`
|
|
15
|
+
`}}),t.append(n),t.insertBefore(n,x$1.comment({text:"---break---"}))),typeof i=="object")for(let[o,a]of Object.entries(i))if(o.startsWith("@")){let s=o.match(/@([a-zA-Z-]+)\s*(.*)/);if(s){let[,c,m]=s;kt(n,c,m,a);}}else Y(n,o,a);else if(typeof i=="string")try{let a=x$1.parse(`.temp{${i}}`).first;if(a&&a.nodes){let s=x$1.rule({selector:"temp",raws:{semicolon:!0,between:" ",before:`
|
|
17
16
|
`}});a.nodes.forEach(c=>{if(c.type==="decl"){let m=c.clone();m.raws.before=`
|
|
18
|
-
`,s.append(m);}}),s.nodes?.length&&n.append(s);}}catch(o){throw console.error("Error parsing at-rule content:",i,o),o}}function
|
|
19
|
-
`}}),
|
|
20
|
-
`}});i.append(m);}}else if(typeof o=="string"){let a=x.decl({prop:n,value:o,raws:{semicolon:true,before:`
|
|
21
|
-
`}}),s=i.nodes?.find(c=>c.type==="decl"&&c.prop===n);s?s.replaceWith(a):i.append(a);}else if(typeof o=="object"){let a=n.startsWith("&")?
|
|
22
|
-
`,i?.append(s);}});}catch(n){throw console.error("Error parsing rule content:",
|
|
17
|
+
`,s.append(m);}}),s.nodes?.length&&n.append(s);}}catch(o){throw console.error("Error parsing at-rule content:",i,o),o}}function Y(t,e,r){let i=t.nodes?.find(n=>n.type==="rule"&&n.selector===e);if(i||(i=x$1.rule({selector:e,raws:{semicolon:true,between:" ",before:`
|
|
18
|
+
`}}),t.append(i)),typeof r=="object"){for(let[n,o]of Object.entries(r))if(n.startsWith("@")&&typeof o=="object"&&o!==null&&Object.keys(o).length===0){let a=n.match(/@([a-zA-Z-]+)\s*(.*)/);if(a){let[,s,c]=a,m=x$1.atRule({name:s,params:c,raws:{semicolon:true,before:`
|
|
19
|
+
`}});i.append(m);}}else if(typeof o=="string"){let a=x$1.decl({prop:n,value:o,raws:{semicolon:true,before:`
|
|
20
|
+
`}}),s=i.nodes?.find(c=>c.type==="decl"&&c.prop===n);s?s.replaceWith(a):i.append(a);}else if(typeof o=="object"){let a=n.startsWith("&")?e.replace(/^([^:]+)/,`$1${n.substring(1)}`):n;Y(t,a,o);}}else if(typeof r=="string")try{let o=x$1.parse(`.temp{${r}}`).first;o&&o.nodes&&o.nodes.forEach(a=>{if(a.type==="decl"){let s=a.clone();s.raws.before=`
|
|
21
|
+
`,i?.append(s);}});}catch(n){throw console.error("Error parsing rule content:",e,r,n),n}}async function $t(t,e,r){if(!e.resolvedPaths.tailwindCss||!Object.keys(t??{}).length)return;r={cleanupDefaultNextStyles:false,silent:false,tailwindVersion:"v3",overwriteCssVars:false,initIndex:true,...r};let i=e.resolvedPaths.tailwindCss,n=D__default.relative(e.resolvedPaths.cwd,i),o=D$1(`Updating CSS variables in ${p.info(n)}`,{silent:r.silent}).start(),a=await promises.readFile(i,"utf8"),s=await $r(a,t??{},e,{cleanupDefaultNextStyles:r.cleanupDefaultNextStyles,tailwindVersion:r.tailwindVersion,tailwindConfig:r.tailwindConfig,overwriteCssVars:r.overwriteCssVars,initIndex:r.initIndex});await promises.writeFile(i,s,"utf8"),o.succeed();}async function $r(t,e,r,i={cleanupDefaultNextStyles:false,tailwindVersion:"v3",tailwindConfig:void 0,overwriteCssVars:false,initIndex:false}){i={cleanupDefaultNextStyles:false,tailwindVersion:"v3",tailwindConfig:void 0,overwriteCssVars:false,initIndex:false,...i};let n=[Tr(e)];if(i.cleanupDefaultNextStyles&&n.push(jt()),i.tailwindVersion==="v4"){if(n=[],r.resolvedPaths?.cwd){let s=w(r.resolvedPaths.cwd);!s?.dependencies?.["tailwindcss-animate"]&&!s?.devDependencies?.["tailwindcss-animate"]&&i.initIndex&&n.push(_r({params:"tw-animate-css"}));}n.push(Dr({params:"dark (&:is(.dark *))"})),i.cleanupDefaultNextStyles&&n.push(jt()),n.push(Or(e,{overwriteCssVars:i.overwriteCssVars})),n.push(Ar(e)),i.tailwindConfig&&(n.push(Lr(i.tailwindConfig)),n.push(Wr(i.tailwindConfig)),n.push(Vr(i.tailwindConfig)));}r.tailwind.cssVariables&&i.initIndex&&n.push(Nr({tailwindVersion:i.tailwindVersion}));let a=(await x$1(n).process(t,{from:void 0})).css;return a=a.replace(/\/\* ---break--- \*\//g,""),i.tailwindVersion==="v4"&&(a=a.replace(/(\n\s*\n)+/g,`
|
|
23
22
|
|
|
24
|
-
`)),a}function
|
|
25
|
-
`}}),
|
|
23
|
+
`)),a}function Nr({tailwindVersion:t}){return {postcssPlugin:"update-base-layer",Once(e){let r=[{selector:"*",apply:t==="v4"?"border-border outline-ring/50":"border-border"},{selector:"body",apply:"bg-background text-foreground"}],i=e.nodes.find(n=>n.type==="atrule"&&n.name==="layer"&&n.params==="base"&&r.every(({selector:o,apply:a})=>n.nodes?.some(s=>s.type==="rule"&&s.selector===o&&s.nodes.some(c=>c.type==="atrule"&&c.name==="apply"&&c.params===a))));i||(i=x$1.atRule({name:"layer",params:"base",raws:{semicolon:true,between:" ",before:`
|
|
24
|
+
`}}),e.append(i),e.insertBefore(i,x$1.comment({text:"---break---"}))),r.forEach(({selector:n,apply:o})=>{i?.nodes?.find(s=>s.type==="rule"&&s.selector===n)||i?.append(x$1.rule({selector:n,nodes:[x$1.atRule({name:"apply",params:o,raws:{semicolon:true,before:`
|
|
26
25
|
`}})],raws:{semicolon:true,between:" ",before:`
|
|
27
|
-
`}}));});}}}function
|
|
28
|
-
`,between:" "}}),
|
|
29
|
-
`}}),
|
|
30
|
-
`}}),r.append(a),r.insertBefore(a,x.comment({text:"---break---"}))),Object.entries(n).forEach(([s,c])=>{let m=`--${s.replace(/^--/,"")}`;m==="--sidebar-background"&&(m="--sidebar"),
|
|
31
|
-
`}}),
|
|
32
|
-
`}});if(i.length>0){let o=i[i.length-1];
|
|
33
|
-
`}});if(r.length>0){let a=r[r.length-1];
|
|
34
|
-
`}});
|
|
35
|
-
`}});for(let[m,l]of Object.entries(s.data)){let
|
|
26
|
+
`}}));});}}}function Tr(t){return {postcssPlugin:"update-css-vars",Once(e){let r=e.nodes.find(i=>i.type==="atrule"&&i.name==="layer"&&i.params==="base");r instanceof jr||(r=x$1.atRule({name:"layer",params:"base",nodes:[],raws:{semicolon:true,before:`
|
|
27
|
+
`,between:" "}}),e.append(r),e.insertBefore(r,x$1.comment({text:"---break---"}))),r!==void 0&&Object.entries(t).forEach(([i,n])=>{let o=i==="light"?":root":`.${i}`;Fr(r,o,n);});}}}function Et(t){let e=t.nodes.find(r=>r.type==="rule"&&r.selector===":root");if(e){let r=["--background","--foreground"];e.nodes.filter(i=>i.type==="decl"&&r.includes(i.prop)).forEach(i=>i.remove()),e.nodes.length===0&&e.remove();}}function jt(){return {postcssPlugin:"cleanup-default-next-styles",Once(t){let e=t.nodes.find(i=>i.type==="rule"&&i.selector==="body");e&&(e.nodes.find(i=>i.type==="decl"&&i.prop==="color"&&["rgb(var(--foreground-rgb))","var(--foreground)"].includes(i.value))?.remove(),e.nodes.find(i=>i.type==="decl"&&i.prop==="background"&&(i.value.startsWith("linear-gradient")||i.value==="var(--background)"))?.remove(),e.nodes.find(i=>i.type==="decl"&&i.prop==="font-family"&&i.value==="Arial, Helvetica, sans-serif")?.remove(),e.nodes.length===0&&e.remove()),Et(t);let r=t.nodes.find(i=>i.type==="atrule"&&i.params==="(prefers-color-scheme: dark)");r&&(Et(r),r.nodes.length===0&&r.remove());}}}function Fr(t,e,r){let i=t.nodes?.find(n=>n.type==="rule"&&n.selector===e);i||Object.keys(r).length>0&&(i=x$1.rule({selector:e,raws:{between:" ",before:`
|
|
28
|
+
`}}),t.append(i)),Object.entries(r).forEach(([n,o])=>{let a=`--${n.replace(/^--/,"")}`,s=x$1.decl({prop:a,value:o,raws:{semicolon:true}}),c=i?.nodes.find(m=>m.type==="decl"&&m.prop===a);c?c.replaceWith(s):i?.append(s);});}function Or(t,e){return {postcssPlugin:"update-css-vars-v4",Once(r){Object.entries(t).forEach(([i,n])=>{let o=i==="light"?":root":`.${i}`;if(i==="theme"){o="@theme";let s=be(r);Object.entries(n).forEach(([c,m])=>{let l=`--${c.replace(/^--/,"")}`,f=x$1.decl({prop:l,value:m,raws:{semicolon:true}}),d=s?.nodes?.find(g=>g.type==="decl"&&g.prop===l);e.overwriteCssVars?d?d.replaceWith(f):s?.append(f):d||s?.append(f);});return}let a=r.nodes?.find(s=>s.type==="rule"&&s.selector===o);!a&&Object.keys(n).length>0&&(a=x$1.rule({selector:o,nodes:[],raws:{semicolon:true,between:" ",before:`
|
|
29
|
+
`}}),r.append(a),r.insertBefore(a,x$1.comment({text:"---break---"}))),Object.entries(n).forEach(([s,c])=>{let m=`--${s.replace(/^--/,"")}`;m==="--sidebar-background"&&(m="--sidebar"),Nt(c)&&(c=`hsl(${c})`);let l=x$1.decl({prop:m,value:c,raws:{semicolon:true}}),f=a?.nodes.find(d=>d.type==="decl"&&d.prop===m);e.overwriteCssVars?f?f.replaceWith(l):a?.append(l):f||a?.append(l);});});}}}function Ar(t){return {postcssPlugin:"update-theme",Once(e){let r=Array.from(new Set(Object.keys(t).flatMap(o=>Object.keys(t[o]||{}))));if(!r.length)return;let i=be(e),n=i.nodes?.filter(o=>o.type==="decl"&&o.prop.startsWith("--"));for(let o of r){let a=Object.values(t).find(f=>f[o])?.[o];if(!a)continue;if(o==="radius"){let f={sm:"calc(var(--radius) - 4px)",md:"calc(var(--radius) - 2px)",lg:"var(--radius)",xl:"calc(var(--radius) + 4px)","2xl":"calc(var(--radius) + 8px)","3xl":"calc(var(--radius) + 12px)","4xl":"calc(var(--radius) + 16px)"};for(let[d,g]of Object.entries(f)){let h=x$1.decl({prop:`--radius-${d}`,value:g,raws:{semicolon:true}});i?.nodes?.find(y=>y.type==="decl"&&y.prop===h.prop)||i?.append(h);}continue}let s=Nt(a)||zr(a)?`--color-${o.replace(/^--/,"")}`:`--${o.replace(/^--/,"")}`;s==="--color-sidebar-background"&&(s="--color-sidebar");let c=`var(--${o})`;s==="--color-sidebar"&&(c="var(--sidebar)");let m=x$1.decl({prop:s,value:c,raws:{semicolon:true}});i?.nodes?.find(f=>f.type==="decl"&&f.prop===m.prop)||(n?.length?i?.insertAfter(n[n.length-1],m):i?.append(m));}}}}function be(t){let e=t.nodes.find(r=>r.type==="atrule"&&r.name==="theme"&&r.params==="inline");return e||(e=x$1.atRule({name:"theme",params:"inline",nodes:[],raws:{semicolon:true,between:" ",before:`
|
|
30
|
+
`}}),t.append(e),t.insertBefore(e,x$1.comment({text:"---break---"}))),e}function Dr({params:t}){return {postcssPlugin:"add-custom-variant",Once(e){if(!e.nodes.find(i=>i.type==="atrule"&&i.name==="custom-variant")){let i=e.nodes.filter(o=>o.type==="atrule"&&o.name==="import"),n=x$1.atRule({name:"custom-variant",params:t,raws:{semicolon:true,before:`
|
|
31
|
+
`}});if(i.length>0){let o=i[i.length-1];e.insertAfter(o,n);}else e.insertAfter(e.nodes[0],n);e.insertBefore(n,x$1.comment({text:"---break---"}));}}}}function _r({params:t}){return {postcssPlugin:"add-custom-import",Once(e){let r=e.nodes.filter(o=>o.type==="atrule"&&o.name==="import"),i=e.nodes.find(o=>o.type==="atrule"&&o.name==="custom-variant");if(!r.some(o=>o.params.replace(/["']/g,"")===t)){let o=x$1.atRule({name:"import",params:`"${t}"`,raws:{semicolon:true,before:`
|
|
32
|
+
`}});if(r.length>0){let a=r[r.length-1];e.insertAfter(a,o);}else i?(e.insertBefore(i,o),e.insertBefore(i,x$1.comment({text:"---break---"}))):(e.prepend(o),e.insertAfter(o,x$1.comment({text:"---break---"})));}}}}function Lr(t){return {postcssPlugin:"update-tailwind-config",Once(e){if(!t?.plugins)return;let i=Mr(e)==="single"?"'":'"',n=e.nodes.filter(a=>a.type==="atrule"&&a.name==="plugin"),o=n[n.length-1]||e.nodes[0];for(let a of t.plugins){let s=a.replace(/^require\(["']|["']\)$/g,"");if(n.some(m=>m.params.replace(/["']/g,"")===s))continue;let c=x$1.atRule({name:"plugin",params:`${i}${s}${i}`,raws:{semicolon:true,before:`
|
|
33
|
+
`}});e.insertAfter(o,c),e.insertBefore(c,x$1.comment({text:"---break---"}));}}}}function Vr(t){return {postcssPlugin:"update-tailwind-config-keyframes",Once(e){if(!t?.theme?.extend?.keyframes)return;let r=be(e),i=r.nodes?.filter(o=>o.type==="atrule"&&o.name==="keyframes"),n=z$1.record(z$1.string(),z$1.record(z$1.string(),z$1.string()));for(let[o,a]of Object.entries(t.theme.extend.keyframes)){if(typeof o!="string")continue;let s=n.safeParse(a);if(!s.success||i?.find(m=>m.type==="atrule"&&m.name==="keyframes"&&m.params===o))continue;let c=x$1.atRule({name:"keyframes",params:o,nodes:[],raws:{semicolon:true,between:" ",before:`
|
|
34
|
+
`}});for(let[m,l]of Object.entries(s.data)){let f=x$1.rule({selector:m,nodes:Object.entries(l).map(([d,g])=>x$1.decl({prop:d,value:g,raws:{semicolon:true,before:`
|
|
36
35
|
`,between:": "}})),raws:{semicolon:true,between:" ",before:`
|
|
37
|
-
`}});c.append(
|
|
38
|
-
`}});r.append(c);}}}}function
|
|
36
|
+
`}});c.append(f);}r.append(c),r.insertBefore(c,x$1.comment({text:"---break---"}));}}}}function Wr(t){return {postcssPlugin:"update-tailwind-config-animation",Once(e){if(!t?.theme?.extend?.animation)return;let r=be(e),i=r.nodes?.filter(o=>o.type==="decl"&&o.prop.startsWith("--animate-")),n=z$1.record(z$1.string(),z$1.string()).safeParse(t.theme.extend.animation);if(n.success)for(let[o,a]of Object.entries(n.data)){let s=`--animate-${o}`;if(i?.find(m=>m.prop===s))continue;let c=x$1.decl({prop:s,value:a,raws:{semicolon:true,between:": ",before:`
|
|
37
|
+
`}});r.append(c);}}}}function Mr(t){return t.nodes[0].toString().includes("'")?"single":"double"}function Nt(t){if(t.startsWith("hsl")||t.startsWith("rgb")||t.startsWith("#")||t.startsWith("oklch"))return false;let e=t.split(" ");return e.length===3&&e.slice(1,3).every(r=>r.includes("%"))}function zr(t){return t.startsWith("hsl")||t.startsWith("rgb")||t.startsWith("#")||t.startsWith("oklch")||t.includes("--color-")}async function O(t,e,r,i){if(t=Array.from(new Set(t)),e=Array.from(new Set(e)),!t?.length&&!e?.length)return;i={silent:false,...i};let n=D$1("Installing dependencies.",{silent:i.silent})?.start(),o=await Gr(r),a="";if(Ur(r)&&o==="npm")if(i.silent)a="force";else {n.stopAndPersist(),C.warn(`
|
|
39
38
|
It looks like you are using React 19.
|
|
40
39
|
Some packages may fail to install due to peer dependency issues in npm (see https://ui.shadcn.com/react-19).
|
|
41
|
-
`);let s
|
|
42
|
-
`),l=[],
|
|
43
|
-
`,"utf-8"),
|
|
44
|
-
`);}a.push(m);}return a.length>0&&
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
Existing CSS variables and components will be overwritten. Continue?`)});h||(s.break(),s.log("Installation cancelled."),s.break(),process.exit(1));}}if(r.components?.length||(r.components=await nn(r)),(await p(r.cwd))?.tailwindVersion==="v4"){let g=c$1.filter(h=>r.components?.includes(h.name));g?.length&&(s.break(),g.forEach(h=>{s.warn(d.warn(h.message));}),s.break(),process.exit(1));}let{errors:l,config:p$1}=await fr(r);console.log({errors:l,config:p$1});let u=!1;l["3"]&&(p$1=await he({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!1,silent:r.silent&&!a,isNewProject:!1,srcDir:r.srcDir,cssVariables:r.cssVariables,baseStyle:c,baseColor:c?void 0:"neutral",components:r.components}),u=!0);}catch(r){console.log("add error"),s.break(),Y(r);}finally{P();}});async function nn(e){let t=await ba();if(!t)return s.break(),Y(new Error("Failed to fetch registry index.")),[];if(e.all)return t.map(n=>n.name).filter(n=>!c$1.some(o=>o.name===n));if(e.components?.length)return e.components;let{components:r}=await Oe({type:"multiselect",name:"components",message:"Which components would you like to add?",hint:"Space to select. A to toggle all. Enter to submit.",instructions:false,choices:t.filter(n=>n.type==="registry:ui"&&!c$1.some(o=>o.name===n.name)).map(n=>({title:n.name,value:n.name,selected:e.all?true:e.components?.includes(n.name)}))});r?.length||(s.warn("No components selected. Exiting."),s.info(""),process.exit(1));let i=z.array(z.string()).safeParse(r);return i.success?i.data:(s.error(""),Y(new Error("Something went wrong. Please try again.")),[])}async function hr(e){let t={},r={cwd:e.cwd,registryFile:j__default.resolve(e.cwd,e.registryFile),outputDir:j__default.resolve(e.cwd,e.outputDir)};return v.existsSync(r.registryFile)||(t["13"]=true),await v.mkdir(r.outputDir,{recursive:true}),Object.keys(t).length>0&&(t["13"]&&(s.break(),s.error(`The path ${d.info(r.registryFile)} does not exist.`)),s.break(),process.exit(1)),{errors:t,resolvePaths:r}}var sn=z.object({cwd:z.string(),registryFile:z.string(),outputDir:z.string()}),yr=new Command().name("build").description("build components for a shadcn registry").argument("[registry]","path to registry.json file","./registry.json").option("-o, --output <path>","destination directory for json files","./public/r").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async(e,t$1)=>{try{let r=sn.parse({cwd:j.resolve(t$1.cwd),registryFile:e,outputDir:t$1.output}),{resolvePaths:i}=await hr(r),n=await J.readFile(i.registryFile,"utf-8"),o$1=o.safeParse(JSON.parse(n));o$1.success||(s.error(`Invalid registry file found at ${d.info(i.registryFile)}.`),process.exit(1));let a=t("Building registry...");for(let s$1 of o$1.data.items){a.start(`Building ${s$1.name}...`),s$1.$schema="https://ui.shadcn.com/schema/registry-item.json";for(let m of s$1.files??[])m.content=await J.readFile(j.resolve(i.cwd,m.path),"utf-8");let c=n$1.safeParse(s$1);if(!c.success){s.error(`Invalid registry item found for ${d.info(s$1.name)}.`);continue}await J.writeFile(j.resolve(i.outputDir,`${c.data.name}.json`),JSON.stringify(c.data,null,2));}await J.copyFile(i.registryFile,j.resolve(i.outputDir,"registry.json")),a.succeed("Building registry.");}catch(r){s.break(),Y(r);}});var br="https://ui.shadcn.com",ln={next:"Next.js",vite:"Vite",start:"TanStack Start"},xr=new Command().name("create").description("create a new project with shadcn/ui").argument("[name]","the name of your project").option("-t, --template <template>","the template to use. e.g. next, start or vite").option("-p, --preset [name]","use a preset configuration").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("--src-dir","use the src directory when creating a new project.",false).option("--no-src-dir","do not use the src directory when creating a new project.").option("-y, --yes","skip confirmation prompt.",true).action(async(e,t)=>{try{if(!e&&!t.template&&!t.preset){let h=vr();s.log("Build your own shadcn/ui."),s.log(`You will be taken to ${d.info(h)} to build your custom design system.`),s.break();let{proceed:y}=await Oe({type:"confirm",name:"proceed",message:"Open in browser?",initial:!0});y&&await wr(h),process.exit(0);}let i=e;if(!i){let{enteredName:h}=await Oe({type:"text",name:"enteredName",message:"What is your project named?",initial:t.template?`${t.template}-app`:"my-app",format:y=>y.trim(),validate:y=>y.length>128?"Name should be less than 128 characters.":!0});h||process.exit(0),i=h;}let n=t.template;if(!n){let{selectedTemplate:h}=await Oe({type:"select",name:"selectedTemplate",message:`Which ${d.info("template")} would you like to use?`,choices:Object.entries(ln).map(([y,C])=>({title:C,value:y}))});h||process.exit(0),n=h;}let o=await fn(t.preset??!0);o||process.exit(0);let a,s$1;"_isUrl"in o?(a=o.url,s$1=new URL(o.url).searchParams.get("baseColor")??"neutral"):(a=mn(o),s$1=o.baseColor);let c=O({}),{config:m}=await D([a],c,{silent:!0});c=m;let[l]=await _([a],{config:c}),p;l?.type==="registry:base"&&l.config&&(p=l.config);let u=rt.parse({cwd:j__default.resolve(t.cwd),name:i,components:[a],yes:t.yes,defaults:!1,force:!1,silent:!1,isNewProject:!0,srcDir:t.srcDir,cssVariables:!0,template:n,baseColor:s$1,baseStyle:!1,registryBaseConfig:p,skipPreflight:!1}),g=await he(u);if(g){await se(["component-example"],g,{baseStyle:!1,silent:!0,overwrite:!0});let h=pn(n);h.length>0&&await K(h,g,{overwrite:!0,silent:!0});}s.log(`${d.success("Success!")} Project initialization completed.
|
|
50
|
-
You may now add components.`),s.break();}catch(r){s.break(),Y(r);}finally{P();}});function mn(e){let t=new URLSearchParams({base:e.base,style:e.style,baseColor:e.baseColor,theme:e.theme,iconLibrary:e.iconLibrary,font:e.font,menuAccent:e.menuAccent,menuColor:e.menuColor,radius:e.radius});return `${dn()}?${t.toString()}`}async function fn(e){if(e===true){let t=await ka(),{selectedPreset:r}=await Oe({type:"select",name:"selectedPreset",message:`Which ${d.info("preset")} would you like to use?`,choices:[...t.map(i=>({title:i.title,description:i.description,value:i.name})),{title:"Custom",description:"Build your own on https://ui.shadcn.com",value:"custom"}]});if(!r)return null;if(r==="custom"){let i=vr();return s.info(`
|
|
51
|
-
Opening ${d.info(i)} in your browser...
|
|
52
|
-
`),await wr(i),null}return t.find(i=>i.name===r)??null}if(typeof e=="string"){if(M$1(e))return {_isUrl:true,url:e};let t=await la(e);if(!t){let i=(await ka()).map(n=>n.name).join(", ");s.error(`Preset "${e}" not found. Available presets: ${i}`),process.exit(1);}return t}return null}function pn(e){switch(e){case "vite":return [{type:"registry:file",path:"src/App.tsx",target:"src/App.tsx",content:nt`import { ComponentExample } from "@/components/component-example";
|
|
40
|
+
`);let s=await Ce([{type:"select",name:"flag",message:"How would you like to proceed?",choices:[{title:"Use --force",value:"force"},{title:"Use --legacy-peer-deps",value:"legacy-peer-deps"}]}]);s&&(a=s.flag);}n?.start(),await Jr(o,t,e,r.resolvedPaths.cwd,a),n?.succeed();}function Ur(t){let e=w(t.resolvedPaths.cwd,false);if(!e?.dependencies?.react)return false;let r=/^(?:\^|~)?19(?:\.\d+)*(?:-.*)?$/.test(e.dependencies.react),i=e.dependencies["react-day-picker"]?.startsWith("8");return r&&i}async function Gr(t){return w(t.resolvedPaths.cwd,false)?.dependencies?.expo?"expo":a$1(t.resolvedPaths.cwd)}async function Jr(t,e,r,i,n){if(t==="npm")return Yr(e,r,i,n);if(t==="deno")return Kr(e,r,i);if(t==="expo")return qr(e,r,i);e?.length&&await execa(t,["add",...e],{cwd:i}),r?.length&&await execa(t,["add","-D",...r],{cwd:i});}async function Yr(t,e,r,i){t.length&&await execa("npm",["install",...i?[`--${i}`]:[],...t],{cwd:r}),e.length&&await execa("npm",["install",...i?[`--${i}`]:[],"-D",...e],{cwd:r});}async function Kr(t,e,r){t?.length&&await execa("deno",["add",...t.map(i=>`npm:${i}`)],{cwd:r}),e?.length&&await execa("deno",["add","-D",...e.map(i=>`npm:${i}`)],{cwd:r});}async function qr(t,e,r){t.length&&await execa("npx",["expo","install",...t],{cwd:r}),e.length&&await execa("npx",["expo","install","-- -D",...e],{cwd:r});}async function Tt(t,e,r){if(!t||Object.keys(t).length===0)return {envVarsAdded:[],envFileUpdated:null,envFileCreated:null};r={silent:false,...r};let i=D$1("Adding environment variables.",{silent:r.silent})?.start(),n=e.resolvedPaths.cwd,o=D__default.join(n,".env.local"),a=z$2(n);a&&(o=a);let s=existsSync(o),c=D__default.basename(o),m=Object.entries(t).map(([g,h])=>`${g}=${h}`).join(`
|
|
41
|
+
`),l=[],f=null,d=null;if(s){let g=await promises.readFile(o,"utf-8"),h=B(g,m);if(l=A(g,m),l.length>0){if(await promises.writeFile(o,h,"utf-8"),f=D__default.relative(n,o),i?.succeed(`Added the following variables to ${p.info(c)}:`),!r.silent)for(let y of l)C.log(` ${p.success("+")} ${y}`);}else i?.stop();}else if(await promises.writeFile(o,m+`
|
|
42
|
+
`,"utf-8"),d=D__default.relative(n,o),l=Object.keys(t),i?.succeed(`Added the following variables to ${p.info(c)}:`),!r.silent)for(let g of l)C.log(` ${p.success("+")} ${g}`);return !r.silent&&l.length>0&&C.break(),{envVarsAdded:l,envFileUpdated:f,envFileCreated:d}}async function Ot(t,e,r){if(!t?.length)return;let i=await x(e.resolvedPaths.cwd);if(!i||i.framework.name!=="next-app"&&i.framework.name!=="next-pages")return;let n=D$1("Updating fonts.",{silent:r.silent})?.start();try{await ri(t,e,i),n?.succeed("Updating fonts.");}catch(o){throw n?.fail("Failed to update fonts."),o}}async function ri(t,e,r){let i=await ii(e,r);if(!i)return;let n=await promises.readFile(i,"utf-8"),o=await oi(n,t);o!==n&&await promises.writeFile(i,o,"utf-8");}async function ii(t,e){let r=t.resolvedPaths.cwd,i=e.isSrcDir,o=e.isTsx?"tsx":"jsx",a=i?[`src/app/layout.${o}`,`app/layout.${o}`]:[`app/layout.${o}`];for(let s of a){let c=D__default.join(r,s);if(existsSync(c))return c}return null}async function oi(t,e,r){let n=new Project({compilerOptions:{}}).createSourceFile("layout.tsx",t,{scriptKind:ScriptKind.TSX}),o=e.filter(s=>s.font.provider==="google"),a=[];for(let s of o){let c=s.font.import;if(!c)continue;let m=si(c),l=n.getImportDeclaration(g=>g.getModuleSpecifierValue()==="next/font/google"),f=ni(s);l?l.getNamedImports().some(y=>y.getName()===c)||l.addNamedImport(c):n.addImportDeclaration({moduleSpecifier:"next/font/google",namedImports:[c]});let d=ai(n,s.font.variable);if(d)d.setInitializer(`${c}(${f})`),d.getName()!==m&&d.rename(m);else {let g=ci(n);n.insertVariableStatement(g,{declarationKind:VariableDeclarationKind.Const,declarations:[{name:m,initializer:`${c}(${f})`}]}).appendWhitespace(`
|
|
43
|
+
`);}a.push(m);}return a.length>0&&li(n,a),n.getFullText()}function ni(t){let e={};return t.font.subsets?.length&&(e.subsets=t.font.subsets),t.font.weight?.length&&(e.weight=t.font.weight),e.variable=t.font.variable,JSON.stringify(e).replace(/"([^"]+)":/g,"$1:").replace(/"/g,"'")}function si(t){return t.split("_").map((e,r)=>r===0?e.toLowerCase():e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join("")}function ai(t,e){let r=t.getVariableStatements();for(let i of r)for(let n of i.getDeclarations()){let o=n.getInitializer();if(!o||o.getKind()!==SyntaxKind.CallExpression)continue;let s=o.getArguments();if(s.length===0)continue;let c=s[0].getText();if(c.includes("variable:")&&c.includes(e))return n}return null}function ci(t){let e=t.getImportDeclarations();return e.length>0?e[e.length-1].getChildIndex()+1:0}function li(t,e){let r=t.getDescendantsOfKind(SyntaxKind.JsxOpeningElement);for(let i of r){if(i.getTagNameNode().getText()!=="html")continue;let o=i.getAttribute("className");if(!o){let m=e.map(l=>`${l}.variable`).join(", ");e.length===1?i.addAttribute({name:"className",initializer:`{${m}}`}):(se(t),i.addAttribute({name:"className",initializer:`{cn(${m})}`}));return}if(o.getKind()!==SyntaxKind.JsxAttribute)return;let a=o.asKindOrThrow(SyntaxKind.JsxAttribute),s=a.getInitializer();if(!s)return;let c=e.map(m=>`${m}.variable`);if(s.getKind()===SyntaxKind.StringLiteral){let m=s.getText().slice(1,-1);se(t),a.setInitializer(`{cn("${m}", ${c.join(", ")})}`);}else if(s.getKind()===SyntaxKind.JsxExpression){let m=s.asKindOrThrow(SyntaxKind.JsxExpression),l=m.getExpression();if(!l)return;let f=l.getText();if(f.startsWith("cn(")){if(c.every(y=>f.includes(y)))continue;let g=pi(f),h=fi(g,c);m.replaceWithText(`{${h}}`);}else if(/^\w+\.variable$/.test(f)){if(c.includes(f))continue;c.length===1?m.replaceWithText(`{${c[0]}}`):(se(t),m.replaceWithText(`{cn(${c.join(", ")})}`));}else if(f.startsWith("`")&&f.endsWith("`")){let d=mi(f);se(t),m.replaceWithText(`{cn(${[...d,...c].join(", ")})}`);}else se(t),m.replaceWithText(`{cn(${f}, ${c.join(", ")})}`);}}}function se(t){if(!t.getImportDeclaration(r=>r.getNamedImports().some(n=>n.getName()==="cn"))){let r=t.getImportDeclaration(i=>i.getModuleSpecifierValue().includes("/lib/utils"));r?r.getNamedImports().some(n=>n.getName()==="cn")||r.addNamedImport("cn"):t.addImportDeclaration({moduleSpecifier:"@/lib/utils",namedImports:["cn"]});}}function mi(t){let e=[],r=[],n=t.slice(1,-1).split(/(\$\{[^}]+\})/);for(let o of n)if(o)if(o.startsWith("${")&&o.endsWith("}")){let a=o.slice(2,-1).trim();a&&r.push(a);}else {let a=o.trim().split(/\s+/).filter(Boolean);for(let s of a)e.push(`"${s}"`);}return [...e,...r]}function pi(t){return t.replace(/,?\s*\w+\.variable/g,"").replace(/cn\(\s*,/,"cn(")}function fi(t,e){let r=e.join(", ");return t.replace(/\)$/,`, ${r})`)}async function ve(t,e,r){r={overwrite:false,silent:false,isNewProject:false,baseStyle:true,...r};let i=await s(e);return i&&i.ui&&i.ui.resolvedPaths.cwd!==e.resolvedPaths.cwd?await gi(t,e,i,{...r,isRemote:t?.length===1&&!!t[0].match(/\/chat\/b\//)}):await ui(t,e,r)}async function ui(t,e,r){if(!r.baseStyle&&!t.length)return;let i=D$1("Checking registry.",{silent:r.silent})?.start(),n=await P(t,J(e));if(!n)return i?.fail(),Q$1(new Error("Failed to fetch components from registry."));try{At(n.files??[],e.resolvedPaths.cwd);}catch(o){return i?.fail(),Q$1(o)}i?.succeed(),await O(n.dependencies,n.devDependencies,e,{silent:r.silent}),await F$1(n.files,e,{overwrite:r.overwrite,silent:r.silent,path:r.path}),n.docs&&C.info(n.docs);}async function gi(t$1,e,r,i){if(!i.baseStyle&&!t$1.length)return;let n=D$1("Checking registry.",{silent:i.silent})?.start(),o=await P(t$1,J(e));if(!o)return n?.fail(),Q$1(new Error("Failed to fetch components from registry."));try{At(o.files??[],e.resolvedPaths.cwd);}catch(y){return n?.fail(),Q$1(y)}n?.succeed();let a=[],s=[],c=[],m=D$1("Installing components.")?.start(),l=r.ui,f=await y(l),d=u(e.resolvedPaths.cwd,l.resolvedPaths.ui);if(o.tailwind?.config&&(await N(o.tailwind?.config,l,{silent:true,tailwindVersion:f}),s.push(D__default.relative(d,l.resolvedPaths.tailwindConfig))),o.cssVars){let y=await hi(t$1,e);await $t(o.cssVars,l,{silent:true,tailwindVersion:f,tailwindConfig:o.tailwind?.config,overwriteCssVars:y}),s.push(D__default.relative(d,l.resolvedPaths.tailwindCss));}o.css&&(await It(o.css,l,{silent:true}),s.push(D__default.relative(d,l.resolvedPaths.tailwindCss))),o.envVars&&await Tt(o.envVars,l,{silent:true}),await O(o.dependencies,o.devDependencies,l,{silent:true}),await Ot(o.fonts,l,{silent:true});let g=new Map;for(let y of o.files??[]){let C=y.type||"registry:ui";g.has(C)||g.set(C,[]),g.get(C).push(y);}for(let y of Array.from(g.keys())){let C=g.get(y),v=y==="registry:ui"?r.ui:e,L=u(e.resolvedPaths.cwd,v.resolvedPaths.ui||v.resolvedPaths.cwd),E=await t(L,v.resolvedPaths.cwd)??v.resolvedPaths.cwd,B=await F$1(C,v,{overwrite:i.overwrite,silent:true,rootSpinner:m,isRemote:i.isRemote,isWorkspace:true,path:i.path});a.push(...B.filesCreated.map(j=>D__default.relative(L,D__default.join(E,j)))),s.push(...B.filesUpdated.map(j=>D__default.relative(L,D__default.join(E,j)))),c.push(...B.filesSkipped.map(j=>D__default.relative(L,D__default.join(E,j))));}if(m?.succeed(),a.sort(),s.sort(),c.sort(),!(a.length||s.length)&&!c.length&&D$1("No files updated.",{silent:i.silent})?.info(),a.length){D$1(`Created ${a.length} ${a.length===1?"file":"files"}:`,{silent:i.silent})?.succeed();for(let y of a)C.log(` - ${y}`);}if(s.length){D$1(`Updated ${s.length} ${s.length===1?"file":"files"}:`,{silent:i.silent})?.info();for(let y of s)C.log(` - ${y}`);}if(c.length){D$1(`Skipped ${c.length} ${s.length===1?"file":"files"}: (use --overwrite to overwrite)`,{silent:i.silent})?.info();for(let y of c)C.log(` - ${y}`);}o.docs&&C.info(o.docs);}async function hi(t,e){let r=await S(t,{config:e});return z$1.array(n).parse(r).some(n=>n.type==="registry:theme"||n.type==="registry:style"||n.type==="registry:font"||n.type==="registry:base")}function At(t,e){for(let r of t)if(r?.target&&!Ct(r.target,e))throw new Error(`We found an unsafe file path "${r.target} in the registry item. Installation aborted.`)}var bi=z$1.object({components:z$1.array(z$1.string()).optional(),yes:z$1.boolean(),overwrite:z$1.boolean(),cwd:z$1.string(),all:z$1.boolean(),path:z$1.string().optional(),silent:z$1.boolean(),srcDir:z$1.boolean().optional(),cssVariables:z$1.boolean()}),_t=new Command().name("add").description("add a component to your project").argument("[components...]","names, url or local path to component").option("-y, --yes","skip confirmation prompt.",false).option("-o, --overwrite","overwrite existing files.",false).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-a, --all","add all available components",false).option("-p, --path <path>","the path to add the component to.").option("-s, --silent","mute output.",false).option("--src-dir","use the src directory when creating a new project.",false).option("--no-src-dir","do not use the src directory when creating a new project.").option("--css-variables","use css variables for theming.",true).option("--no-css-variables","do not use css variables for theming.").action(async(t,e)=>{try{let r=bi.parse({components:t,cwd:D__default.resolve(e.cwd),...e});await T(r.cwd);let i=await q(r.cwd);i||(i=v({style:"new-york",resolvedPaths:{cwd:r.cwd}}));let n=["sidebar-","login-","signup-","otp-","calendar-"],o=["base-","radix-"];if(t.length>0&&i?.style&&o.some(f=>i?.style.startsWith(f))){let f=t.filter(d=>n.some(g=>d.startsWith(g)));f.length&&(C.warn(`The ${p.info(f.map(d=>d).join(", "))} component(s) are not available for the ${p.info(i.style)} style yet. They are coming soon.`),C.warn("In the meantime, you can visit the blocks page on https://ui.shadcn.com/blocks and copy the code."),C.break(),process.exit(1));}let a=!1;if(t.length>0){let{config:l,newRegistries:f}=await F(t,i,{silent:r.silent,writeFile:!1});i=l,a=f.length>0;}let s,c=!0;if(t.length>0){let[l]=await S([t[0]],{config:i});if(s=l?.type,c=s!=="registry:theme"&&s!=="registry:style",I(l)){await ve(t,i,{...r,baseStyle:c});return}if(!r.yes&&(s==="registry:style"||s==="registry:theme")){C.break();let{confirm:f}=await Ce({type:"confirm",name:"confirm",message:p.warn(`You are about to install a new ${s.replace("registry:","")}.
|
|
44
|
+
Existing CSS variables and components will be overwritten. Continue?`)});f||(C.break(),C.log("Installation cancelled."),C.break(),process.exit(1));}}if(r.components?.length||(r.components=await xi(r)),(await x(r.cwd))?.tailwindVersion==="v4"){let l=c$1.filter(f=>r.components?.includes(f.name));l?.length&&(C.break(),l.forEach(f=>{C.warn(p.warn(f.message));}),C.break(),process.exit(1));}await ne({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!1,silent:r.silent&&!a,isNewProject:!1,srcDir:r.srcDir,cssVariables:r.cssVariables,baseStyle:c,baseColor:c?void 0:"neutral",components:r.components});}catch(r){console.log("add error"),C.break(),Q$1(r);}finally{K();}});async function xi(t){let e=await V();if(!e)return C.break(),Q$1(new Error("Failed to fetch registry index.")),[];if(t.all)return e.map(n=>n.name).filter(n=>!c$1.some(o=>o.name===n));if(t.components?.length)return t.components;let{components:r}=await Ce({type:"multiselect",name:"components",message:"Which components would you like to add?",hint:"Space to select. A to toggle all. Enter to submit.",instructions:false,choices:e.filter(n=>n.type==="registry:ui"&&!c$1.some(o=>o.name===n.name)).map(n=>({title:n.name,value:n.name,selected:t.all?true:t.components?.includes(n.name)}))});r?.length||(C.warn("No components selected. Exiting."),C.info(""),process.exit(1));let i=z$1.array(z$1.string()).safeParse(r);return i.success?i.data:(C.error(""),Q$1(new Error("Something went wrong. Please try again.")),[])}async function Wt(t){let e={},r={cwd:t.cwd,registryFile:D__default.resolve(t.cwd,t.registryFile),outputDir:D__default.resolve(t.cwd,t.outputDir)};return Q.existsSync(r.registryFile)||(e["13"]=true),await Q.mkdir(r.outputDir,{recursive:true}),Object.keys(e).length>0&&(e["13"]&&(C.break(),C.error(`The path ${p.info(r.registryFile)} does not exist.`)),C.break(),process.exit(1)),{errors:e,resolvePaths:r}}var Si=z$1.object({cwd:z$1.string(),registryFile:z$1.string(),outputDir:z$1.string()}),Mt=new Command().name("build").description("build components for a shadcn registry").argument("[registry]","path to registry.json file","./registry.json").option("-o, --output <path>","destination directory for json files","./public/r").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async(t,e)=>{try{let r=Si.parse({cwd:D.resolve(e.cwd),registryFile:t,outputDir:e.output}),{resolvePaths:i}=await Wt(r),n$1=await _.readFile(i.registryFile,"utf-8"),o$1=o.safeParse(JSON.parse(n$1));o$1.success||(C.error(`Invalid registry file found at ${p.info(i.registryFile)}.`),process.exit(1));let a=D$1("Building registry...");for(let s of o$1.data.items){a.start(`Building ${s.name}...`),s.$schema="https://ui.shadcn.com/schema/registry-item.json";for(let m of s.files??[])m.content=await _.readFile(D.resolve(i.cwd,m.path),"utf-8");let c=n.safeParse(s);if(!c.success){C.error(`Invalid registry item found for ${p.info(s.name)}.`);continue}await _.writeFile(D.resolve(i.outputDir,`${c.data.name}.json`),JSON.stringify(c.data,null,2));}await _.copyFile(i.registryFile,D.resolve(i.outputDir,"registry.json")),a.succeed("Building registry.");}catch(r){C.break(),Q$1(r);}});var Bt="https://ui.shadcn.com",Ii={next:"Next.js",vite:"Vite",start:"TanStack Start"},Ut=new Command().name("create").description("create a new project with shadcn/ui").argument("[name]","the name of your project").option("-t, --template <template>","the template to use. e.g. next, start or vite").option("-p, --preset [name]","use a preset configuration").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("--src-dir","use the src directory when creating a new project.",false).option("--no-src-dir","do not use the src directory when creating a new project.").option("-y, --yes","skip confirmation prompt.",true).action(async(t,e)=>{try{if(!t&&!e.template&&!e.preset){let h=Gt();C.log("Build your own shadcn/ui."),C.log(`You will be taken to ${p.info(h)} to build your custom design system.`),C.break();let{proceed:y}=await Ce({type:"confirm",name:"proceed",message:"Open in browser?",initial:!0});y&&await zt(h),process.exit(0);}let i=t;if(!i){let{enteredName:h}=await Ce({type:"text",name:"enteredName",message:"What is your project named?",initial:e.template?`${e.template}-app`:"my-app",format:y=>y.trim(),validate:y=>y.length>128?"Name should be less than 128 characters.":!0});h||process.exit(0),i=h;}let n=e.template;if(!n){let{selectedTemplate:h}=await Ce({type:"select",name:"selectedTemplate",message:`Which ${p.info("template")} would you like to use?`,choices:Object.entries(Ii).map(([y,C])=>({title:C,value:y}))});h||process.exit(0),n=h;}let o=await Pi(e.preset??!0);o||process.exit(0);let a,s;"_isUrl"in o?(a=o.url,s=new URL(o.url).searchParams.get("baseColor")??"neutral"):(a=ki(o),s=o.baseColor);let c=J({}),{config:m}=await F([a],c,{silent:!0});c=m;let[l]=await S([a],{config:c}),f;l?.type==="registry:base"&&l.config&&(f=l.config);let d=Ae.parse({cwd:D__default.resolve(e.cwd),name:i,components:[a],yes:e.yes,defaults:!1,force:!1,silent:!1,isNewProject:!0,srcDir:e.srcDir,cssVariables:!0,template:n,baseColor:s,baseStyle:!1,registryBaseConfig:f,skipPreflight:!1}),g=await ne(d);if(g){await ve(["component-example"],g,{baseStyle:!1,silent:!0,overwrite:!0});let h=Ei(n);h.length>0&&await F$1(h,g,{overwrite:!0,silent:!0});}C.log(`${p.success("Success!")} Project initialization completed.
|
|
45
|
+
You may now add components.`),C.break();}catch(r){C.break(),Q$1(r);}finally{K();}});function ki(t){let e=new URLSearchParams({base:t.base,style:t.style,baseColor:t.baseColor,theme:t.theme,iconLibrary:t.iconLibrary,font:t.font,menuAccent:t.menuAccent,menuColor:t.menuColor,radius:t.radius});return `${ji()}?${e.toString()}`}async function Pi(t){if(t===true){let e=await ca(),{selectedPreset:r}=await Ce({type:"select",name:"selectedPreset",message:`Which ${p.info("preset")} would you like to use?`,choices:[...e.map(i=>({title:i.title,description:i.description,value:i.name})),{title:"Custom",description:"Build your own on https://ui.shadcn.com",value:"custom"}]});if(!r)return null;if(r==="custom"){let i=Gt();return C.info(`
|
|
46
|
+
Opening ${p.info(i)} in your browser...
|
|
47
|
+
`),await zt(i),null}return e.find(i=>i.name===r)??null}if(typeof t=="string"){if(H(t))return {_isUrl:true,url:t};let e=await da(t);if(!e){let i=(await ca()).map(n=>n.name).join(", ");C.error(`Preset "${t}" not found. Available presets: ${i}`),process.exit(1);}return e}return null}function Ei(t){switch(t){case "vite":return [{type:"registry:file",path:"src/App.tsx",target:"src/App.tsx",content:_e`import { ComponentExample } from "@/components/component-example";
|
|
53
48
|
|
|
54
49
|
export function App() {
|
|
55
50
|
return <ComponentExample />;
|
|
56
51
|
}
|
|
57
52
|
|
|
58
53
|
export default App;
|
|
59
|
-
`}];case "next":return [{type:"registry:page",path:"app/page.tsx",target:"app/page.tsx",content:
|
|
54
|
+
`}];case "next":return [{type:"registry:page",path:"app/page.tsx",target:"app/page.tsx",content:_e`import { ComponentExample } from "@/components/component-example";
|
|
60
55
|
|
|
61
56
|
export default function Page() {
|
|
62
57
|
return <ComponentExample />;
|
|
63
58
|
}
|
|
64
|
-
`}];case "start":return [{type:"registry:file",path:"src/routes/index.tsx",target:"src/routes/index.tsx",content:
|
|
59
|
+
`}];case "start":return [{type:"registry:file",path:"src/routes/index.tsx",target:"src/routes/index.tsx",content:_e`import { createFileRoute } from "@tanstack/react-router";
|
|
65
60
|
import { ComponentExample } from "@/components/component-example";
|
|
66
61
|
|
|
67
62
|
export const Route = createFileRoute("/")({ component: App });
|
|
@@ -71,18 +66,18 @@ function App() {
|
|
|
71
66
|
<ComponentExample />
|
|
72
67
|
);
|
|
73
68
|
}
|
|
74
|
-
`}];default:return []}}function
|
|
69
|
+
`}];default:return []}}function Gt(){return `${Bt}/create`}function ji(){return `${Bt}/init`}var Fi=z$1.object({component:z$1.string().optional(),yes:z$1.boolean(),cwd:z$1.string(),path:z$1.string().optional()}),Yt=new Command().name("diff").description("check for updates against the registry").argument("[component]","the component name").option("-y, --yes","skip confirmation prompt.",false).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async(t,e)=>{try{let r=Fi.parse({component:t,...e}),i=D__default.resolve(r.cwd);existsSync(i)||(C.error(`The path ${i} does not exist. Please try again.`),process.exit(1));let n=await q(i);n||(C.warn(`Configuration is missing. Please run ${p.success("init")} to create a components.json file.`),process.exit(1));let o=await V();if(o||(Q$1(new Error("Failed to fetch registry index.")),process.exit(1)),!r.component){let c=n.resolvedPaths.components,m=o.filter(f=>{for(let d of f.files??[]){let g=D__default.resolve(c,typeof d=="string"?d:d.path);if(existsSync(g))return !0}return !1}),l=[];for(let f of m){let d=await Jt(f,n);d.length&&l.push({name:f.name,changes:d});}l.length||(C.info("No updates found."),process.exit(0)),C.info("The following components have updates available:");for(let f of l){C.info(`- ${f.name}`);for(let d of f.changes)C.info(` - ${d.filePath}`);}C.break(),C.info(`Run ${p.success("diff <component>")} to see the changes.`),process.exit(0);}let a=o.find(c=>c.name===r.component);a||(C.error(`The component ${p.success(r.component)} does not exist.`),process.exit(1));let s=await Jt(a,n);s.length||(C.info(`No updates found for ${r.component}.`),process.exit(0));for(let c of s)C.info(`- ${c.filePath}`),await Oi(c.patch),C.info("");}catch(r){Q$1(r);}});async function Jt(t,e){let r=await $(e.style,[t]),i=await Z(e.tailwind.baseColor);if(!r)return [];let n=[];for(let o of r){let a=await aa(e,o);if(a)for(let s of o.files??[]){let c=D__default.resolve(a,typeof s=="string"?s:s.path);if(!existsSync(c))continue;let m=await promises.readFile(c,"utf8");if(typeof s=="string"||!s.content)continue;let l=await E({filename:s.path,raw:s.content,config:e,baseColor:i}),f=diffLines(l,m);f.length>1&&n.push({filePath:c,patch:f});}}return n}async function Oi(t){t.forEach(e=>{if(e)return e.added?process.stdout.write(p.success(e.value)):e.removed?process.stdout.write(p.error(e.value)):process.stdout.write(e.value)});}var Kt=new Command().name("info").description("get information about your project").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async t=>{try{C.info("> project info"),console.log(await x(t.cwd)),C.break(),C.info("> components.json"),console.log(await q(t.cwd));}catch(e){Q$1(e);}});var re="latest",Ie=[{name:"claude",label:"Claude Code",configPath:".mcp.json",config:{mcpServers:{shadcn:{command:"npx",args:[`shadcn@${re}`,"mcp"]}}}},{name:"cursor",label:"Cursor",configPath:".cursor/mcp.json",config:{mcpServers:{shadcn:{command:"npx",args:[`shadcn@${re}`,"mcp"]}}}},{name:"vscode",label:"VS Code",configPath:".vscode/mcp.json",config:{servers:{shadcn:{command:"npx",args:[`shadcn@${re}`,"mcp"]}}}},{name:"codex",label:"Codex",configPath:".codex/config.toml",config:`[mcp_servers.shadcn]
|
|
75
70
|
command = "npx"
|
|
76
|
-
args = ["shadcn@${
|
|
77
|
-
`}],
|
|
71
|
+
args = ["shadcn@${re}", "mcp"]
|
|
72
|
+
`}],Re=[`shadcn@${re}`],Me=new Command().name("mcp").description("MCP server and configuration commands").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async t=>{try{await T(t.cwd);let e=new StdioServerTransport;await b.connect(e);}catch(e){C.break(),Q$1(e);}}),Mi=We.object({client:We.enum(["claude","cursor","vscode","codex"]),cwd:We.string()});Me.command("init").description("Initialize MCP configuration for your client").option("--client <client>",`MCP client (${Ie.map(t=>t.name).join(", ")})`).action(async(t,e)=>{try{let i=(e.parent?.opts()||{}).cwd||process.cwd(),n=t.client;if(!n){let m=await Ce({type:"select",name:"client",message:"Which MCP client are you using?",choices:Ie.map(l=>({title:l.label,value:l.name}))});m.client||(C.break(),process.exit(1)),n=m.client;}let o=Mi.parse({client:n,cwd:i}),a=await q(o.cwd);if(o.client==="codex"){if(a)await O([],Re,a,{silent:!1});else {let m=await a$1(o.cwd),l=m==="npm"?"install":"add",f=m==="npm"?"--save-dev":"-D",d=D$1("Installing dependencies...").start();await execa(m,[l,f,...Re],{cwd:o.cwd}),d.succeed("Installing dependencies.");}C.break(),C.log("To configure the shadcn MCP server in Codex:"),C.break(),C.log(`1. Open or create the file ${p.info("~/.codex/config.toml")}`),C.log("2. Add the following configuration:"),C.log(),C.info(`[mcp_servers.shadcn]
|
|
78
73
|
command = "npx"
|
|
79
|
-
args = ["shadcn@${
|
|
80
|
-
`,"utf-8"),i.configPath}var
|
|
81
|
-
`),a.succeed("Updated package.json."),await
|
|
74
|
+
args = ["shadcn@${re}", "mcp"]`),C.break(),C.info("3. Restart Codex to load the MCP server"),C.break(),process.exit(0);}let s=D$1("Configuring MCP server...").start(),c=await Bi(o);if(s.succeed("Configuring MCP server."),a)await O([],Re,a,{silent:!1});else {let m=await a$1(o.cwd),l=m==="npm"?"install":"add",f=m==="npm"?"--save-dev":"-D",d=D$1("Installing dependencies...").start();await execa(m,[l,f,...Re],{cwd:o.cwd}),d.succeed("Installing dependencies.");}C.break(),C.success(`Configuration saved to ${c}.`),C.break();}catch(r){Q$1(r);}});var zi=(t,e)=>e;async function Bi(t){let{client:e,cwd:r}=t,i=Ie.find(c=>c.name===e);if(!i)throw new Error(`Unknown client: ${e}. Available clients: ${Ie.map(c=>c.name).join(", ")}`);let n=D__default.join(r,i.configPath),o=D__default.dirname(n);await Q.ensureDir(o);let a={};try{let c=await promises.readFile(n,"utf-8");a=JSON.parse(c);}catch{}let s=Rr(a,i.config,{arrayMerge:zi});return await promises.writeFile(n,JSON.stringify(s,null,2)+`
|
|
75
|
+
`,"utf-8"),i.configPath}var z={lucide:{name:"lucide-react",package:"lucide-react",import:"lucide-react"},radix:{name:"@radix-ui/react-icons",package:"@radix-ui/react-icons",import:"@radix-ui/react-icons"}};async function Qt(t){if(!t.resolvedPaths.ui)throw new Error("We could not find a valid `ui` path in your `components.json` file. Please ensure you have a valid `ui` path in your `components.json` file.");let e=t.resolvedPaths.ui,[r,i]=await Promise.all([Ji("**/*.{js,ts,jsx,tsx}",{cwd:e}),X()]);if(Object.keys(i).length===0)throw new Error("Something went wrong fetching the registry icons.");let n=Object.entries(z).map(([l,f])=>({title:f.name,value:l})),o=await Ce([{type:"select",name:"sourceLibrary",message:`Which icon library would you like to ${p.info("migrate from")}?`,choices:n},{type:"select",name:"targetLibrary",message:`Which icon library would you like to ${p.info("migrate to")}?`,choices:n}]);if(o.sourceLibrary===o.targetLibrary)throw new Error("You cannot migrate to the same icon library. Please choose a different icon library.");if(!(o.sourceLibrary in z&&o.targetLibrary in z))throw new Error("Invalid icon library. Please choose a valid icon library.");let a=z[o.sourceLibrary],s=z[o.targetLibrary],{confirm:c}=await Ce({type:"confirm",name:"confirm",initial:true,message:`We will migrate ${p.info(r.length)} files in ${p.info(`./${D__default.relative(t.resolvedPaths.cwd,e)}`)} from ${p.info(a.name)} to ${p.info(s.name)}. Continue?`});c||(C.info("Migration cancelled."),process.exit(0)),s.package&&await O([s.package],[],t,{silent:false});let m=D$1("Migrating icons...")?.start();await Promise.all(r.map(async l=>{m.text=`Migrating ${l}...`;let f=D__default.join(e,l),d=await promises.readFile(f,"utf-8"),g=await Hi(d,o.sourceLibrary,o.targetLibrary,i);await promises.writeFile(f,g);})),m.succeed("Migration complete.");}async function Hi(t,e,r,i){let n=z[e]?.import,o=z[r]?.import,a=await promises.mkdtemp(D__default.join(tmpdir(),"shadcn-")),s=new Project({compilerOptions:{}}),c=D__default.join(a,`shadcn-icons-${randomBytes(4).toString("hex")}.tsx`),m=s.createSourceFile(c,t,{scriptKind:ScriptKind.TSX}),l=[];for(let f of m.getImportDeclarations()??[])if(f.getModuleSpecifier()?.getText()===`"${n}"`){for(let d of f.getNamedImports()??[]){let g=d.getName(),h=Object.values(i).find(y=>y[e]===g)?.[r];!h||l.includes(h)||(l.push(h),d.remove(),m.getDescendantsOfKind(SyntaxKind.JsxSelfClosingElement).filter(y=>y.getTagNameNode()?.getText()===g).forEach(y=>y.getTagNameNode()?.replaceWithText(h)));}f.getNamedImports()?.length===0&&f.remove();}return l.length>0&&m.addImportDeclaration({moduleSpecifier:o,namedImports:l.map(f=>({name:f}))}),await m.getText()}function Qi(t){return t.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("")}function eo(t,e,r,i){let o=t.replace(/\/\/.*$/gm,"").replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s+/g," ").trim().split(",").map(a=>a.trim()).filter(Boolean);for(let a of o){let s=a.match(/^type\s+(\w+)(?:\s+as\s+(\w+))?$/),c=a.match(/^(\w+)\s+as\s+(\w+)$/);if(s){let m=s[1],l=s[2];i==="slot"&&m==="Slot"&&!l?r.push({name:"Slot",alias:"SlotPrimitive",isType:true}):r.push({name:m,alias:l,isType:true});}else if(c){let m=c[1],l=c[2];i==="slot"&&m==="Slot"&&l==="Slot"?r.push({name:"Slot",alias:"SlotPrimitive",isType:e}):r.push({name:m,alias:l,isType:e});}else i==="slot"&&a==="Slot"?r.push({name:"Slot",alias:"SlotPrimitive",isType:e}):r.push({name:a,isType:e});}}async function er(t,e={}){if(!t.resolvedPaths.ui)throw new Error("We could not find a valid `ui` path in your `components.json` file. Please ensure you have a valid `ui` path in your `components.json` file.");let r=t.resolvedPaths.ui,i=await Ji("**/*.{js,ts,jsx,tsx}",{cwd:r});if(!e.yes){let{confirm:s}=await Ce({type:"confirm",name:"confirm",initial:true,message:`We will migrate ${p.info(i.length)} files in ${p.info(`./${D__default.relative(t.resolvedPaths.cwd,r)}`)} to ${p.info("radix-ui")}. Continue?`});s||(C.info("Migration cancelled."),process.exit(0));}let n=D$1("Migrating imports...")?.start(),o=new Set;await Promise.all(i.map(async s=>{n.text=`Migrating ${s}...`;let c=D__default.join(r,s),m=await promises.readFile(c,"utf-8"),{content:l,replacedPackages:f}=await to(m);f.forEach(d=>o.add(d)),await promises.writeFile(c,l);})),n.succeed("Migrating imports.");let a=D$1("Updating package.json...")?.start();try{let s=w(t.resolvedPaths.cwd,!1);if(!s){a.fail("Could not read package.json"),C.warn("Could not update package.json. You may need to manually replace @radix-ui/react-* packages with radix-ui");return}let c=Array.from(o),m=["dependencies","devDependencies"];for(let l of m)if(s[l])for(let f of c)s[l][f]&&delete s[l][f];if(c.length>0){s.dependencies||(s.dependencies={}),s.dependencies["radix-ui"]="latest";let l=D__default.join(t.resolvedPaths.cwd,"package.json");await promises.writeFile(l,JSON.stringify(s,null,2)+`
|
|
76
|
+
`),a.succeed("Updated package.json."),await O(["radix-ui"],[],t,{silent:!1});}else a.succeed("No packages found in source files.");}catch{a.fail("Failed to update package.json"),C.warn("You may need to manually replace @radix-ui/react-* packages with radix-ui");}}async function to(t){let e=/import\s+(?:(type)\s+)?(?:\*\s+as\s+(\w+)|{([^}]+)})\s+from\s+(["'])@radix-ui\/react-([^"']+)\4(;?)/g,r=[],i=[],n=[],o='"',a=false,s=t,c;for(;(c=e.exec(t))!==null;){let[h,y,C,v,L,E,B]=c;if(E==="icons"||E.startsWith("icons/"))continue;i.push(h),i.length===1&&(o=L,a=B===";"),n.push(`@radix-ui/react-${E}`);let j=!!y;if(C){let Pe=Qi(E);r.push({name:Pe,alias:C,isType:j});}else v&&eo(v,j,r,E);}if(r.length===0)return {content:t,replacedPackages:[]};let m=r.filter((h,y,C)=>y===C.findIndex(v=>v.name===h.name&&v.alias===h.alias&&v.isType===h.isType)),f=`import { ${m.map(h=>{let y=h.isType?"type ":"";return h.alias?`${y}${h.name} as ${h.alias}`:`${y}${h.name}`}).join(", ")} } from ${o}radix-ui${o}${a?";":""}`;s=i.reduce((h,y,C)=>h.replace(y,C===0?f:""),s),s=s.replace(/\n\s*\n\s*\n/g,`
|
|
82
77
|
|
|
83
78
|
`),m.some(h=>h.name==="Slot"&&h.alias==="SlotPrimitive")&&(s=s.split(`
|
|
84
|
-
`).map(C=>{if(C.trim().startsWith("import "))return C;let
|
|
85
|
-
`));let g=Array.from(new Set(n));return {content:s,replacedPackages:g}}async function
|
|
86
|
-
Before you can run a migration, you must create a valid ${
|
|
87
|
-
Before you can build the registry, you must create a valid ${
|
|
79
|
+
`).map(C=>{if(C.trim().startsWith("import "))return C;let v=C;return v=v.replace(/\b(asChild\s*\?\s*)Slot(\s*:)/g,"$1__SLOT_PLACEHOLDER__$2"),v=v.replace(/\bReact\.ComponentProps<typeof\s+Slot>/g,"React.ComponentProps<typeof __SLOT_PLACEHOLDER__>"),v=v.replace(/\bComponentProps<typeof\s+Slot>/g,"ComponentProps<typeof __SLOT_PLACEHOLDER__>"),v=v.replace(/(<\/?)Slot(\s*\/?>)/g,"$1__SLOT_PLACEHOLDER__$2"),v=v.replace(/\bSlot\b/g,(L,E,B)=>{let j=B.substring(0,E),Pe=(j.match(/"/g)||[]).length,hr=(j.match(/'/g)||[]).length;return Pe%2!==0||hr%2!==0?L:"__SLOT_PLACEHOLDER__"}),v=v.replace(/__SLOT_PLACEHOLDER__/g,"SlotPrimitive.Slot"),v}).join(`
|
|
80
|
+
`));let g=Array.from(new Set(n));return {content:s,replacedPackages:g}}async function rr(t){let e={};if(!Q.existsSync(t.cwd)||!Q.existsSync(D__default.resolve(t.cwd,"package.json")))return e["1"]=true,{errors:e,config:null};if(!Q.existsSync(D__default.resolve(t.cwd,"components.json")))return e["3"]=true,{errors:e,config:null};try{let r=await q(t.cwd);return {errors:e,config:r}}catch{C.break(),C.error(`An invalid ${p.info("components.json")} file was found at ${p.info(t.cwd)}.
|
|
81
|
+
Before you can run a migration, you must create a valid ${p.info("components.json")} file by running the ${p.info("init")} command.`),C.error(`Learn more at ${p.info("https://ui.shadcn.com/docs/components-json")}.`),C.break(),process.exit(1);}}var ir=[{name:"icons",description:"migrate your ui components to a different icon library."},{name:"radix",description:"migrate to radix-ui."}],oo=z$1.object({cwd:z$1.string(),list:z$1.boolean(),yes:z$1.boolean(),migration:z$1.string().refine(t=>t&&ir.some(e=>e.name===t),{message:"You must specify a valid migration. Run `shadcn migrate --list` to see available migrations."}).optional()}),or=new Command().name("migrate").description("run a migration.").argument("[migration]","the migration to run.").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-l, --list","list all migrations.",false).option("-y, --yes","skip confirmation prompt.",false).action(async(t,e)=>{try{let r=oo.parse({cwd:D__default.resolve(e.cwd),migration:t,list:e.list,yes:e.yes});if(r.list||!r.migration){C.info("Available migrations:");for(let o of ir)C.info(`- ${o.name}: ${o.description}`);return}if(!r.migration)throw new Error("You must specify a migration. Run `shadcn migrate --list` to see available migrations.");let{errors:i,config:n}=await rr(r);if(i["1"]||i["3"])throw new Error("No `components.json` file found. Ensure you are at the root of your project.");if(!n)throw new Error("Something went wrong reading your `components.json` file. Please ensure you have a valid `components.json` file.");r.migration==="icons"&&await Qt(n),r.migration==="radix"&&await er(n,{yes:r.yes});}catch(r){C.break(),Q$1(r);}});async function nr(t){let e={},r={cwd:t.cwd,registryFile:D__default.resolve(t.cwd,t.registryFile),outputDir:D__default.resolve(t.cwd,t.outputDir)};if(!Q.existsSync(r.registryFile))return e["13"]=true,{errors:e,resolvePaths:null,config:null};if(!Q.existsSync(D__default.resolve(t.cwd,"components.json")))return e["3"]=true,{errors:e,resolvePaths:null,config:null};await Q.mkdir(r.outputDir,{recursive:true});try{let i=await q(t.cwd);return {errors:e,config:i,resolvePaths:r}}catch{C.break(),C.error(`An invalid ${p.info("components.json")} file was found at ${p.info(t.cwd)}.
|
|
82
|
+
Before you can build the registry, you must create a valid ${p.info("components.json")} file by running the ${p.info("init")} command.`),C.break(),process.exit(1);}}var so=z$1.object({cwd:z$1.string(),registryFile:z$1.string(),outputDir:z$1.string(),verbose:z$1.boolean().optional().default(false)}),sr=new Command().name("registry:build").description("builds the registry [EXPERIMENTAL]").argument("[registry]","path to registry.json file","./registry.json").option("-o, --output <path>","destination directory for json files","./public/r").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-v, --verbose","verbose output").action(async(t,e)=>{await ao({cwd:D.resolve(e.cwd),registryFile:t,outputDir:e.output,verbose:e.verbose});});async function ao(t){try{let e=so.parse(t),[{errors:r,resolvePaths:i,config:n$1},o$1]=await Promise.all([nr(e),x(e.cwd)]);(r["3"]||!n$1||!o$1)&&(C.error(`A ${p.info("components.json")} file is required to build the registry. Run ${p.info("shadcn init")} to create one.`),C.break(),process.exit(1)),(r["13"]||!i)&&(C.error(`We could not find a registry file at ${p.info(D.resolve(e.cwd,e.registryFile))}.`),C.break(),process.exit(1));let a=await _.readFile(i.registryFile,"utf-8"),s=o.safeParse(JSON.parse(a));s.success||(C.error(`Invalid registry file found at ${p.info(i.registryFile)}.`),C.break(),process.exit(1));let c=D$1("Building registry..."),m=await co(s.data,n$1,o$1);for(let l of m.items)l.files=l.files?.filter((f,d,g)=>d===g.findIndex(h=>h.path===f.path)),l.dependencies&&(l.dependencies=l.dependencies.filter((f,d,g)=>d===g.findIndex(h=>h===f)));for(let l of m.items){if(!l.files)continue;c.start(`Building ${l.name}...`),l.$schema="https://ui.shadcn.com/schema/registry-item.json";for(let d of l.files){let g=D.resolve(i.cwd,d.path);try{if(!(await _.stat(g)).isFile())continue;d.content=await _.readFile(g,"utf-8");}catch(h){console.error("Error reading file in registry build:",g,h);continue}}let f=n.safeParse(l);if(!f.success){C.error(`Invalid registry item found for ${p.info(l.name)}.`);continue}await _.writeFile(D.resolve(i.outputDir,`${f.data.name}.json`),JSON.stringify(f.data,null,2));}if(await _.copyFile(i.registryFile,D.resolve(i.outputDir,"registry.json")),c.succeed("Building registry."),e.verbose){D$1(`The registry has ${p.info(m.items.length.toString())} items:`).succeed();for(let l of m.items){C.log(` - ${l.name} (${p.info(l.type)})`);for(let f of l.files??[])C.log(` - ${f.path}`);}}}catch(e){C.break(),Q$1(e);}}async function co(t,e,r){for(let i of t.items)if(i.files?.length)for(let n of i.files){let o=await G(n.path,e,r);o.files=o.files?.filter(a=>a.path!==n.path),o.files&&i.files.push(...o.files),o.dependencies&&(i.dependencies=i.dependencies?i.dependencies.concat(o.dependencies):o.dependencies);}return t}var ar=new Command().name("registry:mcp").description("starts the registry MCP server [DEPRECATED]").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async()=>{C.warn(`The ${p.info("shadcn registry:mcp")} command is deprecated. Use the ${p.info("shadcn mcp")} command instead.`),C.break();});var po=z$1.object({cwd:z$1.string(),query:z$1.string().optional(),limit:z$1.number().optional(),offset:z$1.number().optional()}),mr=new Command().name("search").alias("list").description("search items from registries").argument("<registries...>","the registry names or urls to search items from. Names must be prefixed with @.").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-q, --query <query>","query string").option("-l, --limit <number>","maximum number of items to display per registry","100").option("-o, --offset <number>","number of items to skip","0").action(async(t,e)=>{try{let r=po.parse({cwd:D__default.resolve(e.cwd),query:e.query,limit:e.limit?parseInt(e.limit,10):void 0,offset:e.offset?parseInt(e.offset,10):void 0});await T(r.cwd);let i=v({style:"new-york",resolvedPaths:{cwd:r.cwd}}),n=J(i),o=D__default.resolve(r.cwd,"components.json");if(Q.existsSync(o)){let l=await Q.readJson(o),f=c.partial().parse(l);n=J({...i,...f});}let a=n;try{let l=await q(r.cwd);l&&(a=J(l));}catch{}let{config:s,newRegistries:c$1}=await F(t.map(l=>`${l}/registry`),a,{silent:!0,writeFile:!1});c$1.length>0&&(a.registries=s.registries),L(t,a);let m=await ea(t,{query:r.query,limit:r.limit,offset:r.offset,config:a});console.log(JSON.stringify(m,null,2)),process.exit(0);}catch(r){Q$1(r);}finally{K();}});var uo=z$1.object({cwd:z$1.string()}),ur=new Command().name("view").description("view items from the registry").argument("<items...>","the item names or URLs to view").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async(t,e)=>{try{let r=uo.parse({cwd:D__default.resolve(e.cwd)});await T(r.cwd);let i=J({}),n=D__default.resolve(r.cwd,"components.json");if(Q.existsSync(n)){let m=await Q.readJson(n),l=c.partial().parse(m);i=J(l);}let o=i;try{let m=await q(r.cwd);m&&(o=J(m));}catch{}let{config:a,newRegistries:s}=await F(t,o,{silent:!0,writeFile:!1});s.length>0&&(o.registries=a.registries),L(t,o);let c$1=await S(t,{config:o});console.log(JSON.stringify(c$1,null,2)),process.exit(0);}catch(r){Q$1(r);}finally{K();}});var gr={version:"3.6.20"};process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));async function yo(){let t=new Command().name("shadcn").description("add items from registries to your project").version(gr.version,"-v, --version","display the version number");t.addCommand(St).addCommand(Ut).addCommand(_t).addCommand(Yt).addCommand(ur).addCommand(mr).addCommand(or).addCommand(Kt).addCommand(Mt).addCommand(Me),t.addCommand(sr).addCommand(ar),t.parse();}yo();//# sourceMappingURL=index.js.map
|
|
88
83
|
//# sourceMappingURL=index.js.map
|