shadcn 0.0.0-beta.acc8bb5 → 0.0.0-beta.c045d05
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/README.md +5 -5
- package/dist/index.js +27 -13
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# shadcn
|
|
1
|
+
# shadcn
|
|
2
2
|
|
|
3
3
|
A CLI for adding components to your project.
|
|
4
4
|
|
|
@@ -9,7 +9,7 @@ Use the `init` command to initialize dependencies for a new project.
|
|
|
9
9
|
The `init` command installs dependencies, adds the `cn` util, configures `tailwind.config.js`, and CSS variables for the project.
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
npx shadcn
|
|
12
|
+
npx shadcn init
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## add
|
|
@@ -19,19 +19,19 @@ Use the `add` command to add components to your project.
|
|
|
19
19
|
The `add` command adds a component to your project and installs all required dependencies.
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
|
-
npx shadcn
|
|
22
|
+
npx shadcn add [component]
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
### Example
|
|
26
26
|
|
|
27
27
|
```bash
|
|
28
|
-
npx shadcn
|
|
28
|
+
npx shadcn add alert-dialog
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
You can also run the command without any arguments to view a list of all available components:
|
|
32
32
|
|
|
33
33
|
```bash
|
|
34
|
-
npx shadcn
|
|
34
|
+
npx shadcn add
|
|
35
35
|
```
|
|
36
36
|
|
|
37
37
|
## Documentation
|
package/dist/index.js
CHANGED
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import
|
|
3
|
-
To start over, remove the ${l.info("components.json")} file and run ${l.info("init")} again.`),a.break(),process.exit(1)),r?.succeed();let i=h("Verifying framework.",{silent:e.silent}).start(),n=await
|
|
2
|
+
import Bt from"path";import{promises as Li}from"fs";import Je from"path";import lt from"path";var I="1";var A="3";var Re="5",Pe="6",tt="7";import Te from"path";var O={"next-app":{name:"next-app",label:"Next.js",links:{installation:"https://ui.shadcn.com/docs/installation/next",tailwind:"https://tailwindcss.com/docs/guides/nextjs"}},"next-pages":{name:"next-pages",label:"Next.js",links:{installation:"https://ui.shadcn.com/docs/installation/next",tailwind:"https://tailwindcss.com/docs/guides/nextjs"}},remix:{name:"remix",label:"Remix",links:{installation:"https://ui.shadcn.com/docs/installation/remix",tailwind:"https://tailwindcss.com/docs/guides/remix"}},vite:{name:"vite",label:"Vite",links:{installation:"https://ui.shadcn.com/docs/installation/vite",tailwind:"https://tailwindcss.com/docs/guides/vite"}},astro:{name:"astro",label:"Astro",links:{installation:"https://ui.shadcn.com/docs/installation/astro",tailwind:"https://tailwindcss.com/docs/guides/astro"}},laravel:{name:"laravel",label:"Laravel",links:{installation:"https://ui.shadcn.com/docs/installation/laravel",tailwind:"https://tailwindcss.com/docs/guides/laravel"}},gatsby:{name:"gatsby",label:"Gatsby",links:{installation:"https://ui.shadcn.com/docs/installation/gatsby",tailwind:"https://tailwindcss.com/docs/guides/gatsby"}},manual:{name:"manual",label:"Manual",links:{installation:"https://ui.shadcn.com/docs/installation/manual",tailwind:"https://tailwindcss.com/docs/installation"}}};import E from"path";import{cyan as nr,green as or,red as sr,yellow as ar}from"kleur/colors";var l={error:sr,warn:ar,info:nr,success:or};import{createMatchPath as cr}from"tsconfig-paths";async function $(e,t){return cr(t.absoluteBaseUrl,t.paths)(e,void 0,()=>!0,[".ts",".tsx"])}import{cosmiconfig as lr}from"cosmiconfig";import pr from"fast-glob";import{loadConfig as mr}from"tsconfig-paths";import{z as y}from"zod";var rt="@/components",it="@/lib/utils",nt="app/globals.css",ot="tailwind.config.js";var fr=lr("components",{searchPlaces:["components.json"]}),Y=y.object({$schema:y.string().optional(),style:y.string(),rsc:y.coerce.boolean().default(!1),tsx:y.coerce.boolean().default(!0),tailwind:y.object({config:y.string(),css:y.string(),baseColor:y.string(),cssVariables:y.boolean().default(!0),prefix:y.string().default("").optional()}),aliases:y.object({components:y.string(),utils:y.string(),ui:y.string().optional(),lib:y.string().optional(),hooks:y.string().optional()}),iconLibrary:y.string().optional()}).strict(),st=Y.extend({resolvedPaths:y.object({cwd:y.string(),tailwindConfig:y.string(),tailwindCss:y.string(),utils:y.string(),components:y.string(),lib:y.string(),hooks:y.string(),ui:y.string()})}),dr=y.record(st);async function v(e){let t=await gr(e);return t?(t.iconLibrary||(t.iconLibrary=t.style==="new-york"?"radix":"lucide"),await H(e,t)):null}async function H(e,t){let r=await mr(e);if(r.resultType==="failed")throw new Error(`Failed to load ${t.tsx?"tsconfig":"jsconfig"}.json. ${r.message??""}`.trim());return st.parse({...t,resolvedPaths:{cwd:e,tailwindConfig:E.resolve(e,t.tailwind.config),tailwindCss:E.resolve(e,t.tailwind.css),utils:await $(t.aliases.utils,r),components:await $(t.aliases.components,r),ui:t.aliases.ui?await $(t.aliases.ui,r):E.resolve(await $(t.aliases.components,r)??e,"ui"),lib:t.aliases.lib?await $(t.aliases.lib,r):E.resolve(await $(t.aliases.utils,r)??e,".."),hooks:t.aliases.hooks?await $(t.aliases.hooks,r):E.resolve(await $(t.aliases.components,r)??e,"..","hooks")}})}async function gr(e){try{let t=await fr.search(e);return t?Y.parse(t.config):null}catch{let r=`${e}/components.json`;throw new Error(`Invalid configuration found in ${l.info(r)}.`)}}async function at(e){let t={};for(let i of Object.keys(e.aliases)){if(!ur(i,e))continue;let n=e.resolvedPaths[i],o=await ke(e.resolvedPaths.cwd,n);if(!o){t[i]=e;continue}t[i]=await v(o)}let r=dr.safeParse(t);return r.success?r.data:null}async function ke(e,t){let r=Ee(e,t),i=E.relative(r,t),o=(await pr.glob("**/package.json",{cwd:r,deep:3,ignore:["**/node_modules/**","**/dist/**","**/build/**","**/public/**"]})).map(s=>E.dirname(s)).find(s=>i.startsWith(s));return o?E.join(r,o):null}function ur(e,t){return Object.keys(t.resolvedPaths).filter(r=>r!=="utils").includes(e)}function Ee(e,t){let r=e.split(E.sep),i=t.split(E.sep),n=[];for(let o=0;o<Math.min(r.length,i.length)&&r[o]===i[o];o++)n.push(r[o]);return n.join(E.sep)}import hr from"path";import yr from"fs-extra";function re(e="",t=!0){let r=hr.join(e,"package.json");return yr.readJSONSync(r,{throws:t})}import ie from"fast-glob";import je from"fs-extra";import{loadConfig as wr}from"tsconfig-paths";import{z as B}from"zod";var ne=["**/node_modules/**",".next","public","dist","build"],Fn=B.object({compilerOptions:B.object({paths:B.record(B.string().or(B.array(B.string())))})});async function N(e){let[t,r,i,n,o,s,c]=await Promise.all([ie.glob("**/{next,vite,astro}.config.*|gatsby-config.*|composer.json",{cwd:e,deep:3,ignore:ne}),je.pathExists(Te.resolve(e,"src")),Cr(e),br(e),xr(e),Sr(e),re(e,!1)]),d=await je.pathExists(Te.resolve(e,`${r?"src/":""}app`)),p={framework:O.manual,isSrcDir:r,isRSC:!1,isTsx:i,tailwindConfigFile:n,tailwindCssFile:o,aliasPrefix:s};return t.find(m=>m.startsWith("next.config."))?.length?(p.framework=d?O["next-app"]:O["next-pages"],p.isRSC=d,p):t.find(m=>m.startsWith("astro.config."))?.length?(p.framework=O.astro,p):t.find(m=>m.startsWith("gatsby-config."))?.length?(p.framework=O.gatsby,p):t.find(m=>m.startsWith("composer.json"))?.length?(p.framework=O.laravel,p):Object.keys(c?.dependencies??{}).find(m=>m.startsWith("@remix-run/"))?(p.framework=O.remix,p):(t.find(m=>m.startsWith("vite.config."))?.length&&(p.framework=O.vite),p)}async function xr(e){let t=await ie.glob(["**/*.css","**/*.scss"],{cwd:e,deep:5,ignore:ne});if(!t.length)return null;for(let r of t)if((await je.readFile(Te.resolve(e,r),"utf8")).includes("@tailwind base"))return r;return null}async function br(e){let t=await ie.glob("tailwind.config.*",{cwd:e,deep:3,ignore:ne});return t.length?t[0]:null}async function Sr(e){let t=await wr(e);if(t?.resultType==="failed"||!Object.entries(t?.paths).length)return null;for(let[r,i]of Object.entries(t.paths))if(i.includes("./*")||i.includes("./src/*")||i.includes("./app/*")||i.includes("./resources/js/*"))return r.replace(/\/\*$/,"")??null;return Object.keys(t?.paths)?.[0].replace(/\/\*$/,"")??null}async function Cr(e){return(await ie.glob("tsconfig.*",{cwd:e,deep:1,ignore:ne})).length>0}async function ct(e,t=null){let[r,i]=await Promise.all([v(e),t?Promise.resolve(t):N(e)]);if(r)return r;if(!i||!i.tailwindConfigFile||!i.tailwindCssFile)return null;let n={$schema:"https://ui.shadcn.com/schema.json",rsc:i.isRSC,tsx:i.isTsx,style:"new-york",tailwind:{config:i.tailwindConfigFile,baseColor:"zinc",css:i.tailwindCssFile,cssVariables:!0,prefix:""},iconLibrary:"lucide",aliases:{components:`${i.aliasPrefix}/components`,ui:`${i.aliasPrefix}/components/ui`,hooks:`${i.aliasPrefix}/hooks`,lib:`${i.aliasPrefix}/lib`,utils:`${i.aliasPrefix}/lib/utils`}};return await H(e,n)}var a={error(...e){console.log(l.error(e.join(" ")))},warn(...e){console.log(l.warn(e.join(" ")))},info(...e){console.log(l.info(e.join(" ")))},success(...e){console.log(l.success(e.join(" ")))},log(...e){console.log(e.join(" "))},break(){console.log("")}};import vr from"ora";function h(e,t){return vr({text:e,isSilent:t?.silent})}import Oe from"fs-extra";async function pt(e){let t={};if(!Oe.existsSync(e.cwd)||!Oe.existsSync(lt.resolve(e.cwd,"package.json")))return t[I]=!0,{errors:t,projectInfo:null};let r=h("Preflight checks.",{silent:e.silent}).start();Oe.existsSync(lt.resolve(e.cwd,"components.json"))&&!e.force&&(r?.fail(),a.break(),a.error(`A ${l.info("components.json")} file already exists at ${l.info(e.cwd)}.
|
|
3
|
+
To start over, remove the ${l.info("components.json")} file and run ${l.info("init")} again.`),a.break(),process.exit(1)),r?.succeed();let i=h("Verifying framework.",{silent:e.silent}).start(),n=await N(e.cwd);(!n||n?.framework.name==="manual")&&(t[tt]=!0,i?.fail(),a.break(),n?.framework.links.installation&&a.error(`We could not detect a supported framework at ${l.info(e.cwd)}.
|
|
4
4
|
Visit ${l.info(n?.framework.links.installation)} to manually configure your project.
|
|
5
|
-
Once configured, you can use the cli to add components.`),a.break(),process.exit(1)),i?.succeed(`Verifying framework. Found ${l.info(n.framework.label)}.`);let
|
|
6
|
-
`),
|
|
7
|
-
`),
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Once configured, you can use the cli to add components.`),a.break(),process.exit(1)),i?.succeed(`Verifying framework. Found ${l.info(n.framework.label)}.`);let o=h("Validating Tailwind CSS.",{silent:e.silent}).start();!n?.tailwindConfigFile||!n?.tailwindCssFile?(t[Re]=!0,o?.fail()):o?.succeed();let s=h("Validating import alias.",{silent:e.silent}).start();return n?.aliasPrefix?s?.succeed():(t[Pe]=!0,s?.fail()),Object.keys(t).length>0&&(t[Re]&&(a.break(),a.error(`No Tailwind CSS configuration found at ${l.info(e.cwd)}.`),a.error("It is likely you do not have Tailwind CSS installed or have an invalid configuration."),a.error("Install Tailwind CSS then try again."),n?.framework.links.tailwind&&a.error(`Visit ${l.info(n?.framework.links.tailwind)} to get started.`)),t[Pe]&&(a.break(),a.error("No import alias found in your tsconfig.json file."),n?.framework.links.installation&&a.error(`Visit ${l.info(n?.framework.links.installation)} to learn how to set an import alias.`)),a.break(),process.exit(1)),{errors:t,projectInfo:n}}import K from"path";import{z as Ir}from"zod";function w(e){if(a.error("Something went wrong. Please check the error below for more details."),a.error("If the problem persists, please open an issue on GitHub."),a.error(""),typeof e=="string"&&(a.error(e),a.break(),process.exit(1)),e instanceof Ir.ZodError){a.error("Validation failed:");for(let[t,r]of Object.entries(e.flatten().fieldErrors))a.error(`- ${l.info(t)}: ${r}`);a.break(),process.exit(1)}e instanceof Error&&(a.error(e.message),a.break(),process.exit(1)),a.break(),process.exit(1)}import Dr from"path";import{z as f}from"zod";var mt=f.enum(["registry:style","registry:lib","registry:example","registry:block","registry:component","registry:ui","registry:hook","registry:theme","registry:page"]),ft=f.object({path:f.string(),content:f.string().optional(),type:mt,target:f.string().optional()}),Rr=f.object({config:f.object({content:f.array(f.string()).optional(),theme:f.record(f.string(),f.any()).optional(),plugins:f.array(f.string()).optional()}).optional()}),Pr=f.object({light:f.record(f.string(),f.string()).optional(),dark:f.record(f.string(),f.string()).optional()}),F=f.object({name:f.string(),type:mt,description:f.string().optional(),dependencies:f.array(f.string()).optional(),devDependencies:f.array(f.string()).optional(),registryDependencies:f.array(f.string()).optional(),files:f.array(ft).optional(),tailwind:Rr.optional(),cssVars:Pr.optional(),meta:f.record(f.string(),f.any()).optional(),docs:f.string().optional()}),$e=f.array(F.extend({files:f.array(f.union([f.string(),ft])).optional()})),dt=f.array(f.object({name:f.string(),label:f.string()})),gt=f.record(f.string(),f.record(f.string(),f.string())),ut=f.object({inlineColors:f.object({light:f.record(f.string(),f.string()),dark:f.record(f.string(),f.string())}),cssVars:f.object({light:f.record(f.string(),f.string()),dark:f.record(f.string(),f.string())}),inlineColorsTemplate:f.string(),cssVarsTemplate:f.string()}),ht=F.pick({dependencies:!0,devDependencies:!0,files:!0,tailwind:!0,cssVars:!0,docs:!0});import{promises as Ne}from"fs";import{tmpdir as kr}from"os";import Q from"path";import Er from"deepmerge";import Tr from"stringify-object";import{Project as jr,QuoteKind as Or,ScriptKind as yt,SyntaxKind as g}from"ts-morph";async function Le(e,t,r){if(!e)return;r={silent:!1,...r};let i=Q.relative(t.resolvedPaths.cwd,t.resolvedPaths.tailwindConfig),n=h(`Updating ${l.info(i)}`,{silent:r.silent}).start(),o=await Ne.readFile(t.resolvedPaths.tailwindConfig,"utf8"),s=await $r(o,e,t);await Ne.writeFile(t.resolvedPaths.tailwindConfig,s,"utf8"),n?.succeed()}async function $r(e,t,r){let i=await oe(e,r),n=i.getDescendantsOfKind(g.ObjectLiteralExpression).find(s=>s.getProperties().some(c=>c.isKind(g.PropertyAssignment)&&c.getName()==="content"));if(!n)return e;let o=Ae(n);return Nr(n,{name:"darkMode",value:"class"},{quoteChar:o}),t.plugins?.forEach(s=>{Ar(n,s)}),t.theme&&await Lr(n,t.theme),i.getFullText()}function Nr(e,t,{quoteChar:r}){let i=e.getProperty("darkMode");if(!i){let n={name:t.name,initializer:`[${r}${t.value}${r}]`};return t.name==="darkMode"?(e.insertPropertyAssignment(0,n),e):(e.addPropertyAssignment(n),e)}if(i.isKind(g.PropertyAssignment)){let n=i.getInitializer(),o=`${r}${t.value}${r}`;if(n?.isKind(g.StringLiteral)){let s=n.getText();return n.replaceWithText(`[${s}, ${o}]`),e}if(n?.isKind(g.ArrayLiteralExpression)){if(n.getElements().map(s=>s.getText()).includes(o))return e;n.addElement(o)}return e}return e}async function Lr(e,t){e.getProperty("theme")||e.addPropertyAssignment({name:"theme",initializer:"{}"}),Fe(e);let i=(e.getPropertyOrThrow("theme")?.asKindOrThrow(g.PropertyAssignment)).getInitializer();if(i?.isKind(g.ObjectLiteralExpression)){let n=i.getText(),o=await Fr(n),s=Er(o,t,{arrayMerge:(d,p)=>p}),c=Tr(s).replace(/\'\.\.\.(.*)\'/g,"...$1").replace(/\'\"/g,"'").replace(/\"\'/g,"'").replace(/\'\[/g,"[").replace(/\]\'/g,"]").replace(/\'\\\'/g,"'").replace(/\\\'/g,"'").replace(/\\\'\'/g,"'").replace(/\'\'/g,"'");i.replaceWithText(c)}De(e)}function Ar(e,t){let r=e.getProperty("plugins");if(!r)return e.addPropertyAssignment({name:"plugins",initializer:`[${t}]`}),e;if(r.isKind(g.PropertyAssignment)){let i=r.getInitializer();if(i?.isKind(g.ArrayLiteralExpression)){if(i.getElements().map(n=>n.getText().replace(/["']/g,"")).includes(t.replace(/["']/g,"")))return e;i.addElement(t)}return e}return e}async function oe(e,t){let r=await Ne.mkdtemp(Q.join(kr(),"shadcn-")),i=t?.resolvedPaths?.tailwindConfig||"tailwind.config.ts",n=Q.join(r,`shadcn-${Q.basename(i)}`);return new jr({compilerOptions:{}}).createSourceFile(n,e,{scriptKind:Q.extname(i)===".ts"?yt.TS:yt.JS})}function Ae(e){return e.getFirstDescendantByKind(g.StringLiteral)?.getQuoteKind()===Or.Single?"'":'"'}function Fe(e){let t=e.getProperties();for(let r=0;r<t.length;r++){let i=t[r];if(i.isKind(g.SpreadAssignment)){let n=i.asKindOrThrow(g.SpreadAssignment),o=n.getExpression().getText();e.insertPropertyAssignment(r,{name:`"___${o.replace(/^\.\.\./,"")}"`,initializer:`"...${o.replace(/^\.\.\./,"")}"`}),n.remove()}else if(i.isKind(g.PropertyAssignment)){let o=i.asKindOrThrow(g.PropertyAssignment).getInitializer();o&&o.isKind(g.ObjectLiteralExpression)?Fe(o.asKindOrThrow(g.ObjectLiteralExpression)):o&&o.isKind(g.ArrayLiteralExpression)&&wt(o.asKindOrThrow(g.ArrayLiteralExpression))}}}function wt(e){let t=e.getElements();for(let r=0;r<t.length;r++){let i=t[r];if(i.isKind(g.ObjectLiteralExpression))Fe(i.asKindOrThrow(g.ObjectLiteralExpression));else if(i.isKind(g.ArrayLiteralExpression))wt(i.asKindOrThrow(g.ArrayLiteralExpression));else if(i.isKind(g.SpreadElement)){let n=i.getText();e.removeElement(r),e.insertElement(r,`"${n}"`)}}}function De(e){let t=e.getProperties();for(let r=0;r<t.length;r++){let i=t[r];if(i.isKind(g.PropertyAssignment)){let n=i,o=n.getInitializer();if(o&&o.isKind(g.StringLiteral)){let s=o.asKindOrThrow(g.StringLiteral).getLiteralValue();s.startsWith("...")&&(e.insertSpreadAssignment(r,{expression:s.slice(3)}),n.remove())}else o?.isKind(g.ObjectLiteralExpression)?De(o):o&&o.isKind(g.ArrayLiteralExpression)&&xt(o.asKindOrThrow(g.ArrayLiteralExpression))}}}function xt(e){let t=e.getElements();for(let r=0;r<t.length;r++){let i=t[r];if(i.isKind(g.ObjectLiteralExpression))De(i.asKindOrThrow(g.ObjectLiteralExpression));else if(i.isKind(g.ArrayLiteralExpression))xt(i.asKindOrThrow(g.ArrayLiteralExpression));else if(i.isKind(g.StringLiteral)){let n=i.getText(),o=/(?:^['"])(\.\.\..*)(?:['"]$)/g;o.test(n)&&(e.removeElement(r),e.insertElement(r,n.replace(o,"$1")))}}}async function Fr(e){let r=(await oe(`const theme = ${e}`,null)).getStatements()[0];if(r?.getKind()===g.VariableStatement){let n=(r.getDeclarationList()?.getDeclarations()[0]).getInitializer();if(n?.isKind(g.ObjectLiteralExpression))return await se(n)}throw new Error("Invalid input: not an object literal")}function se(e){let t={};for(let r of e.getProperties())if(r.isKind(g.PropertyAssignment)){let i=r.getName().replace(/\'/g,"");r.getInitializer()?.isKind(g.ObjectLiteralExpression)?t[i]=se(r.getInitializer()):r.getInitializer()?.isKind(g.ArrayLiteralExpression)?t[i]=bt(r.getInitializer()):t[i]=_e(r.getInitializer())}return t}function bt(e){let t=[];for(let r of e.getElements())r.isKind(g.ObjectLiteralExpression)?t.push(se(r.asKindOrThrow(g.ObjectLiteralExpression))):r.isKind(g.ArrayLiteralExpression)?t.push(bt(r.asKindOrThrow(g.ArrayLiteralExpression))):t.push(_e(r));return t}function _e(e){switch(e.getKind()){case g.StringLiteral:return e.getText();case g.NumericLiteral:return Number(e.getText());case g.TrueKeyword:return!0;case g.FalseKeyword:return!1;case g.NullKeyword:return null;case g.ArrayLiteralExpression:return e.getElements().map(_e);case g.ObjectLiteralExpression:return se(e);default:return e.getText()}}function St(e){let t={};for(let r of Object.keys(e)){let i=r.split("-"),n=i[0],o=i.slice(1).join("-");o===""?typeof t[n]=="object"?t[n].DEFAULT=`hsl(var(--${r}))`:t[n]=`hsl(var(--${r}))`:(typeof t[n]!="object"&&(t[n]={DEFAULT:`hsl(var(--${n}))`}),t[n][o]=`hsl(var(--${r}))`)}for(let[r,i]of Object.entries(t))typeof i=="object"&&i.DEFAULT===`hsl(var(--${r}))`&&!(r in e)&&delete i.DEFAULT;return t}import X from"deepmerge";import{HttpsProxyAgent as _r}from"https-proxy-agent";import Kr from"node-fetch";import{z as Mr}from"zod";var zr=process.env.REGISTRY_URL??"https://ui.shadcn.com/r",Wr=process.env.https_proxy?new _r(process.env.https_proxy):void 0;async function Z(){try{let[e]=await R(["index.json"]);return $e.parse(e)}catch(e){a.error(`
|
|
6
|
+
`),w(e)}}async function Ke(){try{let[e]=await R(["styles/index.json"]);return dt.parse(e)}catch(e){return a.error(`
|
|
7
|
+
`),w(e),[]}}async function ae(){try{let[e]=await R(["icons/index.json"]);return gt.parse(e)}catch(e){return w(e),{}}}async function Ct(e,t){try{let[r]=await R([ze(e)?e:`styles/${t}/${e}.json`]);return F.parse(r)}catch(r){return a.break(),w(r),null}}async function Me(){return[{name:"neutral",label:"Neutral"},{name:"gray",label:"Gray"},{name:"zinc",label:"Zinc"},{name:"stone",label:"Stone"},{name:"slate",label:"Slate"}]}async function q(e){try{let[t]=await R([`colors/${e}.json`]);return ut.parse(t)}catch(t){w(t)}}async function vt(e,t){try{let r=t.map(n=>`styles/${e}/${n.name}.json`),i=await R(r);return $e.parse(i)}catch(r){w(r)}}async function It(e,t,r){if(r)return r;if(t.type==="registry:ui")return e.resolvedPaths.ui??e.resolvedPaths.components;let[i,n]=t.type?.split(":")??[];return i in e.resolvedPaths?Dr.join(e.resolvedPaths[i],n):null}async function R(e){try{return await Promise.all(e.map(async r=>{let i=kt(r),n=await Kr(i,{agent:Wr});if(!n.ok){let o={400:"Bad request",401:"Unauthorized",403:"Forbidden",404:"Not found",500:"Internal server error"};if(n.status===401)throw new Error(`You are not authorized to access the component at ${l.info(i)}.
|
|
8
|
+
If this is a remote registry, you may need to authenticate.`);if(n.status===404)throw new Error(`The component at ${l.info(i)} was not found.
|
|
9
|
+
It may not exist at the registry. Please make sure it is a valid component.`);if(n.status===403)throw new Error(`You do not have access to the component at ${l.info(i)}.
|
|
10
|
+
If this is a remote registry, you may need to authenticate or a token.`);let s=await n.json(),c=s&&typeof s=="object"&&"error"in s?s.error:n.statusText||o[n.status];throw new Error(`Failed to fetch from ${l.info(i)}.
|
|
11
|
+
${c}`)}return n.json()}))}catch(t){return a.error(`
|
|
12
|
+
`),w(t),[]}}function Rt(e,t,r){return r||(e.type==="registry:ui"?t.resolvedPaths.ui:e.type==="registry:lib"?t.resolvedPaths.lib:e.type==="registry:block"||e.type==="registry:component"?t.resolvedPaths.components:e.type==="registry:hook"?t.resolvedPaths.hooks:(e.type==="registry:page",t.resolvedPaths.components))}async function Pt(e,t){try{if(!await Z())return null;e.includes("index")&&e.unshift("index");let i=await We(e,t),n=await R(i),o=Mr.array(F).parse(n);if(!o)return null;if(e.includes("index")&&t.tailwind.baseColor){let p=await Vr(t.tailwind.baseColor,t);p&&o.unshift(p)}let s={};o.forEach(p=>{s=X(s,p.tailwind??{})});let c={};o.forEach(p=>{c=X(c,p.cssVars??{})});let d="";return o.forEach(p=>{p.docs&&(d+=`${p.docs}
|
|
13
|
+
`)}),ht.parse({dependencies:X.all(o.map(p=>p.dependencies??[])),devDependencies:X.all(o.map(p=>p.devDependencies??[])),files:X.all(o.map(p=>p.files??[])),tailwind:s,cssVars:c,docs:d})}catch(r){return w(r),null}}async function Ur(e,t){let r=new Set,i=[];async function n(o){let s=kt(ze(o)?o:`styles/${t.style}/${o}.json`);if(!r.has(s)){r.add(s);try{let[c]=await R([s]),d=F.parse(c);if(i.push(s),d.registryDependencies)for(let p of d.registryDependencies)await n(p)}catch(c){console.error(`Error fetching or parsing registry item at ${o}:`,c)}}}return await n(e),Array.from(new Set(i))}async function Vr(e,t){let r=await q(e);if(!r)return null;let i={name:e,type:"registry:theme",tailwind:{config:{theme:{extend:{borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},colors:{}}}}},cssVars:{light:{radius:"0.5rem"},dark:{}}};return t.tailwind.cssVariables&&(i.tailwind.config.theme.extend.colors={...i.tailwind.config.theme.extend.colors,...St(r.cssVars.dark)},i.cssVars={light:{...r.cssVars.light,...i.cssVars.light},dark:{...r.cssVars.dark,...i.cssVars.dark}}),i}function kt(e){if(ze(e)){let t=new URL(e);return t.pathname.match(/\/chat\/b\//)&&!t.pathname.endsWith("/json")&&(t.pathname=`${t.pathname}/json`),t.toString()}return`${zr}/${e}`}function ze(e){try{return new URL(e),!0}catch{return!1}}async function We(e,t){let r=[];for(let i of e){let n=await Ur(i,t);r.push(...n)}return Array.from(new Set(r))}function Et(){return new Map([["registry:ui","ui"],["registry:lib","lib"],["registry:hook","hooks"],["registry:block","components"],["registry:component","components"]])}function Tt(e){let t=new Map;return e.forEach(r=>{r.registryDependencies&&r.registryDependencies.forEach(i=>{t.set(i,r)})}),t}import{promises as jt}from"fs";import Br from"path";import M from"postcss";import Gr from"postcss/lib/at-rule";async function Ue(e,t,r){if(!e||!Object.keys(e).length||!t.resolvedPaths.tailwindCss)return;r={cleanupDefaultNextStyles:!1,silent:!1,...r};let i=t.resolvedPaths.tailwindCss,n=Br.relative(t.resolvedPaths.cwd,i),o=h(`Updating ${l.info(n)}`,{silent:r.silent}).start(),s=await jt.readFile(i,"utf8"),c=await Jr(s,e,t,{cleanupDefaultNextStyles:r.cleanupDefaultNextStyles});await jt.writeFile(i,c,"utf8"),o.succeed()}async function Jr(e,t,r,i){i={cleanupDefaultNextStyles:!1,...i};let n=[Hr(t)];return i.cleanupDefaultNextStyles&&n.push(Qr()),r.tailwind.cssVariables&&n.push(Yr()),(await M(n).process(e,{from:void 0})).css}function Yr(){return{postcssPlugin:"update-base-layer",Once(e){let t=[{selector:"*",apply:"border-border"},{selector:"body",apply:"bg-background text-foreground"}],r=e.nodes.find(i=>i.type==="atrule"&&i.name==="layer"&&i.params==="base"&&t.every(({selector:n,apply:o})=>i.nodes?.some(s=>s.type==="rule"&&s.selector===n&&s.nodes.some(c=>c.type==="atrule"&&c.name==="apply"&&c.params===o))));r||(r=M.atRule({name:"layer",params:"base",raws:{semicolon:!0,between:" ",before:`
|
|
14
|
+
`}}),e.append(r)),t.forEach(({selector:i,apply:n})=>{r?.nodes?.find(s=>s.type==="rule"&&s.selector===i)||r?.append(M.rule({selector:i,nodes:[M.atRule({name:"apply",params:n,raws:{semicolon:!0,before:`
|
|
10
15
|
`}})],raws:{semicolon:!0,between:" ",before:`
|
|
11
|
-
`}}))})}}}function
|
|
12
|
-
`,between:" "}}),t.append(r)),r&&Object.entries(e).forEach(([i,n])=>{let
|
|
13
|
-
`}}),e.append(i)),Object.entries(r).forEach(([n,s])=>{let o=`--${n.replace(/^--/,"")}`,p=R.decl({prop:o,value:s,raws:{semicolon:!0}}),m=i?.nodes.find(f=>f.type==="decl"&&f.prop===o);m?m.replaceWith(p):i?.append(p)})}import{detect as tr}from"@antfu/ni";async function B(e,{withFallback:t}={withFallback:!1}){let r=await tr({programmatic:!0,cwd:e});if(r==="yarn@berry")return"yarn";if(r==="pnpm@6")return"pnpm";if(r==="bun")return"bun";if(!t)return r??"npm";let i=process.env.npm_config_user_agent||"";return i.startsWith("yarn")?"yarn":i.startsWith("pnpm")?"pnpm":i.startsWith("bun")?"bun":"npm"}import{execa as rr}from"execa";async function He(e,t,r){if(e=Array.from(new Set(e)),!e?.length)return;r={silent:!1,...r};let i=h("Installing dependencies.",{silent:r.silent})?.start(),n=await B(t.resolvedPaths.cwd);await rr(n,[n==="npm"?"install":"add",...e],{cwd:t.resolvedPaths.cwd}),i?.succeed()}import{existsSync as Ze,promises as qe}from"fs";import j,{basename as wr}from"path";import{promises as fr}from"fs";import{tmpdir as dr}from"os";import Xe from"path";import{SyntaxKind as ir}from"ts-morph";var J=async({sourceFile:e,config:t,baseColor:r})=>(t.tailwind?.cssVariables||!r?.inlineColors||e.getDescendantsOfKind(ir.StringLiteral).forEach(i=>{let n=i.getText();if(n){let s=sr(n.replace(/"/g,""),r.inlineColors);i.replaceWithText(`"${s.trim()}"`)}}),e);function de(e){if(!e.includes("/")&&!e.includes(":"))return[null,e,null];let t=[],[r,i]=e.split("/");if(!r.includes(":"))return[null,r,i];let n=r.split(":"),s=n.pop(),o=n.join(":");return t.push(o??null,s??null,i??null),t}var nr=["bg-","text-","border-","ring-offset-","ring-"];function sr(e,t){e.includes(" border ")&&(e=e.replace(" border "," border border-border "));let r=e.split(" "),i=new Set,n=new Set;for(let s of r){let[o,p,m]=de(s),f=nr.find(d=>p?.startsWith(d));if(!f){i.has(s)||i.add(s);continue}let x=p?.replace(f,"");if(x&&x in t.light){i.add([o,`${f}${t.light[x]}`].filter(Boolean).join(":")+(m?`/${m}`:"")),n.add(["dark",o,`${f}${t.dark[x]}`].filter(Boolean).join(":")+(m?`/${m}`:""));continue}i.has(s)||i.add(s)}return[...Array.from(i),...Array.from(n)].join(" ").trim()}var Y=async({sourceFile:e,config:t})=>{let r=e.getImportDeclarations();for(let i of r){let n=or(i.getModuleSpecifierValue(),t);i.setModuleSpecifier(n),n=="@/lib/utils"&&i.getNamedImports().find(p=>p.getName()==="cn")&&i.setModuleSpecifier(n.replace(/^@\/lib\/utils/,t.aliases.utils))}return e};function or(e,t){return e.startsWith("@/registry/")?e.match(/^@\/registry\/(.+)\/ui/)?e.replace(/^@\/registry\/(.+)\/ui/,t.aliases.ui??`${t.aliases.components}/ui`):t.aliases.components&&e.match(/^@\/registry\/(.+)\/components/)?e.replace(/^@\/registry\/(.+)\/components/,t.aliases.components):t.aliases.lib&&e.match(/^@\/registry\/(.+)\/lib/)?e.replace(/^@\/registry\/(.+)\/lib/,t.aliases.lib):t.aliases.hooks&&e.match(/^@\/registry\/(.+)\/hooks/)?e.replace(/^@\/registry\/(.+)\/hooks/,t.aliases.hooks):e.replace(/^@\/registry\/[^/]+/,t.aliases.components):e}import{transformFromAstSync as ar}from"@babel/core";import{parse as lr}from"@babel/parser";import cr from"@babel/plugin-transform-typescript";import*as H from"recast";var pr={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"]},Qe=async({sourceFile:e,config:t})=>{let r=e.getFullText();if(t.tsx)return r;let i=H.parse(r,{parser:{parse:s=>lr(s,pr)}}),n=ar(i,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[cr],configFile:!1});if(!n||!n.ast)throw new Error("Failed to transform JSX");return H.print(n.ast).code};import{SyntaxKind as mr}from"ts-morph";var Q=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let r=e.getFirstChildByKind(mr.ExpressionStatement);return r?.getText()==='"use client"'&&r.remove(),e};import{Project as gr,ScriptKind as ur}from"ts-morph";import{SyntaxKind as y}from"ts-morph";var X=async({sourceFile:e,config:t})=>(t.tailwind?.prefix&&(e.getDescendantsOfKind(y.CallExpression).filter(r=>r.getExpression().getText()==="cva").forEach(r=>{if(r.getArguments()[0]?.isKind(y.StringLiteral)){let i=r.getArguments()[0];i&&i.replaceWithText(`"${I(i.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}r.getArguments()[1]?.isKind(y.ObjectLiteralExpression)&&r.getArguments()[1]?.getDescendantsOfKind(y.PropertyAssignment).find(i=>i.getName()==="variants")?.getDescendantsOfKind(y.PropertyAssignment).forEach(i=>{i.getDescendantsOfKind(y.PropertyAssignment).forEach(n=>{let s=n.getInitializerIfKind(y.StringLiteral);s&&s?.replaceWithText(`"${I(s.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)})})}),e.getDescendantsOfKind(y.JsxAttribute).forEach(r=>{if(r.getName()==="className"){if(r.getInitializer()?.isKind(y.StringLiteral)){let i=r.getInitializer();i&&i.replaceWithText(`"${I(i.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}if(r.getInitializer()?.isKind(y.JsxExpression)){let i=r.getInitializer()?.getDescendantsOfKind(y.CallExpression).find(n=>n.getExpression().getText()==="cn");i&&i.getArguments().forEach(n=>{(n.isKind(y.ConditionalExpression)||n.isKind(y.BinaryExpression))&&n.getChildrenOfKind(y.StringLiteral).forEach(s=>{s.replaceWithText(`"${I(s.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}),n.isKind(y.StringLiteral)&&n.replaceWithText(`"${I(n.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)})}}r.getName()==="classNames"&&r.getInitializer()?.isKind(y.JsxExpression)&&r.getDescendantsOfKind(y.PropertyAssignment).forEach(i=>{if(i.getInitializer()?.isKind(y.CallExpression)){let n=i.getInitializerIfKind(y.CallExpression);n&&n.getArguments().forEach(s=>{s.isKind(y.ConditionalExpression)&&s.getChildrenOfKind(y.StringLiteral).forEach(o=>{o.replaceWithText(`"${I(o.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}),s.isKind(y.StringLiteral)&&s.replaceWithText(`"${I(s.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)})}if(i.getInitializer()?.isKind(y.StringLiteral)&&i.getName()!=="variant"){let n=i.getInitializer();n&&n.replaceWithText(`"${I(n.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}})})),e);function I(e,t=""){let r=e.split(" "),i=[];for(let n of r){let[s,o,p]=de(n);s?p?i.push(`${s}:${t}${o}/${p}`):i.push(`${s}:${t}${o}`):p?i.push(`${t}${o}/${p}`):i.push(`${t}${o}`)}return i.join(" ")}var hr=new gr({compilerOptions:{}});async function yr(e){let t=await fr.mkdtemp(Xe.join(dr(),"shadcn-"));return Xe.join(t,e)}async function Z(e,t=[Y,Q,J,X]){let r=await yr(e.filename),i=hr.createSourceFile(r,e.raw,{scriptKind:ur.TSX});for(let n of t)n({sourceFile:i,...e});return e.transformJsx?await Qe({sourceFile:i,...e}):i.getText()}import xr from"prompts";async function et(e,t,r){if(!e?.length)return;r={overwrite:!1,force:!1,silent:!1,...r};let i=h("Updating files.",{silent:r.silent})?.start(),n=await z(t.tailwind.baseColor),s=[],o=[],p=[];for(let f of e){if(!f.content)continue;let x=Ue(f,t),d=wr(f.path),w=j.join(x,d);f.target&&(w=j.join(t.resolvedPaths.cwd,f.target),x=j.dirname(w)),t.tsx||(w=w.replace(/\.tsx?$/,re=>re===".tsx"?".jsx":".js"));let V=Ze(w);if(V&&!r.overwrite){i.stop();let{overwrite:re}=await xr({type:"confirm",name:"overwrite",message:`The file ${l.info(d)} already exists. Would you like to overwrite?`,initial:!1});if(!re){p.push(j.relative(t.resolvedPaths.cwd,w));continue}i?.start()}Ze(x)||await qe.mkdir(x,{recursive:!0});let pt=await Z({filename:f.path,raw:f.content,config:t,baseColor:n,transformJsx:!t.tsx},[Y,Q,J,X]);await qe.writeFile(w,pt,"utf-8"),V?o.push(j.relative(t.resolvedPaths.cwd,w)):s.push(j.relative(t.resolvedPaths.cwd,w))}if(!(s.length||o.length)&&!p.length&&i?.info("No files updated."),s.length){if(i?.succeed(`Created ${s.length} ${s.length===1?"file":"files"}:`),!r.silent)for(let f of s)a.log(` - ${f}`)}else i?.stop();if(o.length&&(h(`Updated ${o.length} ${o.length===1?"file":"files"}:`,{silent:r.silent})?.info(),!r.silent))for(let f of o)a.log(` - ${f}`);if(p.length&&(h(`Skipped ${p.length} ${o.length===1?"file":"files"}:`,{silent:r.silent})?.info(),!r.silent))for(let f of p)a.log(` - ${f}`);r.silent||a.break()}async function q(e,t,r){r={overwrite:!1,silent:!1,isNewProject:!1,...r};let i=h("Checking registry.",{silent:r.silent})?.start(),n=await Ge(e,t);if(!n)return i?.fail(),b(new Error("Failed to fetch components from registry."));i?.succeed(),await Fe(n.tailwind?.config,t,{silent:r.silent}),await Ye(n.cssVars,t,{cleanupDefaultNextStyles:r.isNewProject,silent:r.silent}),await He(n.dependencies,t,{silent:r.silent}),await et(n.files,t,{overwrite:r.overwrite,silent:r.silent})}import br from"path";import{execa as Sr}from"execa";import ge from"fs-extra";import tt from"prompts";async function ee(e){if(!e.force){let{proceed:o}=await tt({type:"confirm",name:"proceed",message:`The path ${l.info(e.cwd)} is empty. Would you like to start a new ${l.info("Next.js")} project?`,initial:!0});if(!o)return{projectPath:null,projectName:null}}let t=await B(e.cwd),{name:r}=await tt({type:"text",name:"name",message:"What is your project named?",initial:"my-app",format:o=>o.trim(),validate:o=>o.length>128?"Name should be less than 128 characters.":!0}),i=`${e.cwd}/${r}`;try{await ge.access(e.cwd,ge.constants.W_OK)}catch{a.break(),a.error(`The path ${l.info(e.cwd)} is not writable.`),a.error(`It is likely you do not have write permissions for this folder or the path ${l.info(e.cwd)} does not exist.`),a.break(),process.exit(1)}ge.existsSync(br.resolve(e.cwd,r,"package.json"))&&(a.break(),a.error(`A project with the name ${l.info(r)} already exists.`),a.error("Please choose a different name and try again."),a.break(),process.exit(1));let n=h("Creating a new Next.js project.").start(),s=["--tailwind","--eslint","--typescript","--app","--no-src-dir","--no-import-alias",`--use-${t}`];try{await Sr("npx",["create-next-app@latest",i,"--silent",...s],{cwd:e.cwd})}catch{a.break(),a.error("Something went wront creating a new Next.js project. Please try again."),process.exit(1)}return n?.succeed(),{projectPath:i,projectName:r}}import{Command as Pr}from"commander";import ue from"prompts";import{z as k}from"zod";var Tr=k.object({cwd:k.string(),yes:k.boolean(),defaults:k.boolean(),force:k.boolean(),silent:k.boolean(),isNewProject:k.boolean()}),it=new Pr().name("init").description("initialize your project and install dependencies").option("-y, --yes","skip confirmation prompt.",!0).option("-d, --defaults,","use default configuration.",!1).option("-f, --force","force overwrite of existing configuration.",!1).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-s, --silent","mute output.",!1).action(async e=>{try{let t=Tr.parse({cwd:rt.resolve(e.cwd),isNewProject:!1,...e});await te(t),a.log(`${l.success("Success!")} Project initialization completed.
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
Existing CSS variables will be overwritten. Continue?`)});o||(a.break(),a.log("Theme installation cancelled."),a.break(),process.exit(1))}r.components?.length||(r.components=await jr(r));let{errors:n,config:s}=await st(r);if(n[W]){let{proceed:o}=await ye({type:"confirm",name:"proceed",message:`You need to create a ${l.info("component.json")} file to add components. Proceed?`,initial:!0});o||(a.break(),process.exit(1)),s=await te({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!1,silent:!0,isNewProject:!1})}if(n[T]){let{projectPath:o}=await ee({cwd:r.cwd,force:r.overwrite});o||(a.break(),process.exit(1)),r.cwd=o,s=await te({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!0,silent:!0,isNewProject:!0})}if(!s)throw new Error(`Failed to read config at ${l.info(r.cwd)}.`);await q(r.components,s,r)}catch(r){a.break(),b(r)}});async function jr(e){let t=await _();if(!t)return a.break(),b(new Error("Failed to fetch registry index.")),[];if(e.all)return t.map(n=>n.name);if(e.components?.length)return e.components;let{components:r}=await ye({type:"multiselect",name:"components",message:"Which components would you like to add?",hint:"Space to select. A to toggle all. Enter to submit.",instructions:!1,choices:t.filter(n=>n.type==="registry:ui").map(n=>({title:n.name,value:n.name,selected:e.all?!0:e.components?.includes(n.name)}))});r?.length||(a.warn("No components selected. Exiting."),a.info(""),process.exit(1));let i=S.array(S.string()).safeParse(r);return i.success?i.data:(a.error(""),b(new Error("Something went wrong. Please try again.")),[])}import{existsSync as we,promises as Or}from"fs";import xe from"path";import{Command as $r}from"commander";import{diffLines as Nr}from"diff";import{z as K}from"zod";var Fr=K.object({component:K.string().optional(),yes:K.boolean(),cwd:K.string(),path:K.string().optional()}),lt=new $r().name("diff").description("check for updates against the registry").argument("[component]","the component name").option("-y, --yes","skip confirmation prompt.",!1).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async(e,t)=>{try{let r=Fr.parse({component:e,...t}),i=xe.resolve(r.cwd);we(i)||(a.error(`The path ${i} does not exist. Please try again.`),process.exit(1));let n=await v(i);n||(a.warn(`Configuration is missing. Please run ${l.success("init")} to create a components.json file.`),process.exit(1));let s=await _();if(s||(b(new Error("Failed to fetch registry index.")),process.exit(1)),!r.component){let m=n.resolvedPaths.components,f=s.filter(d=>{for(let w of d.files??[]){let V=xe.resolve(m,typeof w=="string"?w:w.path);if(we(V))return!0}return!1}),x=[];for(let d of f){let w=await at(d,n);w.length&&x.push({name:d.name,changes:w})}x.length||(a.info("No updates found."),process.exit(0)),a.info("The following components have updates available:");for(let d of x){a.info(`- ${d.name}`);for(let w of d.changes)a.info(` - ${w.filePath}`)}a.break(),a.info(`Run ${l.success("diff <component>")} to see the changes.`),process.exit(0)}let o=s.find(m=>m.name===r.component);o||(a.error(`The component ${l.success(r.component)} does not exist.`),process.exit(1));let p=await at(o,n);p.length||(a.info(`No updates found for ${r.component}.`),process.exit(0));for(let m of p)a.info(`- ${m.filePath}`),await Ar(m.patch),a.info("")}catch(r){b(r)}});async function at(e,t){let r=await We(t.style,[e]),i=await z(t.tailwind.baseColor);if(!r)return[];let n=[];for(let s of r){let o=await Me(t,s);if(o)for(let p of s.files??[]){let m=xe.resolve(o,typeof p=="string"?p:p.path);if(!we(m))continue;let f=await Or.readFile(m,"utf8");if(typeof p=="string"||!p.content)continue;let x=await Z({filename:p.path,raw:p.content,config:t,baseColor:i}),d=Nr(x,f);d.length>1&&n.push({filePath:m,patch:d})}}return n}async function Ar(e){e.forEach(t=>{if(t)return t.added?process.stdout.write(l.success(t.value)):t.removed?process.stdout.write(l.error(t.value)):process.stdout.write(t.value)})}import{Command as _r}from"commander";import Dr from"path";import Lr from"fs-extra";function ct(){let e=Dr.join("package.json");return Lr.readJSONSync(e)}process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));async function zr(){let e=await ct(),t=new _r().name("shadcn").description("add components and dependencies to your project").version(e.version||"1.0.0","-v, --version","display the version number");t.addCommand(it).addCommand(ot).addCommand(lt),t.parse()}zr();
|
|
16
|
+
`}}))})}}}function Hr(e){return{postcssPlugin:"update-css-vars",Once(t){let r=t.nodes.find(i=>i.type==="atrule"&&i.name==="layer"&&i.params==="base");r instanceof Gr||(r=M.atRule({name:"layer",params:"base",nodes:[],raws:{semicolon:!0,before:`
|
|
17
|
+
`,between:" "}}),t.append(r)),r!==void 0&&Object.entries(e).forEach(([i,n])=>{let o=i==="light"?":root":`.${i}`;Xr(r,o,n)})}}}function Ot(e){let t=e.nodes.find(r=>r.type==="rule"&&r.selector===":root");if(t){let r=["--background","--foreground"];t.nodes.filter(i=>i.type==="decl"&&r.includes(i.prop)).forEach(i=>i.remove()),t.nodes.length===0&&t.remove()}}function Qr(){return{postcssPlugin:"cleanup-default-next-styles",Once(e){let t=e.nodes.find(i=>i.type==="rule"&&i.selector==="body");t&&(t.nodes.find(i=>i.type==="decl"&&i.prop==="color"&&["rgb(var(--foreground-rgb))","var(--foreground)"].includes(i.value))?.remove(),t.nodes.find(i=>i.type==="decl"&&i.prop==="background"&&(i.value.startsWith("linear-gradient")||i.value==="var(--background)"))?.remove(),t.nodes.length===0&&t.remove()),Ot(e);let r=e.nodes.find(i=>i.type==="atrule"&&i.params==="(prefers-color-scheme: dark)");r&&(Ot(r),r.nodes.length===0&&r.remove())}}}function Xr(e,t,r){let i=e.nodes?.find(n=>n.type==="rule"&&n.selector===t);i||Object.keys(r).length>0&&(i=M.rule({selector:t,raws:{between:" ",before:`
|
|
18
|
+
`}}),e.append(i)),Object.entries(r).forEach(([n,o])=>{let s=`--${n.replace(/^--/,"")}`,c=M.decl({prop:s,value:o,raws:{semicolon:!0}}),d=i?.nodes.find(p=>p.type==="decl"&&p.prop===s);d?d.replaceWith(c):i?.append(c)})}import{detect as Zr}from"@antfu/ni";async function ce(e,{withFallback:t}={withFallback:!1}){let r=await Zr({programmatic:!0,cwd:e});if(r==="yarn@berry")return"yarn";if(r==="pnpm@6")return"pnpm";if(r==="bun")return"bun";if(!t)return r??"npm";let i=process.env.npm_config_user_agent||"";return i.startsWith("yarn")?"yarn":i.startsWith("pnpm")?"pnpm":i.startsWith("bun")?"bun":"npm"}import{execa as qr}from"execa";import ei from"prompts";async function ee(e,t,r){if(e=Array.from(new Set(e)),!e?.length)return;r={silent:!1,...r};let i=h("Installing dependencies.",{silent:r.silent})?.start(),n=await ce(t.resolvedPaths.cwd),o="";if(ti(t)&&n==="npm"){i.stopAndPersist(),a.warn(`
|
|
19
|
+
It looks like you are using React 19.
|
|
20
|
+
Some packages may fail to install due to peer dependency issues in npm (see https://ui.shadcn.com/react-19).
|
|
21
|
+
`);let s=await ei([{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&&(o=s.flag)}i?.start(),await qr(n,[n==="npm"?"install":"add",...n==="npm"&&o?[`--${o}`]:[],...e],{cwd:t.resolvedPaths.cwd}),i?.succeed()}function ti(e){let t=re(e.resolvedPaths.cwd);return t?.dependencies?.react?/^(?:\^|~)?19(?:\.\d+)*(?:-.*)?$/.test(t.dependencies.react):!1}import{existsSync as Ft,promises as Dt}from"fs";import _,{basename as bi}from"path";import{promises as gi}from"fs";import{tmpdir as ui}from"os";import At from"path";import{SyntaxKind as ri}from"ts-morph";var le=async({sourceFile:e,config:t,baseColor:r})=>(t.tailwind?.cssVariables||!r?.inlineColors||e.getDescendantsOfKind(ri.StringLiteral).forEach(i=>{let n=i.getText();if(n){let o=ni(n.replace(/"/g,""),r.inlineColors);i.replaceWithText(`"${o.trim()}"`)}}),e);function Ve(e){if(!e.includes("/")&&!e.includes(":"))return[null,e,null];let t=[],[r,i]=e.split("/");if(!r.includes(":"))return[null,r,i];let n=r.split(":"),o=n.pop(),s=n.join(":");return t.push(s??null,o??null,i??null),t}var ii=["bg-","text-","border-","ring-offset-","ring-"];function ni(e,t){e.includes(" border ")&&(e=e.replace(" border "," border border-border "));let r=e.split(" "),i=new Set,n=new Set;for(let o of r){let[s,c,d]=Ve(o),p=ii.find(u=>c?.startsWith(u));if(!p){i.has(o)||i.add(o);continue}let m=c?.replace(p,"");if(m&&m in t.light){i.add([s,`${p}${t.light[m]}`].filter(Boolean).join(":")+(d?`/${d}`:"")),n.add(["dark",s,`${p}${t.dark[m]}`].filter(Boolean).join(":")+(d?`/${d}`:""));continue}i.has(o)||i.add(o)}return[...Array.from(i),...Array.from(n)].join(" ").trim()}var P={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"}};import{SyntaxKind as oi}from"ts-morph";var $t="lucide",pe=async({sourceFile:e,config:t})=>{if(!t.iconLibrary||!(t.iconLibrary in P))return e;let r=await ae(),i=$t,n=t.iconLibrary;if(i===n)return e;let o=[];for(let s of e.getImportDeclarations()??[])if(s.getModuleSpecifier()?.getText()===`"${P[$t].import}"`){for(let c of s.getNamedImports()??[]){let d=c.getName(),p=r[d]?.[n];!p||o.includes(p)||(o.push(p),c.remove(),e.getDescendantsOfKind(oi.JsxSelfClosingElement).filter(m=>m.getTagNameNode()?.getText()===d).forEach(m=>m.getTagNameNode()?.replaceWithText(p)))}s.getNamedImports()?.length===0&&s.remove()}if(o.length>0){let s=e.addImportDeclaration({moduleSpecifier:P[n]?.import,namedImports:o.map(c=>({name:c}))});si(e)||s.replaceWithText(s.getText().replace(";",""))}return e};function si(e){return e.getImportDeclarations()?.[0]?.getText().endsWith(";")??!1}var Nt={"@/lib/utils":/^@\/lib\/utils/,"@workspace/lib/utils":/^@workspace\/lib\/utils/},me=async({sourceFile:e,config:t})=>{let r=e.getImportDeclarations();for(let i of r){let n=ai(i.getModuleSpecifierValue(),t);i.setModuleSpecifier(n),Nt[n]&&i.getNamedImports().find(c=>c.getName()==="cn")&&i.setModuleSpecifier(n.replace(Nt[n],t.aliases.utils))}return e};function ai(e,t){if(!e.startsWith("@/"))return e;if(!e.startsWith("@/registry/")){let r=t.aliases.components.split("/")[0];return e.replace(/^@\//,`${r}/`)}return e.match(/^@\/registry\/(.+)\/ui/)?e.replace(/^@\/registry\/(.+)\/ui/,t.aliases.ui??`${t.aliases.components}/ui`):t.aliases.components&&e.match(/^@\/registry\/(.+)\/components/)?e.replace(/^@\/registry\/(.+)\/components/,t.aliases.components):t.aliases.lib&&e.match(/^@\/registry\/(.+)\/lib/)?e.replace(/^@\/registry\/(.+)\/lib/,t.aliases.lib):t.aliases.hooks&&e.match(/^@\/registry\/(.+)\/hooks/)?e.replace(/^@\/registry\/(.+)\/hooks/,t.aliases.hooks):e.replace(/^@\/registry\/[^/]+/,t.aliases.components)}import{transformFromAstSync as ci}from"@babel/core";import{parse as li}from"@babel/parser";import pi from"@babel/plugin-transform-typescript";import*as fe from"recast";var mi={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"]},Lt=async({sourceFile:e,config:t})=>{let r=e.getFullText();if(t.tsx)return r;let i=fe.parse(r,{parser:{parse:o=>li(o,mi)}}),n=ci(i,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[pi],configFile:!1});if(!n||!n.ast)throw new Error("Failed to transform JSX");return fe.print(n.ast).code};import{SyntaxKind as fi}from"ts-morph";var di=/^["']use client["']$/g,de=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let r=e.getFirstChildByKind(fi.ExpressionStatement);return r&&di.test(r.getText())&&r.remove(),e};import{Project as hi,ScriptKind as yi}from"ts-morph";import{SyntaxKind as S}from"ts-morph";var ge=async({sourceFile:e,config:t})=>(t.tailwind?.prefix&&(e.getDescendantsOfKind(S.CallExpression).filter(r=>r.getExpression().getText()==="cva").forEach(r=>{if(r.getArguments()[0]?.isKind(S.StringLiteral)){let i=r.getArguments()[0];i&&i.replaceWithText(`"${D(i.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)}r.getArguments()[1]?.isKind(S.ObjectLiteralExpression)&&r.getArguments()[1]?.getDescendantsOfKind(S.PropertyAssignment).find(i=>i.getName()==="variants")?.getDescendantsOfKind(S.PropertyAssignment).forEach(i=>{i.getDescendantsOfKind(S.PropertyAssignment).forEach(n=>{let o=n.getInitializerIfKind(S.StringLiteral);o&&o?.replaceWithText(`"${D(o.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)})})}),e.getDescendantsOfKind(S.JsxAttribute).forEach(r=>{if(r.getName()==="className"){if(r.getInitializer()?.isKind(S.StringLiteral)){let i=r.getInitializer();i&&i.replaceWithText(`"${D(i.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)}if(r.getInitializer()?.isKind(S.JsxExpression)){let i=r.getInitializer()?.getDescendantsOfKind(S.CallExpression).find(n=>n.getExpression().getText()==="cn");i&&i.getArguments().forEach(n=>{(n.isKind(S.ConditionalExpression)||n.isKind(S.BinaryExpression))&&n.getChildrenOfKind(S.StringLiteral).forEach(o=>{o.replaceWithText(`"${D(o.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)}),n.isKind(S.StringLiteral)&&n.replaceWithText(`"${D(n.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)})}}r.getName()==="classNames"&&r.getInitializer()?.isKind(S.JsxExpression)&&r.getDescendantsOfKind(S.PropertyAssignment).forEach(i=>{if(i.getInitializer()?.isKind(S.CallExpression)){let n=i.getInitializerIfKind(S.CallExpression);n&&n.getArguments().forEach(o=>{o.isKind(S.ConditionalExpression)&&o.getChildrenOfKind(S.StringLiteral).forEach(s=>{s.replaceWithText(`"${D(s.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)}),o.isKind(S.StringLiteral)&&o.replaceWithText(`"${D(o.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)})}if(i.getInitializer()?.isKind(S.StringLiteral)&&i.getName()!=="variant"){let n=i.getInitializer();n&&n.replaceWithText(`"${D(n.getText()?.replace(/"|'/g,""),t.tailwind.prefix)}"`)}})})),e);function D(e,t=""){let r=e.split(" "),i=[];for(let n of r){let[o,s,c]=Ve(n);o?c?i.push(`${o}:${t}${s}/${c}`):i.push(`${o}:${t}${s}`):c?i.push(`${t}${s}/${c}`):i.push(`${t}${s}`)}return i.join(" ")}var wi=new hi({compilerOptions:{}});async function xi(e){let t=await gi.mkdtemp(At.join(ui(),"shadcn-"));return At.join(t,e)}async function ue(e,t=[me,de,le,ge,pe]){let r=await xi(e.filename),i=wi.createSourceFile(r,e.raw,{scriptKind:yi.TSX});for(let n of t)await n({sourceFile:i,...e});return e.transformJsx?await Lt({sourceFile:i,...e}):i.getText()}import Si from"prompts";function Ci(e,t,r){return r.startsWith("~/")?_.join(t.resolvedPaths.cwd,r.replace("~/","")):e?.isSrcDir?_.join(t.resolvedPaths.cwd,"src",r):_.join(t.resolvedPaths.cwd,r)}async function Be(e,t,r){if(!e?.length)return{filesCreated:[],filesUpdated:[],filesSkipped:[]};r={overwrite:!1,force:!1,silent:!1,...r};let i=h("Updating files.",{silent:r.silent})?.start(),[n,o]=await Promise.all([N(t.resolvedPaths.cwd),q(t.tailwind.baseColor)]),s=[],c=[],d=[];for(let m of e){if(!m.content)continue;let u=Rt(m,t),x=bi(m.path),C=_.join(u,x);m.target&&(C=Ci(n,t,m.target),u=_.dirname(C)),t.tsx||(C=C.replace(/\.tsx?$/,G=>G===".tsx"?".jsx":".js"));let L=Ft(C);if(L&&!r.overwrite){i.stop(),r.rootSpinner&&r.rootSpinner.stop();let{overwrite:G}=await Si({type:"confirm",name:"overwrite",message:`The file ${l.info(x)} already exists. Would you like to overwrite?`,initial:!1});if(!G){d.push(_.relative(t.resolvedPaths.cwd,C)),r.rootSpinner&&r.rootSpinner.start();continue}i?.start(),r.rootSpinner&&r.rootSpinner.start()}Ft(u)||await Dt.mkdir(u,{recursive:!0});let b=await ue({filename:m.path,raw:m.content,config:t,baseColor:o,transformJsx:!t.tsx},[me,de,le,ge,pe]);await Dt.writeFile(C,b,"utf-8"),L?c.push(_.relative(t.resolvedPaths.cwd,C)):s.push(_.relative(t.resolvedPaths.cwd,C))}if(!(s.length||c.length)&&!d.length&&i?.info("No files updated."),s.length){if(i?.succeed(`Created ${s.length} ${s.length===1?"file":"files"}:`),!r.silent)for(let m of s)a.log(` - ${m}`)}else i?.stop();if(c.length&&(h(`Updated ${c.length} ${c.length===1?"file":"files"}:`,{silent:r.silent})?.info(),!r.silent))for(let m of c)a.log(` - ${m}`);if(d.length&&(h(`Skipped ${d.length} ${c.length===1?"file":"files"}: (use --overwrite to overwrite)`,{silent:r.silent})?.info(),!r.silent))for(let m of d)a.log(` - ${m}`);return r.silent||a.break(),{filesCreated:s,filesUpdated:c,filesSkipped:d}}import{z as vi}from"zod";async function he(e,t,r){r={overwrite:!1,silent:!1,isNewProject:!1,...r};let i=await at(t);return i&&i?.ui.resolvedPaths.cwd!==t.resolvedPaths.cwd?await Ri(e,t,i,r):await Ii(e,t,r)}async function Ii(e,t,r){let i=h("Checking registry.",{silent:r.silent})?.start(),n=await Pt(e,t);if(!n)return i?.fail(),w(new Error("Failed to fetch components from registry."));i?.succeed(),await Le(n.tailwind?.config,t,{silent:r.silent}),await Ue(n.cssVars,t,{cleanupDefaultNextStyles:r.isNewProject,silent:r.silent}),await ee(n.dependencies,t,{silent:r.silent}),await Be(n.files,t,{overwrite:r.overwrite,silent:r.silent}),n.docs&&a.info(n.docs)}async function Ri(e,t,r,i){let n=h("Checking registry.",{silent:i.silent})?.start(),o=await We(e,t),s=await R(o),c=vi.array(F).parse(s);if(!c)return n?.fail(),w(new Error("Failed to fetch components from registry."));n?.succeed();let d=Tt(c),p=Et(),m=[],u=[],x=[],C=h("Installing components.")?.start();for(let b of c){let G=p.get(b.type),ir=d.get(b.name);if(!G)continue;let j=b.type==="registry:ui"||ir?.type==="registry:ui"?r.ui:t,U=Ee(t.resolvedPaths.cwd,j.resolvedPaths.ui),ve=await ke(U,j.resolvedPaths.cwd)??j.resolvedPaths.cwd;b.tailwind?.config&&(await Le(b.tailwind?.config,j,{silent:!0}),u.push(K.relative(U,j.resolvedPaths.tailwindConfig))),b.cssVars&&(await Ue(b.cssVars,j,{silent:!0}),u.push(K.relative(U,j.resolvedPaths.tailwindCss))),await ee(b.dependencies,j,{silent:!0});let Ie=await Be(b.files,j,{overwrite:i.overwrite,silent:!0,rootSpinner:C});m.push(...Ie.filesCreated.map(J=>K.relative(U,K.join(ve,J)))),u.push(...Ie.filesUpdated.map(J=>K.relative(U,K.join(ve,J)))),x.push(...Ie.filesSkipped.map(J=>K.relative(U,K.join(ve,J))))}if(C?.succeed(),m.sort(),u.sort(),x.sort(),!(m.length||u.length)&&!x.length&&h("No files updated.",{silent:i.silent})?.info(),m.length){h(`Created ${m.length} ${m.length===1?"file":"files"}:`,{silent:i.silent})?.succeed();for(let b of m)a.log(` - ${b}`)}if(u.length){h(`Updated ${u.length} ${u.length===1?"file":"files"}:`,{silent:i.silent})?.info();for(let b of u)a.log(` - ${b}`)}if(x.length){h(`Skipped ${x.length} ${u.length===1?"file":"files"}: (use --overwrite to overwrite)`,{silent:i.silent})?.info();for(let b of x)a.log(` - ${b}`)}}import Pi from"os";import ye from"path";import{execa as z}from"execa";import W from"fs-extra";import ki from"prompts";import{z as Ge}from"zod";var Ei="https://codeload.github.com/shadcn-ui/ui/tar.gz/shadcn/cli-monorepo";async function we(e){e={srcDir:!1,...e};let t="next",r="my-app",i="14.2.16",n=e.components?.length===1&&!!e.components[0].match(/\/chat\/b\//);if(e.components&&n)try{let[c]=await R(e.components),{meta:d}=Ge.object({meta:Ge.object({nextVersion:Ge.string()})}).parse(c);i=d.nextVersion}catch(c){a.break(),w(c)}if(!e.force){let c=[{title:"Next.js",value:"next"}];n||c.push({title:"Next.js (Monorepo)",value:"monorepo"});let{type:d,name:p}=await ki([{type:"select",name:"type",message:`The path ${l.info(e.cwd)} does not contain a package.json file.
|
|
22
|
+
Would you like to start a new project?`,choices:c,initial:0},{type:"text",name:"name",message:"What is your project named?",initial:r,format:m=>m.trim(),validate:m=>m.length>128?"Name should be less than 128 characters.":!0}]);t=d,r=p}let o=await ce(e.cwd,{withFallback:!0}),s=`${e.cwd}/${r}`;try{await W.access(e.cwd,W.constants.W_OK)}catch{a.break(),a.error(`The path ${l.info(e.cwd)} is not writable.`),a.error(`It is likely you do not have write permissions for this folder or the path ${l.info(e.cwd)} does not exist.`),a.break(),process.exit(1)}return W.existsSync(ye.resolve(e.cwd,r,"package.json"))&&(a.break(),a.error(`A project with the name ${l.info(r)} already exists.`),a.error("Please choose a different name and try again."),a.break(),process.exit(1)),t==="next"&&await Ti(s,{version:i,cwd:e.cwd,packageManager:o,srcDir:!!e.srcDir}),t==="monorepo"&&await ji(s),{projectPath:s,projectName:r,projectType:t}}async function Ti(e,t){let r=h("Creating a new Next.js project. This may take a few minutes.").start(),i=["--tailwind","--eslint","--typescript","--app",t.srcDir?"--src-dir":"--no-src-dir","--no-import-alias",`--use-${t.packageManager}`];t.version.startsWith("15")&&i.push("--turbopack");try{await z("npx",[`create-next-app@${t.version}`,e,"--silent",...i],{cwd:t.cwd})}catch{a.break(),a.error("Something went wrong creating a new Next.js project. Please try again."),process.exit(1)}r?.succeed("Creating a new Next.js project.")}async function ji(e){let t=h("Creating a new Next.js monorepo. This may take a few minutes.").start();try{let r=ye.join(Pi.tmpdir(),`shadcn-template-${Date.now()}`);await W.ensureDir(r);let i=await fetch(Ei);if(!i.ok)throw new Error(`Failed to download template: ${i.statusText}`);let n=ye.resolve(r,"template.tar.gz");await W.writeFile(n,Buffer.from(await i.arrayBuffer())),await z("tar",["-xzf",n,"-C",r,"--strip-components=2","ui-shadcn-cli-monorepo/templates/monorepo-next"]);let o=ye.resolve(r,"monorepo-next");await W.move(o,e),await W.remove(r);let s=process.cwd();await z("git",["--version"],{cwd:e}),await z("git",["init"],{cwd:e}),await z("git",["add","-A"],{cwd:e}),await z("git",["commit","-m","Initial commit"],{cwd:e}),await z("cd",[s])}catch(r){console.log(r),a.break(),a.error("Something went wrong creating a new Next.js project. Please try again."),process.exit(1)}t?.succeed("Creating a new Next.js monorepo.")}import{promises as _t}from"fs";import Oi from"path";import{SyntaxKind as xe}from"ts-morph";async function Kt(e,t,r){if(!e)return;r={silent:!1,...r};let i=Oi.relative(t.resolvedPaths.cwd,t.resolvedPaths.tailwindConfig),n=h(`Updating ${l.info(i)}`,{silent:r.silent}).start(),o=await _t.readFile(t.resolvedPaths.tailwindConfig,"utf8"),s=await $i(o,e,t);await _t.writeFile(t.resolvedPaths.tailwindConfig,s,"utf8"),n?.succeed()}async function $i(e,t,r){let i=await oe(e,r),n=i.getDescendantsOfKind(xe.ObjectLiteralExpression).find(o=>o.getProperties().some(s=>s.isKind(xe.PropertyAssignment)&&s.getName()==="content"));return n?(Ni(n,t),i.getFullText()):e}async function Ni(e,t){let r=Ae(e),i=e.getProperty("content");if(!i){let n={name:"content",initializer:`[${r}${t.join(`${r}, ${r}`)}${r}]`};return e.addPropertyAssignment(n),e}if(i.isKind(xe.PropertyAssignment)){let n=i.getInitializer();if(n?.isKind(xe.ArrayLiteralExpression))for(let o of t){let s=`${r}${o}${r}`;n.getElements().map(c=>c.getText()).includes(s)||n.addElement(s)}return e}return e}import{Command as Ai}from"commander";import Ye from"prompts";import{z as T}from"zod";var Fi=T.object({cwd:T.string(),components:T.array(T.string()).optional(),yes:T.boolean(),defaults:T.boolean(),force:T.boolean(),silent:T.boolean(),isNewProject:T.boolean(),srcDir:T.boolean().optional()}),Mt=new Ai().name("init").description("initialize your project and install dependencies").argument("[components...]","the components to add or a url to the component.").option("-y, --yes","skip confirmation prompt.",!0).option("-d, --defaults,","use default configuration.",!1).option("-f, --force","force overwrite of existing configuration.",!1).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-s, --silent","mute output.",!1).option("--src-dir","use the src directory when creating a new project.",!1).action(async(e,t)=>{try{let r=Fi.parse({cwd:Je.resolve(t.cwd),isNewProject:!1,components:e,...t});await be(r),a.log(`${l.success("Success!")} Project initialization completed.
|
|
23
|
+
You may now add components.`),a.break()}catch(r){a.break(),w(r)}});async function be(e){let t,r;if(e.skipPreflight)t=await N(e.cwd);else{let p=await pt(e);if(p.errors[I]){let{projectPath:m,projectType:u}=await we(e);m||process.exit(1),e.cwd=m,e.isNewProject=!0,r=u}t=p.projectInfo}if(r==="monorepo")return e.cwd=Je.resolve(e.cwd,"apps/web"),await v(e.cwd);let i=await ct(e.cwd,t),n=i?await _i(i,e):await Di(await v(e.cwd));if(!e.yes){let{proceed:p}=await Ye({type:"confirm",name:"proceed",message:`Write configuration to ${l.info("components.json")}. Proceed?`,initial:!0});p||process.exit(0)}let o=h("Writing components.json.").start(),s=Je.resolve(e.cwd,"components.json");await Li.writeFile(s,JSON.stringify(n,null,2),"utf8"),o.succeed();let c=await H(e.cwd,n),d=["index",...e.components||[]];return await he(d,c,{overwrite:!0,silent:e.silent,isNewProject:e.isNewProject||t?.framework.name==="next-app"}),e.isNewProject&&e.srcDir&&await Kt(["./src/**/*.{js,ts,jsx,tsx,mdx}"],c,{silent:e.silent}),c}async function Di(e=null){let[t,r]=await Promise.all([Ke(),Me()]);a.info("");let i=await Ye([{type:"toggle",name:"typescript",message:`Would you like to use ${l.info("TypeScript")} (recommended)?`,initial:e?.tsx??!0,active:"yes",inactive:"no"},{type:"select",name:"style",message:`Which ${l.info("style")} would you like to use?`,choices:t.map(n=>({title:n.label,value:n.name}))},{type:"select",name:"tailwindBaseColor",message:`Which color would you like to use as the ${l.info("base color")}?`,choices:r.map(n=>({title:n.label,value:n.name}))},{type:"text",name:"tailwindCss",message:`Where is your ${l.info("global CSS")} file?`,initial:e?.tailwind.css??nt},{type:"toggle",name:"tailwindCssVariables",message:`Would you like to use ${l.info("CSS variables")} for theming?`,initial:e?.tailwind.cssVariables??!0,active:"yes",inactive:"no"},{type:"text",name:"tailwindPrefix",message:`Are you using a custom ${l.info("tailwind prefix eg. tw-")}? (Leave blank if not)`,initial:""},{type:"text",name:"tailwindConfig",message:`Where is your ${l.info("tailwind.config.js")} located?`,initial:e?.tailwind.config??ot},{type:"text",name:"components",message:`Configure the import alias for ${l.info("components")}:`,initial:e?.aliases.components??rt},{type:"text",name:"utils",message:`Configure the import alias for ${l.info("utils")}:`,initial:e?.aliases.utils??it},{type:"toggle",name:"rsc",message:`Are you using ${l.info("React Server Components")}?`,initial:e?.rsc??!0,active:"yes",inactive:"no"}]);return Y.parse({$schema:"https://ui.shadcn.com/schema.json",style:i.style,tailwind:{config:i.tailwindConfig,css:i.tailwindCss,baseColor:i.tailwindBaseColor,cssVariables:i.tailwindCssVariables,prefix:i.tailwindPrefix},rsc:i.rsc,tsx:i.typescript,aliases:{utils:i.utils,components:i.components,lib:i.components.replace(/\/components$/,"lib"),hooks:i.components.replace(/\/components$/,"hooks")}})}async function _i(e,t){let r=e.style,i=e.tailwind.baseColor,n=e.tailwind.cssVariables;if(!t.defaults){let[o,s]=await Promise.all([Ke(),Me()]),c=await Ye([{type:"select",name:"style",message:`Which ${l.info("style")} would you like to use?`,choices:o.map(d=>({title:d.label,value:d.name})),initial:o.findIndex(d=>d.name===r)},{type:"select",name:"tailwindBaseColor",message:`Which color would you like to use as the ${l.info("base color")}?`,choices:s.map(d=>({title:d.label,value:d.name}))},{type:"toggle",name:"tailwindCssVariables",message:`Would you like to use ${l.info("CSS variables")} for theming?`,initial:e?.tailwind.cssVariables,active:"yes",inactive:"no"}]);r=c.style,i=c.tailwindBaseColor,n=c.tailwindCssVariables}return Y.parse({$schema:e?.$schema,style:r,tailwind:{...e?.tailwind,baseColor:i,cssVariables:n},rsc:e?.rsc,tsx:e?.tsx,aliases:e?.aliases,iconLibrary:e?.iconLibrary})}import zt from"path";import He from"fs-extra";async function Wt(e){let t={};if(!He.existsSync(e.cwd)||!He.existsSync(zt.resolve(e.cwd,"package.json")))return t[I]=!0,{errors:t,config:null};if(!He.existsSync(zt.resolve(e.cwd,"components.json")))return t[A]=!0,{errors:t,config:null};try{let r=await v(e.cwd);return{errors:t,config:r}}catch{a.break(),a.error(`An invalid ${l.info("components.json")} file was found at ${l.info(e.cwd)}.
|
|
24
|
+
Before you can add components, you must create a valid ${l.info("components.json")} file by running the ${l.info("init")} command.`),a.error(`Learn more at ${l.info("https://ui.shadcn.com/docs/components-json")}.`),a.break(),process.exit(1)}}import Ut from"fs/promises";import Ki from"path";async function Vt(e,t){let r=Ki.join(t.resolvedPaths.cwd,"app/page.tsx");if(!(await Ut.stat(r)).isFile())return;let i=await Ct(e,t.style);if(!i?.meta?.importSpecifier||!i?.meta?.moduleSpecifier)return;let n=`import { ${i?.meta?.importSpecifier} } from "${i.meta.moduleSpecifier}"
|
|
25
|
+
|
|
26
|
+
export default function Page() {
|
|
27
|
+
return <${i?.meta?.importSpecifier} />
|
|
28
|
+
}`;await Ut.writeFile(r,n,"utf8")}import{Command as Mi}from"commander";import Qe from"prompts";import{z as k}from"zod";var zi=k.object({components:k.array(k.string()).optional(),yes:k.boolean(),overwrite:k.boolean(),cwd:k.string(),all:k.boolean(),path:k.string().optional(),silent:k.boolean(),srcDir:k.boolean().optional()}),Gt=new Mi().name("add").description("add a component to your project").argument("[components...]","the components to add or a url to the component.").option("-y, --yes","skip confirmation prompt.",!1).option("-o, --overwrite","overwrite existing files.",!1).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).option("-a, --all","add all available components",!1).option("-p, --path <path>","the path to add the component to.").option("-s, --silent","mute output.",!1).option("--src-dir","use the src directory when creating a new project.",!1).action(async(e,t)=>{try{let r=zi.parse({components:e,cwd:Bt.resolve(t.cwd),...t}),i=r.components?.some(c=>c.includes("theme-"));if(!r.yes&&i){a.break();let{confirm:c}=await Qe({type:"confirm",name:"confirm",message:l.warn(`You are about to install a new theme.
|
|
29
|
+
Existing CSS variables will be overwritten. Continue?`)});c||(a.break(),a.log("Theme installation cancelled."),a.break(),process.exit(1))}r.components?.length||(r.components=await Wi(r));let{errors:n,config:o}=await Wt(r);if(n[A]){let{proceed:c}=await Qe({type:"confirm",name:"proceed",message:`You need to create a ${l.info("components.json")} file to add components. Proceed?`,initial:!0});c||(a.break(),process.exit(1)),o=await be({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!1,silent:!0,isNewProject:!1,srcDir:r.srcDir})}let s=!1;if(n[I]){let{projectPath:c,projectType:d}=await we({cwd:r.cwd,force:r.overwrite,srcDir:r.srcDir,components:r.components});c||(a.break(),process.exit(1)),r.cwd=c,d==="monorepo"?(r.cwd=Bt.resolve(r.cwd,"apps/web"),o=await v(r.cwd)):(o=await be({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!0,silent:!0,isNewProject:!0,srcDir:r.srcDir}),s=r.components?.length===1&&!!r.components[0].match(/\/chat\/b\//))}if(!o)throw new Error(`Failed to read config at ${l.info(r.cwd)}.`);await he(r.components,o,r),s&&await Vt(r.components[0],o)}catch(r){a.break(),w(r)}});async function Wi(e){let t=await Z();if(!t)return a.break(),w(new Error("Failed to fetch registry index.")),[];if(e.all)return t.map(n=>n.name);if(e.components?.length)return e.components;let{components:r}=await Qe({type:"multiselect",name:"components",message:"Which components would you like to add?",hint:"Space to select. A to toggle all. Enter to submit.",instructions:!1,choices:t.filter(n=>n.type==="registry:ui").map(n=>({title:n.name,value:n.name,selected:e.all?!0:e.components?.includes(n.name)}))});r?.length||(a.warn("No components selected. Exiting."),a.info(""),process.exit(1));let i=k.array(k.string()).safeParse(r);return i.success?i.data:(a.error(""),w(new Error("Something went wrong. Please try again.")),[])}import{existsSync as Xe,promises as Ui}from"fs";import Ze from"path";import{Command as Vi}from"commander";import{diffLines as Bi}from"diff";import{z as te}from"zod";var Gi=te.object({component:te.string().optional(),yes:te.boolean(),cwd:te.string(),path:te.string().optional()}),Yt=new Vi().name("diff").description("check for updates against the registry").argument("[component]","the component name").option("-y, --yes","skip confirmation prompt.",!1).option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async(e,t)=>{try{let r=Gi.parse({component:e,...t}),i=Ze.resolve(r.cwd);Xe(i)||(a.error(`The path ${i} does not exist. Please try again.`),process.exit(1));let n=await v(i);n||(a.warn(`Configuration is missing. Please run ${l.success("init")} to create a components.json file.`),process.exit(1));let o=await Z();if(o||(w(new Error("Failed to fetch registry index.")),process.exit(1)),!r.component){let d=n.resolvedPaths.components,p=o.filter(u=>{for(let x of u.files??[]){let C=Ze.resolve(d,typeof x=="string"?x:x.path);if(Xe(C))return!0}return!1}),m=[];for(let u of p){let x=await Jt(u,n);x.length&&m.push({name:u.name,changes:x})}m.length||(a.info("No updates found."),process.exit(0)),a.info("The following components have updates available:");for(let u of m){a.info(`- ${u.name}`);for(let x of u.changes)a.info(` - ${x.filePath}`)}a.break(),a.info(`Run ${l.success("diff <component>")} to see the changes.`),process.exit(0)}let s=o.find(d=>d.name===r.component);s||(a.error(`The component ${l.success(r.component)} does not exist.`),process.exit(1));let c=await Jt(s,n);c.length||(a.info(`No updates found for ${r.component}.`),process.exit(0));for(let d of c)a.info(`- ${d.filePath}`),await Ji(d.patch),a.info("")}catch(r){w(r)}});async function Jt(e,t){let r=await vt(t.style,[e]),i=await q(t.tailwind.baseColor);if(!r)return[];let n=[];for(let o of r){let s=await It(t,o);if(s)for(let c of o.files??[]){let d=Ze.resolve(s,typeof c=="string"?c:c.path);if(!Xe(d))continue;let p=await Ui.readFile(d,"utf8");if(typeof c=="string"||!c.content)continue;let m=await ue({filename:c.path,raw:c.content,config:t,baseColor:i}),u=Bi(m,p);u.length>1&&n.push({filePath:d,patch:u})}}return n}async function Ji(e){e.forEach(t=>{if(t)return t.added?process.stdout.write(l.success(t.value)):t.removed?process.stdout.write(l.error(t.value)):process.stdout.write(t.value)})}import{Command as Yi}from"commander";var Ht=new Yi().name("info").description("get information about your project").option("-c, --cwd <cwd>","the working directory. defaults to the current directory.",process.cwd()).action(async e=>{a.info("> project info"),console.log(await N(e.cwd)),a.break(),a.info("> components.json"),console.log(await v(e.cwd))});import rn from"path";import{randomBytes as Hi}from"crypto";import{promises as qe}from"fs";import{tmpdir as Qi}from"os";import Se from"path";import Xi from"fast-glob";import Qt from"prompts";import{Project as Zi,ScriptKind as qi,SyntaxKind as en}from"ts-morph";async function Xt(e){if(!e.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 t=e.resolvedPaths.ui,[r,i]=await Promise.all([Xi("**/*.{js,ts,jsx,tsx}",{cwd:t}),ae()]);if(Object.keys(i).length===0)throw new Error("Something went wrong fetching the registry icons.");let n=Object.entries(P).map(([m,u])=>({title:u.name,value:m})),o=await Qt([{type:"select",name:"sourceLibrary",message:`Which icon library would you like to ${l.info("migrate from")}?`,choices:n},{type:"select",name:"targetLibrary",message:`Which icon library would you like to ${l.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 P&&o.targetLibrary in P))throw new Error("Invalid icon library. Please choose a valid icon library.");let s=P[o.sourceLibrary],c=P[o.targetLibrary],{confirm:d}=await Qt({type:"confirm",name:"confirm",initial:!0,message:`We will migrate ${l.info(r.length)} files in ${l.info(`./${Se.relative(e.resolvedPaths.cwd,t)}`)} from ${l.info(s.name)} to ${l.info(c.name)}. Continue?`});d||(a.info("Migration cancelled."),process.exit(0)),c.package&&await ee([c.package],e,{silent:!1});let p=h("Migrating icons...")?.start();await Promise.all(r.map(async m=>{p.text=`Migrating ${m}...`;let u=Se.join(t,m),x=await qe.readFile(u,"utf-8"),C=await tn(x,o.sourceLibrary,o.targetLibrary,i);await qe.writeFile(u,C)})),p.succeed("Migration complete.")}async function tn(e,t,r,i){let n=P[t]?.import,o=P[r]?.import,s=await qe.mkdtemp(Se.join(Qi(),"shadcn-")),c=new Zi({compilerOptions:{}}),d=Se.join(s,`shadcn-icons-${Hi(4).toString("hex")}.tsx`),p=c.createSourceFile(d,e,{scriptKind:qi.TSX}),m=[];for(let u of p.getImportDeclarations()??[])if(u.getModuleSpecifier()?.getText()===`"${n}"`){for(let x of u.getNamedImports()??[]){let C=x.getName(),L=Object.values(i).find(b=>b[t]===C)?.[r];!L||m.includes(L)||(m.push(L),x.remove(),p.getDescendantsOfKind(en.JsxSelfClosingElement).filter(b=>b.getTagNameNode()?.getText()===C).forEach(b=>b.getTagNameNode()?.replaceWithText(L)))}u.getNamedImports()?.length===0&&u.remove()}return m.length>0&&p.addImportDeclaration({moduleSpecifier:o,namedImports:m.map(u=>({name:u}))}),await p.getText()}import Zt from"path";import et from"fs-extra";async function qt(e){let t={};if(!et.existsSync(e.cwd)||!et.existsSync(Zt.resolve(e.cwd,"package.json")))return t[I]=!0,{errors:t,config:null};if(!et.existsSync(Zt.resolve(e.cwd,"components.json")))return t[A]=!0,{errors:t,config:null};try{let r=await v(e.cwd);return{errors:t,config:r}}catch{a.break(),a.error(`An invalid ${l.info("components.json")} file was found at ${l.info(e.cwd)}.
|
|
30
|
+
Before you can run a migration, you must create a valid ${l.info("components.json")} file by running the ${l.info("init")} command.`),a.error(`Learn more at ${l.info("https://ui.shadcn.com/docs/components-json")}.`),a.break(),process.exit(1)}}import{Command as nn}from"commander";import{z as Ce}from"zod";var er=[{name:"icons",description:"migrate your ui components to a different icon library."}],on=Ce.object({cwd:Ce.string(),list:Ce.boolean(),migration:Ce.string().refine(e=>e&&er.some(t=>t.name===e),{message:"You must specify a valid migration. Run `shadcn migrate --list` to see available migrations."}).optional()}),tr=new nn().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.",!1).action(async(e,t)=>{try{let r=on.parse({cwd:rn.resolve(t.cwd),migration:e,list:t.list});if(r.list||!r.migration){a.info("Available migrations:");for(let o of er)a.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 qt(r);if(i[I]||i[A])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 Xt(n)}catch(r){a.break(),w(r)}});import{Command as an}from"commander";var rr={name:"shadcn",version:"0.0.0-beta.c045d05",description:"Add components to your apps.",publishConfig:{access:"public"},license:"MIT",author:{name:"shadcn",url:"https://twitter.com/shadcn"},repository:{type:"git",url:"https://github.com/shadcn/ui.git",directory:"packages/shadcn"},files:["dist"],keywords:["components","ui","tailwind","radix-ui","shadcn"],type:"module",exports:"./dist/index.js",bin:"./dist/index.js",scripts:{dev:"tsup --watch",build:"tsup",typecheck:"tsc --noEmit",clean:"rimraf dist && rimraf components","start:dev":"cross-env REGISTRY_URL=http://localhost:3333/r node dist/index.js","start:prod":"cross-env REGISTRY_URL=https://ui.shadcn.com/r node dist/index.js",start:"node dist/index.js","format:write":'prettier --write "**/*.{ts,tsx,mdx}" --cache',"format:check":'prettier --check "**/*.{ts,tsx,mdx}" --cache',release:"changeset version","pub:beta":"pnpm build && pnpm publish --no-git-checks --access public --tag beta","pub:next":"pnpm build && pnpm publish --no-git-checks --access public --tag next","pub:release":"pnpm build && pnpm publish --access public",test:"vitest run","test:dev":"REGISTRY_URL=http://localhost:3333/r vitest run"},dependencies:{"@antfu/ni":"^0.21.4","@babel/core":"^7.22.1","@babel/parser":"^7.22.6","@babel/plugin-transform-typescript":"^7.22.5",commander:"^10.0.0",cosmiconfig:"^8.1.3",deepmerge:"^4.3.1",diff:"^5.1.0",execa:"^7.0.0","fast-glob":"^3.3.2","fs-extra":"^11.1.0","https-proxy-agent":"^6.2.0",kleur:"^4.1.5","lodash.template":"^4.5.0","node-fetch":"^3.3.0",ora:"^6.1.2",postcss:"^8.4.24",prompts:"^2.4.2",recast:"^0.23.2","stringify-object":"^5.0.0","ts-morph":"^18.0.0","tsconfig-paths":"^4.2.0",zod:"^3.20.2"},devDependencies:{"@types/babel__core":"^7.20.1","@types/diff":"^5.0.3","@types/fs-extra":"^11.0.1","@types/lodash.template":"^4.5.1","@types/prompts":"^2.4.2","@types/stringify-object":"^4.0.5",rimraf:"^6.0.1",tsup:"^6.6.3","type-fest":"^3.8.0",typescript:"^4.9.3"}};process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));async function cn(){let e=new an().name("shadcn").description("add components and dependencies to your project").version(rr.version||"1.0.0","-v, --version","display the version number");e.addCommand(Mt).addCommand(Gt).addCommand(Yt).addCommand(tr).addCommand(Ht),e.parse()}cn();
|
|
17
31
|
//# sourceMappingURL=index.js.map
|