@salty-css/core 0.0.1-alpha.21 → 0.0.1-alpha.210

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.
Files changed (91) hide show
  1. package/.saltyrc.schema.json +48 -0
  2. package/README.md +143 -26
  3. package/bin/index.cjs +1 -21
  4. package/bin/index.js +2 -5799
  5. package/bin/logger.d.ts +1 -0
  6. package/bin/main.cjs +11 -0
  7. package/bin/main.d.ts +1 -0
  8. package/bin/main.js +260 -0
  9. package/compiler/get-files.d.ts +3 -0
  10. package/compiler/index.cjs +1 -11
  11. package/compiler/index.d.ts +19 -11
  12. package/compiler/index.js +17 -172
  13. package/config/define-config.d.ts +1 -1
  14. package/config/index.cjs +1 -1
  15. package/config/index.d.ts +2 -1
  16. package/config/index.js +11 -2
  17. package/css/index.cjs +1 -1
  18. package/css/index.d.ts +4 -1
  19. package/css/index.js +10 -2
  20. package/css/keyframes.cjs +1 -0
  21. package/css/keyframes.d.ts +22 -0
  22. package/css/keyframes.js +34 -0
  23. package/css/media.cjs +1 -0
  24. package/css/media.d.ts +87 -0
  25. package/css/media.js +88 -0
  26. package/css/merge.cjs +1 -0
  27. package/css/merge.d.ts +7 -0
  28. package/css/merge.js +5 -0
  29. package/css/token.cjs +1 -0
  30. package/css/token.d.ts +1 -0
  31. package/css/token.js +4 -0
  32. package/{dash-case-DKzpenwY.cjs → dash-case-BJEkFEGQ.cjs} +1 -1
  33. package/{dash-case-DMQMcCO6.js → dash-case-DBThphLm.js} +2 -2
  34. package/factories/define-global-styles.d.ts +7 -0
  35. package/factories/define-media-query.d.ts +8 -0
  36. package/factories/define-templates.d.ts +27 -0
  37. package/factories/define-variables.d.ts +12 -0
  38. package/factories/index.d.ts +4 -0
  39. package/generators/class-name-generator.d.ts +6 -0
  40. package/generators/index.cjs +1 -0
  41. package/generators/index.d.ts +2 -0
  42. package/generators/index.js +86 -0
  43. package/generators/styled-generator.d.ts +19 -0
  44. package/generators/styles-generator.d.ts +22 -0
  45. package/helpers/color.d.ts +18 -0
  46. package/helpers/index.cjs +1 -0
  47. package/helpers/index.d.ts +1 -0
  48. package/helpers/index.js +1152 -0
  49. package/index-B9PS8nEw.cjs +38 -0
  50. package/index-BzhU5E_2.js +502 -0
  51. package/package.json +34 -2
  52. package/parse-styles-B4adoYza.cjs +5 -0
  53. package/parse-styles-Bi-5cRYF.js +128 -0
  54. package/parsers/index.cjs +1 -0
  55. package/parsers/index.d.ts +5 -0
  56. package/parsers/index.js +76 -0
  57. package/parsers/parse-modifiers.d.ts +3 -0
  58. package/parsers/parse-styles.d.ts +13 -0
  59. package/parsers/parse-templates.d.ts +4 -0
  60. package/parsers/parse-tokens.d.ts +3 -0
  61. package/parsers/parser-types.d.ts +8 -0
  62. package/parsers/property-name-check.d.ts +1 -0
  63. package/parsers/unit-check.d.ts +7 -0
  64. package/react-vanilla-file-CCXbsjIb.js +18 -0
  65. package/react-vanilla-file-CG_WJLam.cjs +15 -0
  66. package/{salty.config-D9ANEDiH.js → salty.config-BhBY_oOk.js} +1 -0
  67. package/{salty.config-BupieCfE.cjs → salty.config-Dk6ZcCxI.cjs} +3 -2
  68. package/server/index.cjs +1 -0
  69. package/server/index.d.ts +1 -0
  70. package/server/index.js +12 -0
  71. package/server/should-restart.d.ts +1 -0
  72. package/templates/salty-reset.d.ts +2 -0
  73. package/types/cli-types.d.ts +10 -0
  74. package/types/config-types.d.ts +84 -0
  75. package/types/index.d.ts +52 -22
  76. package/util/dot-case.d.ts +1 -0
  77. package/util/index.cjs +1 -1
  78. package/util/index.js +1 -1
  79. package/util/module-type.d.ts +1 -0
  80. package/config/config-types.d.ts +0 -59
  81. package/generator/index.cjs +0 -1
  82. package/generator/index.d.ts +0 -1
  83. package/generator/index.js +0 -61
  84. package/generator/parse-modifiers.d.ts +0 -3
  85. package/generator/parse-styles.d.ts +0 -2
  86. package/generator/parse-templates.d.ts +0 -2
  87. package/generator/parse-tokens.d.ts +0 -2
  88. package/generator/parser-types.d.ts +0 -4
  89. package/generator/style-generator.d.ts +0 -28
  90. package/parse-templates-D4p3pgQR.js +0 -92
  91. package/parse-templates-W0YfTmOT.cjs +0 -8
