shadcn 0.0.0-beta.acc8bb5 → 0.0.0-beta.cecd1f2
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 +18 -13
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
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,22 @@
|
|
|
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.`),
|
|
2
|
+
import jr from"path";import{promises as vr}from"fs";import rt from"path";import Ie from"path";var R="1";var V="3";var ne="5",se="6",Se="7";import oe from"path";var C={"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 $ from"path";import{cyan as dt,green as ut,red as gt,yellow as ht}from"kleur/colors";var l={error:gt,warn:ht,info:dt,success:ut};import{createMatchPath as yt}from"tsconfig-paths";async function P(e,t){return yt(t.absoluteBaseUrl,t.paths)(e,void 0,()=>!0,[".ts",".tsx"])}import{cosmiconfig as wt}from"cosmiconfig";import{loadConfig as xt}from"tsconfig-paths";import{z as g}from"zod";var Ce="@/components",Pe="@/lib/utils",ve="app/globals.css",Re="tailwind.config.js";var bt=wt("components",{searchPlaces:["components.json"]}),O=g.object({$schema:g.string().optional(),style:g.string(),rsc:g.coerce.boolean().default(!1),tsx:g.coerce.boolean().default(!0),tailwind:g.object({config:g.string(),css:g.string(),baseColor:g.string(),cssVariables:g.boolean().default(!0),prefix:g.string().default("").optional()}),aliases:g.object({components:g.string(),utils:g.string(),ui:g.string().optional(),lib:g.string().optional(),hooks:g.string().optional()})}).strict(),St=O.extend({resolvedPaths:g.object({cwd:g.string(),tailwindConfig:g.string(),tailwindCss:g.string(),utils:g.string(),components:g.string(),lib:g.string(),hooks:g.string(),ui:g.string()})});async function T(e){let t=await Ct(e);return t?await N(e,t):null}async function N(e,t){let r=await xt(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:$.resolve(e,t.tailwind.config),tailwindCss:$.resolve(e,t.tailwind.css),utils:await P(t.aliases.utils,r),components:await P(t.aliases.components,r),ui:t.aliases.ui?await P(t.aliases.ui,r):$.resolve(await P(t.aliases.components,r)??e,"ui"),lib:t.aliases.lib?await P(t.aliases.lib,r):$.resolve(await P(t.aliases.utils,r)??e,".."),hooks:t.aliases.hooks?await P(t.aliases.hooks,r):$.resolve(await P(t.aliases.components,r)??e,"..","hooks")}})}async function Ct(e){try{let t=await bt.search(e);return t?O.parse(t.config):null}catch{let r=`${e}/component.json`;throw new Error(`Invalid configuration found in ${l.info(r)}.`)}}import U from"fast-glob";import ae from"fs-extra";import{loadConfig as Pt}from"tsconfig-paths";var G=["**/node_modules/**",".next","public","dist","build"];async function A(e){let[t,r,i,n,s,a]=await Promise.all([U.glob("**/{next,vite,astro}.config.*|gatsby-config.*|composer.json",{cwd:e,deep:3,ignore:G}),ae.pathExists(oe.resolve(e,"src")),It(e),Rt(e),vt(e),Tt(e)]),c=await ae.pathExists(oe.resolve(e,`${r?"src/":""}app`)),m={framework:C.manual,isSrcDir:r,isRSC:!1,isTsx:i,tailwindConfigFile:n,tailwindCssFile:s,aliasPrefix:a};return t.length?t.find(f=>f.startsWith("next.config."))?.length?(m.framework=c?C["next-app"]:C["next-pages"],m.isRSC=c,m):t.find(f=>f.startsWith("astro.config."))?.length?(m.framework=C.astro,m):t.find(f=>f.startsWith("gatsby-config."))?.length?(m.framework=C.gatsby,m):t.find(f=>f.startsWith("composer.json"))?.length?(m.framework=C.laravel,m):(t.find(f=>f.startsWith("vite.config."))?.length&&(m.framework=c?C.remix:C.vite),m):m}async function vt(e){let t=await U.glob("**/*.css",{cwd:e,deep:5,ignore:G});if(!t.length)return null;for(let r of t)if((await ae.readFile(oe.resolve(e,r),"utf8")).includes("@tailwind base"))return r;return null}async function Rt(e){let t=await U.glob("tailwind.config.*",{cwd:e,deep:3,ignore:G});return t.length?t[0]:null}async function Tt(e){let t=await Pt(e);if(t?.resultType==="failed"||!t?.paths)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.at(0)??null;return null}async function It(e){return(await U.glob("tsconfig.*",{cwd:e,deep:1,ignore:G})).length>0}async function Te(e,t=null){let[r,i]=await Promise.all([T(e),t?Promise.resolve(t):A(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:""},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 N(e,n)}var o={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 kt from"ora";function w(e,t){return kt({text:e,isSilent:t?.silent})}import le from"fs-extra";async function ke(e){let t={};if(!le.existsSync(e.cwd)||!le.existsSync(Ie.resolve(e.cwd,"package.json")))return t[R]=!0,{errors:t,projectInfo:null};let r=w("Preflight checks.",{silent:e.silent}).start();le.existsSync(Ie.resolve(e.cwd,"components.json"))&&!e.force&&(r?.fail(),o.break(),o.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.`),o.break(),process.exit(1)),r?.succeed();let i=w("Verifying framework.",{silent:e.silent}).start(),n=await A(e.cwd);(!n||n?.framework.name==="manual")&&(t[Se]=!0,i?.fail(),o.break(),n?.framework.links.installation&&o.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.`),
|
|
6
|
-
`),b(e)}}async function
|
|
7
|
-
`),b(e),[]}}async function
|
|
8
|
-
`)
|
|
9
|
-
`}}),e.
|
|
5
|
+
Once configured, you can use the cli to add components.`),o.break(),process.exit(1)),i?.succeed(`Verifying framework. Found ${l.info(n.framework.label)}.`);let s=w("Validating Tailwind CSS.",{silent:e.silent}).start();!n?.tailwindConfigFile||!n?.tailwindCssFile?(t[ne]=!0,s?.fail()):s?.succeed();let a=w("Validating import alias.",{silent:e.silent}).start();return n?.aliasPrefix?a?.succeed():(t[se]=!0,a?.fail()),Object.keys(t).length>0&&(t[ne]&&(o.break(),o.error(`No Tailwind CSS configuration found at ${l.info(e.cwd)}.`),o.error("It is likely you do not have Tailwind CSS installed or have an invalid configuration."),o.error("Install Tailwind CSS then try again."),n?.framework.links.tailwind&&o.error(`Visit ${l.info(n?.framework.links.tailwind)} to get started.`)),t[se]&&(o.break(),o.error("No import alias found in your tsconfig.json file."),n?.framework.links.installation&&o.error(`Visit ${l.info(n?.framework.links.installation)} to learn how to set an import alias.`)),o.break(),process.exit(1)),{errors:t,projectInfo:n}}import{z as Et}from"zod";function b(e){if(o.error("Something went wrong. Please check the error below for more details."),o.error("If the problem persists, please open an issue on GitHub."),o.error(""),typeof e=="string"&&(o.error(e),o.break(),process.exit(1)),e instanceof Et.ZodError){o.error("Validation failed:");for(let[t,r]of Object.entries(e.flatten().fieldErrors))o.error(`- ${l.info(t)}: ${r}`);o.break(),process.exit(1)}e instanceof Error&&(o.error(e.message),o.break(),process.exit(1)),o.break(),process.exit(1)}import Mt from"path";import{z as p}from"zod";var Ee=p.enum(["registry:style","registry:lib","registry:example","registry:block","registry:component","registry:ui","registry:hook","registry:theme","registry:page"]),je=p.object({path:p.string(),content:p.string().optional(),type:Ee,target:p.string().optional()}),jt=p.object({config:p.object({content:p.array(p.string()).optional(),theme:p.record(p.string(),p.any()).optional(),plugins:p.array(p.string()).optional()}).optional()}),$t=p.object({light:p.record(p.string(),p.string()).optional(),dark:p.record(p.string(),p.string()).optional()}),F=p.object({name:p.string(),type:Ee,description:p.string().optional(),dependencies:p.array(p.string()).optional(),devDependencies:p.array(p.string()).optional(),registryDependencies:p.array(p.string()).optional(),files:p.array(je).optional(),tailwind:jt.optional(),cssVars:$t.optional(),meta:p.record(p.string(),p.any()).optional()}),ce=p.array(F.extend({files:p.array(p.union([p.string(),je])).optional()})),$e=p.array(p.object({name:p.string(),label:p.string()})),Oe=p.object({inlineColors:p.object({light:p.record(p.string(),p.string()),dark:p.record(p.string(),p.string())}),cssVars:p.object({light:p.record(p.string(),p.string()),dark:p.record(p.string(),p.string())}),inlineColorsTemplate:p.string(),cssVarsTemplate:p.string()}),Ne=F.pick({dependencies:!0,devDependencies:!0,files:!0,tailwind:!0,cssVars:!0});import{promises as pe}from"fs";import{tmpdir as Ot}from"os";import L from"path";import Nt from"deepmerge";import At from"stringify-object";import{Project as Ft,QuoteKind as Lt,ScriptKind as Ae,SyntaxKind as u}from"ts-morph";async function Fe(e,t,r){if(!e)return;r={silent:!1,...r};let i=L.relative(t.resolvedPaths.cwd,t.resolvedPaths.tailwindConfig),n=w(`Updating ${l.info(i)}`,{silent:r.silent}).start(),s=await pe.readFile(t.resolvedPaths.tailwindConfig,"utf8"),a=await _t(s,e,t);await pe.writeFile(t.resolvedPaths.tailwindConfig,a,"utf8"),n?.succeed()}async function _t(e,t,r){let i=await Le(e,r),n=i.getDescendantsOfKind(u.ObjectLiteralExpression).find(a=>a.getProperties().some(c=>c.isKind(u.PropertyAssignment)&&c.getName()==="content"));if(!n)return e;let s=Wt(n);return Dt(n,{name:"darkMode",value:"class"},{quoteChar:s}),t.plugins?.forEach(a=>{Kt(n,a)}),t.theme&&await zt(n,t.theme),i.getFullText()}function Dt(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(u.PropertyAssignment)){let n=i.getInitializer(),s=`${r}${t.value}${r}`;if(n?.isKind(u.StringLiteral)){let a=n.getText();return n.replaceWithText(`[${a}, ${s}]`),e}if(n?.isKind(u.ArrayLiteralExpression)){if(n.getElements().map(a=>a.getText()).includes(s))return e;n.addElement(s)}return e}return e}async function zt(e,t){e.getProperty("theme")||e.addPropertyAssignment({name:"theme",initializer:"{}"}),_e(e);let i=(e.getPropertyOrThrow("theme")?.asKindOrThrow(u.PropertyAssignment)).getInitializer();if(i?.isKind(u.ObjectLiteralExpression)){let n=i.getText(),s=await Vt(n),a=Nt(s,t),c=At(a).replace(/\'\"/g,"'").replace(/\"\'/g,"'").replace(/\'\[/g,"[").replace(/\]\'/g,"]").replace(/\\\'/g,"").replace(/\\\'/g,"");i.replaceWithText(c)}De(e)}function Kt(e,t){let r=e.getProperty("plugins");if(!r)return e.addPropertyAssignment({name:"plugins",initializer:`[${t}]`}),e;if(r.isKind(u.PropertyAssignment)){let i=r.getInitializer();if(i?.isKind(u.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 Le(e,t){let r=await pe.mkdtemp(L.join(Ot(),"shadcn-")),i=t?.resolvedPaths?.tailwindConfig||"tailwind.config.ts",n=L.join(r,`shadcn-${L.basename(i)}`);return new Ft({compilerOptions:{}}).createSourceFile(n,e,{scriptKind:L.extname(i)===".ts"?Ae.TS:Ae.JS})}function Wt(e){return e.getFirstDescendantByKind(u.StringLiteral)?.getQuoteKind()===Lt.Single?"'":'"'}function _e(e){let t=e.getProperties();for(let r=0;r<t.length;r++){let i=t[r];if(i.isKind(u.SpreadAssignment)){let n=i.asKindOrThrow(u.SpreadAssignment),s=n.getExpression().getText();e.insertPropertyAssignment(r,{name:`___${s.replace(/^\.\.\./,"")}`,initializer:`"...${s.replace(/^\.\.\./,"")}"`}),n.remove()}else if(i.isKind(u.PropertyAssignment)){let s=i.asKindOrThrow(u.PropertyAssignment).getInitializer();s&&s.isKind(u.ObjectLiteralExpression)&&_e(s.asKindOrThrow(u.ObjectLiteralExpression))}}}function De(e){let t=e.getProperties();for(let r=0;r<t.length;r++){let i=t[r];if(i.isKind(u.PropertyAssignment)){let n=i,s=n.getInitializer();if(s?.isKind(u.StringLiteral)){let a=s.getLiteralValue();a.startsWith("...")&&(e.insertSpreadAssignment(r,{expression:a.slice(3)}),n.remove())}else s?.isKind(u.ObjectLiteralExpression)&&De(s)}}}async function Vt(e){let r=(await Le(`const theme = ${e}`,null)).getStatements()[0];if(r?.getKind()===u.VariableStatement){let n=(r.getDeclarationList()?.getDeclarations()[0]).getInitializer();if(n?.isKind(u.ObjectLiteralExpression))return await ze(n)}throw new Error("Invalid input: not an object literal")}function ze(e){let t={};for(let r of e.getProperties())if(r.isKind(u.PropertyAssignment)){let i=r.getName().replace(/\'/g,"");r.getInitializer()?.isKind(u.ObjectLiteralExpression)?t[i]=ze(r.getInitializer()):t[i]=Ke(r.getInitializer())}return t}function Ke(e){switch(e.kind){case u.StringLiteral:return e.text;case u.NumericLiteral:return Number(e.text);case u.TrueKeyword:return!0;case u.FalseKeyword:return!1;case u.NullKeyword:return null;case u.ArrayLiteralExpression:return e.elements.map(Ke);default:return e.getText()}}function We(e){let t={};for(let r of Object.keys(e)){let i=r.split("-"),n=i[0],s=i.slice(1).join("-");s===""?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][s]=`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 _ from"deepmerge";import{HttpsProxyAgent as Ut}from"https-proxy-agent";import Gt from"node-fetch";import{z as Bt}from"zod";var Jt=process.env.REGISTRY_URL??"https://ui.shadcn.com/r",Yt=process.env.https_proxy?new Ut(process.env.https_proxy):void 0;async function D(){try{let[e]=await E(["index.json"]);return ce.parse(e)}catch(e){o.error(`
|
|
6
|
+
`),b(e)}}async function me(){try{let[e]=await E(["styles/index.json"]);return $e.parse(e)}catch(e){return o.error(`
|
|
7
|
+
`),b(e),[]}}async function B(e,t){try{let[r]=await E([de(e)?e:`styles/${t}/${e}.json`]);return F.parse(r)}catch(r){return o.break(),b(r),null}}async function fe(){return[{name:"neutral",label:"Neutral"},{name:"gray",label:"Gray"},{name:"zinc",label:"Zinc"},{name:"stone",label:"Stone"},{name:"slate",label:"Slate"}]}async function z(e){try{let[t]=await E([`colors/${e}.json`]);return Oe.parse(t)}catch(t){b(t)}}async function Ve(e,t){try{let r=t.map(n=>`styles/${e}/${n.name}.json`),i=await E(r);return ce.parse(i)}catch(r){b(r)}}async function Me(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?Mt.join(e.resolvedPaths[i],n):null}async function E(e){try{return await Promise.all(e.map(async r=>{let i=Be(r),n=await Gt(i,{agent:Yt});if(!n.ok){let s={400:"Bad request",401:"Unauthorized",403:"Forbidden",404:"Not found",500:"Internal server error"},a=await n.json(),c=a&&typeof a=="object"&&"error"in a?a.error:n.statusText||s[n.status];throw new Error(`Failed to fetch from ${l.info(i)}.
|
|
8
|
+
${c}`)}return n.json()}))}catch(t){return o.error(`
|
|
9
|
+
`),b(t),[]}}function Ue(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 Ge(e,t){try{if(!await D())return null;let i=(await Promise.all(e.map(async d=>await B(d,t.style)))).filter(d=>d!==null);if(!i.length)return null;let n=i.map(d=>d.registryDependencies??[]).flat(),s=Array.from(new Set(n)),a=Array.from([...e,...s]).map(d=>Be(de(d)?d:`styles/${t.style}/${d}.json`)),c=await E(a),m=Bt.array(F).parse(c);if(!m)return null;if(e.includes("index")){let d=await B("index",t.style);if(d&&m.unshift(d),t.tailwind.baseColor){let y=await Ht(t.tailwind.baseColor,t);y&&m.unshift(y)}}let f={};m.forEach(d=>{f=_(f,d.tailwind??{})});let x={};return m.forEach(d=>{x=_(x,d.cssVars??{})}),Ne.parse({dependencies:_.all(m.map(d=>d.dependencies??[])),devDependencies:_.all(m.map(d=>d.devDependencies??[])),files:_.all(m.map(d=>d.files??[])),tailwind:f,cssVars:x})}catch(r){return b(r),null}}async function Ht(e,t){let r=await z(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,...We(r.cssVars.dark)},i.cssVars={light:{...r.cssVars.light,...i.cssVars.light},dark:{...r.cssVars.dark,...i.cssVars.dark}}),i}function Be(e){if(de(e)){let t=new URL(e);return t.pathname.match(/\/chat\/b\//)&&!t.pathname.endsWith("/json")&&(t.pathname=`${t.pathname}/json`),t.toString()}return`${Jt}/${e}`}function de(e){try{return new URL(e),!0}catch{return!1}}import{promises as Je}from"fs";import Qt from"path";import k from"postcss";import Xt from"postcss/lib/at-rule";async function Ye(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=Qt.relative(t.resolvedPaths.cwd,i),s=w(`Updating ${l.info(n)}`,{silent:r.silent}).start(),a=await Je.readFile(i,"utf8"),c=await Zt(a,e,t,{cleanupDefaultNextStyles:r.cleanupDefaultNextStyles});await Je.writeFile(i,c,"utf8"),s.succeed()}async function Zt(e,t,r,i){i={cleanupDefaultNextStyles:!1,...i};let n=[er(t)];return i.cleanupDefaultNextStyles&&n.push(tr()),r.tailwind.cssVariables&&n.push(qt()),(await k(n).process(e,{from:void 0})).css}function qt(){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:s})=>i.nodes?.some(a=>a.type==="rule"&&a.selector===n&&a.nodes.some(c=>c.type==="atrule"&&c.name==="apply"&&c.params===s))));r||(r=k.atRule({name:"layer",params:"base",raws:{semicolon:!0,between:" ",before:`
|
|
10
|
+
`}}),e.append(r)),t.forEach(({selector:i,apply:n})=>{r?.nodes?.find(a=>a.type==="rule"&&a.selector===i)||r?.append(k.rule({selector:i,nodes:[k.atRule({name:"apply",params:n,raws:{semicolon:!0,before:`
|
|
10
11
|
`}})],raws:{semicolon:!0,between:" ",before:`
|
|
11
|
-
`}}))})}}}function
|
|
12
|
-
`,between:" "}}),t.append(r)),r&&Object.entries(e).forEach(([i,n])=>{let s=i==="light"?":root":`.${i}`;
|
|
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
|
-
You may now add components.`),
|
|
15
|
-
Before you can add components, you must create a valid ${l.info("components.json")} file by running the ${l.info("init")} command.`),
|
|
16
|
-
|
|
12
|
+
`}}))})}}}function er(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 Xt||(r=k.atRule({name:"layer",params:"base",nodes:[],raws:{semicolon:!0,before:`
|
|
13
|
+
`,between:" "}}),t.append(r)),r!==void 0&&Object.entries(e).forEach(([i,n])=>{let s=i==="light"?":root":`.${i}`;rr(r,s,n)})}}}function tr(){return{postcssPlugin:"cleanup-default-next-styles",Once(e){let t=e.nodes.find(r=>r.type==="rule"&&r.selector==="body");t&&(t.nodes.find(r=>r.type==="decl"&&r.prop==="color"&&r.value==="rgb(var(--foreground-rgb))")?.remove(),t.nodes.find(r=>r.type==="decl"&&r.prop==="background"&&r.value.startsWith("linear-gradient"))?.remove(),t.nodes.length===0&&t.remove())}}}function rr(e,t,r){let i=e.nodes?.find(n=>n.type==="rule"&&n.selector===t);i||Object.keys(r).length>0&&(i=k.rule({selector:t,raws:{between:" ",before:`
|
|
14
|
+
`}}),e.append(i)),Object.entries(r).forEach(([n,s])=>{let a=`--${n.replace(/^--/,"")}`,c=k.decl({prop:a,value:s,raws:{semicolon:!0}}),m=i?.nodes.find(f=>f.type==="decl"&&f.prop===a);m?m.replaceWith(c):i?.append(c)})}import{detect as ir}from"@antfu/ni";async function J(e,{withFallback:t}={withFallback:!1}){let r=await ir({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 nr}from"execa";async function He(e,t,r){if(e=Array.from(new Set(e)),!e?.length)return;r={silent:!1,...r};let i=w("Installing dependencies.",{silent:r.silent})?.start(),n=await J(t.resolvedPaths.cwd);await nr(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 br}from"path";import{promises as ur}from"fs";import{tmpdir as gr}from"os";import Xe from"path";import{SyntaxKind as sr}from"ts-morph";var Y=async({sourceFile:e,config:t,baseColor:r})=>(t.tailwind?.cssVariables||!r?.inlineColors||e.getDescendantsOfKind(sr.StringLiteral).forEach(i=>{let n=i.getText();if(n){let s=ar(n.replace(/"/g,""),r.inlineColors);i.replaceWithText(`"${s.trim()}"`)}}),e);function ue(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(),a=n.join(":");return t.push(a??null,s??null,i??null),t}var or=["bg-","text-","border-","ring-offset-","ring-"];function ar(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[a,c,m]=ue(s),f=or.find(d=>c?.startsWith(d));if(!f){i.has(s)||i.add(s);continue}let x=c?.replace(f,"");if(x&&x in t.light){i.add([a,`${f}${t.light[x]}`].filter(Boolean).join(":")+(m?`/${m}`:"")),n.add(["dark",a,`${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 H=async({sourceFile:e,config:t})=>{let r=e.getImportDeclarations();for(let i of r){let n=lr(i.getModuleSpecifierValue(),t);i.setModuleSpecifier(n),n=="@/lib/utils"&&i.getNamedImports().find(c=>c.getName()==="cn")&&i.setModuleSpecifier(n.replace(/^@\/lib\/utils/,t.aliases.utils))}return e};function lr(e,t){if(!e.startsWith("@/"))return e;if(!e.startsWith("@/registry/")){let r=t.aliases.components.charAt(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 cr}from"@babel/core";import{parse as pr}from"@babel/parser";import mr from"@babel/plugin-transform-typescript";import*as Q from"recast";var fr={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=Q.parse(r,{parser:{parse:s=>pr(s,fr)}}),n=cr(i,r,{cloneInputAst:!1,code:!1,ast:!0,plugins:[mr],configFile:!1});if(!n||!n.ast)throw new Error("Failed to transform JSX");return Q.print(n.ast).code};import{SyntaxKind as dr}from"ts-morph";var X=async({sourceFile:e,config:t})=>{if(t.rsc)return e;let r=e.getFirstChildByKind(dr.ExpressionStatement);return r?.getText()==='"use client"'&&r.remove(),e};import{Project as hr,ScriptKind as yr}from"ts-morph";import{SyntaxKind as h}from"ts-morph";var Z=async({sourceFile:e,config:t})=>(t.tailwind?.prefix&&(e.getDescendantsOfKind(h.CallExpression).filter(r=>r.getExpression().getText()==="cva").forEach(r=>{if(r.getArguments()[0]?.isKind(h.StringLiteral)){let i=r.getArguments()[0];i&&i.replaceWithText(`"${I(i.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}r.getArguments()[1]?.isKind(h.ObjectLiteralExpression)&&r.getArguments()[1]?.getDescendantsOfKind(h.PropertyAssignment).find(i=>i.getName()==="variants")?.getDescendantsOfKind(h.PropertyAssignment).forEach(i=>{i.getDescendantsOfKind(h.PropertyAssignment).forEach(n=>{let s=n.getInitializerIfKind(h.StringLiteral);s&&s?.replaceWithText(`"${I(s.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)})})}),e.getDescendantsOfKind(h.JsxAttribute).forEach(r=>{if(r.getName()==="className"){if(r.getInitializer()?.isKind(h.StringLiteral)){let i=r.getInitializer();i&&i.replaceWithText(`"${I(i.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}if(r.getInitializer()?.isKind(h.JsxExpression)){let i=r.getInitializer()?.getDescendantsOfKind(h.CallExpression).find(n=>n.getExpression().getText()==="cn");i&&i.getArguments().forEach(n=>{(n.isKind(h.ConditionalExpression)||n.isKind(h.BinaryExpression))&&n.getChildrenOfKind(h.StringLiteral).forEach(s=>{s.replaceWithText(`"${I(s.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}),n.isKind(h.StringLiteral)&&n.replaceWithText(`"${I(n.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)})}}r.getName()==="classNames"&&r.getInitializer()?.isKind(h.JsxExpression)&&r.getDescendantsOfKind(h.PropertyAssignment).forEach(i=>{if(i.getInitializer()?.isKind(h.CallExpression)){let n=i.getInitializerIfKind(h.CallExpression);n&&n.getArguments().forEach(s=>{s.isKind(h.ConditionalExpression)&&s.getChildrenOfKind(h.StringLiteral).forEach(a=>{a.replaceWithText(`"${I(a.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)}),s.isKind(h.StringLiteral)&&s.replaceWithText(`"${I(s.getText()?.replace(/"/g,""),t.tailwind.prefix)}"`)})}if(i.getInitializer()?.isKind(h.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,a,c]=ue(n);s?c?i.push(`${s}:${t}${a}/${c}`):i.push(`${s}:${t}${a}`):c?i.push(`${t}${a}/${c}`):i.push(`${t}${a}`)}return i.join(" ")}var wr=new hr({compilerOptions:{}});async function xr(e){let t=await ur.mkdtemp(Xe.join(gr(),"shadcn-"));return Xe.join(t,e)}async function q(e,t=[H,X,Y,Z]){let r=await xr(e.filename),i=wr.createSourceFile(r,e.raw,{scriptKind:yr.TSX});for(let n of t)n({sourceFile:i,...e});return e.transformJsx?await Qe({sourceFile:i,...e}):i.getText()}import Sr from"prompts";async function et(e,t,r){if(!e?.length)return;r={overwrite:!1,force:!1,silent:!1,...r};let i=w("Updating files.",{silent:r.silent})?.start(),n=await z(t.tailwind.baseColor),s=[],a=[],c=[];for(let f of e){if(!f.content)continue;let x=Ue(f,t),d=br(f.path),y=j.join(x,d);f.target&&(y=j.join(t.resolvedPaths.cwd,f.target),x=j.dirname(y)),t.tsx||(y=y.replace(/\.tsx?$/,ie=>ie===".tsx"?".jsx":".js"));let W=Ze(y);if(W&&!r.overwrite){i.stop();let{overwrite:ie}=await Sr({type:"confirm",name:"overwrite",message:`The file ${l.info(d)} already exists. Would you like to overwrite?`,initial:!1});if(!ie){c.push(j.relative(t.resolvedPaths.cwd,y));continue}i?.start()}Ze(x)||await qe.mkdir(x,{recursive:!0});let ft=await q({filename:f.path,raw:f.content,config:t,baseColor:n,transformJsx:!t.tsx},[H,X,Y,Z]);await qe.writeFile(y,ft,"utf-8"),W?a.push(j.relative(t.resolvedPaths.cwd,y)):s.push(j.relative(t.resolvedPaths.cwd,y))}if(!(s.length||a.length)&&!c.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)o.log(` - ${f}`)}else i?.stop();if(a.length&&(w(`Updated ${a.length} ${a.length===1?"file":"files"}:`,{silent:r.silent})?.info(),!r.silent))for(let f of a)o.log(` - ${f}`);if(c.length&&(w(`Skipped ${c.length} ${a.length===1?"file":"files"}:`,{silent:r.silent})?.info(),!r.silent))for(let f of c)o.log(` - ${f}`);r.silent||o.break()}async function ee(e,t,r){r={overwrite:!1,silent:!1,isNewProject:!1,...r};let i=w("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 Cr from"path";import{execa as Pr}from"execa";import ge from"fs-extra";import tt from"prompts";async function te(e){if(!e.force){let{proceed:a}=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(!a)return{projectPath:null,projectName:null}}let t=await J(e.cwd),{name:r}=await tt({type:"text",name:"name",message:"What is your project named?",initial:"my-app",format:a=>a.trim(),validate:a=>a.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{o.break(),o.error(`The path ${l.info(e.cwd)} is not writable.`),o.error(`It is likely you do not have write permissions for this folder or the path ${l.info(e.cwd)} does not exist.`),o.break(),process.exit(1)}ge.existsSync(Cr.resolve(e.cwd,r,"package.json"))&&(o.break(),o.error(`A project with the name ${l.info(r)} already exists.`),o.error("Please choose a different name and try again."),o.break(),process.exit(1));let n=w("Creating a new Next.js project. This may take a few minutes.").start(),s=["--tailwind","--eslint","--typescript","--app","--no-src-dir","--no-import-alias",`--use-${t}`];try{await Pr("npx",["create-next-app@latest",i,"--silent",...s],{cwd:e.cwd})}catch{o.break(),o.error("Something went wront creating a new Next.js project. Please try again."),process.exit(1)}return n?.succeed("Creating a new Next.js project."),{projectPath:i,projectName:r}}import{Command as Rr}from"commander";import he from"prompts";import{z as v}from"zod";var Tr=v.object({cwd:v.string(),components:v.array(v.string()).optional(),yes:v.boolean(),defaults:v.boolean(),force:v.boolean(),silent:v.boolean(),isNewProject:v.boolean()}),it=new Rr().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).action(async(e,t)=>{try{let r=Tr.parse({cwd:rt.resolve(t.cwd),isNewProject:!1,components:e,...t});await re(r),o.log(`${l.success("Success!")} Project initialization completed.
|
|
15
|
+
You may now add components.`),o.break()}catch(r){o.break(),b(r)}});async function re(e){let t;if(e.skipPreflight)t=await A(e.cwd);else{let m=await ke(e);if(m.errors[R]){let{projectPath:f}=await te(e);f||process.exit(1),e.cwd=f,e.isNewProject=!0}t=m.projectInfo}let r=await Te(e.cwd,t),i=r?await kr(r,e):await Ir(await T(e.cwd));if(!e.yes){let{proceed:m}=await he({type:"confirm",name:"proceed",message:`Write configuration to ${l.info("components.json")}. Proceed?`,initial:!0});m||process.exit(0)}let n=w("Writing components.json.").start(),s=rt.resolve(e.cwd,"components.json");await vr.writeFile(s,JSON.stringify(i,null,2),"utf8"),n.succeed();let a=await N(e.cwd,i),c=["index",...e.components||[]];return await ee(c,a,{overwrite:!0,silent:e.silent,isNewProject:e.isNewProject||t?.framework.name==="next-app"}),a}async function Ir(e=null){let[t,r]=await Promise.all([me(),fe()]);o.info("");let i=await he([{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??ve},{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??Re},{type:"text",name:"components",message:`Configure the import alias for ${l.info("components")}:`,initial:e?.aliases.components??Ce},{type:"text",name:"utils",message:`Configure the import alias for ${l.info("utils")}:`,initial:e?.aliases.utils??Pe},{type:"toggle",name:"rsc",message:`Are you using ${l.info("React Server Components")}?`,initial:e?.rsc??!0,active:"yes",inactive:"no"}]);return O.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 kr(e,t){let r=e.style,i=e.tailwind.baseColor,n=e.tailwind.cssVariables;if(!t.defaults){let[s,a]=await Promise.all([me(),fe()]),c=await he([{type:"select",name:"style",message:`Which ${l.info("style")} would you like to use?`,choices:s.map(m=>({title:m.label,value:m.name})),initial:s.findIndex(m=>m.name===r)},{type:"select",name:"tailwindBaseColor",message:`Which color would you like to use as the ${l.info("base color")}?`,choices:a.map(m=>({title:m.label,value:m.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 O.parse({$schema:e?.$schema,style:r,tailwind:{...e?.tailwind,baseColor:i,cssVariables:n},rsc:e?.rsc,tsx:e?.tsx,aliases:e?.aliases})}import nt from"path";import ye from"fs-extra";async function st(e){let t={};if(!ye.existsSync(e.cwd)||!ye.existsSync(nt.resolve(e.cwd,"package.json")))return t[R]=!0,{errors:t,config:null};if(!ye.existsSync(nt.resolve(e.cwd,"components.json")))return t[V]=!0,{errors:t,config:null};try{let r=await T(e.cwd);return{errors:t,config:r}}catch{o.break(),o.error(`An invalid ${l.info("components.json")} file was found at ${l.info(e.cwd)}.
|
|
16
|
+
Before you can add components, you must create a valid ${l.info("components.json")} file by running the ${l.info("init")} command.`),o.error(`Learn more at ${l.info("https://ui.shadcn.com/docs/components-json")}.`),o.break(),process.exit(1)}}import ot from"fs/promises";import Er from"path";async function at(e,t){let r=Er.join(t.resolvedPaths.cwd,"app/page.tsx");if(!(await ot.stat(r)).isFile())return;let i=await B(e,t.style);if(!i?.meta?.importSpecifier||!i?.meta?.moduleSpecifier)return;let n=`import { ${i?.meta?.importSpecifier} } from "${i.meta.moduleSpecifier}"
|
|
17
|
+
|
|
18
|
+
export default function Page() {
|
|
19
|
+
return <${i?.meta?.importSpecifier} />
|
|
20
|
+
}`;await ot.writeFile(r,n,"utf8")}import{Command as $r}from"commander";import we from"prompts";import{z as S}from"zod";var Or=S.object({components:S.array(S.string()).optional(),yes:S.boolean(),overwrite:S.boolean(),cwd:S.string(),all:S.boolean(),path:S.string().optional(),silent:S.boolean()}),lt=new $r().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).action(async(e,t)=>{try{let r=Or.parse({components:e,cwd:jr.resolve(t.cwd),...t}),i=r.components?.some(c=>c.includes("theme-"));if(!r.yes&&i){o.break();let{confirm:c}=await we({type:"confirm",name:"confirm",message:l.warn(`You are about to install a new theme.
|
|
21
|
+
Existing CSS variables will be overwritten. Continue?`)});c||(o.break(),o.log("Theme installation cancelled."),o.break(),process.exit(1))}r.components?.length||(r.components=await Nr(r));let{errors:n,config:s}=await st(r);if(n[V]){let{proceed:c}=await we({type:"confirm",name:"proceed",message:`You need to create a ${l.info("component.json")} file to add components. Proceed?`,initial:!0});c||(o.break(),process.exit(1)),s=await re({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!1,silent:!0,isNewProject:!1})}let a=!1;if(n[R]){let{projectPath:c}=await te({cwd:r.cwd,force:r.overwrite});c||(o.break(),process.exit(1)),r.cwd=c,s=await re({cwd:r.cwd,yes:!0,force:!0,defaults:!1,skipPreflight:!0,silent:!0,isNewProject:!0}),a=r.components?.length===1&&!!r.components[0].match(/\/chat\/b\//)}if(!s)throw new Error(`Failed to read config at ${l.info(r.cwd)}.`);await ee(r.components,s,r),a&&await at(r.components[0],s)}catch(r){o.break(),b(r)}});async function Nr(e){let t=await D();if(!t)return o.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 we({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||(o.warn("No components selected. Exiting."),o.info(""),process.exit(1));let i=S.array(S.string()).safeParse(r);return i.success?i.data:(o.error(""),b(new Error("Something went wrong. Please try again.")),[])}import{existsSync as xe,promises as Ar}from"fs";import be from"path";import{Command as Fr}from"commander";import{diffLines as Lr}from"diff";import{z as K}from"zod";var _r=K.object({component:K.string().optional(),yes:K.boolean(),cwd:K.string(),path:K.string().optional()}),pt=new Fr().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=_r.parse({component:e,...t}),i=be.resolve(r.cwd);xe(i)||(o.error(`The path ${i} does not exist. Please try again.`),process.exit(1));let n=await T(i);n||(o.warn(`Configuration is missing. Please run ${l.success("init")} to create a components.json file.`),process.exit(1));let s=await D();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 y of d.files??[]){let W=be.resolve(m,typeof y=="string"?y:y.path);if(xe(W))return!0}return!1}),x=[];for(let d of f){let y=await ct(d,n);y.length&&x.push({name:d.name,changes:y})}x.length||(o.info("No updates found."),process.exit(0)),o.info("The following components have updates available:");for(let d of x){o.info(`- ${d.name}`);for(let y of d.changes)o.info(` - ${y.filePath}`)}o.break(),o.info(`Run ${l.success("diff <component>")} to see the changes.`),process.exit(0)}let a=s.find(m=>m.name===r.component);a||(o.error(`The component ${l.success(r.component)} does not exist.`),process.exit(1));let c=await ct(a,n);c.length||(o.info(`No updates found for ${r.component}.`),process.exit(0));for(let m of c)o.info(`- ${m.filePath}`),await Dr(m.patch),o.info("")}catch(r){b(r)}});async function ct(e,t){let r=await Ve(t.style,[e]),i=await z(t.tailwind.baseColor);if(!r)return[];let n=[];for(let s of r){let a=await Me(t,s);if(a)for(let c of s.files??[]){let m=be.resolve(a,typeof c=="string"?c:c.path);if(!xe(m))continue;let f=await Ar.readFile(m,"utf8");if(typeof c=="string"||!c.content)continue;let x=await q({filename:c.path,raw:c.content,config:t,baseColor:i}),d=Lr(x,f);d.length>1&&n.push({filePath:m,patch:d})}}return n}async function Dr(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 Kr}from"commander";var mt={name:"shadcn",version:"0.0.0-beta.cecd1f2",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/cli"},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:"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 Wr(){let e=new Kr().name("shadcn").description("add components and dependencies to your project").version(mt.version||"1.0.0","-v, --version","display the version number");e.addCommand(it).addCommand(lt).addCommand(pt),e.parse()}Wr();
|
|
17
22
|
//# sourceMappingURL=index.js.map
|