@udixio/theme 1.1.0 → 1.2.0

package/dist/node.cjs

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const loader = require("./loader-TksB6_mM.cjs");
+const defineConfig = require("./define-config-BFo7Sy7c.cjs");
+const loadFromPath = require("./load-from-path-BvdfXUD0.cjs");
+let unpluginInstance = null;
+const createUnpluginTheme = async () => {
+  if (unpluginInstance) {
+    return unpluginInstance;
+  }
+  const { createUnplugin } = await import("unplugin");
+  unpluginInstance = createUnplugin((options = {}) => {
+    const { configPath = "./theme.config", verbose = false } = options;
+    let resolvedConfigPath;
+    if (global.NX_GRAPH_CREATION) {
+      return {
+        name: "udixio-theme"
+      };
+    }
+    const loadTheme = async () => {
+      try {
+        if (verbose) {
+          console.log(`🎨 Loading theme from: ${configPath}`);
+        }
+        const result = await loadFromPath.loadFromPath(configPath);
+        if (!resolvedConfigPath && (result == null ? void 0 : result.filePath)) {
+          resolvedConfigPath = result.filePath;
+        }
+        if (verbose) {
+          console.log(`✅ Theme loaded successfully!`);
+        }
+      } catch (error) {
+        console.error(`❌ Theme loading failed:`, error);
+        throw error;
+      }
+    };
+    return {
+      name: "udixio-theme",
+      // Hook appelé au début du build (tous les bundlers)
+      buildStart: async () => {
+        await loadTheme();
+      },
+      // Hook appelé pendant la génération (Rollup/Vite)
+      generateBundle: async () => {
+        await loadTheme();
+      },
+      // Support spécifique Vite pour HMR
+      vite: {
+        handleHotUpdate: async ({ server, file, modules }) => {
+          if (!resolvedConfigPath) {
+            const result = await loadFromPath.loadFromPath(configPath);
+            resolvedConfigPath = (result == null ? void 0 : result.filePath) || "";
+          }
+          if (resolvedConfigPath === file) {
+            if (verbose) {
+              console.log(`🔄 Theme config changed: ${file}`);
+            }
+            await loadTheme();
+            server.ws.send({ type: "full-reload", path: "*" });
+            return modules;
+          }
+          return;
+        }
+      },
+      // Support spécifique Webpack pour HMR
+      webpack: (compiler) => {
+        if (compiler.options.mode === "development") {
+          compiler.hooks.watchRun.tapAsync(
+            "udixio-theme",
+            async (compilation, callback) => {
+              const changedFiles = compilation.modifiedFiles || /* @__PURE__ */ new Set();
+              if (!resolvedConfigPath) {
+                const result = await loadFromPath.loadFromPath(configPath);
+                resolvedConfigPath = (result == null ? void 0 : result.filePath) || "";
+              }
+              if (changedFiles.has(resolvedConfigPath)) {
+                if (verbose) {
+                  console.log(`🔄 Theme config changed: ${resolvedConfigPath}`);
+                }
+                await loadTheme();
+              }
+              callback();
+            }
+          );
+        }
+      },
+      // Support spécifique Rollup
+      rollup: {
+        watchChange: async (id) => {
+          if (!resolvedConfigPath) {
+            const result = await loadFromPath.loadFromPath(configPath);
+            resolvedConfigPath = (result == null ? void 0 : result.filePath) || "";
+          }
+          if (resolvedConfigPath === id) {
+            if (verbose) {
+              console.log(`🔄 Theme config changed: ${id}`);
+            }
+            await loadTheme();
+          }
+        }
+      }
+    };
+  });
+  return unpluginInstance;
+};
+const vitePlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.vite(options);
+};
+const webpackPlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.webpack(options);
+};
+const rollupPlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.rollup(options);
+};
+const esbuildPlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.esbuild(options);
+};
+const unpluginUdixioTheme = {
+  vite: vitePlugin,
+  webpack: webpackPlugin,
+  rollup: rollupPlugin,
+  esbuild: esbuildPlugin
+};
+exports.API = loader.API;
+exports.AppContainer = loader.AppContainer;
+exports.AppModule = loader.AppModule;
+exports.ColorApi = loader.ColorApi;
+exports.ColorManager = loader.ColorManager;
+exports.ColorModule = loader.ColorModule;
+exports.ConfigurableColor = loader.ConfigurableColor;
+exports.ContrastCurve = loader.ContrastCurve;
+exports.DynamicColor = loader.DynamicColor;
+exports.PluginApi = loader.PluginApi;
+exports.PluginModule = loader.PluginModule;
+exports.Scheme = loader.Scheme;
+exports.SchemeManager = loader.SchemeManager;
+exports.ThemeApi = loader.ThemeApi;
+exports.ThemeModule = loader.ThemeModule;
+exports.ToneDeltaPair = loader.ToneDeltaPair;
+exports.Variant = loader.Variant;
+exports.VariantManager = loader.VariantManager;
+exports.bootstrap = loader.bootstrap;
+exports.defaultColors = loader.defaultColors;
+exports.extendSpecVersion = loader.extendSpecVersion;
+exports.getPiecewiseHue = loader.getPiecewiseHue;
+exports.getRotatedHue = loader.getRotatedHue;
+exports.highestSurface = loader.highestSurface;
+exports.loader = loader.loader;
+exports.registerModule = loader.registerModule;
+exports.tonalSpotVariant = loader.tonalSpotVariant;
+exports.FontFamily = defineConfig.FontFamily;
+exports.FontPlugin = defineConfig.FontPlugin;
+exports.PluginAbstract = defineConfig.PluginAbstract;
+exports.PluginImplAbstract = defineConfig.PluginImplAbstract;
+exports.Variants = defineConfig.Variants;
+exports.defineConfig = defineConfig.defineConfig;
+exports.expressiveVariant = defineConfig.expressiveVariant;
+exports.neutralVariant = defineConfig.neutralVariant;
+exports.vibrantVariant = defineConfig.vibrantVariant;
+exports.loadFromPath = loadFromPath.loadFromPath;
+exports.resolveConfig = loadFromPath.resolveConfig;
+exports.esbuildPlugin = esbuildPlugin;
+exports.rollupPlugin = rollupPlugin;
+exports.unpluginUdixioTheme = unpluginUdixioTheme;
+exports.vitePlugin = vitePlugin;
+exports.webpackPlugin = webpackPlugin;