package/bin/logger.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export declare const logger: import('winston').Logger;
2
+ export declare const logError: (message: string) => void;
package/bin/main.cjs ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-B9PS8nEw.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
2
+
3
+ # Salty-CSS
4
+ saltygen
5
+ `)));const x=["src","public","assets","styles","css","app"],H=["styles","css","app","pages"],M=["index","styles","main","app","global","globals"],L=[".css",".scss",".sass"],E=await(async()=>{if(u)return u;for(const e of x)for(const g of M)for(const c of L){const o=n.join(r,e,g+c);if(await s.readFile(o,"utf-8").catch(()=>{})!==void 0)return n.relative(r,o);for(const O of H){const q=n.join(r,e,O,g+c);if(await s.readFile(q,"utf-8").catch(()=>{})!==void 0)return n.relative(r,q)}}})();if(E){const e=n.join(r,E),g=await s.readFile(e,"utf-8").catch(()=>{});if(g!==void 0&&!g.includes("saltygen")){const o=n.join(e,".."),O=`@import '${n.relative(o,n.join(r,"saltygen/index.css"))}';`;t.logger.info("Adding global import statement to CSS file: "+e),await s.writeFile(e,O+`
6
+ `+g),await S(e)}}else t.logger.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");const Z={projectJs:n.join(r,"eslint.config.js"),rootJs:n.join(f,"eslint.config.js"),projectMjs:n.join(r,"eslint.config.mjs"),rootMjs:n.join(f,"eslint.config.mjs"),projectJson:n.join(r,".eslintrc.json"),rootJson:n.join(f,".eslintrc.json")},v=Object.values(Z).find(e=>G.existsSync(e));if(v){p||await I(D.eslintConfigCore);const e=await s.readFile(v,"utf-8").catch(()=>{});if(!e)return t.logError("Could not read ESLint config file.");if(!e.includes("salty-css"))if(t.logger.info("Edit file: "+v),v.endsWith("js")){let o=`import saltyCss from "@salty-css/eslint-config-core/flat";
7
+ ${e}`;e.includes("typescript-eslint")?o.includes(".config(")?o=o.replace(".config(",".config(saltyCss,"):t.logger.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually."):o.includes("export default [")?o=o.replace("export default [","export default [ saltyCss,"):o.includes("eslintConfig = [")?o=o.replace("eslintConfig = [","eslintConfig = [ saltyCss,"):t.logger.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually."),await s.writeFile(v,o),await S(v)}else{const c=JSON.parse(e);c.extends||(c.extends=[]),c.extends.push("@salty-css/core");const o=JSON.stringify(c,null,2);await s.writeFile(v,o),await S(v)}}const _=n.join(r,"vite.config.ts"),W=await s.readFile(_,"utf-8").catch(()=>{});if(W!==void 0&&!W.includes("saltyPlugin")){t.logger.info("Edit file: "+_);const g=`import { saltyPlugin } from '@salty-css/vite';
8
+ `,o=W.replace(/(plugins: \[)/,`$1
9
+ saltyPlugin(__dirname),`);p||await I(`-D ${D.vite}`),t.logger.info("Adding Salty-CSS plugin to Vite config..."),await s.writeFile(_,g+o),await S(_)}const A=["next.config.js","next.config.cjs","next.config.ts","next.config.mjs"].map(e=>n.join(r,e)).find(e=>G.existsSync(e));if(A){let e=await s.readFile(A,"utf-8").catch(()=>{});if(e!==void 0&&!e.includes("withSaltyCss")){let c=!1;/\splugins([^=]*)=[^[]\[/.test(e)&&!c&&(e=e.replace(/\splugins([^=]*)=[^[]\[/,(q,J)=>` plugins${J}= [withSaltyCss,`),c=!0);const k=e.includes("module.exports"),O=k?`const { withSaltyCss } = require('@salty-css/next');
10
+ `:`import { withSaltyCss } from '@salty-css/next';
11
+ `;k&&!c?(e=e.replace(/module.exports = ([^;]+)/,(q,J)=>`module.exports = withSaltyCss(${J})`),c=!0):c||(e=e.replace(/export default ([^;]+)/,(q,J)=>`export default withSaltyCss(${J})`)),p||await I(`-D ${D.next}`),t.logger.info("Adding Salty-CSS plugin to Next.js config..."),await s.writeFile(A,O+e),await S(A)}}const ee=await N().catch(()=>t.logError("Could not read package.json file.")).then(e=>(e.scripts||(e.scripts={}),e.scripts.prepare?e.scripts.prepare.includes("salty-css")||(t.logger.info("Edit file: "+b),e.scripts.prepare=e.scripts.prepare+" && npx salty-css build"):(t.logger.info("Edit file: "+b),e.scripts.prepare="npx salty-css build"),e));await Y(ee),t.logger.info("Running the build to generate initial CSS..."),await t.generateCss(r),t.logger.info("🎉 Salty CSS project initialized successfully!"),t.logger.info("Next steps:"),t.logger.info("1. Configure variables and templates in `salty.config.ts`"),t.logger.info("2. Create a new component with `npx salty-css generate [component-name]`"),t.logger.info("3. Run `npx salty-css build` to generate the CSS"),t.logger.info("4. Read about the features in the documentation: https://salty-css.dev"),t.logger.info("5. Star the project on GitHub: https://github.com/margarita-form/salty-css ⭐")}),y.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>","Project directory to build the project in.").action(async function(i=V){t.logger.info("Building the Salty-CSS project...");const{dir:a=i}=this.opts();if(!a)return t.logError("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");const l=R(a);await t.generateCss(l)}),y.command("generate [file] [directory]").alias("g").description("Generate a new component file.").option("-f, --file <file>","File to generate.").option("-d, --dir <dir>","Project directory to generate the file in.").option("-t, --tag <tag>","HTML tag of the component.","div").option("-n, --name <name>","Name of the component.").option("-c, --className <className>","CSS class of the component.").option("-r, --reactComponent","Generate a React component as well.").action(async function(i,a=V){const{file:l=i,dir:u=a,tag:p,name:f,className:r,reactComponent:T=!1}=this.opts();if(!l)return t.logError("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");if(!u)return t.logError("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");const m=R(u),w=l.split("/").slice(0,-1).join("/");w&&await s.mkdir(n.join(m,w),{recursive:!0});const h=n.join(m,l),d=n.parse(h);d.ext||(d.ext=".ts"),d.name.endsWith(".css")||(d.name=d.name+".css"),d.base=d.name+d.ext;const j=n.format(d);if(await s.readFile(j,"utf-8").catch(()=>{})!==void 0){t.logger.error("File already exists:",j);return}let x=ie.pascalCase(f||d.base.replace(/\.css\.\w+$/,""));if(T){const M=x+"Component";x=x+"Wrapper";const L=d.base.replace(/\.css\.\w+$/,""),{content:Q}=await P("react/react-vanilla-file.ts",{tag:p,componentName:M,styledComponentName:x,className:r,fileName:L});d.name=L.replace(/\.css$/,""),d.ext=".tsx",d.base=d.name+d.ext;const E=n.format(d);t.logger.info("Generating a new file: "+E),await s.writeFile(E,Q),await S(E)}const{content:H}=await P("react/react-styled-file.ts",{tag:p,name:x,className:r});t.logger.info("Generating a new file: "+j),await s.writeFile(j,H),await S(j)});const K=async()=>{const i=n.join(process.cwd(),"package.json"),a=await N(i).catch(p=>t.logError(p));if(!a)return t.logError("Could not read package.json file.");const l={...a.dependencies,...a.devDependencies},u=Object.entries(l).filter(([p])=>p==="salty-css"||p.startsWith("@salty-css/"));return u.length?u:t.logError("No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: "+i)};y.command("update [version]").alias("up").description("Update Salty-CSS packages to the latest or specified version.").option("-v, --version <version>","Version to update to.").option("--legacy-peer-deps <legacyPeerDeps>","Use legacy peer dependencies (not recommended).",!1).action(async function(i="latest"){const{legacyPeerDeps:a,version:l=i}=this.opts(),u=await K();if(!u)return t.logError("Could not update Salty-CSS packages as any were found in package.json.");const p=u.map(([m])=>l==="@"?`${m}@${$.version}`:`${m}@${l.replace(/^@/,"")}`);a?(t.logger.warn("Using legacy peer dependencies to update packages."),await I(...p,"--legacy-peer-deps")):await I(...p);const f=await K();if(!f)return t.logError("Something went wrong while reading the updated packages.");const r=f.reduce((m,[w,h])=>(m[h]||(m[h]=[]),m[h].push(w),m),{});if(Object.keys(r).length===1){const w=Object.keys(r)[0].replace(/^\^/,"");t.logger.info(`Updated to all Salty CSS packages successfully to ${w}`)}else for(const[m,w]of Object.entries(r)){const h=m.replace(/^\^/,"");t.logger.info(`Updated to ${h}: ${w.join(", ")}`)}}),y.option("-v, --version","Show the current version of Salty-CSS.").action(async function(){const i=await B();t.logger.info("CLI is running: "+i.version);const a=n.join(process.cwd(),"package.json"),l=await N(a).catch(f=>t.logError(f));if(!l)return;const u={...l.dependencies,...l.devDependencies},p=Object.keys(u).filter(f=>f==="salty-css"||f.startsWith("@salty-css/"));if(!p.length)return t.logError("No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: "+a);for(const f of p)t.logger.info(`${f}: ${u[f]}`)}),y.parseAsync(process.argv)}exports.main=re;
package/bin/main.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function main(): Promise<void>;
package/bin/main.js ADDED
@@ -0,0 +1,260 @@
1
+ import { Command as oe } from "commander";
2
+ import { existsSync as K } from "fs";
3
+ import { mkdir as q, readFile as C, writeFile as w } from "fs/promises";
4
+ import { join as i, relative as z, parse as re, format as ee } from "path";
5
+ import { render as ce } from "ejs";
6
+ import { l as t, a as h, g as te } from "../index-BzhU5E_2.js";
7
+ import { p as le } from "../pascal-case-BQpR5PdN.js";
8
+ import { exec as de } from "child_process";
9
+ import fe from "ora";
10
+ const ne = (g) => new Promise((P, x) => {
11
+ de(g, (F) => {
12
+ if (F) return x(F);
13
+ P();
14
+ });
15
+ }), E = async (...g) => {
16
+ const P = g.map((J) => J.replace("-D", "").split("@").slice(0, -1).join("@").trim()).join(", "), x = fe(`Installing packages: ${P}`).start(), F = g.join(" ");
17
+ await ne(`npm install ${F}`), x.succeed(`Installed packages: ${P}`);
18
+ }, pe = () => K(i(process.cwd(), "node_modules", ".bin", "prettier"));
19
+ async function j(g) {
20
+ try {
21
+ if (!pe()) return;
22
+ await ne(`./node_modules/.bin/prettier --write "${g}"`), t.info(`Formatted ${g} with Prettier`);
23
+ } catch (P) {
24
+ t.error(`Error formatting ${g} with Prettier:`, P);
25
+ }
26
+ }
27
+ async function xe() {
28
+ const g = new oe();
29
+ g.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
30
+ const P = {
31
+ // Core files
32
+ "salty.config.ts": import("../salty.config-BhBY_oOk.js"),
33
+ "saltygen/index.css": import("../index-D_732b92.js"),
34
+ // React
35
+ "react/react-styled-file.ts": import("../react-styled-file-CGVf5n1B.js"),
36
+ "react/react-vanilla-file.ts": import("../react-vanilla-file-CCXbsjIb.js")
37
+ }, x = async (n, a) => {
38
+ const { default: c } = await P[n], u = ce(c, a);
39
+ return { fileName: n, content: u };
40
+ }, F = async () => {
41
+ const n = i(process.cwd(), ".saltyrc.json");
42
+ return await C(n, "utf-8").then(JSON.parse).catch(() => ({}));
43
+ }, J = i(process.cwd(), "package.json"), O = async (n = J) => {
44
+ const a = await C(n, "utf-8").then(JSON.parse).catch(() => {
45
+ });
46
+ if (!a) throw "Could not read package.json file!";
47
+ return a;
48
+ }, se = async (n, a = J) => {
49
+ typeof n == "object" && (n = JSON.stringify(n, null, 2)), await w(a, n);
50
+ }, Q = async () => {
51
+ const n = new URL("../package.json", import.meta.url);
52
+ return O(n);
53
+ }, X = await (async () => (await F()).defaultProject)(), N = await Q(), A = {
54
+ core: `@salty-css/core@${N.version}`,
55
+ react: `@salty-css/react@${N.version}`,
56
+ eslintConfigCore: `@salty-css/eslint-config-core@${N.version}`,
57
+ vite: `@salty-css/vite@${N.version}`,
58
+ next: `@salty-css/next@${N.version}`
59
+ }, G = (n) => {
60
+ const a = n === "." ? "" : n, c = process.cwd();
61
+ return i(c, a);
62
+ };
63
+ g.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>", "Project directory to initialize the project in.").option("--css-file <css-file>", "Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install", "Skip installing dependencies.").action(async function(n = ".") {
64
+ if (!await O().catch(() => {
65
+ })) return h("Salty CSS project must be initialized in a directory with a package.json file.");
66
+ t.info("Initializing a new Salty-CSS project!");
67
+ const { dir: c = n, cssFile: u, skipInstall: p } = this.opts();
68
+ if (!c) return h("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
69
+ p || await E(A.core, A.react);
70
+ const d = process.cwd(), o = G(c), H = await Promise.all([x("salty.config.ts"), x("saltygen/index.css")]);
71
+ await q(o, { recursive: !0 });
72
+ const y = H.map(async ({ fileName: e, content: f }) => {
73
+ const r = i(o, e);
74
+ if (await C(r, "utf-8").catch(() => {
75
+ }) !== void 0) {
76
+ t.debug("File already exists: " + r);
77
+ return;
78
+ }
79
+ const b = e.split("/").slice(0, -1).join("/");
80
+ b && await q(i(o, b), { recursive: !0 }), t.info("Creating file: " + r), await w(r, f), await j(r);
81
+ });
82
+ await Promise.all(y);
83
+ const S = z(d, o) || ".", m = i(d, ".saltyrc.json"), l = await C(m, "utf-8").catch(() => {
84
+ });
85
+ if (l === void 0) {
86
+ t.info("Creating file: " + m);
87
+ const f = JSON.stringify({
88
+ $schema: "./node_modules/@salty-css/core/.saltyrc.schema.json",
89
+ info: "This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",
90
+ defaultProject: S,
91
+ projects: [
92
+ {
93
+ dir: S,
94
+ framework: "react"
95
+ }
96
+ ]
97
+ }, null, 2);
98
+ await w(m, f), await j(m);
99
+ } else {
100
+ const e = JSON.parse(l), f = (e == null ? void 0 : e.projects) || [];
101
+ if (f.findIndex((s) => s.dir === S) === -1) {
102
+ f.push({ dir: S, framework: "react" }), e.projects = [...f];
103
+ const s = JSON.stringify(e, null, 2);
104
+ s !== l && (t.info("Edit file: " + m), await w(m, s), await j(m));
105
+ }
106
+ }
107
+ const k = i(d, ".gitignore"), U = await C(k, "utf-8").catch(() => {
108
+ });
109
+ U !== void 0 && (U.includes("saltygen") || (t.info("Edit file: " + k), await w(k, U + `
110
+
111
+ # Salty-CSS
112
+ saltygen
113
+ `)));
114
+ const $ = ["src", "public", "assets", "styles", "css", "app"], M = ["styles", "css", "app", "pages"], B = ["index", "styles", "main", "app", "global", "globals"], R = [".css", ".scss", ".sass"], D = await (async () => {
115
+ if (u) return u;
116
+ for (const e of $)
117
+ for (const f of B)
118
+ for (const r of R) {
119
+ const s = i(o, e, f + r);
120
+ if (await C(s, "utf-8").catch(() => {
121
+ }) !== void 0) return z(o, s);
122
+ for (const T of M) {
123
+ const L = i(o, e, T, f + r);
124
+ if (await C(L, "utf-8").catch(() => {
125
+ }) !== void 0) return z(o, L);
126
+ }
127
+ }
128
+ })();
129
+ if (D) {
130
+ const e = i(o, D), f = await C(e, "utf-8").catch(() => {
131
+ });
132
+ if (f !== void 0 && !f.includes("saltygen")) {
133
+ const s = i(e, ".."), T = `@import '${z(s, i(o, "saltygen/index.css"))}';`;
134
+ t.info("Adding global import statement to CSS file: " + e), await w(e, T + `
135
+ ` + f), await j(e);
136
+ }
137
+ } else
138
+ t.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");
139
+ const ie = {
140
+ projectJs: i(o, "eslint.config.js"),
141
+ rootJs: i(d, "eslint.config.js"),
142
+ projectMjs: i(o, "eslint.config.mjs"),
143
+ rootMjs: i(d, "eslint.config.mjs"),
144
+ projectJson: i(o, ".eslintrc.json"),
145
+ rootJson: i(d, ".eslintrc.json")
146
+ }, v = Object.values(ie).find((e) => K(e));
147
+ if (v) {
148
+ p || await E(A.eslintConfigCore);
149
+ const e = await C(v, "utf-8").catch(() => {
150
+ });
151
+ if (!e) return h("Could not read ESLint config file.");
152
+ if (!e.includes("salty-css"))
153
+ if (t.info("Edit file: " + v), v.endsWith("js")) {
154
+ let s = `import saltyCss from "@salty-css/eslint-config-core/flat";
155
+ ${e}`;
156
+ e.includes("typescript-eslint") ? s.includes(".config(") ? s = s.replace(".config(", ".config(saltyCss,") : t.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually.") : s.includes("export default [") ? s = s.replace("export default [", "export default [ saltyCss,") : s.includes("eslintConfig = [") ? s = s.replace("eslintConfig = [", "eslintConfig = [ saltyCss,") : t.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually."), await w(v, s), await j(v);
157
+ } else {
158
+ const r = JSON.parse(e);
159
+ r.extends || (r.extends = []), r.extends.push("@salty-css/core");
160
+ const s = JSON.stringify(r, null, 2);
161
+ await w(v, s), await j(v);
162
+ }
163
+ }
164
+ const _ = i(o, "vite.config.ts"), V = await C(_, "utf-8").catch(() => {
165
+ });
166
+ if (V !== void 0 && !V.includes("saltyPlugin")) {
167
+ t.info("Edit file: " + _);
168
+ const f = `import { saltyPlugin } from '@salty-css/vite';
169
+ `, s = V.replace(/(plugins: \[)/, `$1
170
+ saltyPlugin(__dirname),`);
171
+ p || await E(`-D ${A.vite}`), t.info("Adding Salty-CSS plugin to Vite config..."), await w(_, f + s), await j(_);
172
+ }
173
+ const W = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"].map((e) => i(o, e)).find((e) => K(e));
174
+ if (W) {
175
+ let e = await C(W, "utf-8").catch(() => {
176
+ });
177
+ if (e !== void 0 && !e.includes("withSaltyCss")) {
178
+ let r = !1;
179
+ /\splugins([^=]*)=[^[]\[/.test(e) && !r && (e = e.replace(/\splugins([^=]*)=[^[]\[/, (L, I) => ` plugins${I}= [withSaltyCss,`), r = !0);
180
+ const b = e.includes("module.exports"), T = b ? `const { withSaltyCss } = require('@salty-css/next');
181
+ ` : `import { withSaltyCss } from '@salty-css/next';
182
+ `;
183
+ b && !r ? (e = e.replace(/module.exports = ([^;]+)/, (L, I) => `module.exports = withSaltyCss(${I})`), r = !0) : r || (e = e.replace(/export default ([^;]+)/, (L, I) => `export default withSaltyCss(${I})`)), p || await E(`-D ${A.next}`), t.info("Adding Salty-CSS plugin to Next.js config..."), await w(W, T + e), await j(W);
184
+ }
185
+ }
186
+ const ae = await O().catch(() => h("Could not read package.json file.")).then((e) => (e.scripts || (e.scripts = {}), e.scripts.prepare ? e.scripts.prepare.includes("salty-css") || (t.info("Edit file: " + J), e.scripts.prepare = e.scripts.prepare + " && npx salty-css build") : (t.info("Edit file: " + J), e.scripts.prepare = "npx salty-css build"), e));
187
+ await se(ae), t.info("Running the build to generate initial CSS..."), await te(o), t.info("🎉 Salty CSS project initialized successfully!"), t.info("Next steps:"), t.info("1. Configure variables and templates in `salty.config.ts`"), t.info("2. Create a new component with `npx salty-css generate [component-name]`"), t.info("3. Run `npx salty-css build` to generate the CSS"), t.info("4. Read about the features in the documentation: https://salty-css.dev"), t.info("5. Star the project on GitHub: https://github.com/margarita-form/salty-css ⭐");
188
+ }), g.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>", "Project directory to build the project in.").action(async function(n = X) {
189
+ t.info("Building the Salty-CSS project...");
190
+ const { dir: a = n } = this.opts();
191
+ if (!a) return h("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
192
+ const c = G(a);
193
+ await te(c);
194
+ }), g.command("generate [file] [directory]").alias("g").description("Generate a new component file.").option("-f, --file <file>", "File to generate.").option("-d, --dir <dir>", "Project directory to generate the file in.").option("-t, --tag <tag>", "HTML tag of the component.", "div").option("-n, --name <name>", "Name of the component.").option("-c, --className <className>", "CSS class of the component.").option("-r, --reactComponent", "Generate a React component as well.").action(async function(n, a = X) {
195
+ const { file: c = n, dir: u = a, tag: p, name: d, className: o, reactComponent: H = !1 } = this.opts();
196
+ if (!c) return h("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
197
+ if (!u) return h("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
198
+ const y = G(u), S = c.split("/").slice(0, -1).join("/");
199
+ S && await q(i(y, S), { recursive: !0 });
200
+ const m = i(y, c), l = re(m);
201
+ l.ext || (l.ext = ".ts"), l.name.endsWith(".css") || (l.name = l.name + ".css"), l.base = l.name + l.ext;
202
+ const k = ee(l);
203
+ if (await C(k, "utf-8").catch(() => {
204
+ }) !== void 0) {
205
+ t.error("File already exists:", k);
206
+ return;
207
+ }
208
+ let $ = le(d || l.base.replace(/\.css\.\w+$/, ""));
209
+ if (H) {
210
+ const B = $ + "Component";
211
+ $ = $ + "Wrapper";
212
+ const R = l.base.replace(/\.css\.\w+$/, ""), { content: Z } = await x("react/react-vanilla-file.ts", { tag: p, componentName: B, styledComponentName: $, className: o, fileName: R });
213
+ l.name = R.replace(/\.css$/, ""), l.ext = ".tsx", l.base = l.name + l.ext;
214
+ const D = ee(l);
215
+ t.info("Generating a new file: " + D), await w(D, Z), await j(D);
216
+ }
217
+ const { content: M } = await x("react/react-styled-file.ts", { tag: p, name: $, className: o });
218
+ t.info("Generating a new file: " + k), await w(k, M), await j(k);
219
+ });
220
+ const Y = async () => {
221
+ const n = i(process.cwd(), "package.json"), a = await O(n).catch((p) => h(p));
222
+ if (!a) return h("Could not read package.json file.");
223
+ const c = { ...a.dependencies, ...a.devDependencies }, u = Object.entries(c).filter(([p]) => p === "salty-css" || p.startsWith("@salty-css/"));
224
+ return u.length ? u : h(
225
+ "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + n
226
+ );
227
+ };
228
+ g.command("update [version]").alias("up").description("Update Salty-CSS packages to the latest or specified version.").option("-v, --version <version>", "Version to update to.").option("--legacy-peer-deps <legacyPeerDeps>", "Use legacy peer dependencies (not recommended).", !1).action(async function(n = "latest") {
229
+ const { legacyPeerDeps: a, version: c = n } = this.opts(), u = await Y();
230
+ if (!u) return h("Could not update Salty-CSS packages as any were found in package.json.");
231
+ const p = u.map(([y]) => c === "@" ? `${y}@${N.version}` : `${y}@${c.replace(/^@/, "")}`);
232
+ a ? (t.warn("Using legacy peer dependencies to update packages."), await E(...p, "--legacy-peer-deps")) : await E(...p);
233
+ const d = await Y();
234
+ if (!d) return h("Something went wrong while reading the updated packages.");
235
+ const o = d.reduce((y, [S, m]) => (y[m] || (y[m] = []), y[m].push(S), y), {});
236
+ if (Object.keys(o).length === 1) {
237
+ const S = Object.keys(o)[0].replace(/^\^/, "");
238
+ t.info(`Updated to all Salty CSS packages successfully to ${S}`);
239
+ } else
240
+ for (const [y, S] of Object.entries(o)) {
241
+ const m = y.replace(/^\^/, "");
242
+ t.info(`Updated to ${m}: ${S.join(", ")}`);
243
+ }
244
+ }), g.option("-v, --version", "Show the current version of Salty-CSS.").action(async function() {
245
+ const n = await Q();
246
+ t.info("CLI is running: " + n.version);
247
+ const a = i(process.cwd(), "package.json"), c = await O(a).catch((d) => h(d));
248
+ if (!c) return;
249
+ const u = { ...c.dependencies, ...c.devDependencies }, p = Object.keys(u).filter((d) => d === "salty-css" || d.startsWith("@salty-css/"));
250
+ if (!p.length)
251
+ return h(
252
+ "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + a
253
+ );
254
+ for (const d of p)
255
+ t.info(`${d}: ${u[d]}`);
256
+ }), g.parseAsync(process.argv);
257
+ }
258
+ export {
259
+ xe as main
260
+ };
@@ -0,0 +1,3 @@
1
+ export declare const getSaltyRcPath: (dirname: string) => string;
2
+ export declare const getPackageJsonPath: (dirname: string) => string;
3
+ export declare const getPackageJson: (dirname: string) => Promise<any>;
@@ -1,11 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("esbuild"),B=require("child_process"),P=require("../dash-case-DKzpenwY.cjs"),o=require("path"),r=require("fs"),K=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const R=G(z),N=t=>o.join(t,"./saltygen"),_=["salty","css","styles","styled"],q=(t=[])=>new RegExp(`\\.(${[..._,...t].join("|")})\\.`),O=(t,e=[])=>q(e).test(t),J=async t=>{const e=N(t),n=o.join(t,"salty.config.ts"),s=o.join(e,"salty.config.js");await R.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",external:["react"]});const a=Date.now(),{config:w}=await import(`${s}?t=${a}`);return w},M=async t=>{const e=await J(t),n=new Set,s=(d,y=[])=>d?Object.entries(d).flatMap(([p,c])=>{if(!c)return;if(typeof c=="object")return s(c,[...y,p]);const C=[...y,p].join(".");n.add(`"${C}"`);const x=[...y.map(P.dashCase),P.dashCase(p)].join("-"),{result:D}=V.parseValueTokens(c);return`--${x}: ${D};`}):[],a=d=>d?Object.entries(d).flatMap(([y,p])=>{const c=s(p);return y==="base"?c.join(""):`${y} { ${c.join("")} }`}):[],w=d=>d?Object.entries(d).flatMap(([y,p])=>Object.entries(p).flatMap(([c,C])=>{const x=s(C,[y]),D=`.${y}-${c}, [data-${y}="${c}"]`,k=x.join("");return`${D} { ${k} }`})):[],j=s(e.variables),S=a(e.responsiveVariables),l=w(e.conditionalVariables),b=N(t),f=o.join(b,"css/variables.css"),i=`:root { ${j.join("")} ${S.join("")} } ${l.join("")}`;r.writeFileSync(f,i);const g=o.join(b,"types/css-tokens.d.ts"),m=`type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;r.writeFileSync(g,m);const u=o.join(b,"css/global.css"),h=V.parseStyles(e.global,"");r.writeFileSync(u,h);const F=o.join(b,"css/templates.css"),v=V.parseTemplates(e.templates);r.writeFileSync(F,v)},T=async(t,e)=>{const n=P.toHash(t),s=o.join(e,"js",n+".js");await R.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const a=Date.now();return await import(`${s}?t=${a}`)},E=async t=>{const e=N(t),n=o.join(e,"salty.config.js"),{config:s}=await import(n);return s},A=async t=>{try{const e=[],n=[],s=N(t),a=o.join(s,"index.css");(()=>{r.existsSync(s)&&B.execSync("rm -rf "+s),r.mkdirSync(s),r.mkdirSync(o.join(s,"css")),r.mkdirSync(o.join(s,"types"))})(),await M(t);const j=await E(t);async function S(i,g){const $=r.statSync(i);if($.isDirectory()){const m=r.readdirSync(i);await Promise.all(m.map(u=>S(o.join(i,u),o.join(g,u))))}else if($.isFile()&&O(i)){const u=await T(i,s),h=[];Object.entries(u).forEach(([y,p])=>{if(p.isKeyframes&&p.css){const k=`${p.animationName}.css`,H=`css/${k}`,I=o.join(s,H);e.push(k),r.writeFileSync(I,p.css);return}if(!p.generator)return;const c=p.generator._withBuildContext({name:y,config:j}),C=`${c.hash}-${c.priority}.css`;n[c.priority]||(n[c.priority]=[]),n[c.priority].push(C),h.push(C);const x=`css/${C}`,D=o.join(s,x);r.writeFileSync(D,c.css)});const F=h.map(y=>`@import url('./${y}');`).join(`
2
- `),v=P.toHash(i,6),d=o.join(s,`css/${v}.css`);r.writeFileSync(d,F)}}await S(t,s);const l=e.map(i=>`@import url('./css/${i}');`).join(`
3
- `);let f=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
4
-
5
- ${["@import url('./css/variables.css');","@import url('./css/global.css');","@import url('./css/templates.css');"].join(`
6
- `)}
7
- ${l}`;if(j.importStrategy!=="component"){const i=n.flat().map(g=>`@import url('./css/${g}');`).join(`
8
- `);f+=i}r.writeFileSync(a,f)}catch(e){console.error(e)}},L=async(t,e)=>{try{const n=[],s=o.join(t,"./saltygen"),a=o.join(s,"index.css");if(O(e)){const j=await E(t),S=await T(e,s);Object.entries(S).forEach(([g,$])=>{if(!$.generator)return;const m=$.generator._withBuildContext({name:g,config:j}),u=`${m.hash}-${m.priority}.css`,h=`css/${u}`,F=o.join(s,h);n.push(u),r.writeFileSync(F,m.css)});const l=r.readFileSync(a,"utf8").split(`
9
- `),b=n.map(g=>`@import url('../saltygen/css/${g}');`),i=[...new Set([...l,...b])].join(`
10
- `);r.writeFileSync(a,i)}}catch(n){console.error(n)}},U=async(t,e)=>{try{const n=o.join(t,"./saltygen");if(O(e)){const a=r.readFileSync(e,"utf8");a.replace(/^(?!export\s)const\s.*/gm,f=>`export ${f}`)!==a&&await K.writeFile(e,a);const j=await E(t),S=await T(e,n);let l=a;Object.entries(S).forEach(([f,i])=>{var F;if(i.isKeyframes){console.log("value",i);return}if(!i.generator)return;const g=i.generator._withBuildContext({name:f,config:j}),$=new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!$)return console.error("Could not find the original declaration");const m=(F=$.at(1))==null?void 0:F.trim(),u=`${f} = styled(${m}, "${g.classNames}", "${g._callerName}", ${JSON.stringify(g.props)});`,h=new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`,"g");l=l.replace(h,u)});const b=P.toHash(e,6);return j.importStrategy==="component"&&(l=`import '../../saltygen/css/${b}.css';
11
- ${l}`),l=l.replace("{ styled }","{ styledClient as styled }"),l=l.replace("@salty-css/react/styled","@salty-css/react/styled-client"),l}}catch(n){console.error(n)}};exports.compileSaltyFile=T;exports.generateConfigStyles=M;exports.generateCss=A;exports.generateFile=L;exports.isSaltyFile=O;exports.minimizeFile=U;exports.saltyFileExtensions=_;exports.saltyFileRegExp=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-styles-B4adoYza.cjs");const e=require("../index-B9PS8nEw.cjs");require("../css/merge.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;
@@ -1,16 +1,24 @@
1
- import { StyleComponentGenerator } from '../generator/style-generator';
2
1
  export declare const saltyFileExtensions: string[];
