@sugarcube-org/cli 0.0.0-alpha.25 → 0.0.0-alpha.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +67 -55
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
var Xe=Object.defineProperty;var o=(e,t)=>Xe(e,"name",{value:t,configurable:!0});import{Command as U}from"commander";import{relative as R,join as C,basename as Te,resolve as L,dirname as et,normalize as tt}from"pathe";import
|
|
2
|
+
var Xe=Object.defineProperty;var o=(e,t)=>Xe(e,"name",{value:t,configurable:!0});import{Command as U}from"commander";import{relative as R,join as C,basename as Te,resolve as L,dirname as et,normalize as tt}from"pathe";import a from"picocolors";import{existsSync as O,readFileSync as Se}from"node:fs";import nt from"node-fetch";import{z as w}from"zod";import oe,{mkdir as V,writeFile as Q,readFile as Ie}from"node:fs/promises";import{execa as st}from"execa";import X from"fast-glob";import{loadAndResolveTokens as ot,configFileExists as N,loadInternalConfig as ee,loadUserConfig as rt,processAndConvertTokens as re,generateCSSVariables as Ee,writeCSSVariablesToDisk as $e,writeCSSUtilitiesToDisk as ke,convertConfigToUnoRules as it,DEFAULT_STYLES_PATH as at,DEFAULT_CONFIG as te,fillDefaults as ct}from"@sugarcube-org/core";import ie,{resolve as lt}from"node:path";import{select as ut,isCancel as ae,log as ft,multiselect as pt,confirm as dt,cancel as _e}from"@clack/prompts";import{getColumns as gt}from"@clack/core";import{wrapAnsi as mt}from"fast-wrap-ansi";import ht from"is-unicode-supported";import*as Re from"node:readline";import Ce from"node:readline";import{createLogUpdate as be}from"log-update";import{detect as wt}from"@antfu/ni";import{getTsconfig as yt}from"get-tsconfig";import{createGenerator as Tt}from"@unocss/core";var St="0.0.0-alpha.26",It={version:St};const ce="fluid",Et="**/*.json",le="@sugarcube-org/vite",$t=["node_modules",".git",".next","dist","build"],kt=5,b={INIT:"make-sugarcube init",COMPONENTS:"make-sugarcube components",GENERATE:"make-sugarcube generate",CUBE:"make-sugarcube cube"},ve={INITIALIZATION:"https://sugarcube.sh/docs/setup",CONFIGURATION:"https://sugarcube.sh/docs/configuration"},m={PROJECT_REQUIRED:`No sugarcube project detected. Please run ${a.cyan(b.INIT)} first.
|
|
3
3
|
|
|
4
|
-
For more information, visit: ${
|
|
4
|
+
For more information, visit: ${a.cyan(ve.INITIALIZATION)}`,CONFIG_EXISTS:o(()=>`A sugarcube config file already exists in this projct.
|
|
5
5
|
|
|
6
|
-
To start over, remove it and run ${
|
|
6
|
+
To start over, remove it and run ${a.cyan(b.INIT)} again.`,"CONFIG_EXISTS"),PLUGIN_INSTALL_FAILED:o(e=>{const t=e.packageManager==="npm"?"install":"add";return`Failed to install ${e.pluginToInstall} plugin.
|
|
7
7
|
|
|
8
8
|
This is usually a temporary issue. Try these steps:
|
|
9
9
|
|
|
@@ -23,33 +23,33 @@ Value: "${t}"
|
|
|
23
23
|
${e} cannot be in a reserved directory`,"DIRECTORY_PATH_RESERVED"),KIT_INCOMPLETE:o(()=>`The starter kit appears to be incomplete or corrupted.
|
|
24
24
|
|
|
25
25
|
This is likely a temporary issue. Please try running the command again or choose a different starter kit.`,"KIT_INCOMPLETE"),REGISTRY_AUTH_REQUIRED:o(e=>`Registry access denied: Authentication required
|
|
26
|
-
URL: ${
|
|
27
|
-
URL: ${
|
|
28
|
-
URL: ${
|
|
29
|
-
URL: ${
|
|
26
|
+
URL: ${a.cyan(e)}`,"REGISTRY_AUTH_REQUIRED"),REGISTRY_AUTH_INVALID:o(e=>`Registry access denied: Invalid or missing token
|
|
27
|
+
URL: ${a.cyan(e)}`,"REGISTRY_AUTH_INVALID"),REGISTRY_NOT_FOUND:o(e=>`Registry resource not found
|
|
28
|
+
URL: ${a.cyan(e)}`,"REGISTRY_NOT_FOUND"),REGISTRY_REQUEST_FAILED:o((e,t)=>`Registry request failed: ${e}
|
|
29
|
+
URL: ${a.cyan(t)}`,"REGISTRY_REQUEST_FAILED"),REGISTRY_NETWORK_ERROR:o(e=>`Failed to connect to registry
|
|
30
30
|
|
|
31
|
-
URL: ${
|
|
31
|
+
URL: ${a.cyan(e)}
|
|
32
32
|
|
|
33
33
|
The registry server may be temporarily unavailable or there might be network connectivity issues. Please try again in a few minutes.`,"REGISTRY_NETWORK_ERROR"),REGISTRY_INVALID_DATA:o(e=>`Invalid registry data received
|
|
34
|
-
URL: ${
|
|
34
|
+
URL: ${a.cyan(e)}`,"REGISTRY_INVALID_DATA"),REGISTRY_ITEM_NOT_FOUND:o((e,t,n)=>`${e==="tokens"?"Starter kit":e}'${a.cyan(t)} ' not found in registry
|
|
35
35
|
Available ${e==="tokens"?"starter kit":e}s: ${n.join(", ")}`,"REGISTRY_ITEM_NOT_FOUND"),REGISTRY_FILE_INVALID:o(e=>`Invalid file content received
|
|
36
|
-
File: ${
|
|
36
|
+
File: ${a.cyan(e)}`,"REGISTRY_FILE_INVALID"),STARTER_KIT_UNAVAILABLE:o(e=>`Starter kit '${a.cyan(e)}' is currently unavailable.
|
|
37
37
|
|
|
38
38
|
Please try a different starter kit or run the command again in a few minutes.`,"STARTER_KIT_UNAVAILABLE"),RESOLVER_NOT_CONFIGURED:o(()=>`No resolver path configured.
|
|
39
39
|
|
|
40
40
|
Add a resolver path to your sugarcube config:
|
|
41
41
|
|
|
42
|
-
${
|
|
42
|
+
${a.cyan(`export default {
|
|
43
43
|
resolver: "./tokens.resolver.json",
|
|
44
44
|
// ...
|
|
45
45
|
}`)}
|
|
46
46
|
|
|
47
|
-
See ${
|
|
47
|
+
See ${a.cyan("https://sugarcube.sh/docs/resolver")} for more information.`,"RESOLVER_NOT_CONFIGURED"),RESOLVER_NOT_FOUND:o(e=>`No resolver document found in ${a.cyan(e)}.
|
|
48
48
|
|
|
49
49
|
A resolver document (*.resolver.json) is required to define how your tokens are loaded.
|
|
50
50
|
|
|
51
|
-
See ${
|
|
52
|
-
${e.map(t=>` - ${
|
|
51
|
+
See ${a.cyan("https://sugarcube.sh/docs/resolver")} to learn how to create one.`,"RESOLVER_NOT_FOUND"),RESOLVER_MULTIPLE_FOUND:o(e=>`Multiple resolver documents found:
|
|
52
|
+
${e.map(t=>` - ${a.cyan(t)}`).join(`
|
|
53
53
|
`)}
|
|
54
54
|
|
|
55
55
|
A project should have only one resolver document. Please remove the extras or consolidate them.`,"RESOLVER_MULTIPLE_FOUND"),TOKEN_LOAD_FAILED:o(e=>`Failed to load token files:
|
|
@@ -59,26 +59,26 @@ ${e.join(`
|
|
|
59
59
|
|
|
60
60
|
Please check your token files and try again.`,"TOKEN_LOAD_FAILED"),TOKEN_VALIDATION_FAILED:o(e=>{let t=`Token validation failed:
|
|
61
61
|
|
|
62
|
-
`;for(const[n,s]of e){t+=`Error(s) in ${
|
|
62
|
+
`;for(const[n,s]of e){t+=`Error(s) in ${a.cyan(n)}:
|
|
63
63
|
`;for(const r of s)t+=` - ${r}
|
|
64
64
|
`;t+=`
|
|
65
|
-
`}return t+=`See ${
|
|
65
|
+
`}return t+=`See ${a.cyan("https://sugarcube.sh/docs/design-tokens")} for valid token formats`,t},"TOKEN_VALIDATION_FAILED"),TOKEN_FILE_INVALID_JSON:o(e=>`File ${e}: Invalid JSON syntax`,"TOKEN_FILE_INVALID_JSON"),TOKEN_FILE_INCOMPLETE_JSON:o(e=>`File ${e}: Incomplete JSON file`,"TOKEN_FILE_INCOMPLETE_JSON"),TOKEN_FILE_GENERIC_ERROR:o((e,t)=>`File ${e}: ${t}`,"TOKEN_FILE_GENERIC_ERROR"),DEPENDENCY_INSTALL_FAILED:o(e=>`Failed to install dependencies using ${e}.
|
|
66
66
|
Please check your package manager configuration and try again.`,"DEPENDENCY_INSTALL_FAILED"),VALIDATE_NO_PATH_SPECIFIED:o(()=>`No path specified.
|
|
67
67
|
|
|
68
|
-
Run ${
|
|
68
|
+
Run ${a.cyan("make-sugarcube validate --help")} for more information.`,"VALIDATE_NO_PATH_SPECIFIED"),VALIDATE_PATH_NOT_FOUND:o(e=>`Path not found: ${e}
|
|
69
69
|
|
|
70
70
|
Please check that the specified path exists`,"VALIDATE_PATH_NOT_FOUND"),VALIDATE_NO_TOKEN_FILES:o(()=>`No token files found.
|
|
71
71
|
|
|
72
72
|
Please ensure the path contains .json token files`,"VALIDATE_NO_TOKEN_FILES"),COMPONENTS_FRAMEWORK_REQUIRED:o(()=>`Framework is required when specifying components. Use --framework to specify a framework (react, css-only) or run without arguments for interactive mode.
|
|
73
73
|
|
|
74
|
-
See ${
|
|
74
|
+
See ${a.cyan("https://sugarcube.sh/docs/cli/components")} for more information.`,"COMPONENTS_FRAMEWORK_REQUIRED"),COMPONENTS_INVALID_FRAMEWORK:o(()=>"Invalid framework. Must be one of: react, css-only.","COMPONENTS_INVALID_FRAMEWORK"),COMPONENTS_DIRECTORY_NOT_CONFIGURED:o(()=>"Components directory must be configured in non-interactive mode. Please run the 'components' command without arguments first.","COMPONENTS_DIRECTORY_NOT_CONFIGURED"),PLUGIN_DETECTED:o(e=>`Plugin detected: ${e}
|
|
75
75
|
|
|
76
76
|
The 'generate' command is for manual generation without plugins. Since you have a plugin installed, use your development server instead:
|
|
77
77
|
|
|
78
78
|
npm run dev # or your framework's dev command
|
|
79
79
|
|
|
80
|
-
The plugin will automatically generate CSS with hot module replacement.`,"PLUGIN_DETECTED")};class d extends Error{static{o(this,"CLIError")}constructor(t,n){super(t),this.name="CLIError",this.cause=n}}const ue=w.enum(["react","web-components","css-only"]),De=w.object({path:w.string(),type:w.string()})
|
|
81
|
-
Available components: ${f}`)}const p=l.registryDependencies?.[n]||[];for(const f of p)await
|
|
80
|
+
The plugin will automatically generate CSS with hot module replacement.`,"PLUGIN_DETECTED")};class d extends Error{static{o(this,"CLIError")}constructor(t,n){super(t),this.name="CLIError",this.cause=n}}const ue=w.enum(["react","web-components","css-only"]),De=w.object({path:w.string(),type:w.string()}),_t=De.extend({framework:ue}),Rt=w.object({name:w.string(),type:w.string(),description:w.string().optional(),frameworks:w.array(w.string()).optional(),files:w.array(w.union([_t,De])),tokens:w.record(w.object({type:w.string(),mapping:w.string()})).optional(),dependencies:w.record(ue,w.array(w.string())).optional(),registryDependencies:w.record(ue,w.array(w.string())).optional(),tokenDependencies:w.array(w.string()).optional()}),Ct=w.array(Rt),bt=w.object({content:w.string()}),Ne=process.env.REGISTRY_URL??"https://sugarcube.sh/r";async function Ae(e){try{const t=await nt(e);if(!t.ok){if(t.status===401)throw new d(m.REGISTRY_AUTH_REQUIRED(e));if(t.status===403)throw new d(m.REGISTRY_AUTH_INVALID(e));if(t.status===404)throw new d(m.REGISTRY_NOT_FOUND(e));const n=await t.json().catch(()=>null),s=n&&typeof n=="object"&&"error"in n?String(n.error):t.statusText;throw new d(m.REGISTRY_REQUEST_FAILED(s,e))}return t.json()}catch(t){throw t instanceof d?t:new d(m.REGISTRY_NETWORK_ERROR(e))}}o(Ae,"fetchRegistry");async function j(){const e=`${Ne}/index.json`,t=await Ae(e);try{return Ct.parse(t)}catch{throw new d(m.REGISTRY_INVALID_DATA(e))}}o(j,"getRegistryIndex");async function fe({type:e,name:t,framework:n}){const s=await j(),r=s.find(l=>l.type===e&&l.name===t);if(!r){const l=s.filter(p=>p.type===e).map(p=>p.name);throw new d(m.REGISTRY_ITEM_NOT_FOUND(e,t,l))}let c=r.files;e==="component"&&n&&(c=r.files.filter(l=>"framework"in l&&l.framework===n));const i=await Promise.all(c.map(async l=>{const p=`${Ne}/${l.path}.json`,f=await Ae(p);try{const u=bt.parse(f);return{path:l.path,type:l.type,framework:"framework"in l?l.framework:void 0,content:u.content}}catch{throw new d(m.REGISTRY_FILE_INVALID(l.path))}}));return{item:r,files:i}}o(fe,"getRegistryFiles");async function vt(e){const t=await fe({type:"tokens",name:e});if(!t.files[0])throw new d(m.STARTER_KIT_UNAVAILABLE(e));return t}o(vt,"fetchStarterKit");async function pe(e,t,n){const s=[],r=new Set;async function c(i){if(r.has(i))return;r.add(i);const l=e.find(f=>f.name===i);if(!l){const f=e.filter(u=>u.type==="component").map(u=>u.name).join(", ");throw new d(`Component '${i}' not found in registry
|
|
81
|
+
Available components: ${f}`)}const p=l.registryDependencies?.[n]||[];for(const f of p)await c(f);s.push(l)}o(c,"resolveComponent");for(const i of t)await c(i);return s}o(pe,"resolveTree");async function Dt({selectedComponents:e,componentType:t,componentsOutputDirectory:n}){const s={variableCSS:[],utilityCSS:[],componentFiles:[],componentCSS:[],cubeCSS:[],indexFiles:[]},r=await j(),i=(await pe(r,e,t)).map(u=>u.name),l=r.filter(u=>u.type==="component").filter(u=>i.includes(u.name)),p=l.flatMap(u=>u.files.filter(g=>(g.type==="tsx"||g.type==="astro"||g.type==="njk")&&"framework"in g&&g.framework===t).map(g=>R(process.cwd(),C(n,u.name,`${u.name}.${g.type}`))));s.componentFiles=p.filter(u=>O(C(process.cwd(),u)));const f=l.map(u=>{const g=u.name;return R(process.cwd(),C(n,u.name,`${g}.css`))});return s.componentCSS=f.filter(u=>O(C(process.cwd(),u))),s}o(Dt,"collectComponentOverwriteWarnings");async function Nt({cubeDirectory:e}){const t={variableCSS:[],utilityCSS:[],componentFiles:[],componentCSS:[],cubeCSS:[],indexFiles:[]},s=(await j()).filter(r=>r.type==="cube").flatMap(r=>r.files).map(r=>{const c=r.path.replace(/^styles\//,"");return R(process.cwd(),C(e,c))});return t.cubeCSS=s.filter(r=>O(C(process.cwd(),r))),t}o(Nt,"collectCubeOverwriteWarnings");function Oe(e){const t=[];if(e.variableCSS.length>0&&t.push(`CSS variables files:
|
|
82
82
|
${e.variableCSS.map(s=>` - ${s}`).join(`
|
|
83
83
|
`)}`),e.utilityCSS.length>0&&t.push(`CSS utility files:
|
|
84
84
|
${e.utilityCSS.map(s=>` - ${s}`).join(`
|
|
@@ -92,57 +92,57 @@ ${e.indexFiles.map(s=>` - ${s}`).join(`
|
|
|
92
92
|
|
|
93
93
|
${t.join(`
|
|
94
94
|
|
|
95
|
-
`)}`}o(
|
|
95
|
+
`)}`}o(Oe,"formatOverwriteWarnings");async function de(e,t,n,s={}){if(e.length===0)return;const{devDependency:r=!1}=s,c=n==="npm"?"install":"add",i=(()=>{if(!r)return[];switch(n){case"npm":return["--save-dev"];case"pnpm":return["-D"];case"yarn":return["-D"];case"bun":return["-d"]}})();try{await st(n,[c,...i,...e],{cwd:t})}catch{throw new d(m.DEPENDENCY_INSTALL_FAILED(n))}}o(de,"installDependencies");async function At(e,t,n){const s=C(n,t.name);if(await V(s,{recursive:!0}),e.path.endsWith(".css")){const c=C(s,`${t.name}.css`);return await Q(c,e.content),c}const r=C(s,Te(e.path));return await Q(r,e.content),r}o(At,"writeComponentFile");async function Ot({registryIndex:e,selectedComponents:t,componentType:n,componentsOutputDirectory:s,packageManager:r}){const c=[],i=new Set;await V(s,{recursive:!0});const l=await pe(e,t,n);for(const p of l){const f=await fe({type:"component",name:p.name,framework:n});for(const g of f.files)if(g)try{const h=await At(g,p,s);h&&c.push(h)}catch(h){const $=h instanceof Error?`: ${h.message}`:"";throw new d(`Failed to write component file for "${p.name}"${$}`)}const u=p.dependencies?.[n]||[];for(const g of u)i.add(g)}if(i.size>0)try{await de(Array.from(i),process.cwd(),r)}catch(p){const f=p instanceof Error?`: ${p.message}`:"";throw new d(`Failed to install component dependencies${f}`)}return{createdFiles:c,npmDependencies:i}}o(Ot,"installComponents");function Ft(e,t){const n=L(e),s=L(t);return n.startsWith(`${s}/`)||n===s}o(Ft,"isWithinDirectory");async function Pt(e){const t=[],n=L(process.cwd(),e);await V(n,{recursive:!0});const r=(await j()).filter(c=>c.type==="cube").map(c=>c.name);for(const c of r){const i=await fe({type:"cube",name:c});for(const l of i.files){if(!l)continue;const p=l.path.replace(/^styles\//,""),f=L(n,p);if(!Ft(f,n))throw new d(`Invalid file path detected in CUBE module "${c}": path escapes target directory`);const u=et(f);try{await V(u,{recursive:!0}),await Q(f,l.content),t.push(f)}catch(g){const h=g instanceof Error?`: ${g.message}`:"";throw new d(`Failed to write CUBE module "${c}"${h}`)}}}return t}o(Pt,"installCUBE");async function Fe(e){const t=C(e,"*.resolver.json"),n=await X(t,{onlyFiles:!0});if(n.length===0)return{found:"none"};const[s]=n;return n.length===1&&s?{found:"one",path:R(process.cwd(),s)}:{found:"multiple",paths:n.map(r=>R(process.cwd(),r))}}o(Fe,"findResolverDocument");async function Lt(e,t){await oe.mkdir(t,{recursive:!0});const n=[];for(const s of e)await oe.writeFile(s.path,s.content),n.push(s.path);return n}o(Lt,"writeTokenFiles");async function W(e,t){let n;if(t)n={type:"memory",data:t,config:e};else{if(!e.resolver)throw new d(m.RESOLVER_NOT_CONFIGURED());n={type:"resolver",resolverPath:e.resolver,config:e}}const{trees:s,resolved:r,modifiers:c,errors:i}=await ot(n);if(i.load.length>0){const l=i.load.map(p=>{const f=p.file.split("/").pop()||"unknown file";let u=`File ${f}: `;return p.message.includes("Unexpected token")?u=m.TOKEN_FILE_INVALID_JSON(f):p.message.includes("Unexpected end")?u=m.TOKEN_FILE_INCOMPLETE_JSON(f):u=m.TOKEN_FILE_GENERIC_ERROR(f,p.message),u});throw new d(m.TOKEN_LOAD_FAILED(l))}if(i.validation.length>0||i.flatten.length>0||i.resolution.length>0){const l=[...i.flatten,...i.validation,...i.resolution],p=new Map;for(const f of l)if(f.source?.sourcePath){const u=p.get(f.source.sourcePath)||[];u.push(f.message),p.set(f.source.sourcePath,u)}throw new d(m.TOKEN_VALIDATION_FAILED(p))}return{trees:s,resolved:r,modifiers:c}}o(W,"loadAndResolveTokensForCLI");const Mt=o(async(e,t,n)=>{const s=await vt(e),r=L(process.cwd(),t),c=s.files.map(i=>({path:C(r,Te(i.path)),content:i.content}));return{config:n,tokenFiles:c,tokensDir:r,createdTokenPaths:c.map(i=>R(process.cwd(),i.path))}},"prepareStarterKitForInstall");async function Ut(e){const t=await Mt(e.starterKit??"",e.tokensDir,e.config),n=await Lt(t.tokenFiles,e.tokensDir),s=await Fe(e.tokensDir);if(s.found==="none")throw new d(m.RESOLVER_NOT_FOUND(e.tokensDir));if(s.found==="multiple")throw new d(m.RESOLVER_MULTIPLE_FOUND(s.paths));const r={...e.config,resolver:s.path},{trees:c,resolved:i}=await W(r);e.setupResult={config:r,createdTokenPaths:t.createdTokenPaths,trees:c,resolved:i,tokenFiles:t.tokenFiles,tokensDir:t.tokensDir},e.createdFiles.push(...n),e.config=r,e.userConfig={...e.userConfig,resolver:s.path}}o(Ut,"installFromStarterKit");async function Pe(e=!0){const t=[{label:"React",value:"react",hint:".tsx"},{label:"CSS Only",value:"css-only",hint:".css"},{label:a.dim("Web components"),value:"web-components",hint:"Coming soon!"}];e&&t.push({label:"Skip",value:"skip",hint:"continue without components"});const n=await ut({message:"Build with",options:t});return ae(n)&&process.exit(0),n==="web-components"?(ft.info(a.blue("Web components are coming soon! Please choose React or CSS Only for now.")),Pe(e)):n}o(Pe,"promptComponentFramework");async function jt(e,t){const n=e.filter(r=>r.type==="component"&&r.frameworks?.includes(t)),s=await pt({message:"Select components to add",options:n.map(r=>({label:r.name,value:r.name,hint:r.description})),required:!0});return ae(s)&&process.exit(0),s}o(jt,"promptComponentSelectionFiltered");async function Le(e,t=!1){const n=await dt({message:e,initialValue:t});return(!n||ae(n))&&(_e(),process.exit(0)),!0}o(Le,"confirmOverwrite");const{hidden:ds}=a,Gt=ht(),E=o((e,t)=>Gt?e:t,"unicodeOr"),xt=E("\u25C7","o"),Me=E("\u250C","T"),F=E("\u2502","|"),ge=E("\u2514","\u2014"),Bt=E("\u2510","T"),Vt=E("\u2518","\u2014"),ne=E("\u2500","-"),Wt=E("\u256E","+"),Yt=E("\u256F","+"),Kt=E("\u2570","+"),Ht=E("\u256D","+"),zt=E("\u25CF","\u2022"),qt=E("\u25C6","*"),Jt=E("\u25B2","!"),Zt=E("\u25A0","x"),Y=o((e,t=a.bgGreen,n=a.black)=>t(` ${n(e)} `),"label"),K=o(e=>{const t=["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)","(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PRZcf-ntqry=><~]))"].join("|"),n=new RegExp(t,"g");return typeof e=="string"?e.replace(n,""):e},"strip"),H=o((e="",t)=>{process.stdout.write(`
|
|
96
96
|
|
|
97
|
-
${
|
|
98
|
-
`)},"intro"),se=o((e="",t)=>{process.stdout.write(`${
|
|
99
|
-
${
|
|
97
|
+
${a.gray(Me)}${a.gray(ne)} ${e}
|
|
98
|
+
`)},"intro"),se=o((e="",t)=>{process.stdout.write(`${a.gray(F)}
|
|
99
|
+
${a.gray(ge)}${a.gray(ne)} ${e}
|
|
100
100
|
|
|
101
|
-
`)},"outro");function G(e){return new Promise(t=>setTimeout(t,e))}o(G,"sleep");const Qt=[Ht,Wt,Kt,Yt],Xt=[Me,Bt,ge,Vt];function Ue(e,t,n,s){let r=n,
|
|
102
|
-
`);let B=K(t).length+l*2;for(const Qe of J){const ye=K(Qe).length+p*2;ye>B&&(B=ye)}const Z=B+i;Z
|
|
101
|
+
`)},"outro");function G(e){return new Promise(t=>setTimeout(t,e))}o(G,"sleep");const Qt=[Ht,Wt,Kt,Yt],Xt=[Me,Bt,ge,Vt];function Ue(e,t,n,s){let r=n,c=n;return s==="center"?r=Math.floor((t-e)/2):s==="right"&&(r=t-e-n),c=t-r-e,[r,c]}o(Ue,"getPaddingForLine");const en=o(e=>e,"defaultFormatBorder"),me=o((e="",t="",n)=>{const s=n?.output??process.stdout,r=gt(s),i=1*2,l=n?.titlePadding??1,p=n?.contentPadding??2,f=n?.width===void 0||n.width==="auto"?1:Math.min(1,n.width),u=n?.includePrefix?`${F} `:"",g=n?.formatBorder??en,h=(n?.rounded?Qt:Xt).map(g),$=g(ne),k=g(F),T=r-u.length;let _=Math.floor(r*f)-u.length;if(n?.width==="auto"){const J=e.split(`
|
|
102
|
+
`);let B=K(t).length+l*2;for(const Qe of J){const ye=K(Qe).length+p*2;ye>B&&(B=ye)}const Z=B+i;Z<_&&(_=Z)}_%2!==0&&(_<T?_++:_--);const I=_-i,A=I-l*2,y=K(t).length>A?`${t.slice(0,A-3)}...`:t,[v,D]=Ue(K(y).length,I,l,n?.titleAlign),P=mt(e,I-p*2,{hard:!0,trim:!1});s.write(`${u}${h[0]}${$.repeat(v)}${y}${$.repeat(D)}${h[1]}
|
|
103
103
|
`);const q=P.split(`
|
|
104
|
-
`);for(const J of q){const[B,Z]=Ue(K(J).length,I,p,n?.contentAlign);s.write(`${u}${
|
|
105
|
-
`)}s.write(`${u}${h[2]}${
|
|
104
|
+
`);for(const J of q){const[B,Z]=Ue(K(J).length,I,p,n?.contentAlign);s.write(`${u}${k}${" ".repeat(B)}${J}${" ".repeat(Z)}${k}
|
|
105
|
+
`)}s.write(`${u}${h[2]}${$.repeat(I)}${h[3]}
|
|
106
106
|
`)},"box");function he(e,t={}){const n=`
|
|
107
|
-
${e}`;me(n,
|
|
108
|
-
${e}`;me(n,
|
|
109
|
-
${e}`;me(n,
|
|
110
|
-
`),"renderContent");h(
|
|
111
|
-
`))}else{const y=`${t} ${
|
|
107
|
+
${e}`;me(n,a.black(a.bgRed(" ERROR ")),{width:"auto",titlePadding:2,formatBorder:a.red,...t})}o(he,"errorBoxWithBadge");function je(e,t={}){const n=`
|
|
108
|
+
${e}`;me(n,a.black(a.bgYellow(" WARNING ")),{width:"auto",titlePadding:2,formatBorder:a.yellow,...t})}o(je,"warningBoxWithBadge");function tn(e,t={}){const n=`
|
|
109
|
+
${e}`;me(n,a.black(a.bgCyan(" INFO ")),{width:"auto",titlePadding:2,formatBorder:a.cyan,...t})}o(tn,"infoBoxWithBadge");const nn=o((e,t)=>{if(!(e.meta&&e.name!=="escape")){if(e.ctrl){if(e.name==="a")return"first";if(e.name==="c"||e.name==="d")return"abort";if(e.name==="e")return"last";if(e.name==="g")return"reset"}return e.name==="return"||e.name==="enter"?"submit":e.name==="backspace"?"delete":e.name==="delete"?"deleteForward":e.name==="abort"?"abort":e.name==="escape"?"exit":e.name==="tab"?"next":e.name==="pagedown"?"nextPage":e.name==="pageup"?"prevPage":e.name==="home"?"home":e.name==="end"?"end":e.name==="up"?"up":e.name==="down"?"down":e.name==="right"?"right":e.name==="left"?"left":!1}},"action"),sn=o(async(e,t={})=>{const{sidebarSymbol:n=a.gray("\u2502"),clear:s=!1,stdin:r=process.stdin,stdout:c=process.stdout}=t,i=Ce.createInterface({input:r,escapeCodeTimeout:50}),l=be(c,{showCursor:!1});Ce.emitKeypressEvents(r,i);let p=0,f=!1;const u=o(async()=>{r.off("keypress",g),r.isTTY&&r.setRawMode(!1),i.close(),f=!0,p<e.length-1||s?l.clear():l.done()},"done"),g=o((h,$)=>{r.isTTY&&r.setRawMode(!0);const k=nn($);if(k==="abort")return u(),process.exit(0);["up","down","left","right"].includes(k)||u()},"handleKeyPress");r.isTTY&&r.setRawMode(!0),r.on("keypress",g);for(const h of e){const $=Array.isArray(h)?h:h.split(" "),k=[];for(const I of[""].concat($)){I&&k.push(I);const A=k.join(" ").replace(/sugarcube/g,a.cyan("sugarcube")),y=`${n} ${A}`;l(y),f||await new Promise(v=>setTimeout(v,Math.floor(Math.random()*126)+75))}f||await new Promise(I=>setTimeout(I,100));const _=(await Promise.all($).then(I=>I.join(" "))).replace(/sugarcube/g,a.cyan("sugarcube"));l(`${n} ${_}`),f||await new Promise(I=>setTimeout(I,Math.floor(Math.random()*201)+1200)),p++}r.off("keypress",g),await new Promise(h=>setTimeout(h,100)),u(),r.isTTY&&r.setRawMode(!1),r.removeAllListeners("keypress")},"sayAnimatedInSidebar");function on(){return Math.floor(Math.random()*551)+200}o(on,"getRandomTaskDuration");async function rn(e,{sidebarSymbol:t="\u2502",spacing:n=1,stdin:s=process.stdin,stdout:r=process.stdout,initialDelayMs:c=200,minDurationMs:i,successPauseMs:l=300,successMessage:p,successAsOutro:f=!1}={}){const u=o((y,v)=>{let D="";switch(v){case"start":D=`${a.cyan(`\u25B6 ${y.start}`)}`;break;case"pending":D=`${a.dim(`\u25A1 ${y.pending}`)}`;break;case"success":D=`${a.green(`\u2714 ${y.end}`)}`;break;case"end":D=`${a.dim(`\u25A0 ${y.end}`)}`;break}return`${t} ${D}`},"formatWithSidebar"),g=Array.from({length:e.length},()=>"");e.forEach((y,v)=>{g[v]=u(y,"pending")});const h=be(r),$=Re.createInterface({input:s,escapeCodeTimeout:50});Re.emitKeypressEvents(s,$);const k=o(y=>{y===""&&(h.clear(),$.close(),s.isTTY&&s.setRawMode(!1),process.exit(0)),s.isTTY&&s.setRawMode(!0)},"keypress");s.isTTY&&s.setRawMode(!0),s.on("keypress",k);const T=Array.from({length:Math.max(n,0)},()=>`${t}`),_=o(()=>[...T,...g].join(`
|
|
110
|
+
`),"renderContent");h(_()),await G(c);let I=0;for(const y of e){g[I]=u(y,"start"),h(_());const v=Date.now(),D=y.while();try{await D;const P=Date.now()-v,q=typeof i=="number"?i:on();P<q&&await G(q-P),g[I]=u(y,"success"),h(_()),await G(l)}catch(P){throw g[I]=`${t} ${a.red(`\u2717 ${y.end} (failed)`)}`,h(_()),y.onError?.(P),s.removeListener("keypress",k),$.close(),s.isTTY&&s.setRawMode(!1),P}I++}const A=e.map(y=>u(y,"end"));if(p)if(f){const y=`${a.gray(ge)}${a.gray(ne)} ${a.green(p)}`;h([...T,...A,`${t}`,y].join(`
|
|
111
|
+
`))}else{const y=`${t} ${a.green(p)}`;h([...T,...A,`${t}`,y].join(`
|
|
112
112
|
`))}else h([...T,...A].join(`
|
|
113
|
-
`));await G(1e3),s.removeListener("keypress",
|
|
114
|
-
`),"rawLog"),S={message:o((e=[],{symbol:t=
|
|
115
|
-
`);if(i.length>0){const[l,...p]=i;l&&l.length>0?
|
|
113
|
+
`));await G(1e3),s.removeListener("keypress",k),s.isTTY&&s.setRawMode(!1),$.close(),h.done()}o(rn,"executeTasksInSidebar");const an=o(e=>process.stdout.write(`${e}
|
|
114
|
+
`),"rawLog"),S={message:o((e=[],{symbol:t=a.gray(F),secondarySymbol:n=a.gray(F),output:s=process.stdout,spacing:r=1}={})=>{const c=[];for(let l=0;l<r;l++)c.push(`${n}`);const i=Array.isArray(e)?e:e.split(`
|
|
115
|
+
`);if(i.length>0){const[l,...p]=i;l&&l.length>0?c.push(`${t} ${l}`):c.push(t);for(const f of p)f.length>0?c.push(`${n} ${f}`):c.push(n)}s.write(`${c.join(`
|
|
116
116
|
`)}
|
|
117
|
-
`)},"message"),info:o((e,t)=>{S.message(e,{...t,symbol:
|
|
117
|
+
`)},"message"),info:o((e,t)=>{S.message(e,{...t,symbol:a.blue(zt)})},"info"),success:o((e,t)=>{S.message(e,{...t,symbol:a.green(qt)})},"success"),step:o((e,t)=>{S.message(e,{...t,symbol:a.green(xt)})},"step"),warn:o((e,t)=>{S.message(e,{...t,symbol:a.yellow(Jt)})},"warn"),error:o((e,t)=>{S.message(e,{...t,symbol:a.red(Zt)})},"error"),animated:o(async(e,{secondarySymbol:t=a.gray(F),output:n=process.stdout,clear:s=!1,...r}={})=>sn(e,{sidebarSymbol:t,stdout:n,clear:s,...r}),"animated"),tasks:o(async(e,{spacing:t=1,secondarySymbol:n=a.gray(F),output:s=process.stdout,...r}={})=>rn(e,{sidebarSymbol:n,spacing:t,stdout:s,...r}),"tasks"),space:o((e=1)=>{for(let t=0;t<e;t++)process.stdout.write(`${a.gray(F)}
|
|
118
118
|
`)},"space"),break:o((e=1)=>{for(let t=0;t<e;t++)process.stdout.write(`
|
|
119
119
|
`)},"break")};function z(e){if(e instanceof d)S.space(1),he(e.message,{});else{const t=`An unexpected error occurred: ${e instanceof Error?e.message:String(e)}
|
|
120
120
|
|
|
121
|
-
If this issue persists, please report it: ${
|
|
121
|
+
If this issue persists, please report it: ${a.cyan("https://github.com/sugarcube-org/sugarcube/issues")}`;S.space(1),he(t,{})}process.exit(0)}o(z,"handleError");function Ge(e){return{absolute:L(process.cwd(),e)}}o(Ge,"resolveDirectoryFromFlag");async function xe(e){if(N())try{const{config:t}=await ee(),n=cn(t,e);return typeof n=="string"?L(process.cwd(),n):void 0}catch{return}}o(xe,"resolveDirectoryFromConfig");function cn(e,t){const n=t.split(".");let s=e;for(const r of n){if(s==null||typeof s!="object")return;s=s[r]}return s}o(cn,"getNestedValue");async function ln(e){if(e){const{absolute:t}=Ge(e);return{directory:t,fromConfig:!1}}if(N())try{const t=await xe("output.css");if(t)return{directory:t,fromConfig:!0}}catch{}throw new d(`A sugarcube config file was not found.
|
|
122
122
|
|
|
123
123
|
Either a config file or --styles-dir is required to run this command.
|
|
124
124
|
|
|
125
125
|
To use the cube command without a config file:
|
|
126
|
-
e.g. ${
|
|
126
|
+
e.g. ${a.cyan(`${b.CUBE} --styles-dir src/styles`)}
|
|
127
127
|
|
|
128
128
|
To create a config file:
|
|
129
|
-
${
|
|
129
|
+
${a.cyan(b.INIT)}
|
|
130
130
|
|
|
131
|
-
Stuck? ${
|
|
131
|
+
Stuck? ${a.cyan("https://sugarcube.sh")}`)}o(ln,"getCssDir");async function un(e){if(e){const{absolute:t}=Ge(e);return{directory:t,fromConfig:!1}}if(N())try{const t=await xe("output.components");if(t)return{directory:t,fromConfig:!0}}catch{}throw new d(`A sugarcube config file was not found.
|
|
132
132
|
|
|
133
133
|
Either a config file or --components-dir is required to run this command.
|
|
134
134
|
|
|
135
135
|
To use the components command without a config file:
|
|
136
|
-
e.g. ${
|
|
136
|
+
e.g. ${a.cyan(`${b.COMPONENTS} --components-dir src/components/ui`)}
|
|
137
137
|
|
|
138
138
|
To create a config file:
|
|
139
|
-
${
|
|
139
|
+
${a.cyan(b.INIT)}
|
|
140
140
|
|
|
141
|
-
Stuck? ${
|
|
141
|
+
Stuck? ${a.cyan("https://sugarcube.sh")}`)}o(un,"getComponentsDir");function x(e,t=process.cwd()){try{const n=lt(t,"package.json");if(!O(n))return!1;const s=Se(n,"utf-8"),r=JSON.parse(s),c={...r.dependencies,...r.devDependencies,...r.peerDependencies};return e in c}catch{return!1}}o(x,"isPackageInstalled");async function Be(e,{withFallback:t=!1}={}){const n=await wt({programmatic:!0,cwd:e});if(n?.includes("yarn"))return"yarn";if(n?.includes("pnpm"))return"pnpm";if(n?.includes("bun"))return"bun";if(n?.includes("npm"))return"npm";if(t){const s=process.env.npm_config_user_agent||"";if(s.includes("yarn"))return"yarn";if(s.includes("pnpm"))return"pnpm";if(s.includes("bun"))return"bun"}return"npm"}o(Be,"getPackageManager");function fn(e=process.cwd()){return yt(e)!==null}o(fn,"isTypeScriptProject");async function Ve(e=process.cwd()){return fn(e)?"sugarcube.config.ts":"sugarcube.config.js"}o(Ve,"getConfigFileName");function pn(e){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e)}o(pn,"isValidIdentifier");function we(e,t=0){const n=" ".repeat(t);if(e===null)return"null";if(e===void 0)return"undefined";if(typeof e=="string")return JSON.stringify(e);if(typeof e=="number"||typeof e=="boolean")return String(e);if(Array.isArray(e))return e.length===0?"[]":`[
|
|
142
142
|
${e.map(r=>`${n} ${we(r,t+1)}`).join(`,
|
|
143
143
|
`)}
|
|
144
144
|
${n}]`;if(typeof e=="object"){const s=Object.entries(e);return s.length===0?"{}":`{
|
|
145
|
-
${s.map(([
|
|
145
|
+
${s.map(([c,i])=>{const l=pn(c)?c:JSON.stringify(c);return`${n} ${l}: ${we(i,t+1)}`}).join(`,
|
|
146
146
|
`)}
|
|
147
147
|
${n}}`}return JSON.stringify(e)}o(we,"formatValue");function dn(e,t,n){const s=we(e,0);let r;return n?r=t?`import type { UserConfig } from "@sugarcube-org/vite";
|
|
148
148
|
|
|
@@ -153,23 +153,35 @@ const config = `:r=`// Configuration reference: ${ve.CONFIGURATION}
|
|
|
153
153
|
const config = `,`${r}${s};
|
|
154
154
|
|
|
155
155
|
export default config;
|
|
156
|
-
`}o(dn,"formatConfigAsCode");async function We(e,t){try{const n=await Ve(),s=n.endsWith(".ts"),r=dn(e,s,t);await Q(n,r,"utf-8")}catch(n){const s=n instanceof Error?`: ${n.message}`:"";throw new d(`Failed to write config file${s}`)}}o(We,"writeUserConfig");function gn(e,t){return{...e,...t,output:{...e.output??{},...t.output??{}},transforms:{...e.transforms??{},...t.transforms??{}}}}o(gn,"mergeUserConfig");async function Ye(e){const{config:t}=await rt(),n=gn(t,e),s=x(le);await We(n,s)}o(Ye,"mergeConfigIntoFile");const mn=new U().name("components").description("Add components to your project").argument("[components...]","Components to add (e.g., button card)").option("-f, --framework <type>","Framework to use (react, css-only)").option("--components-dir <dir>","Components output directory (e.g., 'src/components')").option("-s, --silent","Suppress logs and prompts").option("-o, --overwrite","Overwrite existing files").action(async(e,t)=>{try{t.silent||H(Y(
|
|
157
|
-
`),{css:f}=await s.generate(p,{preflights:!1});return f?.trim()?[{path:`${t.output?.css||at}/utilities/utilities.gen.css`,css:f}]:[]}o(ze,"generateSugarcubeUtilities");async function Tn(e,t,n,s){const r=[],
|
|
156
|
+
`}o(dn,"formatConfigAsCode");async function We(e,t){try{const n=await Ve(),s=n.endsWith(".ts"),r=dn(e,s,t);await Q(n,r,"utf-8")}catch(n){const s=n instanceof Error?`: ${n.message}`:"";throw new d(`Failed to write config file${s}`)}}o(We,"writeUserConfig");function gn(e,t){return{...e,...t,output:{...e.output??{},...t.output??{}},transforms:{...e.transforms??{},...t.transforms??{}}}}o(gn,"mergeUserConfig");async function Ye(e){const{config:t}=await rt(),n=gn(t,e),s=x(le);await We(n,s)}o(Ye,"mergeConfigIntoFile");const mn=new U().name("components").description("Add components to your project").argument("[components...]","Components to add (e.g., button card)").option("-f, --framework <type>","Framework to use (react, css-only)").option("--components-dir <dir>","Components output directory (e.g., 'src/components')").option("-s, --silent","Suppress logs and prompts").option("-o, --overwrite","Overwrite existing files").action(async(e,t)=>{try{t.silent||H(Y(a.bgGreen(a.black("Components"))));const{directory:n,fromConfig:s}=await un(t.componentsDir);let r=[],c;if(e.length>0||t.framework){if(!t.framework)throw new d(m.COMPONENTS_FRAMEWORK_REQUIRED());if(!["react","css-only"].includes(t.framework))throw new d(m.COMPONENTS_INVALID_FRAMEWORK());c=t.framework,r=e}else{c=await Pe(!1);const T=await j();T||(_e("Failed to fetch component list"),process.exit(1)),r=await jt(T,c)}const i=await Be(process.cwd(),{withFallback:!0}),l=await j(),p=await pe(l,r,c),f=await Dt({selectedComponents:r,componentType:c,componentsOutputDirectory:n}),u=Oe(f);if(u&&!t.force&&!t.silent){const T=je(u,{});S.space(1),await Le("Continue?",!1)}const g=[],h=[],$=new Set;for(const T of p){const _=T.dependencies?.[c]||[];for(const I of _)$.add(I)}const k=Array.from($).filter(T=>!x(T,process.cwd()));k.length>0&&g.push({pending:`Install ${k.length} dependencies`,start:`Installing ${k.join(", ")}...`,end:`Installed ${k.join(", ")}`,while:o(async()=>{await de(k,process.cwd(),i)},"while")});for(const T of p)g.push({pending:`Write component files for ${T.name}`,start:`Writing component files for ${T.name}...`,end:`Wrote component files for ${T.name}`,while:o(async()=>{const _=await Ot({registryIndex:l,selectedComponents:[T.name],componentType:c,componentsOutputDirectory:n,overwrite:t.overwrite||!1,packageManager:i});h.push(..._.createdFiles)},"while")});if(await S.tasks(g,{successMessage:"Components added successfully! \u{1F389} ",minDurationMs:0,successAsOutro:!0}),an(""),!s&&N()){const T=R(process.cwd(),n);await Ye({output:{components:T}})}}catch(n){z(n)}}),hn=new U().name("cube").description("Add CUBE CSS to your project").option("-s, --silent","Suppress logs and prompts").option("-f, --force","Skip overwrite confirmation").option("--styles-dir <dir>","CSS output directory (e.g., 'src/styles')").action(async e=>{try{e.silent||H(Y("CUBE CSS"));const{directory:t,fromConfig:n}=await ln(e.stylesDir);try{await V(t,{recursive:!0})}catch(i){const l=i instanceof Error?`: ${i.message}`:"";throw new d(`Failed to create output directory${l}`)}const s=await Nt({cubeDirectory:t}),r=Oe(s);if(r&&!e.force&&!e.silent){S.space(1);const i=je(r,{});await Le("Continue?",!1)}const c=await Pt(t);if(!e.silent){S.space(1);const i=c,f=[...new Set(i)].map(u=>R(process.cwd(),u)).map(u=>({pending:`Write ${u}`,start:`Writing ${u}`,end:`Wrote ${u}`,while:o(async()=>{},"while")}));await S.tasks(f,{spacing:0,minDurationMs:0,successPauseMs:100,successMessage:"\u{1F389} Files written!"}),se(a.green("CUBE added successfully."))}if(!n&&N()){const i=R(process.cwd(),t);await Ye({output:{css:i}})}}catch(t){z(t)}}),wn="**/*.{html,htm,js,ts,jsx,tsx,vue,svelte,astro,php,njk,liquid,pug,hbs,handlebars,twig,erb,ejs}",yn=["**/node_modules/**","**/dist/**","**/build/**","**/.next/**","**/.nuxt/**","**/.astro/**","**/.git/**","**/coverage/**","**/.pnpm/**","**/.pnpm-store/**","**/.npm/**","**/.cache/**","**/.turbo/**","**/.vercel/**","**/.svelte-kit/**","**/out/**","**/__snapshots__/**","**/*.config.{js,ts,mjs}","**/*.min.js","**/*.bundle.js","**/*.d.ts"],Ke=1e4,He=100;async function ze(e,t){const n={name:"sugarcube",rules:it(t.utilities??{},e),preflights:[]},s=await Tt({presets:[n]}),r=await X(wn,{ignore:yn,dot:!1,onlyFiles:!0,absolute:!1});if(r.length===0)return[];if(r.length>Ke)throw new d(`Found ${r.length} files to scan (limit: ${Ke}). Are you running this from a monorepo root or a directory containing multiple projects? Run the command from within a single project directory instead.`);const c=[];let i=0;const l=He*1024*1024;for(const u of r){const g=await Ie(u,"utf8");if(i+=g.length,i>l)throw new d(`Total source size exceeds ${He}MB. Are you running this from a monorepo root or a directory containing multiple projects? Run the command from within a single project directory instead.`);c.push(g)}const p=c.join(`
|
|
157
|
+
`),{css:f}=await s.generate(p,{preflights:!1});return f?.trim()?[{path:`${t.output?.css||at}/utilities/utilities.gen.css`,css:f}]:[]}o(ze,"generateSugarcubeUtilities");async function Tn(e,t,n,s){const r=[],c=await re(e,t,n),i=await Ee(c,n,s);await $e(i),r.push(...i);const l=await ze(c,n);return await ke(l),r.push(...l),r}o(Tn,"generateAllCSS");const Sn=new U().name("generate").description("Generate CSS from your design tokens").option("--force","Skip overwrite confirmation").option("-s, --silent","Suppress logs and prompts").action(async e=>{try{if(e.silent||H(Y("Generate CSS")),x("@sugarcube-org/vite"))throw new d("Sugarcube vite plugin detected. When using the plugin, CSS is generated automatically during your build process. Remove the plugin to use CLI generation instead.");if(!N())throw new d(`A sugarcube config file was not found. This command requires one.
|
|
158
158
|
|
|
159
|
-
Please run ${
|
|
159
|
+
Please run ${a.cyan(b.INIT)} (or manually create a config file).
|
|
160
160
|
|
|
161
|
-
Stuck? ${
|
|
161
|
+
Stuck? ${a.cyan("https://sugarcube.sh")}`);const{config:t}=await ee(),{trees:n,resolved:s,modifiers:r}=await W(t),c=await Tn(n,s,t,r);if(!e.silent){const i=c.map(u=>u.path),f=[...new Set(i)].map(u=>R(process.cwd(),u)).map(u=>({pending:`Write ${u}`,start:`Writing ${u}`,end:`Wrote ${u}`,while:o(async()=>{},"while")}));await S.tasks(f,{spacing:1,minDurationMs:0,successPauseMs:100,successMessage:"\u{1F389} Files written!"}),S.space(1),se(a.green("CSS generated successfully."))}}catch(t){z(t)}});async function In(e){const t=R(process.cwd(),e.actualStylesDir),n=e.isSrcDir?te.output.components:te.output.components.replace(/^src\//,"");return{resolver:e.resolverPath,output:{css:t,components:n}}}o(In,"buildUserConfig");function qe(e,t=0){if(typeof e!="object"||e===null||t>kt)return!1;for(const[n,s]of Object.entries(e))if(!n.startsWith("$")&&typeof s=="object"&&s!==null&&("$value"in s||qe(s,t+1)))return!0;return!1}o(qe,"hasAnyToken");async function En(e){try{const t=await X(Et,{cwd:e,absolute:!0});for(const n of t)try{const s=await oe.readFile(n,"utf-8"),r=JSON.parse(s);if(qe(r))return!0}catch{}return!1}catch{return!1}}o(En,"detectExistingTokens");function Je(e){try{const t=ie.resolve(e,"package.json");if(!O(t))return null;const n=Se(t,"utf-8");return JSON.parse(n)}catch{return null}}o(Je,"getPackageJson");function M(e,t){if(!e)return!1;const n=e.dependencies,s=e.devDependencies;return!!(n?.[t]||s?.[t])}o(M,"hasDependency");function $n(e,t){if(!e)return!1;const n=e.dependencies,s=e.devDependencies,r={...n,...s};return Object.keys(r).some(c=>c.startsWith(t))}o($n,"hasDependencyStartingWith");function kn(e){const t=O(ie.resolve(e,"src")),n=Je(e),s=t?"src/design-tokens":"design-tokens",r=t?"src/styles":"styles",c=t?"src/components":"components";let i="none";return M(n,"next")?i=O(ie.resolve(e,`${t?"src/":""}app`))?"next-app":"next-pages":M(n,"astro")?i="astro":M(n,"nuxt")?i="nuxt":M(n,"@sveltejs/kit")?i="sveltekit":$n(n,"@remix-run/")?i="remix":M(n,"@11ty/eleventy")?i="eleventy":M(n,"vite")&&(i="vite"),{framework:i,isSrcDir:t,tokensDir:s,stylesDir:r,componentDir:c}}o(kn,"getProjectInfo");function _n(e,t){if(["vite","astro","nuxt","sveltekit","remix"].includes(e))return!0;if(e==="eleventy"){const s=Je(t);return M(s,"vite")}return!1}o(_n,"shouldInstallVitePlugin");const Rn=o(async e=>{S.space(2),await G(200);let t="Next steps";if(e.pluginToInstall===le)t+=`
|
|
162
162
|
|
|
163
|
-
`,t+=`1.
|
|
164
|
-
`,t+=`
|
|
163
|
+
`,t+=`1. Configure the plugin
|
|
164
|
+
`,t+=` Add the plugin to your build configuration:
|
|
165
|
+
`,t+=` ${a.cyan("e.g. vite.config.ts or astro.config.mjs")}
|
|
166
|
+
`,t+=` ${a.dim("plugins: [sugarcube()]")}`,t+=`
|
|
167
|
+
|
|
168
|
+
`,t+=`2. Import the generated CSS
|
|
169
|
+
`,t+=` ${a.cyan("import 'virtual:sugarcube.css'")}
|
|
170
|
+
`,t+=`
|
|
171
|
+
|
|
172
|
+
`,t+=`3. (Optional) Add CUBE CSS
|
|
173
|
+
`,t+=` ${a.cyan(b.CUBE)}`,t+=`
|
|
174
|
+
|
|
175
|
+
`,t+=`4. (Optional) Add components
|
|
176
|
+
`,t+=` ${a.cyan(b.COMPONENTS)}`;else{const n=`${e.stylesDir}/global/tokens.variables.gen.css`;t+=`
|
|
165
177
|
|
|
166
178
|
`,t+=`1. Import the generated CSS
|
|
167
|
-
|
|
179
|
+
`;const s=e.isSrcDir?`"${n}"`:`"./${n}"`;t+=` ${a.cyan(`import ${s}`)}`,t+=`
|
|
168
180
|
|
|
169
181
|
`,t+=`2. (Optional) Add CUBE CSS
|
|
170
|
-
`,t+=` ${
|
|
182
|
+
`,t+=` ${a.cyan(b.CUBE)}`,t+=`
|
|
171
183
|
|
|
172
184
|
`,t+=`3. (Optional) Add components
|
|
173
|
-
`,t+=` ${
|
|
185
|
+
`,t+=` ${a.cyan(b.COMPONENTS)}`}t+=`
|
|
174
186
|
|
|
175
|
-
`,t+=`Docs: ${
|
|
187
|
+
`,t+=`Docs: ${a.cyan("https://sugarcube.sh")}`,tn(t,{width:.75}),await G(200),S.break(1)},"nextSteps");async function Cn(e){await Rn(e)}o(Cn,"next");const bn=o(async()=>{const e=["Welcome to sugarcube \u2014 the toolkit for seriously sweet frontends!"];S.space(1),await S.animated(e,{clear:!1})},"welcome");function Ze(e,t){if(!e||e.trim()==="")throw new d(m.DIRECTORY_PATH_EMPTY(t));const s=tt(e).split("/")[0];if(s&&$t.includes(s))throw new d(m.DIRECTORY_PATH_RESERVED(t,e))}o(Ze,"validateDirectoryPath");function vn(e){e.tokensDir&&Ze(e.tokensDir,"tokens-dir"),e.stylesDir&&Ze(e.stylesDir,"styles-dir")}o(vn,"validateOptions");async function Dn(){N()&&(he(m.CONFIG_EXISTS(),{}),process.exit(0))}o(Dn,"preflightInit");async function Nn(e){const t=kn(process.cwd()),n=e.tokensDir||t.tokensDir,s=e.stylesDir||t.stylesDir,r=await En(n);let c=null;if(r){const i=await Fe(n);if(i.found==="none")throw new d(m.RESOLVER_NOT_FOUND(n));if(i.found==="multiple")throw new d(m.RESOLVER_MULTIPLE_FOUND(i.paths));c=i.path}return{tokensDir:n,stylesDir:s,isSrcDir:t.isSrcDir,hasExistingTokens:r,resolverPath:c,framework:t.framework}}o(Nn,"initializeProjectContext");function An(e,t,n){const s=t?null:e.kit||ce;if((e.skip||[]).includes("plugin"))return{starterKit:s,pluginToInstall:null};const c=On(n,process.cwd());return{starterKit:s,pluginToInstall:c}}o(An,"determineInstallationTargets");function On(e,t){return _n(e,t)?le:null}o(On,"determinePlugin");async function Fn(e,t,n,s,r){const c=await Be(process.cwd(),{withFallback:!0});return{options:e,...t,isSrcDir:t.isSrcDir,config:n,userConfig:s,...r,packageManager:c,createdFiles:[],createdDirectories:[],installedDependencies:[],tasks:[]}}o(Fn,"buildInitContext");async function Pn(e){const{trees:t,resolved:n}=await W(e.config);e.setupResult={config:e.config,createdTokenPaths:[],trees:t,resolved:n,tokenFiles:[],tokensDir:e.tokensDir}}o(Pn,"processExistingTokens");async function Ln(e){!e.hasExistingTokens&&e.starterKit?await Ut(e):await Pn(e)}o(Ln,"setupDesignTokens");async function Mn(e){if(!e.setupResult)throw new d(m.INITIALIZATION_INCOMPLETE());const{trees:t,resolved:n}=e.setupResult,s=await re(t,n,e.config),r=await Ee(s,e.config);await $e(r)}o(Mn,"writeCSSVariables");async function Un(e){if(!e.setupResult)throw new d(m.INITIALIZATION_INCOMPLETE());const{trees:t,resolved:n}=e.setupResult,s=await re(t,n,e.config),r=await ze(s,e.config);r.length&&await ke(r)}o(Un,"writeCSSUtilities");async function jn(e){if(e.pluginToInstall&&!x(e.pluginToInstall))try{await de([e.pluginToInstall],process.cwd(),e.packageManager,{devDependency:!0}),e.installedDependencies.push(e.pluginToInstall)}catch{throw new d(m.PLUGIN_INSTALL_FAILED({pluginToInstall:e.pluginToInstall,packageManager:e.packageManager}))}}o(jn,"installPlugins");async function Gn(e){try{const t=!!e.pluginToInstall;await We(e.userConfig,t);const n=await Ve();e.createdFiles.push(n)}catch{throw new d(m.CONFIG_WRITE_FAILED())}}o(Gn,"finalize");function xn(e){const t=[];if(e.hasExistingTokens?t.push({pending:"Looking for existing tokens",start:"Looking for existing tokens...",end:`Existing tokens found at ${e.tokensDir} ${E("\u2192","->")} using them`,while:o(async()=>{},"while")}):e.starterKit&&t.push({pending:"Looking for existing tokens",start:"Looking for existing tokens...",end:`No existing tokens detected ${E("\u2192","->")} adding starter kit`,while:o(async()=>{},"while")}),e.pluginToInstall){const n="Vite";x(e.pluginToInstall)?t.push({pending:`Checking for ${n} compatibility`,start:`Checking for ${n} compatibility...`,end:`${n} plugin already installed ${E("\u2192","->")} skipping plugin installation`,while:o(async()=>{},"while")}):t.push({pending:"Checking for Vite compatibility",start:"Checking for Vite compatibility...",end:`Vite detected ${E("\u2192","->")} plugin will be installed`,while:o(async()=>{},"while")})}else{const n=e.options.skip?.includes("plugin");t.push({pending:"Checking for Vite compatibility",start:"Checking for Vite compatibility...",end:n?`Plugin skipped ${E("\u2192","->")} CSS will be generated as file(s)`:`No Vite detected ${E("\u2192","->")} CSS will be generated as file(s)`,while:o(async()=>{},"while")})}return t}o(xn,"buildDetectionTasks");async function Bn(e){if(e.tasks.push({pending:e.hasExistingTokens?"Process existing design tokens":"Add design tokens",start:e.hasExistingTokens?"Processing existing design tokens...":"Adding design tokens...",end:e.hasExistingTokens?"Design tokens processed":"Design tokens added",while:o(async()=>{await Ln(e)},"while")}),!e.pluginToInstall)e.tasks.push({pending:"Generate CSS variables",start:"Generating CSS variables...",end:"CSS variables generated",while:o(async()=>{await Mn(e)},"while")}),e.tasks.push({pending:"Generate CSS utilities",start:"Generating CSS utilities...",end:"CSS utilities generated",while:o(async()=>{await Un(e)},"while")});else if(e.pluginToInstall&&!x(e.pluginToInstall)){const t="Vite";e.tasks.push({pending:`Install ${t} plugin`,start:`Installing ${t} plugin...`,end:`${t} plugin installed`,while:o(async()=>{await jn(e)},"while")})}e.tasks.push({pending:"Write configuration file",start:"Writing configuration file...",end:"Configuration file written",while:o(async()=>{await Gn(e)},"while")})}o(Bn,"buildExecutionTasks");const Vn=new U().name("init").description("Initialize a new sugarcube project").option("--kit <kit>",`Starter kit to use (default: ${ce})`,ce).option("--tokens-dir <dir>","Design tokens directory (e.g., 'src/design-tokens')").option("--styles-dir <dir>","Styles output directory (e.g., 'src/styles')").option("--with <items...>","Install optional items").option("--skip <items...>","Skip installation of specific items (e.g., plugin)").action(async e=>{let t;try{vn(e),await Dn();const n=await Nn(e),s=n.resolverPath??"",r=await In({resolverPath:s,actualStylesDir:n.stylesDir,isSrcDir:n.isSrcDir}),c=ct(r),i=An(e,n.hasExistingTokens,n.framework);t=await Fn(e,n,c,r,i),H(Y("sugarcube")),await bn();const l=xn(t);l.length>0&&(S.message("Detecting project\u2026"),await S.tasks(l,{minDurationMs:1e3})),t.tasks=[],await Bn(t),t.tasks.length>0&&(S.message("Setting things up\u2026"),await S.tasks(t.tasks,{successMessage:"\u{1F389} Tasks completed successfully!"})),await Cn(t)}catch(n){z(n)}}),Wn=new U().name("validate").description("Validate design token files").argument("[paths...]","Token files or directories to validate (e.g., src/design-tokens)").action(async e=>{try{if(H(Y("Validate")),N()&&!e.length){const{config:r}=await ee();await W(r),se(a.greenBright("All tokens valid \u2728"));return}if(!e.length)throw new d(m.VALIDATE_NO_PATH_SPECIFIED());for(const r of e)if(!O(r))throw new d(m.VALIDATE_PATH_NOT_FOUND(r));const t=await X(e.map(r=>r.endsWith(".json")?r:C(r,"**/*.json")));if(t.length===0)throw new d(m.VALIDATE_NO_TOKEN_FILES());const n={};for(const r of t){const c=await Ie(r,"utf-8"),i=R(process.cwd(),r);n[i]={content:c}}const s=N()?(await ee()).config:{output:te.output,transforms:te.transforms};await W(s,n),se(a.greenBright("All tokens valid \u2728"))}catch(t){z(t)}});process.on("SIGINT",()=>process.exit(0)),process.on("SIGTERM",()=>process.exit(0));async function Yn(){const e=new U().name("sugarcube").description("CLI for scaffolding sugarcube projects").version(It.version,"-v, --version","display the version number");e.addCommand(Vn).addCommand(Sn).addCommand(Wn).addCommand(mn).addCommand(hn),e.parse()}o(Yn,"main"),Yn();
|