@devup-ui/vite-plugin 1.0.32 → 1.0.34

package/dist/plugin.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("node:fs"),w=require("node:fs/promises"),l=require("node:path"),c=require("@devup-ui/wasm"),m=require("vite");function y(e){var s;if(i.existsSync(e.interfacePath)||i.mkdirSync(e.interfacePath),i.existsSync(e.devupPath)){c.registerTheme((s=JSON.parse(i.readFileSync(e.devupPath,"utf-8")))==null?void 0:s.theme);const u=c.getThemeInterface(e.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");u&&i.writeFileSync(l.join(e.interfacePath,"theme.d.ts"),u,{encoding:"utf-8"})}i.existsSync(e.cssFile)||i.writeFileSync(e.cssFile,"",{encoding:"utf-8"}),i.writeFileSync(l.join(e.interfacePath,".gitignore"),"*",{encoding:"utf-8"})}let f="";function T({package:e="@devup-ui/react",devupPath:s="devup.json",interfacePath:u="df",cssFile:a=l.resolve(u,"devup-ui.css"),extractCss:d=!0,debug:v=!1,include:g=[]}={}){c.setDebug(v);try{y({package:e,cssFile:a,devupPath:s,interfacePath:u})}catch(t){console.error(t)}const h=c.getDefaultTheme();return h&&JSON.stringify(h),{name:"devup-ui",config(){const t=c.getDefaultTheme(),r={};t&&(r["process.env.DEVUP_UI_DEFAULT_THEME"]=JSON.stringify(t));const n={server:{watch:{ignored:[`!${s}`]}},define:r,optimizeDeps:{exclude:g}};return d&&(n.build={rollupOptions:{output:{manualChunks(o){if(o.startsWith("devup-ui.css"))return"devup-ui.css"}}}}),n},apply(){return!0},watchChange(t){if(l.resolve(t)===l.resolve(s)&&i.existsSync(s))try{y({package:e,cssFile:a,devupPath:s,interfacePath:u})}catch(r){console.error(r)}},resolveId(t){if(m.normalizePath(t)===m.normalizePath(a))return`devup-ui.css?t=${Date.now().toString()+f.length}`},load(t){if(t.split("?")[0]==="devup-ui.css")return f=c.getCss()},enforce:"pre",async transform(t,r){if(!d)return;const n=r.split("?")[0];if((g.length?new RegExp(`node_modules(?!(${g.map(D=>`.*${D}`).join("|").replaceAll("/","[\\/\\\\_]")})([\\/\\\\.]|$))`).test(n):r.includes("node_modules"))||!/\.(tsx|ts|js|mjs|jsx)$/i.test(n))return;const{code:o,css:p,map:S}=c.codeExtract(n,t,e,a);return p&&f.length<p.length&&(f=p,await w.writeFile(a,`/* ${r} ${Date.now()} */`,{encoding:"utf-8"})),{code:o,map:S}},async generateBundle(t,r){if(!d)return;const n=Object.keys(r).find(o=>o.includes("devup-ui")&&o.endsWith(".css"));n&&"source"in r[n]&&(r[n].source=f)}}}exports.DevupUI=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("node:fs"),l=require("node:fs/promises"),t=require("node:path"),o=require("@devup-ui/wasm");function T(r){return r.endsWith("devup-ui.css")?null:parseInt(r.split("devup-ui-")[1].split(".")[0])}async function F(r){var c;try{const n=p.existsSync(r.devupFile)?await l.readFile(r.devupFile,"utf-8"):void 0;if(n){o.registerTheme(((c=JSON.parse(n))==null?void 0:c.theme)??{});const a=o.getThemeInterface(r.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");a&&await l.writeFile(t.join(r.distDir,"theme.d.ts"),a,"utf-8")}else o.registerTheme({})}catch(n){console.error(n),o.registerTheme({})}await Promise.all([p.existsSync(r.cssDir)?Promise.resolve():l.mkdir(r.cssDir,{recursive:!0}),r.singleCss?Promise.resolve():l.writeFile(t.join(r.cssDir,"devup-ui.css"),o.getCss(null,!1))])}function N({package:r="@devup-ui/react",devupFile:c="devup.json",distDir:n="df",cssDir:a=t.resolve(n,"devup-ui"),extractCss:m=!0,debug:S=!1,include:h=[],singleCss:d=!1}={}){o.setDebug(S);const f=new Map;return{name:"devup-ui",async configResolved(){p.existsSync(n)||await l.mkdir(n,{recursive:!0}),await l.writeFile(t.join(n,".gitignore"),"*","utf-8"),await F({package:r,cssDir:a,devupFile:c,distDir:n,singleCss:d})},config(){const i=o.getDefaultTheme(),e={};i&&(e["process.env.DEVUP_UI_DEFAULT_THEME"]=JSON.stringify(i));const s={server:{watch:{ignored:[`!${c}`]}},define:e,optimizeDeps:{exclude:h}};return m&&(s.build={rollupOptions:{output:{manualChunks(u){if(u.split("?")[0].endsWith("devup-ui.css"))return"devup-ui.css"}}}}),s},apply(){return!0},async watchChange(i){if(t.resolve(i)===t.resolve(c)&&p.existsSync(c))try{await F({package:r,cssDir:a,devupFile:c,distDir:n,singleCss:d})}catch(e){console.error(e)}},resolveId(i,e){var s;if(i.includes("devup-ui.css")&&t.resolve(e?t.join(t.dirname(e),i):i)===t.resolve(t.join(a,"devup-ui.css")))return t.join(a,`devup-ui.css?t=${Date.now().toString()+(((s=f.get(null))==null?void 0:s.length)??0)}`)},load(i){const e=t.basename(i).split("?")[0];if(e.startsWith("devup-ui")&&e.endsWith(".css")){const s=T(e),u=o.getCss(s,!1);return f.set(s,u),u}},enforce:"pre",async transform(i,e){if(!m)return;const s=e.split("?")[0];if(!/\.(tsx|ts|js|mjs|jsx)$/i.test(s)||new RegExp(`node_modules(?!.*(${["@devup-ui",...h].join("|").replaceAll("/","[\\/\\\\_]")})([\\/\\\\.]|$))`).test(s))return;let u=t.relative(t.dirname(e),a).replaceAll("\\","/");u.startsWith("./")||(u=`./${u}`);const{code:$,css:v,map:_,cssFile:w,updatedBaseStyle:x}=o.codeExtract(s,i,r,u,d,!0,!1),g=[];if(x&&g.push(l.writeFile(t.join(a,"devup-ui.css"),o.getCss(null,!1),"utf-8")),v){const y=T(w),j=f.get(y);j&&j.length<v.length&&f.set(y,v),g.push(l.writeFile(t.join(a,t.basename(w)),`/* ${e} ${Date.now()} */`,"utf-8"))}return await Promise.all(g),{code:$,map:_}},async generateBundle(i,e){if(!m)return;const s=Object.keys(e).find(u=>e[u].name==="devup-ui.css");s&&"source"in e[s]&&(e[s].source=f.get(null))}}}exports.DevupUI=N;