3
2
  export declare const saltyFileRegExp: (additional?: string[]) => RegExp;
4
3
  export declare const isSaltyFile: (file: string, additional?: string[]) => boolean;
5
- export declare const generateConfigStyles: (dirname: string) => Promise<void>;
6
- export declare const compileSaltyFile: (sourceFilePath: string, outputDirectory: string) => Promise<{
7
- [key: string]: {
8
- generator: StyleComponentGenerator;
9
- isKeyframes?: boolean;
10
- animationName?: string;
11
- css?: string;
4
+ export declare const generateConfigStyles: (dirname: string, configFiles: Set<string>) => Promise<void>;
5
+ export declare const compileSaltyFile: (dirname: string, sourceFilePath: string, outputDirectory: string) => Promise<{
6
+ contents: {
7
+ [key: string]: {
8
+ generator: any;
9
+ isClassName?: boolean;
10
+ isMedia?: boolean;
11
+ isGlobalDefine?: boolean;
12
+ isDefineVariables?: boolean;
13
+ isDefineTemplates?: boolean;
14
+ isKeyframes?: boolean;
15
+ animationName?: string;
16
+ css?: Promise<string>;
17
+ styles?: any;
18
+ };
12
19
  };
20
+ outputFilePath: string;
13
21
  }>;
14
- export declare const generateCss: (dirname: string) => Promise<void>;
15
- export declare const generateFile: (dirname: string, file: string) => Promise<void>;
16
- export declare const minimizeFile: (dirname: string, file: string) => Promise<string | undefined>;
22
+ export declare const generateCss: (dirname: string, prod?: boolean, clean?: boolean) => Promise<void>;
23
+ export declare const generateFile: (dirname: string, file: string, prod?: boolean) => Promise<void>;
24
+ export declare const minimizeFile: (dirname: string, file: string, prod?: boolean) => Promise<string | undefined>;
package/compiler/index.js CHANGED
@@ -1,174 +1,19 @@
1
- import * as I from "esbuild";
2
- import { execSync as H } from "child_process";
3
- import { t as T, d as R } from "../dash-case-DMQMcCO6.js";
4
- import { join as o } from "path";
5
- import { writeFileSync as $, existsSync as K, mkdirSync as V, statSync as z, readdirSync as G, readFileSync as M } from "fs";
6
- import { writeFile as J } from "fs/promises";
7
- import { p as q, a as A, b as L } from "../parse-templates-D4p3pgQR.js";
8
- const N = (s) => o(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W = (s = []) => new RegExp(`\\.(${[...U, ...s].join("|")})\\.`), v = (s, e = []) => W(e).test(s), X = async (s) => {
9
- const e = N(s), n = o(s, "salty.config.ts"), t = o(e, "salty.config.js");
10
- await I.build({
11
- entryPoints: [n],
12
- minify: !0,
13
- treeShaking: !0,
14
- bundle: !0,
15
- outfile: t,
16
- format: "esm",
17
- external: ["react"]
18
- });
19
- const c = Date.now(), { config: S } = await import(`${t}?t=${c}`);
20
- return S;
21
- }, Y = async (s) => {
22
- const e = await X(s), n = /* @__PURE__ */ new Set(), t = (u, l = []) => u ? Object.entries(u).flatMap(([p, r]) => {
23
- if (!r) return;
24
- if (typeof r == "object") return t(r, [...l, p]);
25
- const x = [...l, p].join(".");
26
- n.add(`"${x}"`);
27
- const C = [...l.map(R), R(p)].join("-"), { result: D } = L(r);
28
- return `--${C}: ${D};`;
29
- }) : [], c = (u) => u ? Object.entries(u).flatMap(([l, p]) => {
30
- const r = t(p);
31
- return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
32
- }) : [], S = (u) => u ? Object.entries(u).flatMap(([l, p]) => Object.entries(p).flatMap(([r, x]) => {
33
- const C = t(x, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.join("");
34
- return `${D} { ${P} }`;
35
- })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = N(s), f = o(b, "css/variables.css"), i = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
36
- $(f, i);
37
- const y = o(b, "types/css-tokens.d.ts"), m = `type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
38
- $(y, m);
39
- const g = o(b, "css/global.css"), F = q(e.global, "");
40
- $(g, F);
41
- const j = o(b, "css/templates.css"), k = A(e.templates);
42
- $(j, k);
43
- }, E = async (s, e) => {
44
- const n = T(s), t = o(e, "js", n + ".js");
45
- await I.build({
46
- entryPoints: [s],
47
- minify: !0,
48
- treeShaking: !0,
49
- bundle: !0,
50
- outfile: t,
51
- format: "esm",
52
- target: ["es2022"],
53
- keepNames: !0,
54
- external: ["react"]
55
- });
56
- const c = Date.now();
57
- return await import(`${t}?t=${c}`);
58
- }, O = async (s) => {
59
- const e = N(s), n = o(e, "salty.config.js"), { config: t } = await import(n);
60
- return t;
61
- }, ot = async (s) => {
62
- try {
63
- const e = [], n = [], t = N(s), c = o(t, "index.css");
64
- (() => {
65
- K(t) && H("rm -rf " + t), V(t), V(o(t, "css")), V(o(t, "types"));
66
- })(), await Y(s);
67
- const d = await O(s);
68
- async function w(i, y) {
69
- const h = z(i);
70
- if (h.isDirectory()) {
71
- const m = G(i);
72
- await Promise.all(m.map((g) => w(o(i, g), o(y, g))));
73
- } else if (h.isFile() && v(i)) {
74
- const g = await E(i, t), F = [];
75
- Object.entries(g).forEach(([l, p]) => {
76
- if (p.isKeyframes && p.css) {
77
- const P = `${p.animationName}.css`, _ = `css/${P}`, B = o(t, _);
78
- e.push(P), $(B, p.css);
79
- return;
80
- }
81
- if (!p.generator) return;
82
- const r = p.generator._withBuildContext({
83
- name: l,
84
- config: d
85
- }), x = `${r.hash}-${r.priority}.css`;
86
- n[r.priority] || (n[r.priority] = []), n[r.priority].push(x), F.push(x);
87
- const C = `css/${x}`, D = o(t, C);
88
- $(D, r.css);
89
- });
90
- const j = F.map((l) => `@import url('./${l}');`).join(`
91
- `), k = T(i, 6), u = o(t, `css/${k}.css`);
92
- $(u, j);
93
- }
94
- }
95
- await w(s, t);
96
- const a = e.map((i) => `@import url('./css/${i}');`).join(`
97
- `);
98
- let f = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
99
-
100
- ${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
101
- `)}
102
- ${a}`;
103
- if (d.importStrategy !== "component") {
104
- const i = n.flat().map((y) => `@import url('./css/${y}');`).join(`
105
- `);
106
- f += i;
107
- }
108
- $(c, f);
109
- } catch (e) {
110
- console.error(e);
111
- }
112
- }, it = async (s, e) => {
113
- try {
114
- const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
115
- if (v(e)) {
116
- const d = await O(s), w = await E(e, t);
117
- Object.entries(w).forEach(([y, h]) => {
118
- if (!h.generator) return;
119
- const m = h.generator._withBuildContext({
120
- name: y,
121
- config: d
122
- }), g = `${m.hash}-${m.priority}.css`, F = `css/${g}`, j = o(t, F);
123
- n.push(g), $(j, m.css);
124
- });
125
- const a = M(c, "utf8").split(`
126
- `), b = n.map((y) => `@import url('../saltygen/css/${y}');`), i = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
127
- `);
128
- $(c, i);
129
- }
130
- } catch (n) {
131
- console.error(n);
132
- }
133
- }, rt = async (s, e) => {
134
- try {
135
- const n = o(s, "./saltygen");
136
- if (v(e)) {
137
- const c = M(e, "utf8");
138
- c.replace(/^(?!export\s)const\s.*/gm, (f) => `export ${f}`) !== c && await J(e, c);
139
- const d = await O(s), w = await E(e, n);
140
- let a = c;
141
- Object.entries(w).forEach(([f, i]) => {
142
- var j;
143
- if (i.isKeyframes) {
144
- console.log("value", i);
145
- return;
146
- }
147
- if (!i.generator) return;
148
- const y = i.generator._withBuildContext({
149
- name: f,
150
- config: d
151
- }), h = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
152
- if (!h)
153
- return console.error("Could not find the original declaration");
154
- const m = (j = h.at(1)) == null ? void 0 : j.trim(), g = `${f} = styled(${m}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`, F = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
155
- a = a.replace(F, g);
156
- });
157
- const b = T(e, 6);
158
- return d.importStrategy === "component" && (a = `import '../../saltygen/css/${b}.css';
159
- ${a}`), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
160
- }
161
- } catch (n) {
162
- console.error(n);
163
- }
164
- };
1
+ import "esbuild";
2
+ import "child_process";
3
+ import "../dash-case-DBThphLm.js";
4
+ import "path";
5
+ import "fs";
6
+ import "fs/promises";
7
+ import "../parse-styles-Bi-5cRYF.js";
8
+ import { d as n, c as g, g as F, e as y, i as x, m as S, s as c, b as f } from "../index-BzhU5E_2.js";
9
+ import "../css/merge.js";
165
10
  export {
166
- E as compileSaltyFile,
167
- Y as generateConfigStyles,
168
- ot as generateCss,
169
- it as generateFile,
170
- v as isSaltyFile,
171
- rt as minimizeFile,
172
- U as saltyFileExtensions,
173
- W as saltyFileRegExp
11
+ n as compileSaltyFile,
12
+ g as generateConfigStyles,
13
+ F as generateCss,
14
+ y as generateFile,
15
+ x as isSaltyFile,
16
+ S as minimizeFile,
17
+ c as saltyFileExtensions,
18
+ f as saltyFileRegExp
174
19
  };
