@devup-ui/webpack-plugin 0.1.2 → 0.1.4

package/dist/loader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("node:fs"),u=require("@devup-ui/wasm"),a=function(c){const{package:i,cssFile:n}=this.getOptions(),e=this.async(),t=this.resourcePath;if(t.includes("node_modules/")||t.includes("@devup-ui/react")||!/\.[tj](s|sx)?$/.test(t)){e(null,c);return}try{const{code:s,css:r}=u.codeExtract(this.resourcePath,c.toString(),i,n);r&&o.writeFileSync(n,r,{encoding:"utf-8"}),e(null,s)}catch(s){e(s)}};exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("node:fs"),a=require("@devup-ui/wasm"),l=function(c){const{plugin:n}=this.getOptions(),{package:r,cssFile:o}=n.options,e=this.async(),t=this.resourcePath;if(t.includes("node_modules/")||t.includes("@devup-ui/react")||!/\.[tj](s|sx)?$/.test(t)){e(null,c);return}try{const{code:s,css:i}=a.codeExtract(this.resourcePath,c.toString(),r,o+(n.watch?"?"+Date.now():""));i&&u.writeFileSync(o,i,{encoding:"utf-8"}),e(null,s)}catch(s){e(s)}};exports.default=l;

package/dist/loader.d.ts

@@ -1,7 +1,7 @@
 import { RawLoaderDefinitionFunction } from 'webpack';
+import { DevupUIWebpackPlugin } from './plugin';
 export interface DevupUILoaderOptions {
-    package: string;
-    cssFile: string;
+    plugin: DevupUIWebpackPlugin;
 }
 declare const devupUILoader: RawLoaderDefinitionFunction<DevupUILoaderOptions>;
 export default devupUILoader;

package/dist/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,aAAa,EAAE,2BAA2B,CAAC,oBAAoB,CAgClE,CAAA;AACH,eAAe,aAAa,CAAA"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,oBAAoB,CAAA;CAC7B;AAED,QAAA,MAAM,aAAa,EAAE,2BAA2B,CAAC,oBAAoB,CAiClE,CAAA;AACH,eAAe,aAAa,CAAA"}

package/dist/loader.js