package/dist/node.js

@@ -0,0 +1,171 @@
+import { b, A, a, C, c, d, e, i, D, k, P, n, S, o, m, T, V, s, g, f, j, p, q, h, l, r, t } from "./loader-C_BIrsO2.js";
+import { F, b as b2, P as P2, a as a2, V as V2, d as d2, e as e2, n as n2, v } from "./define-config-CGG8l3fb.js";
+import { l as loadFromPath } from "./load-from-path-CFpw2P_Y.js";
+import { r as r2 } from "./load-from-path-CFpw2P_Y.js";
+let unpluginInstance = null;
+const createUnpluginTheme = async () => {
+  if (unpluginInstance) {
+    return unpluginInstance;
+  }
+  const { createUnplugin } = await import("unplugin");
+  unpluginInstance = createUnplugin((options = {}) => {
+    const { configPath = "./theme.config", verbose = false } = options;
+    let resolvedConfigPath;
+    if (global.NX_GRAPH_CREATION) {
+      return {
+        name: "udixio-theme"
+      };
+    }
+    const loadTheme = async () => {
+      try {
+        if (verbose) {
+          console.log(`🎨 Loading theme from: ${configPath}`);
+        }
+        const result = await loadFromPath(configPath);
+        if (!resolvedConfigPath && (result == null ? void 0 : result.filePath)) {
+          resolvedConfigPath = result.filePath;
+        }
+        if (verbose) {
+          console.log(`✅ Theme loaded successfully!`);
+        }
+      } catch (error) {
+        console.error(`❌ Theme loading failed:`, error);
+        throw error;
+      }
+    };
+    return {
+      name: "udixio-theme",
+      // Hook appelé au début du build (tous les bundlers)
+      buildStart: async () => {
+        await loadTheme();
+      },
+      // Hook appelé pendant la génération (Rollup/Vite)
+      generateBundle: async () => {
+        await loadTheme();
+      },
+      // Support spécifique Vite pour HMR
+      vite: {
+        handleHotUpdate: async ({ server, file, modules }) => {
+          if (!resolvedConfigPath) {
+            const result = await loadFromPath(configPath);
+            resolvedConfigPath = (result == null ? void 0 : result.filePath) || "";
+          }
+          if (resolvedConfigPath === file) {
+            if (verbose) {
+              console.log(`🔄 Theme config changed: ${file}`);
+            }
+            await loadTheme();
+            server.ws.send({ type: "full-reload", path: "*" });
+            return modules;
+          }
+          return;
+        }
+      },
+      // Support spécifique Webpack pour HMR
+      webpack: (compiler) => {
+        if (compiler.options.mode === "development") {
+          compiler.hooks.watchRun.tapAsync(
+            "udixio-theme",
+            async (compilation, callback) => {
+              const changedFiles = compilation.modifiedFiles || /* @__PURE__ */ new Set();
+              if (!resolvedConfigPath) {
+                const result = await loadFromPath(configPath);
+                resolvedConfigPath = (result == null ? void 0 : result.filePath) || "";
+              }
+              if (changedFiles.has(resolvedConfigPath)) {
+                if (verbose) {
+                  console.log(`🔄 Theme config changed: ${resolvedConfigPath}`);
+                }
+                await loadTheme();
+              }
+              callback();
+            }
+          );
+        }
+      },
+      // Support spécifique Rollup
+      rollup: {
+        watchChange: async (id) => {
+          if (!resolvedConfigPath) {
+            const result = await loadFromPath(configPath);
+            resolvedConfigPath = (result == null ? void 0 : result.filePath) || "";
+          }
+          if (resolvedConfigPath === id) {
+            if (verbose) {
+              console.log(`🔄 Theme config changed: ${id}`);
+            }
+            await loadTheme();
+          }
+        }
+      }
+    };
+  });
+  return unpluginInstance;
+};
+const vitePlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.vite(options);
+};
+const webpackPlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.webpack(options);
+};
+const rollupPlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.rollup(options);
+};
+const esbuildPlugin = async (options) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.esbuild(options);
+};
+const unpluginUdixioTheme = {
+  vite: vitePlugin,
+  webpack: webpackPlugin,
+  rollup: rollupPlugin,
+  esbuild: esbuildPlugin
+};
+export {
+  b as API,
+  A as AppContainer,
+  a as AppModule,
+  C as ColorApi,
+  c as ColorManager,
+  d as ColorModule,
+  e as ConfigurableColor,
+  i as ContrastCurve,
+  D as DynamicColor,
+  F as FontFamily,
+  b2 as FontPlugin,
+  P2 as PluginAbstract,
+  k as PluginApi,
+  a2 as PluginImplAbstract,
+  P as PluginModule,
+  n as Scheme,
+  S as SchemeManager,
+  o as ThemeApi,
+  m as ThemeModule,
+  T as ToneDeltaPair,
+  V as Variant,
+  s as VariantManager,
+  V2 as Variants,
+  g as bootstrap,
+  f as defaultColors,
+  d2 as defineConfig,
+  esbuildPlugin,
+  e2 as expressiveVariant,
+  j as extendSpecVersion,
+  p as getPiecewiseHue,
+  q as getRotatedHue,
+  h as highestSurface,
+  loadFromPath,
+  l as loader,
+  n2 as neutralVariant,
+  r as registerModule,
+  r2 as resolveConfig,
+  rollupPlugin,
+  t as tonalSpotVariant,
+  unpluginUdixioTheme,
+  v as vibrantVariant,
+  vitePlugin,
+  webpackPlugin
+};

