@salty-css/core 0.0.1-alpha.183 → 0.0.1-alpha.186
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/bin/main.cjs +6 -6
- package/bin/main.js +125 -125
- package/compiler/index.cjs +1 -1
- package/compiler/index.d.ts +3 -0
- package/compiler/index.js +1 -1
- package/css/class-name.d.ts +16 -0
- package/css/index.cjs +1 -1
- package/css/index.d.ts +1 -0
- package/css/index.js +83 -54
- package/generator/index.cjs +1 -1
- package/generator/index.js +11 -11
- package/index-BmsXxgnE.cjs +30 -0
- package/index-DKkgPK-r.js +433 -0
- package/package.json +1 -1
- package/server/index.cjs +1 -1
- package/server/index.js +1 -1
- package/types/index.d.ts +1 -1
- package/index-BjclEscx.js +0 -404
- package/index-zPXqhZf1.cjs +0 -29
package/bin/main.cjs
CHANGED
|
@@ -1,11 +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-
|
|
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-BmsXxgnE.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
2
|
|
|
3
3
|
# Salty-CSS
|
|
4
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
|
|
6
|
-
`+
|
|
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(
|
|
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
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(_,
|
|
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
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:
|
|
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.js
CHANGED
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
import { Command as
|
|
1
|
+
import { Command as oe } from "commander";
|
|
2
2
|
import { existsSync as K } from "fs";
|
|
3
3
|
import { mkdir as q, readFile as C, writeFile as w } from "fs/promises";
|
|
4
|
-
import { join as i, relative as z, parse as
|
|
5
|
-
import { render as
|
|
6
|
-
import { l as
|
|
7
|
-
import { p as
|
|
8
|
-
import { exec as
|
|
9
|
-
import
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
if (F) return
|
|
13
|
-
|
|
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-DKkgPK-r.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
14
|
});
|
|
15
|
-
}), E = async (...
|
|
16
|
-
const
|
|
17
|
-
await
|
|
18
|
-
},
|
|
19
|
-
async function j(
|
|
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
20
|
try {
|
|
21
|
-
if (!
|
|
22
|
-
await
|
|
23
|
-
} catch (
|
|
24
|
-
|
|
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
25
|
}
|
|
26
26
|
}
|
|
27
|
-
async function
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
const
|
|
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
31
|
// Core files
|
|
32
32
|
"salty.config.ts": import("../salty.config-BhBY_oOk.js"),
|
|
33
33
|
"saltygen/index.css": import("../index-D_732b92.js"),
|
|
34
34
|
// React
|
|
35
35
|
"react/react-styled-file.ts": import("../react-styled-file-CGVf5n1B.js"),
|
|
36
36
|
"react/react-vanilla-file.ts": import("../react-vanilla-file-CCXbsjIb.js")
|
|
37
|
-
},
|
|
38
|
-
const { default: c } = await
|
|
39
|
-
return { fileName:
|
|
37
|
+
}, x = async (n, a) => {
|
|
38
|
+
const { default: c } = await P[n], u = ce(c, a);
|
|
39
|
+
return { fileName: n, content: u };
|
|
40
40
|
}, F = async () => {
|
|
41
|
-
const
|
|
42
|
-
return await C(
|
|
43
|
-
}, J = i(process.cwd(), "package.json"), O = async (
|
|
44
|
-
const a = await C(
|
|
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
45
|
});
|
|
46
46
|
if (!a) throw "Could not read package.json file!";
|
|
47
47
|
return a;
|
|
48
|
-
},
|
|
49
|
-
typeof
|
|
48
|
+
}, se = async (n, a = J) => {
|
|
49
|
+
typeof n == "object" && (n = JSON.stringify(n, null, 2)), await w(a, n);
|
|
50
50
|
}, Q = async () => {
|
|
51
|
-
const
|
|
52
|
-
return O(
|
|
51
|
+
const n = new URL("../package.json", import.meta.url);
|
|
52
|
+
return O(n);
|
|
53
53
|
}, X = await (async () => (await F()).defaultProject)(), N = await Q(), A = {
|
|
54
54
|
core: `@salty-css/core@${N.version}`,
|
|
55
55
|
react: `@salty-css/react@${N.version}`,
|
|
56
56
|
eslintConfigCore: `@salty-css/eslint-config-core@${N.version}`,
|
|
57
57
|
vite: `@salty-css/vite@${N.version}`,
|
|
58
58
|
next: `@salty-css/next@${N.version}`
|
|
59
|
-
}, G = (
|
|
60
|
-
const a =
|
|
59
|
+
}, G = (n) => {
|
|
60
|
+
const a = n === "." ? "" : n, c = process.cwd();
|
|
61
61
|
return i(c, a);
|
|
62
62
|
};
|
|
63
|
-
|
|
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
64
|
if (!await O().catch(() => {
|
|
65
65
|
})) return h("Salty CSS project must be initialized in a directory with a package.json file.");
|
|
66
|
-
|
|
67
|
-
const { dir: c =
|
|
66
|
+
t.info("Initializing a new Salty-CSS project!");
|
|
67
|
+
const { dir: c = n, cssFile: u, skipInstall: p } = this.opts();
|
|
68
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
69
|
p || await E(A.core, A.react);
|
|
70
|
-
const d = process.cwd(), o = G(c), H = await Promise.all([
|
|
70
|
+
const d = process.cwd(), o = G(c), H = await Promise.all([x("salty.config.ts"), x("saltygen/index.css")]);
|
|
71
71
|
await q(o, { recursive: !0 });
|
|
72
|
-
const y = H.map(async ({ fileName:
|
|
73
|
-
const r = i(o,
|
|
72
|
+
const y = H.map(async ({ fileName: e, content: f }) => {
|
|
73
|
+
const r = i(o, e);
|
|
74
74
|
if (await C(r, "utf-8").catch(() => {
|
|
75
75
|
}) !== void 0) {
|
|
76
|
-
|
|
76
|
+
t.debug("File already exists: " + r);
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
|
-
const b =
|
|
80
|
-
b && await q(i(o, b), { recursive: !0 }),
|
|
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
81
|
});
|
|
82
82
|
await Promise.all(y);
|
|
83
83
|
const S = z(d, o) || ".", m = i(d, ".saltyrc.json"), l = await C(m, "utf-8").catch(() => {
|
|
84
84
|
});
|
|
85
85
|
if (l === void 0) {
|
|
86
|
-
|
|
86
|
+
t.info("Creating file: " + m);
|
|
87
87
|
const f = JSON.stringify({
|
|
88
88
|
$schema: "./node_modules/@salty-css/core/.saltyrc.schema.json",
|
|
89
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.",
|
|
@@ -97,164 +97,164 @@ async function kt() {
|
|
|
97
97
|
}, null, 2);
|
|
98
98
|
await w(m, f), await j(m);
|
|
99
99
|
} else {
|
|
100
|
-
const
|
|
101
|
-
if (f.findIndex((
|
|
102
|
-
f.push({ dir: S, framework: "react" }),
|
|
103
|
-
const
|
|
104
|
-
|
|
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
105
|
}
|
|
106
106
|
}
|
|
107
|
-
const
|
|
107
|
+
const k = i(d, ".gitignore"), U = await C(k, "utf-8").catch(() => {
|
|
108
108
|
});
|
|
109
|
-
U !== void 0 && (U.includes("saltygen") || (
|
|
109
|
+
U !== void 0 && (U.includes("saltygen") || (t.info("Edit file: " + k), await w(k, U + `
|
|
110
110
|
|
|
111
111
|
# Salty-CSS
|
|
112
112
|
saltygen
|
|
113
113
|
`)));
|
|
114
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 (
|
|
116
|
-
for (const
|
|
115
|
+
if (u) return u;
|
|
116
|
+
for (const e of $)
|
|
117
117
|
for (const f of B)
|
|
118
118
|
for (const r of R) {
|
|
119
|
-
const
|
|
120
|
-
if (await C(
|
|
121
|
-
}) !== void 0) return z(o,
|
|
119
|
+
const s = i(o, e, f + r);
|
|
120
|
+
if (await C(s, "utf-8").catch(() => {
|
|
121
|
+
}) !== void 0) return z(o, s);
|
|
122
122
|
for (const T of M) {
|
|
123
|
-
const L = i(o,
|
|
123
|
+
const L = i(o, e, T, f + r);
|
|
124
124
|
if (await C(L, "utf-8").catch(() => {
|
|
125
125
|
}) !== void 0) return z(o, L);
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
})();
|
|
129
129
|
if (D) {
|
|
130
|
-
const
|
|
130
|
+
const e = i(o, D), f = await C(e, "utf-8").catch(() => {
|
|
131
131
|
});
|
|
132
132
|
if (f !== void 0 && !f.includes("saltygen")) {
|
|
133
|
-
const
|
|
134
|
-
|
|
135
|
-
` + f), await j(
|
|
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
136
|
}
|
|
137
137
|
} else
|
|
138
|
-
|
|
139
|
-
const
|
|
138
|
+
t.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");
|
|
139
|
+
const ie = {
|
|
140
140
|
projectJs: i(o, "eslint.config.js"),
|
|
141
141
|
rootJs: i(d, "eslint.config.js"),
|
|
142
142
|
projectMjs: i(o, "eslint.config.mjs"),
|
|
143
143
|
rootMjs: i(d, "eslint.config.mjs"),
|
|
144
144
|
projectJson: i(o, ".eslintrc.json"),
|
|
145
145
|
rootJson: i(d, ".eslintrc.json")
|
|
146
|
-
},
|
|
147
|
-
if (
|
|
146
|
+
}, v = Object.values(ie).find((e) => K(e));
|
|
147
|
+
if (v) {
|
|
148
148
|
p || await E(A.eslintConfigCore);
|
|
149
|
-
const
|
|
149
|
+
const e = await C(v, "utf-8").catch(() => {
|
|
150
150
|
});
|
|
151
|
-
if (!
|
|
152
|
-
if (!
|
|
153
|
-
if (
|
|
154
|
-
let
|
|
155
|
-
${
|
|
156
|
-
|
|
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
157
|
} else {
|
|
158
|
-
const r = JSON.parse(
|
|
158
|
+
const r = JSON.parse(e);
|
|
159
159
|
r.extends || (r.extends = []), r.extends.push("@salty-css/core");
|
|
160
|
-
const
|
|
161
|
-
await w(
|
|
160
|
+
const s = JSON.stringify(r, null, 2);
|
|
161
|
+
await w(v, s), await j(v);
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
const _ = i(o, "vite.config.ts"), V = await C(_, "utf-8").catch(() => {
|
|
165
165
|
});
|
|
166
166
|
if (V !== void 0 && !V.includes("saltyPlugin")) {
|
|
167
|
-
|
|
167
|
+
t.info("Edit file: " + _);
|
|
168
168
|
const f = `import { saltyPlugin } from '@salty-css/vite';
|
|
169
|
-
`,
|
|
169
|
+
`, s = V.replace(/(plugins: \[)/, `$1
|
|
170
170
|
saltyPlugin(__dirname),`);
|
|
171
|
-
p || await E(`-D ${A.vite}`),
|
|
171
|
+
p || await E(`-D ${A.vite}`), t.info("Adding Salty-CSS plugin to Vite config..."), await w(_, f + s), await j(_);
|
|
172
172
|
}
|
|
173
|
-
const W = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"].map((
|
|
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
174
|
if (W) {
|
|
175
|
-
let
|
|
175
|
+
let e = await C(W, "utf-8").catch(() => {
|
|
176
176
|
});
|
|
177
|
-
if (
|
|
177
|
+
if (e !== void 0 && !e.includes("withSaltyCss")) {
|
|
178
178
|
let r = !1;
|
|
179
|
-
/\splugins([^=]*)=[^[]\[/.test(
|
|
180
|
-
const b =
|
|
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
181
|
` : `import { withSaltyCss } from '@salty-css/next';
|
|
182
182
|
`;
|
|
183
|
-
b && !r ? (
|
|
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
184
|
}
|
|
185
185
|
}
|
|
186
|
-
const
|
|
187
|
-
await
|
|
188
|
-
}),
|
|
189
|
-
|
|
190
|
-
const { dir: a =
|
|
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
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
192
|
const c = G(a);
|
|
193
|
-
await
|
|
194
|
-
}),
|
|
195
|
-
const { file: c =
|
|
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
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 (!
|
|
198
|
-
const y = G(
|
|
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
199
|
S && await q(i(y, S), { recursive: !0 });
|
|
200
|
-
const m = i(y, c), l =
|
|
200
|
+
const m = i(y, c), l = re(m);
|
|
201
201
|
l.ext || (l.ext = ".ts"), l.name.endsWith(".css") || (l.name = l.name + ".css"), l.base = l.name + l.ext;
|
|
202
|
-
const
|
|
203
|
-
if (await C(
|
|
202
|
+
const k = ee(l);
|
|
203
|
+
if (await C(k, "utf-8").catch(() => {
|
|
204
204
|
}) !== void 0) {
|
|
205
|
-
|
|
205
|
+
t.error("File already exists:", k);
|
|
206
206
|
return;
|
|
207
207
|
}
|
|
208
|
-
let $ =
|
|
208
|
+
let $ = le(d || l.base.replace(/\.css\.\w+$/, ""));
|
|
209
209
|
if (H) {
|
|
210
210
|
const B = $ + "Component";
|
|
211
211
|
$ = $ + "Wrapper";
|
|
212
|
-
const R = l.base.replace(/\.css\.\w+$/, ""), { content: Z } = await
|
|
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
213
|
l.name = R.replace(/\.css$/, ""), l.ext = ".tsx", l.base = l.name + l.ext;
|
|
214
|
-
const D =
|
|
215
|
-
|
|
214
|
+
const D = ee(l);
|
|
215
|
+
t.info("Generating a new file: " + D), await w(D, Z), await j(D);
|
|
216
216
|
}
|
|
217
|
-
const { content: M } = await
|
|
218
|
-
|
|
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
219
|
});
|
|
220
220
|
const Y = async () => {
|
|
221
|
-
const
|
|
221
|
+
const n = i(process.cwd(), "package.json"), a = await O(n).catch((p) => h(p));
|
|
222
222
|
if (!a) return h("Could not read package.json file.");
|
|
223
|
-
const c = { ...a.dependencies, ...a.devDependencies },
|
|
224
|
-
return
|
|
225
|
-
"No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " +
|
|
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
226
|
);
|
|
227
227
|
};
|
|
228
|
-
|
|
229
|
-
const { legacyPeerDeps: a, version: c =
|
|
230
|
-
if (!
|
|
231
|
-
const p =
|
|
232
|
-
a ? (
|
|
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
233
|
const d = await Y();
|
|
234
234
|
if (!d) return h("Something went wrong while reading the updated packages.");
|
|
235
235
|
const o = d.reduce((y, [S, m]) => (y[m] || (y[m] = []), y[m].push(S), y), {});
|
|
236
236
|
if (Object.keys(o).length === 1) {
|
|
237
237
|
const S = Object.keys(o)[0].replace(/^\^/, "");
|
|
238
|
-
|
|
238
|
+
t.info(`Updated to all Salty CSS packages successfully to ${S}`);
|
|
239
239
|
} else
|
|
240
240
|
for (const [y, S] of Object.entries(o)) {
|
|
241
241
|
const m = y.replace(/^\^/, "");
|
|
242
|
-
|
|
242
|
+
t.info(`Updated to ${m}: ${S.join(", ")}`);
|
|
243
243
|
}
|
|
244
|
-
}),
|
|
245
|
-
const
|
|
246
|
-
|
|
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
247
|
const a = i(process.cwd(), "package.json"), c = await O(a).catch((d) => h(d));
|
|
248
248
|
if (!c) return;
|
|
249
|
-
const
|
|
249
|
+
const u = { ...c.dependencies, ...c.devDependencies }, p = Object.keys(u).filter((d) => d === "salty-css" || d.startsWith("@salty-css/"));
|
|
250
250
|
if (!p.length)
|
|
251
251
|
return h(
|
|
252
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
253
|
);
|
|
254
254
|
for (const d of p)
|
|
255
|
-
|
|
256
|
-
}),
|
|
255
|
+
t.info(`${d}: ${u[d]}`);
|
|
256
|
+
}), g.parseAsync(process.argv);
|
|
257
257
|
}
|
|
258
258
|
export {
|
|
259
|
-
|
|
259
|
+
xe as main
|
|
260
260
|
};
|
package/compiler/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
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-3zK35muR.cjs");require("../parse-templates-VIvmVb52.cjs");const e=require("../index-
|
|
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-3zK35muR.cjs");require("../parse-templates-VIvmVb52.cjs");const e=require("../index-BmsXxgnE.cjs");require("../merge-DxGoJDHv.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;
|
package/compiler/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { StyleComponentGenerator } from '../generator/style-generator';
|
|
2
2
|
import { MediaQueryFactory } from '../css/media';
|
|
3
|
+
import { ClassNameFactory } from '../css';
|
|
3
4
|
import { GlobalStylesFactory, TemplatesFactory, VariablesFactory } from '../factories';
|
|
4
5
|
interface GeneratorResult<V extends object> {
|
|
5
6
|
value: V;
|
|
@@ -8,6 +9,7 @@ interface GeneratorResult<V extends object> {
|
|
|
8
9
|
}
|
|
9
10
|
interface GenerationResults {
|
|
10
11
|
components: GeneratorResult<StyleComponentGenerator>[];
|
|
12
|
+
classNames: GeneratorResult<ClassNameFactory>[];
|
|
11
13
|
keyframes: GeneratorResult<{
|
|
12
14
|
animationName: string;
|
|
13
15
|
css: string;
|
|
@@ -24,6 +26,7 @@ export declare const generateConfigStyles: (dirname: string, generationResults:
|
|
|
24
26
|
export declare const compileSaltyFile: (dirname: string, sourceFilePath: string, outputDirectory: string) => Promise<{
|
|
25
27
|
[key: string]: {
|
|
26
28
|
generator: StyleComponentGenerator;
|
|
29
|
+
isClassName?: boolean;
|
|
27
30
|
isMedia?: boolean;
|
|
28
31
|
isGlobalDefine?: boolean;
|
|
29
32
|
isDefineVariables?: boolean;
|
package/compiler/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import "fs";
|
|
|
6
6
|
import "fs/promises";
|
|
7
7
|
import "../parse-styles-DrLhKtqW.js";
|
|
8
8
|
import "../parse-templates-DRKlN-pP.js";
|
|
9
|
-
import { d as g, c as F, g as y, e as x, i as S, m as c, s as f, b as C } from "../index-
|
|
9
|
+
import { d as g, c as F, g as y, e as x, i as S, m as c, s as f, b as C } from "../index-DKkgPK-r.js";
|
|
10
10
|
import "../merge-BVm9us1A.js";
|
|
11
11
|
export {
|
|
12
12
|
g as compileSaltyFile,
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StyledParams } from '../types';
|
|
2
|
+
export declare class ClassNameFactory<const STYLE_PARAMS extends StyledParams = StyledParams> {
|
|
3
|
+
private params;
|
|
4
|
+
_isProd: boolean | undefined;
|
|
5
|
+
_callerName: string | undefined;
|
|
6
|
+
constructor(params: STYLE_PARAMS);
|
|
7
|
+
get hash(): string;
|
|
8
|
+
get cssClassName(): string;
|
|
9
|
+
get classNames(): string;
|
|
10
|
+
get cssFileName(): string;
|
|
11
|
+
get css(): string;
|
|
12
|
+
_withBuildContext(context: {
|
|
13
|
+
name: string;
|
|
14
|
+
prod: boolean;
|
|
15
|
+
}): this;
|
|
16
|
+
}
|
package/css/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var v=Object.defineProperty;var C=(
|
|
1
|
+
"use strict";var v=Object.defineProperty;var C=(r,t,e)=>t in r?v(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var u=(r,t,e)=>C(r,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../parse-styles-3zK35muR.cjs"),p=require("../dash-case-BJEkFEGQ.cjs"),_=require("../merge-DxGoJDHv.cjs"),w=({animationName:r,params:t,appendInitialStyles:e,...s})=>{const n=r||p.toHash(s),o=(c={})=>{const{duration:a="500ms",easing:h="ease-in-out",delay:l="0s",iterationCount:m="1",direction:f="normal",fillMode:y="forwards",playState:S="running"}={...t,...c},$=`${n} ${a} ${h} ${l} ${m} ${f} ${y} ${S}`;if(!e)return $;const g=s.from||s["0%"];if(!g)return $;const N=d.parseStyles(g,"");return`${$};${N}`},b=Object.entries(s).reduce((c,[a,h])=>{if(!h)return c;const l=d.parseStyles(h,""),m=typeof a=="number"?`${a}%`:a;return`${c}${m}{${l}}`},""),x=`@keyframes ${n} {${b}}`;return Object.assign(o,{toString:o,isKeyframes:!0,animationName:n,css:x,keyframes:s}),o};class i{constructor(t="@media"){u(this,"next",t=>{const e=new String(t);return Object.assign(e,{get isMedia(){return!0},get and(){return new i(`${t} and`)},get or(){return new i(`${t},`)}}),e});this.base=t}custom(t){return this.next(`${this.base} ${t}`)}minWidth(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (min-width: ${e})`;return this.next(s)}maxWidth(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (max-width: ${e})`;return this.next(s)}minHeight(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (min-height: ${e})`;return this.next(s)}maxHeight(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (max-height: ${e})`;return this.next(s)}get portrait(){const t=`${this.base} (orientation: portrait)`;return this.next(t)}get landscape(){const t=`${this.base} (orientation: landscape)`;return this.next(t)}prefersColorScheme(t){const e=`${this.base} (prefers-color-scheme: ${t})`;return this.next(e)}get dark(){return this.prefersColorScheme("dark")}get light(){return this.prefersColorScheme("light")}get print(){const t=`${this.base} print`;return this.next(t)}get screen(){const t=`${this.base} screen`;return this.next(t)}get speech(){const t=`${this.base} speech`;return this.next(t)}get all(){const t=`${this.base} all`;return this.next(t)}get not(){const t=`${this.base} not`;return this.next(t)}get reducedMotion(){const t=`${this.base} (prefers-reduced-motion: reduce)`;return this.next(t)}}const j=new i,k=r=>`{${r}}`;class F{constructor(t){u(this,"_isProd");u(this,"_callerName");this.params=t}get hash(){return p.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const t=[this.hash],{className:e}=this.params;return e&&t.push(e),t.join(" ")}get cssFileName(){return this._callerName?`cl_${p.dashCase(this._callerName)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:t={},variants:e={},compoundVariants:s=[]}=this.params,n={...t,variants:e,compoundVariants:s};return d.parseStyles(n,`.${this.cssClassName}`)}_withBuildContext(t){const{name:e,prod:s}=t;return this._isProd=s,this._callerName=e,this}}exports.mergeStyles=_.mergeStyles;exports.ClassNameFactory=F;exports.MediaQueryFactory=i;exports.keyframes=w;exports.media=j;exports.token=k;
|
package/css/index.d.ts
CHANGED