package/dist/plugin.d.ts

@@ -1,12 +1,13 @@
 import { PluginOption } from 'vite';
 export interface DevupUIPluginOptions {
     package: string;
-    cssFile: string;
-    devupPath: string;
-    interfacePath: string;
+    cssDir: string;
+    devupFile: string;
+    distDir: string;
     extractCss: boolean;
     debug: boolean;
     include: string[];
+    singleCss: boolean;
 }
-export declare function DevupUI({ package: libPackage, devupPath, interfacePath, cssFile, extractCss, debug, include, }?: Partial<DevupUIPluginOptions>): PluginOption;
+export declare function DevupUI({ package: libPackage, devupFile, distDir, cssDir, extractCss, debug, include, singleCss, }?: Partial<DevupUIPluginOptions>): PluginOption;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,YAAY,EAAmB,MAAM,MAAM,CAAA;AAExE,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB;AAiCD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,UAA8B,EACvC,SAAwB,EACxB,aAAoB,EACpB,OAAgD,EAChD,UAAiB,EACjB,KAAa,EACb,OAAY,GACb,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,YAAY,CA8HnD"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,MAAM,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAgDD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,UAA8B,EACvC,SAAwB,EACxB,OAAc,EACd,MAAqC,EACrC,UAAiB,EACjB,KAAa,EACb,OAAY,EACZ,SAAiB,GAClB,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,YAAY,CA0JnD"}

package/dist/plugin.js