@@ -1,2 +1,2 @@
1
- import { SaltyConfig } from './config-types';
1
+ import { SaltyConfig } from '../types/config-types';
2
2
  export declare const defineConfig: <T extends SaltyConfig>(config: T) => T;
package/config/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=e=>e;exports.defineConfig=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../parsers/index.cjs"),t=a=>a;exports.GlobalStylesFactory=e.GlobalStylesFactory;exports.TemplateFactory=e.TemplateFactory;exports.TemplatesFactory=e.TemplatesFactory;exports.VariablesFactory=e.VariablesFactory;exports.defineGlobalStyles=e.defineGlobalStyles;exports.defineMediaQuery=e.defineMediaQuery;exports.defineTemplates=e.defineTemplates;exports.defineVariables=e.defineVariables;exports.defineConfig=t;
package/config/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- export * from './config-types';
2
1
  export * from './define-config';
2
+ export * from '../factories';
3
+ export * from '../types/config-types';
package/config/index.js CHANGED
@@ -1,4 +1,13 @@
1
- const n = (e) => e;
1
+ import { GlobalStylesFactory as l, TemplateFactory as o, TemplatesFactory as i, VariablesFactory as n, defineGlobalStyles as f, defineMediaQuery as s, defineTemplates as y, defineVariables as d } from "../parsers/index.js";
2
+ const a = (e) => e;
2
3
  export {
3
- n as defineConfig
4
+ l as GlobalStylesFactory,
5
+ o as TemplateFactory,
6
+ i as TemplatesFactory,
7
+ n as VariablesFactory,
8
+ a as defineConfig,
9
+ f as defineGlobalStyles,
10
+ s as defineMediaQuery,
11
+ y as defineTemplates,
12
+ d as defineVariables
4
13
  };
