@devup-ui/webpack-plugin 0.1.11 → 0.1.13

package/dist/css-loader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@devup-ui/wasm"),t=function(){this.callback(null,e.getCss())};exports.default=t;

package/dist/css-loader.d.ts

@@ -0,0 +1,4 @@
+import { RawLoaderDefinitionFunction } from 'webpack';
+declare const devupUICssLoader: RawLoaderDefinitionFunction;
+export default devupUICssLoader;
+//# sourceMappingURL=css-loader.d.ts.map

package/dist/css-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-loader.d.ts","sourceRoot":"","sources":["../src/css-loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,QAAA,MAAM,gBAAgB,EAAE,2BAEvB,CAAA;AACD,eAAe,gBAAgB,CAAA"}

package/dist/css-loader.js

@@ -0,0 +1,7 @@
+import { getCss as s } from "@devup-ui/wasm";
+const o = function() {
+  this.callback(null, s());
+};
+export {
+  o as default
+};

package/dist/devup-ui.css

@@ -0,0 +1,4 @@
+:root{--link:#006BFF;--buttonBlueActive:#19498B;--menuActive:#EAE8FC;--title:#1A1A1A;--border:#E0E0E0;--footerText:#51575F;--menuHover:#F6F4FF;--containerBackground:#FFFFFF;--error:#F44336;--caption:#A9A8B4;--success:#4CAF50;--codeBg:#3E3B41;--third:#918AE9;--shadow:#87878740;--primary:#6159D4;--joinBg:#CDE2FA;--buttonBlue:#266CCD;--cardBg:#F8F8F8;--text:#2F2F2F;--search:#9C50FF;--base:#FFFFFF;--textReverse:#FFFFFF;--footerTitle:#A3A4B4;--footerBg:#E6E7ED;--captionBold:#878594;--warning:#FF9800;--info:#2196F3;--buttonBlueHover:#1453AC;--background:#FFFFFF;--negativeBase:#000000;--secondary:#85A5F2;}
+:root[data-theme=dark]{--negativeBase:#FFFFFF;--buttonBlueHover:#1453AC;--footerText:#FFFFFF;--third:#737FE4;--footerBg:#2E303C;--caption:#A9A8B4;--secondary:#2A4586;--containerBackground:#1E1E1E;--link:#006BFF;--border:#333333;--warning:#FF9800;--success:#4CAF50;--menuActive:#283259;--primary:#737FE4;--footerTitle:#A3A4B4;--buttonBlueActive:#19498B;--textReverse:#2F2F2F;--background:#131313;--shadow:#62626240;--captionBold:#878594;--buttonBlue:#0867AF;--search:#6FA4FF;--base:#000000;--info:#2196F3;--title:#FAFAFA;--joinBg:#2F363E;--codeBg:#2E303C;--menuHover:#3C404B;--error:#F44336;--text:#EDEDED;--cardBg:#28272B;}
+.typo-body{font-family:Pretendard;font-size:14px;font-weight:500;line-height:130%;letter-spacing:-0.42px}.typo-bodyReg{font-family:Pretendard;font-size:16px;font-weight:400;line-height:150%;letter-spacing:-0.48px}.typo-buttonL{font-family:Pretendard;font-size:17px;font-weight:800;line-height:130%;letter-spacing:-0.51px}.typo-buttonLbold{font-family:Pretendard;font-size:17px;font-weight:700;line-height:130%;letter-spacing:-0.51px}.typo-buttonLsemiB{font-family:Pretendard;font-size:17px;font-weight:600;line-height:130%;letter-spacing:-0.51px}.typo-buttonM{font-family:Pretendard;font-size:15px;font-weight:600;line-height:130%;letter-spacing:-0.45px}.typo-buttonS{font-family:Pretendard;font-size:14px;font-weight:800;line-height:130%;letter-spacing:-0.42px}.typo-buttonSmid{font-family:Pretendard;font-size:14px;font-weight:500;line-height:130%;letter-spacing:-0.42px}.typo-caption{font-family:Pretendard;font-size:14px;font-weight:500;line-height:140%;letter-spacing:-0.42px}.typo-captionBold{font-family:Pretendard;font-size:14px;font-weight:700;line-height:130%;letter-spacing:-0.42px}.typo-code{font-family:D2Coding;font-size:13px;font-weight:700;line-height:150%;letter-spacing:-0.39px}.typo-footerMenu{font-family:Pretendard;font-size:13px;font-weight:500;line-height:140%;letter-spacing:-0.39px}.typo-h1{font-family:Pretendard;font-size:38px;font-weight:800;line-height:130%;letter-spacing:-1.14px}.typo-h2{font-family:Pretendard;font-size:36px;font-weight:800;line-height:130%;letter-spacing:-1.08px}.typo-h3{font-family:Pretendard;font-size:32px;font-weight:700;line-height:130%;letter-spacing:-0.96px}.typo-h4{font-family:Pretendard;font-size:28px;font-weight:700;line-height:130%;letter-spacing:-0.84px}.typo-h5{font-family:Pretendard;font-size:24px;font-weight:600;line-height:130%;letter-spacing:-0.72px}.typo-h6{font-family:Pretendard;font-size:18px;font-weight:600;line-height:130%;letter-spacing:-0.54px}.typo-h6Reg{font-family:Pretendard;font-size:18px;font-weight:400;line-height:130%;letter-spacing:-0.54px}.typo-small{font-family:Pretendard;font-size:11px;font-weight:300;line-height:130%;letter-spacing:-0.33px}.typo-smallBold{font-family:Pretendard;font-size:12px;font-weight:800;line-height:140%;letter-spacing:-0.36px}.typo-textL{font-family:Pretendard;font-size:16px;font-weight:500;line-height:130%;letter-spacing:-0.48px}.typo-textS{font-family:Pretendard;font-size:13px;font-weight:500;line-height:140%;letter-spacing:-0.39px}.typo-textSbold{font-family:Pretendard;font-size:15px;font-weight:700;line-height:140%;letter-spacing:-0.45px}
+@media (min-width:1280px){.typo-body{font-family:Pretendard;font-size:16px;font-weight:500;line-height:150%;letter-spacing:-0.48px}.typo-buttonL{font-family:Pretendard;font-size:20px;font-weight:800;line-height:130%;letter-spacing:-0.6px}.typo-buttonLbold{font-family:Pretendard;font-size:18px;font-weight:700;line-height:130%;letter-spacing:-0.54px}.typo-buttonLsemiB{font-family:Pretendard;font-size:18px;font-weight:600;line-height:130%;letter-spacing:-0.54px}.typo-buttonM{font-family:Pretendard;font-size:17px;font-weight:600;line-height:130%;letter-spacing:-0.51px}.typo-buttonS{font-family:Pretendard;font-size:15px;font-weight:700;line-height:130%;letter-spacing:-0.45px}.typo-buttonSmid{font-family:Pretendard;font-size:15px;font-weight:500;line-height:130%;letter-spacing:-0.45px}.typo-code{font-family:D2Coding;font-size:15px;font-weight:700;line-height:150%;letter-spacing:-0.45px}.typo-footerMenu{font-family:Pretendard;font-size:14px;font-weight:500;line-height:140%;letter-spacing:-0.42px}.typo-h1{font-family:Pretendard;font-size:52px;font-weight:800;line-height:130%;letter-spacing:-1.56px}.typo-h2{font-family:Pretendard;font-size:48px;font-weight:800;line-height:130%;letter-spacing:-1.44px}.typo-h3{font-family:Pretendard;font-size:42px;font-weight:700;line-height:130%;letter-spacing:-1.26px}.typo-h4{font-family:Pretendard;font-size:36px;font-weight:700;line-height:130%;letter-spacing:-1.08px}.typo-h5{font-family:Pretendard;font-size:30px;font-weight:600;line-height:130%;letter-spacing:-0.9px}.typo-h6{font-family:Pretendard;font-size:24px;font-weight:600;line-height:130%;letter-spacing:-0.72px}.typo-h6Reg{font-family:Pretendard;font-size:24px;font-weight:400;line-height:130%;letter-spacing:-0.72px}.typo-small{font-family:Pretendard;font-size:12px;font-weight:400;line-height:140%;letter-spacing:-0.36px}.typo-textL{font-family:Pretendard;font-size:18px;font-weight:500;line-height:150%;letter-spacing:-0.54px}.typo-textS{font-family:Pretendard;font-size:15px;font-weight:500;line-height:140%;letter-spacing:-0.45px}}.d6{align-items:center}.d4{display:flex}.d5{flex-direction:column}.d61{justify-content:center}.d6{align-items:center}.d57{align-items:flex-end}.d56{background:var(--buttonBlue)}.d44{background:var(--containerBackground)}.d8{background:var(--secondary)}.d31{background:var(--cardBg)}.d72{background:var(--footerBg)}.d53{background:var(--codeBg)}.d14{background:var(--text)}.d62{background-color:var(--joinBg)}.d63{background-image:url(/discord-bg.svg)}.d64{border-radius:40px 40px 0px 40px}.d48{border-radius:1000px}.d32{border-radius:20px}.d15{border-radius:100px}.d78{border-radius:16px}.d9{border-radius:100%}.d79{box-shadow:0px 2px 8px 0px var(--shadow, rgba(135, 135, 135, 0.25))}.d45{box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.25)}.d10{width:10px;height:10px;}.d12{width:24px;height:24px;}.d27{width:32px;height:32px;}.d11{color:var(--base)}.d2{color:var(--title)}.d40{color:#FFF}.d66{color:var(--footerTitle)}.d67{color:var(--footerText)}.d29{flex:1 0 0}.d41{flex:4px}.d13{gap:10px}.d35{gap:40px}.d68{gap:14px}.d73{gap:80px}.d25{gap:16px}.d16{gap:20px}.d19{gap:50px}.d7{gap:24px}.d80{height:70px}.d75{height:42px}.d65{height:380px}.d46{height:46px}.d0{height:50px}.d70{justify-content:space-between}.d55{max-width:1440px}.d20{max-width:800px}.d22{max-width:1200px}.d69{min-width:240px}.d58{margin-left:auto}.d39{margin-top:150px}.d21{margin-left:auto;margin-right:auto;}.d50{opacity:0.6}.d51{padding:6px}.d49{padding:12px 34px}.d33{padding:24px}.d42{padding:20px}.d54{padding:20px 30px}.d17{padding:16px 40px}.d74{padding:60px 320px}.d34{padding:30px 24px}.d23{padding-bottom:100px}.d36{padding-bottom:120px}.d82{position:fixed}.d59{padding-right:100px}.d24{padding-top:80px}.d37{padding-top:40px}.d28{padding-left:8px;padding-right:8px;}.d76{padding-left:24px;padding-right:24px;}.d81{padding-left:40px;padding-right:40px;}.d77{padding-left:10px;padding-right:10px;}.d38{padding-top:40px;padding-bottom:40px;}.d3{text-align:center}.d71{text-align:right}.d83{top:20px}.d47{width:162.67px}.d60{width:548px}.d30{width:484px}.d43{width:100%}.d1{width:52px}.d26{width:805px}.d52{width:520px}.d18{width:247px}

package/dist/loader.cjs

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

package/dist/loader.js

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

package/dist/plugin.cjs

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

package/dist/plugin.d.ts

@@ -7,7 +7,6 @@ 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;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"}
+{"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;CAgEzB"}

package/dist/plugin.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@devup-ui/webpack-plugin",
   "type": "module",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "publishConfig": {
     "access": "public"
   },
@@ -17,13 +17,17 @@
     "./loader": {
       "import": "./dist/loader.js",
       "require": "./dist/loader.cjs"
+    },
+    "./css-loader": {
+      "import": "./dist/css-loader.js",
+      "require": "./dist/css-loader.cjs"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@devup-ui/wasm": "0.1.9"
+    "@devup-ui/wasm": "0.1.11"
   },
   "devDependencies": {
     "vite": "^6.0.7",