@devup-ui/vite-plugin 0.1.48 → 0.1.49

package/dist/plugin.cjs

@@ -1,11 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("node:fs"),o=require("node:path"),g=require("node:url"),u=require("@devup-ui/wasm");var d=typeof document<"u"?document.currentScript:null;const h=g.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:d&&d.tagName.toUpperCase()==="SCRIPT"&&d.src||new URL("plugin.cjs",document.baseURI).href),v=o.dirname(h);function l(e){var t;u.registerTheme((t=JSON.parse(r.readFileSync(e.devupPath,"utf-8")))==null?void 0:t.theme);const n=u.getThemeInterface(e.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");n&&(r.existsSync(e.interfacePath)||r.mkdirSync(e.interfacePath),r.writeFileSync(o.join(e.interfacePath,"theme.d.ts"),n,{encoding:"utf-8"})),r.writeFileSync(e.cssFile,u.getCss(),{encoding:"utf-8"})}function S({package:e="@devup-ui/react",cssFile:n=o.join(v,"devup-ui.css"),devupPath:t="devup.json",interfacePath:a=".df",extractCss:p=!0,debug:y=!1}={}){if(u.setDebug(y),r.existsSync(t))try{l({package:e,cssFile:n,devupPath:t,interfacePath:a})}catch(i){console.error(i)}let f=null;return{name:"devup-ui",config(){return{server:{watch:{ignored:[`!${t}`]}}}},apply(i,c){return f=c.command,!0},watchChange(i){if(o.resolve(i)===o.resolve(t)&&r.existsSync(t))try{l({package:e,cssFile:n,devupPath:t,interfacePath:a})}catch(c){console.error(c)}},enforce:"pre",transform(i,c){if(!p||c.includes("node_modules")||!/\.(tsx|ts|js|mjs|jsx)$/i.test(c))return;const{code:m,css:s}=u.codeExtract(c,i,e,n);return s&&(r.writeFileSync(n,s,{encoding:"utf-8"}),f==="serve"&&process.env.NODE_ENV!=="test")?{code:`${m}
-            if(typeof window !== 'undefined'){
-              const exists = !!document.getElementById('devup-ui');
-              const style = document.getElementById('devup-ui') || document.createElement('style');
-              style.id = 'devup-ui';
-              style.textContent = \`
-              ${s}
-              \`;
-              if (!exists) document.head.appendChild(style);
-            }
-          `}:{code:m}}}}exports.DevupUI=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("node:fs"),g=require("node:fs/promises"),o=require("node:path"),a=require("@devup-ui/wasm"),l=require("vite");function d(e){var t;if(n.existsSync(e.interfacePath)||n.mkdirSync(e.interfacePath),n.existsSync(e.devupPath)){a.registerTheme((t=JSON.parse(n.readFileSync(e.devupPath,"utf-8")))==null?void 0:t.theme);const s=a.getThemeInterface(e.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");s&&n.writeFileSync(o.join(e.interfacePath,"theme.d.ts"),s,{encoding:"utf-8"})}n.existsSync(e.cssFile)||n.writeFileSync(e.cssFile,"",{encoding:"utf-8"})}let c="";function m({package:e="@devup-ui/react",devupPath:t="devup.json",interfacePath:s=".df",cssFile:i=o.resolve(s,"devup-ui.css"),extractCss:p=!0,debug:h=!1}={}){a.setDebug(h);try{d({package:e,cssFile:i,devupPath:t,interfacePath:s})}catch(r){console.error(r)}return{name:"devup-ui",config(){return{server:{watch:{ignored:[`!${t}`]}},build:{rollupOptions:{output:{manualChunks(r){if(r.startsWith("devup-ui.css"))return"devup-ui.css"}}}}}},apply(){return!0},watchChange(r){if(o.resolve(r)===o.resolve(t)&&n.existsSync(t))try{d({package:e,cssFile:i,devupPath:t,interfacePath:s})}catch(u){console.error(u)}},resolveId(r){if(l.normalizePath(r)===l.normalizePath(i))return"devup-ui.css?v="+c.length},load(r){if(r.split("?")[0]==="devup-ui.css")return c},enforce:"pre",async transform(r,u){if(!p||u.includes("node_modules")||!/\.(tsx|ts|js|mjs|jsx)$/i.test(u))return;const{code:v,css:f}=a.codeExtract(u,r,e,i);return f&&c.length<f.length&&(c=f,await g.writeFile(i,`/* ${u} ${Date.now()} */`,{encoding:"utf-8"})),{code:v}}}}exports.DevupUI=m;

package/dist/plugin.d.ts

@@ -7,5 +7,5 @@ export interface DevupUIPluginOptions {
     extractCss: boolean;
     debug: boolean;
 }
-export declare function DevupUI({ package: libPackage, cssFile, devupPath, interfacePath, extractCss, debug, }?: Partial<DevupUIPluginOptions>): PluginOption;
+export declare function DevupUI({ package: libPackage, devupPath, interfacePath, cssFile, extractCss, debug, }?: 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":"AAWA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,MAAM,CAAA;AAKxC,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;CACf;AAuBD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,UAA8B,EACvC,OAAwC,EACxC,SAAwB,EACxB,aAAqB,EACrB,UAAiB,EACjB,KAAa,GACd,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,YAAY,CA8EnD"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,MAAM,CAAA;AAEvD,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;CACf;AA8BD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,UAA8B,EACvC,SAAwB,EACxB,aAAqB,EACrB,OAAgD,EAChD,UAAiB,EACjB,KAAa,GACd,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,YAAY,CAgFnD"}

package/dist/plugin.js

@@ -1,43 +1,48 @@
-import { existsSync as i, writeFileSync as u, readFileSync as g, mkdirSync as h } from "node:fs";
-import { dirname as v, join as l, resolve as f } from "node:path";
-import { fileURLToPath as x } from "node:url";
-import { setDebug as C, codeExtract as D, registerTheme as T, getThemeInterface as w, getCss as E } from "@devup-ui/wasm";
-const j = x(import.meta.url), S = v(j);
-function a(e) {
+import { existsSync as o, mkdirSync as g, readFileSync as v, writeFileSync as f } from "node:fs";
+import { writeFile as y } from "node:fs/promises";
+import { resolve as a, join as w } from "node:path";
+import { setDebug as D, codeExtract as C, registerTheme as T, getThemeInterface as j } from "@devup-ui/wasm";
+import { normalizePath as m } from "vite";
+function p(e) {
   var t;
-  T((t = JSON.parse(g(e.devupPath, "utf-8"))) == null ? void 0 : t.theme);
-  const r = w(
-    e.package,
-    "DevupThemeColors",
-    "DevupThemeTypography",
-    "DevupTheme"
-  );
-  r && (i(e.interfacePath) || h(e.interfacePath), u(l(e.interfacePath, "theme.d.ts"), r, {
-    encoding: "utf-8"
-  })), u(e.cssFile, E(), {
+  if (o(e.interfacePath) || g(e.interfacePath), o(e.devupPath)) {
+    T(
+      (t = JSON.parse(v(e.devupPath, "utf-8"))) == null ? void 0 : t.theme
+    );
+    const u = j(
+      e.package,
+      "DevupThemeColors",
+      "DevupThemeTypography",
+      "DevupTheme"
+    );
+    u && f(w(e.interfacePath, "theme.d.ts"), u, {
+      encoding: "utf-8"
+    });
+  }
+  o(e.cssFile) || f(e.cssFile, "", {
     encoding: "utf-8"
   });
 }
-function N({
+let c = "";
+function F({
   package: e = "@devup-ui/react",
-  cssFile: r = l(S, "devup-ui.css"),
   devupPath: t = "devup.json",
-  interfacePath: s = ".df",
-  extractCss: p = !0,
-  debug: y = !1
+  interfacePath: u = ".df",
+  cssFile: i = a(u, "devup-ui.css"),
+  extractCss: d = !0,
+  debug: l = !1
 } = {}) {
-  if (C(y), i(t))
-    try {
-      a({
-        package: e,
-        cssFile: r,
-        devupPath: t,
-        interfacePath: s
-      });
-    } catch (o) {
-      console.error(o);
-    }
-  let m = null;
+  D(l);
+  try {
+    p({
+      package: e,
+      cssFile: i,
+      devupPath: t,
+      interfacePath: u
+    });
+  } catch (r) {
+    console.error(r);
+  }
   return {
     name: "devup-ui",
     config() {
@@ -46,49 +51,54 @@ function N({
           watch: {
             ignored: [`!${t}`]
           }
+        },
+        build: {
+          rollupOptions: {
+            output: {
+              manualChunks(r) {
+                if (r.startsWith("devup-ui.css"))
+                  return "devup-ui.css";
+              }
+            }
+          }
         }
       };
     },
-    apply(o, n) {
-      return m = n.command, !0;
+    apply() {
+      return !0;
     },
-    watchChange(o) {
-      if (f(o) === f(t) && i(t))
+    watchChange(r) {
+      if (a(r) === a(t) && o(t))
         try {
-          a({
+          p({
             package: e,
-            cssFile: r,
+            cssFile: i,
             devupPath: t,
-            interfacePath: s
+            interfacePath: u
           });
         } catch (n) {
           console.error(n);
         }
     },
+    resolveId(r) {
+      if (m(r) === m(i))
+        return "devup-ui.css?v=" + c.length;
+    },
+    load(r) {
+      if (r.split("?")[0] === "devup-ui.css") return c;
+    },
     enforce: "pre",
-    transform(o, n) {
-      if (!p || n.includes("node_modules") || !/\.(tsx|ts|js|mjs|jsx)$/i.test(n)) return;
-      const { code: d, css: c } = D(n, o, e, r);
-      return c && (u(r, c, {
+    async transform(r, n) {
+      if (!d || n.includes("node_modules") || !/\.(tsx|ts|js|mjs|jsx)$/i.test(n)) return;
+      const { code: h, css: s } = C(n, r, e, i);
+      return s && c.length < s.length && (c = s, await y(i, `/* ${n} ${Date.now()} */`, {
         encoding: "utf-8"
-      }), m === "serve" && process.env.NODE_ENV !== "test") ? {
-        code: `${d}
-            if(typeof window !== 'undefined'){
-              const exists = !!document.getElementById('devup-ui');
-              const style = document.getElementById('devup-ui') || document.createElement('style');
-              style.id = 'devup-ui';
-              style.textContent = \`
-              ${c}
-              \`;
-              if (!exists) document.head.appendChild(style);
-            }
-          `
-      } : {
-        code: d
+      })), {
+        code: h
       };
     }
   };
 }
 export {
-  N as DevupUI
+  F as DevupUI
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@devup-ui/vite-plugin",
   "type": "module",
-  "version": "0.1.48",
+  "version": "0.1.49",
   "publishConfig": {
     "access": "public"
   },