@salty-css/react 0.0.1 → 0.1.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1",
+  "version": "0.1.0-alpha.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -71,10 +71,14 @@
     "./runtime": {
       "import": "./runtime.js",
       "require": "./runtime.cjs"
+    },
+    "./transform-salty-file": {
+      "import": "./transform-salty-file.js",
+      "require": "./transform-salty-file.cjs"
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1",
+    "@salty-css/core": "^0.1.0-alpha.0",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }

package/transform-salty-file.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("fs"),w=require("path"),g=require("@salty-css/core/compiler/helpers"),q=require("@salty-css/core/compiler/get-function-range"),m=require("@salty-css/core/util"),C=async(a,s)=>{var d,y;try{if(!g.isSaltyFile(s))return;const p=await a.getDestDir(),F=v.readFileSync(s,"utf8"),f=await a.getConfig(),{contents:h}=await a.compileSaltyFile(s,p);let e=F;for(const[t,o]of Object.entries(h)){const n=await g.resolveExportValue(o,1);if(n.isKeyframes||!n.generator)continue;const r=n.generator._withBuildContext({callerName:t,isProduction:a.isProduction,config:f}),[S,$]=await q.getFunctionRange(e,t),c=e.slice(S,$);if(n.isClassName){const i=e,l=` ${t} = className("${r.classNames}")`;e=e.replace(c,l),i===e&&console.error("Minimize file failed to change content",{name:t})}if(c.includes("styled")){const i=(y=(d=/styled\(([^,]+),/.exec(c))==null?void 0:d.at(1))==null?void 0:y.trim(),l=e,N=` ${t} = styled(${i}, "${r.classNames}", ${JSON.stringify(r.clientProps)})`;e=e.replace(c,N),l===e&&console.error("Minimize file failed to change content",{name:t,tagName:i})}}if(f.importStrategy==="component"){const t=m.toHash(s,6),o=w.parse(s);e=`import '../../saltygen/css/${`f_${m.dashCase(o.name)}-${t}.css`}';
+${e}`}return e=e.replace("@salty-css/react/class-name","@salty-css/react/class-name-client"),e=e.replace("{ styled }","{ styledClient as styled }"),e=e.replace("@salty-css/react/styled","@salty-css/react/styled-client"),e}catch(u){console.error("Error in transformSaltyFile:",u);return}};exports.transformSaltyFile=C;

package/transform-salty-file.d.ts

@@ -0,0 +1,8 @@
+import { SaltyCompiler } from '@salty-css/core/compiler/salty-compiler';
+/**
+ * React-specific minimize transform for salty files. Rewrites `styled()` and
+ * `className()` calls to their pre-resolved client-side variants and swaps the
+ * relevant `@salty-css/react/*` imports for their `*-client` counterparts so
+ * the runtime ships only the minimal client logic.
+ */
+export declare const transformSaltyFile: (compiler: SaltyCompiler, file: string) => Promise<string | undefined>;

package/transform-salty-file.js

@@ -0,0 +1,42 @@
+import { readFileSync as N } from "fs";
+import { parse as v } from "path";
+import { isSaltyFile as S, resolveExportValue as w } from "@salty-css/core/compiler/helpers";
+import { getFunctionRange as C } from "@salty-css/core/compiler/get-function-range";
+import { toHash as x, dashCase as z } from "@salty-css/core/util";
+const M = async (n, s) => {
+  var m, d;
+  try {
+    if (!S(s)) return;
+    const p = await n.getDestDir(), g = N(s, "utf8"), f = await n.getConfig(), { contents: u } = await n.compileSaltyFile(s, p);
+    let e = g;
+    for (const [t, c] of Object.entries(u)) {
+      const a = await w(c, 1);
+      if (a.isKeyframes || !a.generator) continue;
+      const o = a.generator._withBuildContext({
+        callerName: t,
+        isProduction: n.isProduction,
+        config: f
+      }), [F, $] = await C(e, t), r = e.slice(F, $);
+      if (a.isClassName) {
+        const i = e, l = ` ${t} = className("${o.classNames}")`;
+        e = e.replace(r, l), i === e && console.error("Minimize file failed to change content", { name: t });
+      }
+      if (r.includes("styled")) {
+        const i = (d = (m = /styled\(([^,]+),/.exec(r)) == null ? void 0 : m.at(1)) == null ? void 0 : d.trim(), l = e, h = ` ${t} = styled(${i}, "${o.classNames}", ${JSON.stringify(o.clientProps)})`;
+        e = e.replace(r, h), l === e && console.error("Minimize file failed to change content", { name: t, tagName: i });
+      }
+    }
+    if (f.importStrategy === "component") {
+      const t = x(s, 6), c = v(s);
+      e = `import '../../saltygen/css/${`f_${z(c.name)}-${t}.css`}';
+${e}`;
+    }
+    return e = e.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), e = e.replace("{ styled }", "{ styledClient as styled }"), e = e.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), e;
+  } catch (y) {
+    console.error("Error in transformSaltyFile:", y);
+    return;
+  }
+};
+export {
+  M as transformSaltyFile
+};