package/dist/plugin/plugin.api.d.ts

@@ -4,7 +4,7 @@ export declare class PluginApi {
     private plugins;
     addPlugin(plugin: PluginAbstract<any, any>): void;
     initPlugins(api: API): void;
-    loadPlugins(): void;
+    loadPlugins(): Promise<void>;
     getPlugin<T extends PluginAbstract<any, any>>(plugin: new (...args: any) => T): T;
 }
 //# sourceMappingURL=plugin.api.d.ts.map

package/dist/plugin/plugin.api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.api.d.ts","sourceRoot":"","sources":["../../src/plugin/plugin.api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAA+C;IAEvD,SAAS,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC;IAI1C,WAAW,CAAC,GAAG,EAAE,GAAG;IA2BpB,WAAW;IAMX,SAAS,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EACjD,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,GAC9B,CAAC;CAKL"}
+{"version":3,"file":"plugin.api.d.ts","sourceRoot":"","sources":["../../src/plugin/plugin.api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAA+C;IAEvD,SAAS,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC;IAI1C,WAAW,CAAC,GAAG,EAAE,GAAG;IA2Bd,WAAW;IAMjB,SAAS,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EACjD,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,GAC9B,CAAC;CAKL"}

package/package.json

@@ -1,28 +1,45 @@
 {
   "name": "@udixio/theme",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/node.js",
+  "module": "./dist/node.js",
+  "types": "./dist/node.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "development": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      "development": "./src/index.node.ts",
+      "types": "./dist/index.node.d.ts",
+      "browser": {
+        "import": "./dist/browser.js",
+        "require": "./dist/browser.cjs"
+      },
+      "node": {
+        "import": "./dist/node.js",
+        "require": "./dist/node.cjs",
+        "default": "./dist/node.js"
+      },
+      "import": "./dist/node.js",
+      "require": "./dist/node.cjs"
     }
   },