@@ -1,128 +1,158 @@
-import { existsSync as f, mkdirSync as $, readFileSync as j, writeFileSync as d } from "node:fs";
-import { writeFile as _ } from "node:fs/promises";
-import { resolve as l, join as h } from "node:path";
-import { setDebug as E, getDefaultTheme as v, codeExtract as k, getCss as x, registerTheme as C, getThemeInterface as O } from "@devup-ui/wasm";
-import { normalizePath as y } from "vite";
-function D(e) {
-  var i;
-  if (f(e.interfacePath) || $(e.interfacePath), f(e.devupPath)) {
-    C(
-      (i = JSON.parse(j(e.devupPath, "utf-8"))) == null ? void 0 : i.theme
-    );
-    const s = O(
-      e.package,
-      "DevupThemeColors",
-      "DevupThemeTypography",
-      "DevupTheme"
-    );
-    s && d(h(e.interfacePath, "theme.d.ts"), s, {
-      encoding: "utf-8"
-    });
+import { existsSync as p } from "node:fs";
+import { writeFile as f, mkdir as k, readFile as W } from "node:fs/promises";
+import { relative as C, dirname as N, resolve as l, join as c, basename as E } from "node:path";
+import { setDebug as O, codeExtract as U, getCss as w, getDefaultTheme as A, registerTheme as g, getThemeInterface as B } from "@devup-ui/wasm";
+function F(s) {
+  return s.endsWith("devup-ui.css") ? null : parseInt(s.split("devup-ui-")[1].split(".")[0]);
+}
+async function _(s) {
+  var a;
+  try {
+    const u = p(s.devupFile) ? await W(s.devupFile, "utf-8") : void 0;
+    if (u) {
+      g(((a = JSON.parse(u)) == null ? void 0 : a.theme) ?? {});
+      const i = B(
+        s.package,
+        "DevupThemeColors",
+        "DevupThemeTypography",
+        "DevupTheme"
+      );
+      i && await f(
+        c(s.distDir, "theme.d.ts"),
+        i,
+        "utf-8"
+      );
+    } else
+      g({});
+  } catch (u) {
+    console.error(u), g({});
   }
-  f(e.cssFile) || d(e.cssFile, "", {
-    encoding: "utf-8"
-  }), d(h(e.interfacePath, ".gitignore"), "*", {
-    encoding: "utf-8"
-  });
+  await Promise.all([
+    p(s.cssDir) ? Promise.resolve() : k(s.cssDir, { recursive: !0 }),
+    s.singleCss ? Promise.resolve() : f(c(s.cssDir, "devup-ui.css"), w(null, !1))
+  ]);
 }
-let c = "";
 function z({
-  package: e = "@devup-ui/react",
-  devupPath: i = "devup.json",
-  interfacePath: s = "df",
-  cssFile: u = l(s, "devup-ui.css"),
-  extractCss: a = !0,
-  debug: w = !1,
-  include: m = []
+  package: s = "@devup-ui/react",
+  devupFile: a = "devup.json",
+  distDir: u = "df",
+  cssDir: i = l(u, "devup-ui"),
+  extractCss: m = !0,
+  debug: x = !1,
+  include: y = [],
+  singleCss: d = !1
 } = {}) {
-  E(w);
-  try {
-    D({
-      package: e,
-      cssFile: u,
-      devupPath: i,
-      interfacePath: s
-    });
-  } catch (t) {
-    console.error(t);
-  }
-  const g = v();
-  return g && JSON.stringify(g), {
+  O(x);
+  const o = /* @__PURE__ */ new Map();
+  return {
     name: "devup-ui",
+    async configResolved() {
+      p(u) || await k(u, { recursive: !0 }), await f(c(u, ".gitignore"), "*", "utf-8"), await _({
+        package: s,
+        cssDir: i,
+        devupFile: a,
+        distDir: u,
+        singleCss: d
+      });
+    },
     config() {
-      const t = v(), r = {};
-      t && (r["process.env.DEVUP_UI_DEFAULT_THEME"] = JSON.stringify(t));
-      const n = {
+      const r = A(), e = {};
+      r && (e["process.env.DEVUP_UI_DEFAULT_THEME"] = JSON.stringify(r));
+      const t = {
         server: {
           watch: {
-            ignored: [`!${i}`]
+            ignored: [`!${a}`]
           }
         },
-        define: r,
+        define: e,
         optimizeDeps: {
-          exclude: m
+          exclude: y
         }
       };
-      return a && (n.build = {
+      return m && (t.build = {
         rollupOptions: {
           output: {
-            manualChunks(o) {
-              if (o.startsWith("devup-ui.css"))
+            manualChunks(n) {
+              if (n.split("?")[0].endsWith("devup-ui.css"))
                 return "devup-ui.css";
             }
           }
         }
-      }), n;
+      }), t;
     },
     apply() {
       return !0;
     },
-    watchChange(t) {
-      if (l(t) === l(i) && f(i))
+    async watchChange(r) {
+      if (l(r) === l(a) && p(a))
         try {
-          D({
-            package: e,
-            cssFile: u,
-            devupPath: i,
-            interfacePath: s
+          await _({
+            package: s,
+            cssDir: i,
+            devupFile: a,
+            distDir: u,
+            singleCss: d
           });
-        } catch (r) {
-          console.error(r);
+        } catch (e) {
+          console.error(e);
         }
     },
-    resolveId(t) {
-      if (y(t) === y(u))
-        return `devup-ui.css?t=${Date.now().toString() + c.length}`;
+    resolveId(r, e) {
+      var t;
+      if (r.includes("devup-ui.css") && l(e ? c(N(e), r) : r) === l(c(i, "devup-ui.css")))
+        return c(
+          i,
+          `devup-ui.css?t=${Date.now().toString() + (((t = o.get(null)) == null ? void 0 : t.length) ?? 0)}`
+        );
     },
-    load(t) {
-      if (t.split("?")[0] === "devup-ui.css")
-        return c = x();
+    load(r) {
+      const e = E(r).split("?")[0];
+      if (e.startsWith("devup-ui") && e.endsWith(".css")) {
+        const t = F(e), n = w(t, !1);
+        return o.set(t, n), n;
+      }
     },
     enforce: "pre",
-    async transform(t, r) {
-      if (!a) return;
-      const n = r.split("?")[0];
-      if ((m.length ? new RegExp(
-        `node_modules(?!(${m.map((S) => `.*${S}`).join("|").replaceAll("/", "[\\/\\\\_]")})([\\/\\\\.]|$))`
-      ).test(n) : r.includes("node_modules")) || !/\.(tsx|ts|js|mjs|jsx)$/i.test(n)) return;
+    async transform(r, e) {
+      if (!m) return;
+      const t = e.split("?")[0];
+      if (!/\.(tsx|ts|js|mjs|jsx)$/i.test(t) || new RegExp(
+        `node_modules(?!.*(${["@devup-ui", ...y].join("|").replaceAll("/", "[\\/\\\\_]")})([\\/\\\\.]|$))`
+      ).test(t))
+        return;
+      let n = C(N(e), i).replaceAll("\\", "/");
+      n.startsWith("./") || (n = `./${n}`);
       const {
-        code: o,
-        css: p,
-        map: T
-      } = k(n, t, e, u);
-      return p && c.length < p.length && (c = p, await _(u, `/* ${r} ${Date.now()} */`, {
-        encoding: "utf-8"
-      })), {
-        code: o,
-        map: T
+        code: D,
+        css: v,
+        map: I,
+        cssFile: T,
+        updatedBaseStyle: S
+        // import main css in code
+      } = U(t, r, s, n, d, !0, !1), h = [];
+      if (S && h.push(
+        f(c(i, "devup-ui.css"), w(null, !1), "utf-8")
+      ), v) {
+        const $ = F(T), j = o.get($);
+        j && j.length < v.length && o.set($, v), h.push(
+          f(
+            c(i, E(T)),
+            `/* ${e} ${Date.now()} */`,
+            "utf-8"
+          )
+        );
+      }
+      return await Promise.all(h), {
+        code: D,
+        map: I
       };
     },
-    async generateBundle(t, r) {
-      if (!a) return;
-      const n = Object.keys(r).find(
-        (o) => o.includes("devup-ui") && o.endsWith(".css")
+    async generateBundle(r, e) {
+      if (!m) return;
+      const t = Object.keys(e).find(
+        (n) => e[n].name === "devup-ui.css"
       );
-      n && "source" in r[n] && (r[n].source = c);
+      t && "source" in e[t] && (e[t].source = o.get(null));
     }
   };
 }

package/package.json

@@ -18,7 +18,7 @@
     "vite"
   ],
   "type": "module",
-  "version": "1.0.32",
+  "version": "1.0.34",
   "publishConfig": {
     "access": "public"
   },
@@ -36,7 +36,7 @@
     "dist"
   ],
   "dependencies": {
-    "@devup-ui/wasm": "1.0.32"
+    "@devup-ui/wasm": "1.0.34"
   },
   "devDependencies": {
     "vite-plugin-dts": "^4.5.4",