@udixio/tailwind 2.3.5 → 2.3.7

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## 2.3.7 (2025-10-17)
+
+### 🩹 Fixes
+
+- **theme, plugins-tailwind:** improve container caching and enhance debugging logs ([a8f955d](https://github.com/Udixio/UI/commit/a8f955d))
+
+### 🧱 Updated Dependencies
+
+- Updated @udixio/theme to 2.1.2
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 2.3.6 (2025-10-17)
+
+### 🩹 Fixes
+
+- **theme, plugins-tailwind:** enhance instance management and fix subThemes processing ([0a1b42e](https://github.com/Udixio/UI/commit/0a1b42e))
+
+### 🧱 Updated Dependencies
+
+- Updated @udixio/theme to 2.1.1
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.3.5 (2025-10-17)
 
 ### 🩹 Fixes

package/dist/browser/tailwind.plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../../src/browser/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAO/E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAgFD,qBAAa,cAAe,SAAQ,cAAc,CAChD,yBAAyB,EACzB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,mCAA6B;CACzC;AAED,qBAAa,yBAA0B,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IAC/E,SAAS,SAAM;IAEtB,MAAM;IAeN,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE;IA0E/C,SAAS;eAC+B,MAAM;cAAQ,MAAM;;IAetD,MAAM;CAWb"}
+{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../../src/browser/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAO/E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAgFD,qBAAa,cAAe,SAAQ,cAAc,CAChD,yBAAyB,EACzB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,mCAA6B;CACzC;AAED,qBAAa,yBAA0B,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IAC/E,SAAS,SAAM;IAEtB,MAAM;IAeN,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE;IAkF/C,SAAS;eAC+B,MAAM;cAAQ,MAAM;;IAetD,MAAM;CAYb"}

package/dist/browser.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tailwind_plugin = require("./tailwind.plugin-Dvf5FtVR.cjs");
+const tailwind_plugin = require("./tailwind.plugin-D7mbDtcZ.cjs");
 exports.TailwindImplPluginBrowser = tailwind_plugin.TailwindImplPluginBrowser;
 exports.TailwindPlugin = tailwind_plugin.TailwindPlugin;
 exports.animation = tailwind_plugin.animation;

package/dist/browser.js

@@ -1,5 +1,5 @@
-import { m as main } from "./tailwind.plugin-kD1ORWiZ.js";
-import { T, b, a, f, s } from "./tailwind.plugin-kD1ORWiZ.js";
+import { m as main } from "./tailwind.plugin-WLIf7Hf5.js";
+import { T, b, a, f, s } from "./tailwind.plugin-WLIf7Hf5.js";
 export {
   T as TailwindImplPluginBrowser,
   b as TailwindPlugin,

package/dist/node/tailwind.plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../../src/node/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EACL,yBAAyB,EACzB,qBAAqB,IAAI,4BAA4B,EACtD,MAAM,4BAA4B,CAAC;AAIpC,MAAM,MAAM,qBAAqB,GAAG,4BAA4B,CAAC;AAEjE,qBAAa,cAAe,SAAQ,cAAc,CAChD,kBAAkB,EAClB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,4BAAsB;CAClC;AAED,cAAM,kBAAmB,SAAQ,yBAAyB;IACxD,OAAO,CAAC,QAAQ;IAQD,MAAM;CAkFtB"}
+{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../../src/node/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EACL,yBAAyB,EACzB,qBAAqB,IAAI,4BAA4B,EACtD,MAAM,4BAA4B,CAAC;AAIpC,MAAM,MAAM,qBAAqB,GAAG,4BAA4B,CAAC;AAEjE,qBAAa,cAAe,SAAQ,cAAc,CAChD,kBAAkB,EAClB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,4BAAsB;CAClC;AAED,cAAM,kBAAmB,SAAQ,yBAAyB;IACxD,OAAO,CAAC,QAAQ;IAQD,MAAM;CAmFtB"}

package/dist/node.cjs

@@ -24,7 +24,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tailwind_plugin = require("./tailwind.plugin-Dvf5FtVR.cjs");
+const tailwind_plugin = require("./tailwind.plugin-D7mbDtcZ.cjs");
 const theme = require("@udixio/theme");
 const fs = require("fs");
 const console = require("node:console");
@@ -61,6 +61,7 @@ class TailwindImplPlugin extends tailwind_plugin.TailwindImplPluginBrowser {
     return typeof process !== "undefined" && process.versions != null && process.versions.node != null;
   }
   async onLoad() {
+    this.outputCss = "";
     if (!this.isNodeJs()) {
       await super.onLoad();
       return;

package/dist/node.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-kD1ORWiZ.js";
-import { a, f, s } from "./tailwind.plugin-kD1ORWiZ.js";
+import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-WLIf7Hf5.js";
+import { a, f, s } from "./tailwind.plugin-WLIf7Hf5.js";
 import { PluginAbstract, FontPlugin } from "@udixio/theme";
 import * as fs from "fs";
 import * as console from "node:console";
@@ -21,6 +21,7 @@ class TailwindImplPlugin extends TailwindImplPluginBrowser {
     return typeof process !== "undefined" && process.versions != null && process.versions.node != null;
   }
   async onLoad() {
+    this.outputCss = "";
     if (!this.isNodeJs()) {
       await super.onLoad();
       return;

package/dist/{tailwind.plugin-Dvf5FtVR.cjs → tailwind.plugin-D7mbDtcZ.cjs}

@@ -727,9 +727,12 @@ class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
     })} 
 }`;
     const sourceColor = this.api.context.sourceColor;
+    const originalSourceColorHex = materialColorUtilities.hexFromArgb(sourceColor.toInt());
+    console.log("to subthmes", this.api.context.id);
     for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
       const newHue = materialColorUtilities.Hct.fromInt(materialColorUtilities.argbFromHex(value)).hue;
       const newColor = materialColorUtilities.Hct.from(newHue, sourceColor.chroma, sourceColor.tone);
+      console.log("newColor", materialColorUtilities.hexFromArgb(newColor.toInt()));
       this.api.context.sourceColor = materialColorUtilities.hexFromArgb(newColor.toInt());
       const colors2 = this.getColors();
       this.outputCss += `
@@ -746,9 +749,11 @@ class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
         mode: darkMode,
         darkSelector: darkSelector ?? "",
         styles: Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")
-      })} 
+      })}
 }`;
     }
+    console.log("finish");
+    this.api.context.sourceColor = originalSourceColorHex;
   }
   getColors() {
     const colors = {};
@@ -766,7 +771,7 @@ class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
     return colors;
   }
   async onLoad() {
-    this.getColors();
+    this.outputCss = "";
     this.loadColor({ isDynamic: true });
   }
 }

package/dist/{tailwind.plugin-kD1ORWiZ.js → tailwind.plugin-WLIf7Hf5.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import plugin from "tailwindcss/plugin";
 import { kebabCase } from "text-case";
 import { PluginAbstract, FontPlugin, PluginImplAbstract } from "@udixio/theme";
-import { Hct, argbFromHex, hexFromArgb } from "@material/material-color-utilities";
+import { hexFromArgb, Hct, argbFromHex } from "@material/material-color-utilities";
 const createAnimationFunc = ({
   addBase,
   prefix,
@@ -726,9 +726,12 @@ class TailwindImplPluginBrowser extends PluginImplAbstract {
     })} 
 }`;
     const sourceColor = this.api.context.sourceColor;
