@salty-css/astro 0.0.1-alpha.302 → 0.0.1-alpha.304

package/config.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@salty-css/core/compiler"),b=require("@salty-css/core/compiler/get-function-range"),O=require("@salty-css/core/compiler/helpers"),k=require("@salty-css/core/compiler/as-class"),S=require("@salty-css/core/server"),E=require("@salty-css/core/util"),a=require("fs/promises"),f=require("path"),x=i=>{const w=new k.SaltyCompiler(i);return{name:"stylegen",configureServer(t){w.importFile=async s=>{const n=Date.now();return t.ssrLoadModule(`${s}?t=${n}`)}},buildStart:async()=>{await w.generateCss()},load:async t=>{var n,p;if(r.isSaltyFile(t)){const c=await r.getDestDir(i);if(/.+\?configFile=(\w+).+/.test(t)){const l=new URLSearchParams(t.split("?")[1]).get("configFile");if(!l)return;const u=f.join(c,"astro",l),m=await a.readFile(u,"utf-8");if(!m)return;try{const e=JSON.parse(m);return`---
+            ${(e.imports||[]).join(`
+`)}
+            const { props } = Astro;
+            ---
+            <${e.tagName} class="${e.classNames}" data-component-name="${e.componentName}" {...props}><slot/></${e.tagName}>`}catch(e){console.error("Error parsing config file:",e);return}}const h=[],y=[],d=await a.readFile(t,"utf-8"),R=await r.compileSaltyFile(i,t,c);for(const[o,l]of Object.entries(R.contents)){const u=await O.resolveExportValue(l,1);if(!u.generator)continue;const[m,e]=await b.getFunctionRange(d,o),F=d.slice(m,e),g=(p=(n=/styled\(([^,]+),/.exec(F))==null?void 0:n.at(1))==null?void 0:p.trim();if(!g){console.warn(`Could not determine tag name for ${o} in ${t}`);continue}const j=u.generator._withBuildContext({callerName:o,isProduction:!1,config:{}}),$={componentName:o,tagName:g.replace(/['"`]/g,""),classNames:j.classNames,imports:[]};if(/^\w+$/.test(g)){const N=d.match(new RegExp(`import[^;]*${g}[^;]*;`));if(N){const D=N.at(0);$.imports=[D]}}const v=f.join(c,"astro");await a.readFile(v,"utf-8").catch(()=>!1)||await a.mkdir(v,{recursive:!0});const C=E.toHash(o),q=f.join(c,"astro",`${C}.config`);await a.writeFile(q,JSON.stringify($)),h.push(`import ${o} from '${t}.astro?configFile=${C}.config';`),y.push(o)}return`${h.join(`
+`)}export { ${y.join(", ")} };`}},handleHotUpdate:async({file:t,server:s})=>{await S.checkShouldRestart(t)&&s.restart()},watchChange:{handler:async(t,s)=>{r.isSaltyFile(t)&&s.event!=="delete"&&(await S.checkShouldRestart(t)||await r.generateFile(i,t))}}}};exports.default=x;exports.saltyPlugin=x;

package/config.d.ts

@@ -0,0 +1,3 @@
+import { PluginOption } from 'vite';
+export declare const saltyPlugin: (dir: string) => PluginOption;
+export default saltyPlugin;

package/config.js

