@devup-ui/webpack-plugin 0.1.2 → 0.1.3

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 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 a=(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"),u=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"}){a(this,"options");a(this,"watch",!1);this.options={package:e,cssFile:t,devupPath:o,interfacePath:r}}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){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),this.watch=!0}),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 d=h.mtimeMs;t&&t!==d&&this.writeDataFiles(),t=d,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:{plugin:this}}]})}}exports.DevupUIWebpackPlugin=P;

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;CAsDzB"}

package/dist/plugin.js

@@ -1,20 +1,21 @@
 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";
+var n = (i, e, t) => l(i, typeof e != "symbol" ? e + "" : e, t);
+import { readFileSync as m, existsSync as p, mkdirSync as f, writeFileSync as r, 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);
+import { dirname as P, join as c } from "node:path";
+import { fileURLToPath as k } from "node:url";
+import { registerTheme as y, getThemeInterface as D, getCss as w } from "@devup-ui/wasm";
+const F = k(import.meta.url), T = P(F);
 class _ {
   constructor({
     package: e = "@devup-ui/react",
-    cssFile: t = h(w, "devup-ui.css"),
+    cssFile: t = c(T, "devup-ui.css"),
     devupPath: s = "devup.json",
     interfacePath: o = ".df"
   }) {
-    c(this, "options");
+    n(this, "options");
+    n(this, "watch", !1);
     this.options = {
       package: e,
       cssFile: t,
@@ -24,21 +25,21 @@ class _ {
   }
   writeDataFiles() {
     var t;
-    F(
+    y(
       (t = JSON.parse(m(this.options.devupPath, "utf-8"))) == null ? void 0 : t.theme
     );
-    const e = y(
+    const e = D(
       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) || f(this.options.interfacePath), r(
+      c(this.options.interfacePath, "theme.d.ts"),
       e,
       {
         encoding: "utf-8"
       }
-    )), n(this.options.cssFile, D(), {
+    )), r(this.options.cssFile, w(), {
       encoding: "utf-8"
     });
   }
@@ -51,20 +52,20 @@ class _ {
       }
       let t = null;
       e.hooks.afterCompile.tap("DevupUIWebpackPlugin", (s) => {
-        s.fileDependencies.add(this.options.devupPath);
+        s.fileDependencies.add(this.options.devupPath), this.watch = !0;
       }), 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();
+            const h = u.mtimeMs;
+            t && t !== h && this.writeDataFiles(), t = h, o();
           });
         }
       );
     }
-    p(this.options.cssFile) || n(this.options.cssFile, "", { encoding: "utf-8" }), e.options.module.rules.push({
+    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: [
@@ -73,8 +74,7 @@ class _ {
             "@devup-ui/webpack-plugin/loader"
           ),
           options: {
-            package: this.options.package,
-            cssFile: this.options.cssFile
+            plugin: this
           }
         }
       ]

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@devup-ui/webpack-plugin",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "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"
   }