+    const originalSourceColorHex = hexFromArgb(sourceColor.toInt());
+    console.log("to subthmes", this.api.context.id);
     for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
       const newHue = Hct.fromInt(argbFromHex(value)).hue;
       const newColor = Hct.from(newHue, sourceColor.chroma, sourceColor.tone);
+      console.log("newColor", hexFromArgb(newColor.toInt()));
       this.api.context.sourceColor = hexFromArgb(newColor.toInt());
       const colors2 = this.getColors();
       this.outputCss += `
@@ -745,9 +748,11 @@ class TailwindImplPluginBrowser extends PluginImplAbstract {
         mode: darkMode,
         darkSelector: darkSelector ?? "",
         styles: Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")
-      })} 
+      })}
 }`;
     }
+    console.log("finish");
+    this.api.context.sourceColor = originalSourceColorHex;
   }
   getColors() {
     const colors = {};
@@ -765,7 +770,7 @@ class TailwindImplPluginBrowser extends PluginImplAbstract {
     return colors;
   }
   async onLoad() {
-    this.getColors();
+    this.outputCss = "";
     this.loadColor({ isDynamic: true });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/tailwind",
-  "version": "2.3.5",
+  "version": "2.3.7",
   "type": "module",
   "main": "./dist/node.js",
   "module": "./dist/node.js",
@@ -31,7 +31,7 @@
     "chalk": "^5.6.0",
     "pathe": "^2.0.3",
     "tslib": "^2.3.0",
-    "@udixio/theme": "2.1.0"
+    "@udixio/theme": "2.1.2"
   },
   "repository": {
     "type": "git",

package/src/browser/tailwind.plugin.ts

@@ -163,10 +163,15 @@ export class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPlugin
 }`;
 
     const sourceColor = this.api.context.sourceColor;
+    const originalSourceColorHex = hexFromArgb(sourceColor.toInt());
+
+    console.log('to subthmes', this.api.context.id);
     for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
       const newHue = Hct.fromInt(argbFromHex(value)).hue;
       const newColor = Hct.from(newHue, sourceColor.chroma, sourceColor.tone);
 
+      console.log('newColor', hexFromArgb(newColor.toInt()));
+
       this.api.context.sourceColor = hexFromArgb(newColor.toInt());
       const colors = this.getColors();
       this.outputCss += `
@@ -188,9 +193,12 @@ export class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPlugin
     styles: Object.entries(colors)
       .map(([key, value]) => `--color-${key}: ${value.dark};`)
       .join('\n    '),
-  })} 
+  })}
 }`;
     }
+    console.log('finish');
+    // Restore original sourceColor after processing subThemes
+    this.api.context.sourceColor = originalSourceColorHex;
   }
 
   getColors() {
@@ -210,7 +218,8 @@ export class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPlugin
   }
 
   async onLoad() {
-    this.getColors();
+    this.outputCss = '';
+    // this.getColors();
 
     // if (typeof window !== 'undefined') {
     //   const { tailwindBrowserInit } = await import('./tailwind-browser');

package/src/node/tailwind.plugin.ts

@@ -28,6 +28,7 @@ class TailwindImplPlugin extends TailwindImplPluginBrowser {
   }
 
   override async onLoad() {
+    this.outputCss = '';
     if (!this.isNodeJs()) {
       await super.onLoad();
       return;