@@ -0,0 +1,92 @@
+import { isSaltyFile as x, generateFile as E, getDestDir as O, compileSaltyFile as b } from "@salty-css/core/compiler";
+import { getFunctionRange as k } from "@salty-css/core/compiler/get-function-range";
+import { resolveExportValue as H } from "@salty-css/core/compiler/helpers";
+import { SaltyCompiler as J } from "@salty-css/core/compiler/as-class";
+import { checkShouldRestart as v } from "@salty-css/core/server";
+import { toHash as L } from "@salty-css/core/util";
+import { readFile as g, mkdir as U, writeFile as A } from "fs/promises";
+import { join as u } from "path";
+const Q = (a) => {
+  const d = new J(a);
+  return {
+    name: "stylegen",
+    configureServer(t) {
+      d.importFile = async (n) => {
+        const s = Date.now();
+        return t.ssrLoadModule(`${n}?t=${s}`);
+      };
+    },
+    buildStart: async () => {
+      await d.generateCss();
+    },
+    load: async (t) => {
+      var s, p;
+      if (x(t)) {
+        const r = await O(a);
+        if (/.+\?configFile=(\w+).+/.test(t)) {
+          const i = new URLSearchParams(t.split("?")[1]).get("configFile");
+          if (!i) return;
+          const c = u(r, "astro", i), m = await g(c, "utf-8");
+          if (!m) return;
+          try {
+            const o = JSON.parse(m);
+            return `---
+            ${(o.imports || []).join(`
+`)}
+            const { props } = Astro;
+            ---
+            <${o.tagName} class="${o.classNames}" data-component-name="${o.componentName}" {...props}><slot/></${o.tagName}>`;
+          } catch (o) {
+            console.error("Error parsing config file:", o);
+            return;
+          }
+        }
+        const w = [], h = [], f = await g(t, "utf-8"), S = await b(a, t, r);
+        for (const [e, i] of Object.entries(S.contents)) {
+          const c = await H(i, 1);
+          if (!c.generator) continue;
+          const [m, o] = await k(f, e), y = f.slice(m, o), l = (p = (s = /styled\(([^,]+),/.exec(y)) == null ? void 0 : s.at(1)) == null ? void 0 : p.trim();
+          if (!l) {
+            console.warn(`Could not determine tag name for ${e} in ${t}`);
+            continue;
+          }
+          const R = c.generator._withBuildContext({
+            callerName: e,
+            isProduction: !1,
+            config: {}
+          }), $ = {
+            componentName: e,
+            tagName: l.replace(/['"`]/g, ""),
+            classNames: R.classNames,
+            imports: []
+          };
+          if (/^\w+$/.test(l)) {
+            const N = f.match(new RegExp(`import[^;]*${l}[^;]*;`));
+            if (N) {
+              const D = N.at(0);
+              $.imports = [D];
+            }
+          }
+          const F = u(r, "astro");
+          await g(F, "utf-8").catch(() => !1) || await U(F, { recursive: !0 });
+          const C = L(e), j = u(r, "astro", `${C}.config`);
+          await A(j, JSON.stringify($)), w.push(`import ${e} from '${t}.astro?configFile=${C}.config';`), h.push(e);
+        }
+        return `${w.join(`
+`)}export { ${h.join(", ")} };`;
+      }
+    },
+    handleHotUpdate: async ({ file: t, server: n }) => {
+      await v(t) && n.restart();
+    },
+    watchChange: {
+      handler: async (t, n) => {
+        x(t) && n.event !== "delete" && (await v(t) || await E(a, t));
+      }
+    }
+  };
+};
+export {
+  Q as default,
+  Q as saltyPlugin
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/astro",
-  "version": "0.0.1-alpha.302",
+  "version": "0.0.1-alpha.304",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -36,40 +36,13 @@
       "import": "./styled.js",
       "require": "./styled.cjs"
     },
-    "./styled-client": {
-      "import": "./styled-client.js",
-      "require": "./styled-client.cjs"
-    },
-    "./class-name": {
-      "import": "./class-name.js",
-      "require": "./class-name.cjs"
-    },
-    "./class-name-client": {
-      "import": "./class-name-client.js",
-      "require": "./class-name-client.cjs"
-    },
-    "./keyframes": {
-      "import": "./keyframes.js",
-      "require": "./keyframes.cjs"
-    },
-    "./media": {
-      "import": "./media.js",
-      "require": "./media.cjs"
-    },
     "./config": {
       "import": "./config.js",
       "require": "./config.cjs"
-    },
-    "./helpers": {
-      "import": "./helpers.js",
-      "require": "./helpers.cjs"
-    },
-    "./dynamic-styles": {
-      "import": "./dynamic-styles.js",
-      "require": "./dynamic-styles.cjs"
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.302"
+    "@salty-css/core": "^0.0.1-alpha.304",
+    "vite": "^6.3.5"
   }
 }