@@ -1,19 +1,19 @@
-import { writeFileSync as n } from "node:fs";
-import { codeExtract as a } from "@devup-ui/wasm";
-const d = function(s) {
-  const { package: i, cssFile: o } = this.getOptions(), t = this.async(), e = this.resourcePath;
+import { writeFileSync as a } from "node:fs";
+import { codeExtract as u } from "@devup-ui/wasm";
+const p = function(o) {
+  const { plugin: s } = this.getOptions(), { package: r, cssFile: n } = s.options, t = this.async(), e = this.resourcePath;
   if (e.includes("node_modules/") || e.includes("@devup-ui/react") || !/\.[tj](s|sx)?$/.test(e)) {
-    t(null, s);
+    t(null, o);
     return;
   }
   try {
-    const { code: c, css: r } = a(
+    const { code: c, css: i } = u(
       this.resourcePath,
-      s.toString(),
-      i,
-      o
+      o.toString(),
+      r,
+      n + (s.watch ? "?" + Date.now() : "")
     );
-    r && n(o, r, {
+    i && a(n, i, {
       encoding: "utf-8"
     }), t(null, c);
   } catch (c) {
@@ -21,5 +21,5 @@ const d = function(s) {
   }
 };
 export {
-  d as default
+  p as default
 };

package/dist/plugin.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var f=(s,e,t)=>e in s?l(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var d=(s,e,t)=>f(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("node:fs"),m=require("node:module"),c=require("node:path"),g=require("node:url"),a=require("@devup-ui/wasm");var n=typeof document<"u"?document.currentScript:null;const v=g.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:n&&n.tagName.toUpperCase()==="SCRIPT"&&n.src||new URL("plugin.cjs",document.baseURI).href),y=c.dirname(v);class P{constructor({package:e="@devup-ui/react",cssFile:t=c.join(y,"devup-ui.css"),devupPath:o="devup.json",interfacePath:r=".df"}){d(this,"options");this.options={package:e,cssFile:t,devupPath:o,interfacePath:r}}writeDataFiles(){var t;a.registerTheme((t=JSON.parse(i.readFileSync(this.options.devupPath,"utf-8")))==null?void 0:t.theme);const e=a.getThemeInterface(this.options.package,"DevupThemeColors","DevupThemeTypography");e&&(i.existsSync(this.options.interfacePath)||i.mkdirSync(this.options.interfacePath),i.writeFileSync(c.join(this.options.interfacePath,"theme.d.ts"),e,{encoding:"utf-8"})),i.writeFileSync(this.options.cssFile,a.getCss(),{encoding:"utf-8"})}apply(e){if(i.existsSync(this.options.devupPath)){try{this.writeDataFiles()}catch(o){console.error(o)}let t=null;e.hooks.afterCompile.tap("DevupUIWebpackPlugin",o=>{o.fileDependencies.add(this.options.devupPath)}),e.hooks.watchRun.tapAsync("DevupUIWebpackPlugin",(o,r)=>{i.stat(this.options.devupPath,(p,h)=>{if(p)return console.error(`Error checking ${this.options.devupPath}:`,p),r();const u=h.mtimeMs;t&&t!==u&&this.writeDataFiles(),t=u,r()})})}i.existsSync(this.options.cssFile)||i.writeFileSync(this.options.cssFile,"",{encoding:"utf-8"}),e.options.module.rules.push({test:/\.(tsx|ts|js|mjs|jsx)$/,exclude:/node_modules/,use:[{loader:m.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:n&&n.tagName.toUpperCase()==="SCRIPT"&&n.src||new URL("plugin.cjs",document.baseURI).href).resolve("@devup-ui/webpack-plugin/loader"),options:{package:this.options.package,cssFile:this.options.cssFile}}]})}}exports.DevupUIWebpackPlugin=P;
+"use strict";var f=Object.defineProperty;var m=(s,e,t)=>e in s?f(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var a=(s,e,t)=>m(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("node:fs"),g=require("node:module"),c=require("node:path"),v=require("node:url"),u=require("@devup-ui/wasm");var n=typeof document<"u"?document.currentScript:null;const y=v.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:n&&n.tagName.toUpperCase()==="SCRIPT"&&n.src||new URL("plugin.cjs",document.baseURI).href),P=c.dirname(y);class S{constructor({package:e="@devup-ui/react",cssFile:t=c.join(P,"devup-ui.css"),devupPath:r="devup.json",interfacePath:o=".df"}){a(this,"options");a(this,"watch",!1);this.options={package:e,cssFile:t,devupPath:r,interfacePath:o}}writeDataFiles(){var t;u.registerTheme((t=JSON.parse(i.readFileSync(this.options.devupPath,"utf-8")))==null?void 0:t.theme);const e=u.getThemeInterface(this.options.package,"DevupThemeColors","DevupThemeTypography");e&&(i.existsSync(this.options.interfacePath)||i.mkdirSync(this.options.interfacePath),i.writeFileSync(c.join(this.options.interfacePath,"theme.d.ts"),e,{encoding:"utf-8"})),i.writeFileSync(this.options.cssFile,u.getCss(),{encoding:"utf-8"})}apply(e){const t=i.existsSync(this.options.devupPath);if(t){try{this.writeDataFiles()}catch(o){console.error(o)}e.hooks.afterCompile.tap("DevupUIWebpackPlugin",o=>{o.fileDependencies.add(this.options.devupPath)})}let r=null;e.hooks.watchRun.tapAsync("DevupUIWebpackPlugin",(o,p)=>{this.watch=!0,t&&i.stat(this.options.devupPath,(d,l)=>{if(d)return console.error(`Error checking ${this.options.devupPath}:`,d),p();const h=l.mtimeMs;r&&r!==h&&this.writeDataFiles(),r=h,p()})}),i.existsSync(this.options.cssFile)||i.writeFileSync(this.options.cssFile,"",{encoding:"utf-8"}),e.options.module.rules.push({test:/\.(tsx|ts|js|mjs|jsx)$/,exclude:/node_modules/,use:[{loader:g.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:n&&n.tagName.toUpperCase()==="SCRIPT"&&n.src||new URL("plugin.cjs",document.baseURI).href).resolve("@devup-ui/webpack-plugin/loader"),options:{plugin:this}}]})}}exports.DevupUIWebpackPlugin=S;

package/dist/plugin.d.ts

@@ -7,6 +7,7 @@ export interface DevupUIWebpackPluginOptions {
 }
 export declare class DevupUIWebpackPlugin {
     options: DevupUIWebpackPluginOptions;
+    watch: boolean;
     constructor({ package: libPackage, cssFile, devupPath, interfacePath, }: Partial<DevupUIWebpackPluginOptions>);
     writeDataFiles(): void;
     apply(compiler: Compiler): void;

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAKvC,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,qBAAa,oBAAoB;IAC/B,OAAO,EAAE,2BAA2B,CAAA;gBAExB,EACV,OAAO,EAAE,UAA8B,EACvC,OAAwC,EACxC,SAAwB,EACxB,aAAqB,GACtB,EAAE,OAAO,CAAC,2BAA2B,CAAC;IASvC,cAAc;IAyBd,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAsDzB"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAKvC,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,qBAAa,oBAAoB;IAC/B,OAAO,EAAE,2BAA2B,CAAA;IACpC,KAAK,UAAQ;gBAED,EACV,OAAO,EAAE,UAA8B,EACvC,OAAwC,EACxC,SAAwB,EACxB,aAAqB,GACtB,EAAE,OAAO,CAAC,2BAA2B,CAAC;IASvC,cAAc;IAyBd,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAqDzB"}

package/dist/plugin.js

@@ -1,80 +1,78 @@
-var d = Object.defineProperty;
-var l = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var c = (i, e, t) => l(i, typeof e != "symbol" ? e + "" : e, t);
-import { readFileSync as m, existsSync as p, mkdirSync as f, writeFileSync as n, stat as g } from "node:fs";
-import { createRequire as v } from "node:module";
-import { dirname as k, join as h } from "node:path";
-import { fileURLToPath as P } from "node:url";
-import { registerTheme as F, getThemeInterface as y, getCss as D } from "@devup-ui/wasm";
-const T = P(import.meta.url), w = k(T);
-class _ {
+var l = Object.defineProperty;
+var m = (i, e, t) => e in i ? l(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var n = (i, e, t) => m(i, typeof e != "symbol" ? e + "" : e, t);
+import { readFileSync as f, existsSync as p, mkdirSync as g, writeFileSync as r, stat as v } from "node:fs";
+import { createRequire as P } from "node:module";
+import { dirname as k, join as u } from "node:path";
+import { fileURLToPath as D } from "node:url";
+import { registerTheme as y, getThemeInterface as w, getCss as F } from "@devup-ui/wasm";
+const T = D(import.meta.url), x = k(T);
+class b {
   constructor({
     package: e = "@devup-ui/react",
-    cssFile: t = h(w, "devup-ui.css"),
-    devupPath: s = "devup.json",
-    interfacePath: o = ".df"
+    cssFile: t = u(x, "devup-ui.css"),
+    devupPath: o = "devup.json",
+    interfacePath: s = ".df"
   }) {
-    c(this, "options");
+    n(this, "options");
+    n(this, "watch", !1);
     this.options = {
       package: e,
       cssFile: t,
-      devupPath: s,
-      interfacePath: o
+      devupPath: o,
+      interfacePath: s
     };
   }
   writeDataFiles() {
     var t;
-    F(
-      (t = JSON.parse(m(this.options.devupPath, "utf-8"))) == null ? void 0 : t.theme
+    y(
+      (t = JSON.parse(f(this.options.devupPath, "utf-8"))) == null ? void 0 : t.theme
     );
-    const e = y(
+    const e = w(
       this.options.package,
       "DevupThemeColors",
       "DevupThemeTypography"
     );
-    e && (p(this.options.interfacePath) || f(this.options.interfacePath), n(
-      h(this.options.interfacePath, "theme.d.ts"),
+    e && (p(this.options.interfacePath) || g(this.options.interfacePath), r(
+      u(this.options.interfacePath, "theme.d.ts"),
       e,
       {
         encoding: "utf-8"
       }
-    )), n(this.options.cssFile, D(), {
+    )), r(this.options.cssFile, F(), {
       encoding: "utf-8"
     });
   }
   apply(e) {
-    if (p(this.options.devupPath)) {
+    const t = p(this.options.devupPath);
+    if (t) {
       try {
         this.writeDataFiles();
       } catch (s) {
         console.error(s);
       }
-      let t = null;
       e.hooks.afterCompile.tap("DevupUIWebpackPlugin", (s) => {
         s.fileDependencies.add(this.options.devupPath);
-      }), e.hooks.watchRun.tapAsync(
-        "DevupUIWebpackPlugin",
-        (s, o) => {
-          g(this.options.devupPath, (a, u) => {
-            if (a)
-              return console.error(`Error checking ${this.options.devupPath}:`, a), o();
-            const r = u.mtimeMs;
-            t && t !== r && this.writeDataFiles(), t = r, o();
-          });
-        }
-      );
+      });
     }
-    p(this.options.cssFile) || n(this.options.cssFile, "", { encoding: "utf-8" }), e.options.module.rules.push({
+    let o = null;
+    e.hooks.watchRun.tapAsync("DevupUIWebpackPlugin", (s, a) => {
+      this.watch = !0, t && v(this.options.devupPath, (c, d) => {
+        if (c)
+          return console.error(`Error checking ${this.options.devupPath}:`, c), a();
+        const h = d.mtimeMs;
+        o && o !== h && this.writeDataFiles(), o = h, a();
+      });
+    }), p(this.options.cssFile) || r(this.options.cssFile, "", { encoding: "utf-8" }), e.options.module.rules.push({
       test: /\.(tsx|ts|js|mjs|jsx)$/,
       exclude: /node_modules/,
       use: [
         {
-          loader: v(import.meta.url).resolve(
+          loader: P(import.meta.url).resolve(
             "@devup-ui/webpack-plugin/loader"
           ),
           options: {
-            package: this.options.package,
-            cssFile: this.options.cssFile
+            plugin: this
           }
         }
       ]
@@ -82,5 +80,5 @@ class _ {
   }
 }
 export {
-  _ as DevupUIWebpackPlugin
+  b as DevupUIWebpackPlugin
 };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@devup-ui/webpack-plugin",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "dependencies": {
     "webpack": "^5.97",
-    "@devup-ui/wasm": "0.1.1"
+    "@devup-ui/wasm": "0.1.2"
   },
   "exports": {
     ".": {
@@ -31,8 +31,6 @@
     "webpack": "*"
   },
   "scripts": {
-    "test": "vitest run --coverage",
-    "test:s": "vitest run -u",
     "lint": "eslint",
     "build": "tsc && vite build"
   }