+  "bin": {
+    "udixio-theme": "./dist/bin.js"
+  },
   "dependencies": {
     "pathe": "^2.0.3",
     "jiti": "^2.5.1",
     "awilix": "^12.0.5",
     "@material/material-color-utilities": "^0.3.0",
     "replace-in-file": "^8.3.0",
-    "tailwindcss": "^4.1.11"
+    "tailwindcss": "^4.1.11",
+    "chokidar": "^4.0.3",
+    "mri": "^1.2.0",
+    "commander": "^14.0.0",
+    "chalk": "^5.6.0",
+    "unplugin": "^2.3.8"
   },
+  "devDependencies": {},
   "repository": {
     "type": "git",
     "url": "https://github.com/Udixio/UI.git"

package/src/API.ts

@@ -20,4 +20,8 @@ export class API {
     this.colors = colorApi;
     this.themes = themeApi;
   }
+
+  async load() {
+    return this.plugins.loadPlugins();
+  }
 }

package/src/config/index.node.ts

@@ -0,0 +1 @@
+export * from './resolver-config';

package/src/{adapter → config}/index.ts

@@ -1,3 +1,2 @@
 export * from './config.interface';
-export * from './adapter.abstract';
 export * from './define-config';

package/src/config/resolver-config.ts

@@ -0,0 +1,49 @@
+import { ConfigInterface } from './index';
+import * as fs from 'node:fs';
+
+export interface ResolvedConfigResult {
+  config: ConfigInterface;
+  filePath: string; // absolute path of the loaded config file
+}
+
+/**
+ * Resolve and load theme.config.{ts,js,mjs,cjs} using JITI, independent of any bundler.
+ * @param configPath base path without extension or full path with/without extension
+ */
+export async function resolveConfig(
+  configPath = './theme.config',
+): Promise<ResolvedConfigResult> {
+  const { createJiti } = await import('jiti');
+  const { resolve } = await import('pathe');
+
+  const jiti = createJiti(import.meta.url, {
+    debug: process.env.NODE_ENV === 'development',
+    fsCache: true,
+    interopDefault: true,
+  });
+
+  // If user passed a path with extension, try it as-is first
+  const tryPaths: string[] = [];
+  const resolvedInput = resolve(configPath);
+
+  const extMatch = /\.(ts|js|mjs|cjs)$/.exec(resolvedInput);
+  if (extMatch) {
+    tryPaths.push(resolvedInput);
+  } else {
+    for (const ext of ['.ts', '.js', '.mjs', '.cjs']) {
+      tryPaths.push(resolvedInput + ext);
+    }
+  }
+
+  for (const file of tryPaths) {
+    if (fs.existsSync(file)) {
+      const cfg = (await jiti.import(file, {
+        default: true,
+      })) as ConfigInterface;
+
+      return { config: cfg, filePath: file };
+    }
+  }
+
+  throw new Error(`Configuration file not found for ${''}{.ts,.js,.mjs,.cjs}`);
+}