package/css/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>`{${e}}`;exports.token=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./keyframes.cjs"),e=require("./media.cjs"),t=require("./token.cjs"),r=require("./merge.cjs");exports.keyframes=s.keyframes;exports.MediaQueryFactory=e.MediaQueryFactory;exports.media=e.media;exports.token=t.token;exports.mergeFactories=r.mergeFactories;exports.mergeObjects=r.mergeObjects;
package/css/index.d.ts CHANGED
@@ -1 +1,4 @@
1
- export declare const token: <T extends VariableTokens>(token: T) => string;
1
+ export * from './keyframes';
2
+ export * from './media';
3
+ export * from './token';
4
+ export * from './merge';
package/css/index.js CHANGED
@@ -1,4 +1,12 @@
1
- const t = (o) => `{${o}}`;
1
+ import { keyframes as o } from "./keyframes.js";
2
+ import { MediaQueryFactory as t, media as a } from "./media.js";
3
+ import { token as p } from "./token.js";
4
+ import { mergeFactories as c, mergeObjects as i } from "./merge.js";
2
5
  export {
3
- t as token
6
+ t as MediaQueryFactory,
7
+ o as keyframes,
8
+ a as media,
9
+ c as mergeFactories,
10
+ i as mergeObjects,
11
+ p as token
4
12
  };