package/src/index.browser.ts

@@ -0,0 +1 @@
+export * from "./index"

package/src/index.node.ts

@@ -0,0 +1,3 @@
+export * from './index';
+export * from './loader/index.node';
+export * from './config/index.node';

package/src/index.ts

@@ -2,10 +2,10 @@ export * from './app.container';
 export * from './app.module';
 export * from './API';
 export * from './color';
-export * from './adapter';
-export * from './adapters';
+export * from './loader';
 export * from './bootstrap';
 export * from './material-color-utilities';
 export * from './plugin';
 export * from './plugins';
 export * from './theme';
+export * from './config';

package/src/loader/index.node.ts

@@ -0,0 +1,2 @@
+export * from './unplugin';
+export * from './load-from-path';

package/src/loader/index.ts

@@ -0,0 +1 @@
+export * from './loader';

package/src/loader/load-from-path.ts

@@ -0,0 +1,9 @@
+import { loader } from './loader';
+import { resolveConfig } from '../config/resolver-config';
+
+export const loadFromPath = async (configPath = './theme.config') => {
+  const { config, filePath } = await resolveConfig(configPath);
+  const api = await loader(config);
+
+  return { filePath, api: api };
+};

package/src/{adapter/adapter.abstract.ts → loader/loader.ts}

@@ -1,28 +1,22 @@
-import { ConfigInterface } from './config.interface';
 import { tonalSpotVariant } from '../theme';
 import { defaultColors } from '../color';
 import { bootstrap } from '../bootstrap';
-import { API } from '../API';
 import { registerModule } from '../app.container';
 import { asValue } from 'awilix';
+import { ConfigInterface } from '../config';
 
-export abstract class AdapterAbstract {
-  public api: API;
+const initializeApi = () => {
+  const api = bootstrap();
+  registerModule({
+    adapter: asValue(this),
+  });
+  return api;
+};
 
-  protected constructor() {
-    this.api = bootstrap();
-    registerModule({
-      adapter: asValue(this),
-    });
-  }
-
-  abstract getConfig(): Promise<ConfigInterface>;
+export const loader = async (config: ConfigInterface) => {
+  const api = initializeApi();
 
-  public async init(): Promise<void> {
-    const config = await this.getConfig();
-    if (config == null) {
-      return;
-    }
+  const init = () => {
     const {
       sourceColor,
       contrastLevel = 0,
@@ -33,7 +27,7 @@ export abstract class AdapterAbstract {
       useDefaultColors = true,
       plugins,
     } = config;
-    this.api.themes.create({
+    api.themes.create({
       contrastLevel: contrastLevel,
       isDark: isDark,
       sourceColorHex: sourceColor,
@@ -41,24 +35,29 @@ export abstract class AdapterAbstract {
     });
     if (palettes) {
       Object.entries(palettes).forEach(([key, value]) =>
-        this.api.themes.addCustomPalette(key, value),
+        api.themes.addCustomPalette(key, value),
       );
     }
     if (useDefaultColors) {
-      this.api.colors.addColors(defaultColors);
+      api.colors.addColors(defaultColors);
     }
     if (colors) {
-      this.api.colors.addColors(colors);
+      api.colors.addColors(colors);
     }
     if (plugins) {
       plugins.forEach((plugin) => {
-        this.api.plugins.addPlugin(plugin);
+        api.plugins.addPlugin(plugin);
       });
-      this.api.plugins.initPlugins(this.api);
+      api.plugins.initPlugins(api);
     }
-  }
+  };
+
+  const load = async () => {
+    await api.plugins.loadPlugins();
+  };
+
+  init();
+  await load();
 
-  public load() {
-    this.api.plugins.loadPlugins();
-  }
-}
+  return api;
+};