@udixio/theme 1.1.0 → 1.2.0

package/src/loader/unplugin.ts

@@ -0,0 +1,158 @@
+import { loadFromPath } from './load-from-path';
+
+export interface UdixioThemeOptions {
+  configPath?: string;
+  verbose?: boolean;
+}
+
+// Instance lazy-loadée
+let unpluginInstance: any = null;
+
+const createUnpluginTheme = async () => {
+  if (unpluginInstance) {
+    return unpluginInstance;
+  }
+
+  const { createUnplugin } = await import('unplugin');
+
+  unpluginInstance = createUnplugin<UdixioThemeOptions>((options = {}) => {
+    const { configPath = './theme.config', verbose = false } = options;
+
+    let resolvedConfigPath: string;
+
+    // Skip pendant la génération du graph NX
+    if (global.NX_GRAPH_CREATION) {
+      return {
+        name: 'udixio-theme',
+      };
+    }
+
+    const loadTheme = async (): Promise<void> => {
+      try {
+        if (verbose) {
+          console.log(`🎨 Loading theme from: ${configPath}`);
+        }
+        const result = await loadFromPath(configPath);
+        if (!resolvedConfigPath && 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?.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 || new Set();
+
+              if (!resolvedConfigPath) {
+                const result = await loadFromPath(configPath);
+                resolvedConfigPath = 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?.filePath || '';
+          }
+
+          if (resolvedConfigPath === id) {
+            if (verbose) {
+              console.log(`🔄 Theme config changed: ${id}`);
+            }
+            await loadTheme();
+          }
+        },
+      },
+    };
+  });
+
+  return unpluginInstance;
+};
+
+// Exports avec lazy loading
+export const vitePlugin = async (options?: UdixioThemeOptions) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.vite(options);
+};
+
+export const webpackPlugin = async (options?: UdixioThemeOptions) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.webpack(options);
+};
+
+export const rollupPlugin = async (options?: UdixioThemeOptions) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.rollup(options);
+};
+
+export const esbuildPlugin = async (options?: UdixioThemeOptions) => {
+  const plugin = await createUnpluginTheme();
+  return plugin.esbuild(options);
+};
+
+// Export principal avec lazy loading
+export const unpluginUdixioTheme = {
+  vite: vitePlugin,
+  webpack: webpackPlugin,
+  rollup: rollupPlugin,
+  esbuild: esbuildPlugin,
+};
+
+// Export par défaut
+export default unpluginUdixioTheme;

package/src/plugin/plugin.api.ts

@@ -35,10 +35,10 @@ export class PluginApi {
       );
   }
 
-  public loadPlugins() {
-    this.plugins.forEach((plugin) => {
-      plugin.getInstance().onLoad?.();
-    });
+  public async loadPlugins() {
+    for (const plugin of this.plugins.values()) {
+      await plugin.getInstance().onLoad?.();
+    }
   }
 
   public getPlugin<T extends PluginAbstract<any, any>>(

package/vite.config.ts

@@ -2,15 +2,23 @@
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import * as path from 'path';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 export default defineConfig(() => ({
   root: __dirname,
   cacheDir: '../../node_modules/.vite/packages/theme',
+
   plugins: [
     dts({
       entryRoot: 'src',
       tsconfigPath: path.join(__dirname, 'tsconfig.lib.json'),
     }),
+    visualizer({
+      filename: '../../stats/theme.html',
+      open: false,
+      gzipSize: true,
+      brotliSize: true,
+    }),
   ],
   // Uncomment this if you are using workers.
   // worker: {
@@ -19,25 +27,31 @@ export default defineConfig(() => ({
   // Configuration for building your library.
   // See: https://vitejs.dev/guide/build.html#library-mode
   build: {
+    ssr: true,
     outDir: './dist',
     emptyOutDir: true,
     reportCompressedSize: true,
-    ssr: true,
     commonjsOptions: {
       transformMixedEsModules: true,
     },
     lib: {
       // Could also be a dictionary or array of multiple entry points.
-      entry: 'src/index.ts',
+      entry: {
+        node: 'src/index.node.ts',
+        bin: 'bin/main.ts',
+        browser: 'src/index.browser.ts',
+      },
+
       name: '@udixio/theme',
-      fileName: 'index',
+      fileName: (format, entryName) =>
+        `${entryName}.${format === 'es' ? 'js' : 'cjs'}`,
       // Change this to the formats you want to support.
       // Don't forget to update your package.json as well.
       formats: ['es' as const, 'cjs' as const],
     },
     rollupOptions: {
       // External packages that should not be bundled into your library.
-      external: ['pathe'],
+      external: ['pathe', 'jiti', 'commander', 'unplugin', 'chokidar'],
     },
   },
   test: {

package/dist/adapter/adapter.abstract.d.ts

@@ -1,10 +0,0 @@
-import { ConfigInterface } from './config.interface';
-import { API } from '../API';
-export declare abstract class AdapterAbstract {
-    api: API;
-    protected constructor();
-    abstract getConfig(): Promise<ConfigInterface>;
-    init(): Promise<void>;
-    load(): void;
-}
-//# sourceMappingURL=adapter.abstract.d.ts.map

package/dist/adapter/adapter.abstract.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.abstract.d.ts","sourceRoot":"","sources":["../../src/adapter/adapter.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,8BAAsB,eAAe;IAC5B,GAAG,EAAE,GAAG,CAAC;IAEhB,SAAS;IAOT,QAAQ,CAAC,SAAS,IAAI,OAAO,CAAC,eAAe,CAAC;IAEjC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAwC3B,IAAI;CAGZ"}

package/dist/adapter/config.interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.interface.d.ts","sourceRoot":"","sources":["../../src/adapter/config.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC"}

package/dist/adapter/define-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define-config.d.ts","sourceRoot":"","sources":["../../src/adapter/define-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,wBAAgB,YAAY,CAAC,YAAY,EAAE,eAAe,GAAG,eAAe,CAQ3E"}

package/dist/adapter/file-adapter.mixin.d.ts

@@ -1,18 +0,0 @@
-import { AdapterAbstract } from './adapter.abstract';
-import { ConfigInterface } from './config.interface';
-import { Constructor } from 'type-fest';
-export declare function FileAdapterMixin<TBase extends Constructor<AdapterAbstract> & Constructor<{
-    getConfig: () => Promise<ConfigInterface>;
-}>>(Base: TBase): {
-    new (...args: any[]): {
-        ensureOutDir(dirPath: string): Promise<void>;
-        writeFile(filePath: string, content: string): Promise<void>;
-        readFile(filePath: string): Promise<string>;
-        deleteFile(filePath: string): Promise<void>;
-        api: import('..').API;
-        getConfig: (() => Promise<ConfigInterface>) & (() => Promise<ConfigInterface>);
-        init(): Promise<void>;
-        load(): void;
-    };
-} & TBase;
-//# sourceMappingURL=file-adapter.mixin.d.ts.map

package/dist/adapter/file-adapter.mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-adapter.mixin.d.ts","sourceRoot":"","sources":["../../src/adapter/file-adapter.mixin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,wBAAgB,gBAAgB,CAC9B,KAAK,SAAS,WAAW,CAAC,eAAe,CAAC,GACxC,WAAW,CAAC;IACV,SAAS,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC;CAC3C,CAAC,EACJ,IAAI,EAAE,KAAK;kBAEY,GAAG,EAAE;8BAIE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;4BAaxB,MAAM,WAAW,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;2BAexC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;6BAatB,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;;6DAjD9B,OAAO,CAAC,eAAe,CAAC;;;;UA8D9C"}

package/dist/adapter/index.d.ts

@@ -1,4 +0,0 @@
-export * from './config.interface';
-export * from './adapter.abstract';
-export * from './define-config';
-//# sourceMappingURL=index.d.ts.map

package/dist/adapter/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapter/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/adapters/index.d.ts

@@ -1,3 +0,0 @@
-export * from './node.adapter';
-export * from './vite.adapter';
-//# sourceMappingURL=index.d.ts.map

package/dist/adapters/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/adapters/node.adapter.d.ts

@@ -1,7 +0,0 @@
-import { AdapterAbstract, ConfigInterface } from '../adapter';
-export declare class NodeAdapter extends AdapterAbstract {
-    configPath: string;
-    constructor(configPath?: string);
-    getConfig(): Promise<ConfigInterface>;
-}
-//# sourceMappingURL=node.adapter.d.ts.map

package/dist/adapters/node.adapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.adapter.d.ts","sourceRoot":"","sources":["../../src/adapters/node.adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI9D,qBAAa,WAAY,SAAQ,eAAe;IAC3B,UAAU;gBAAV,UAAU,SAAmB;IAI1C,SAAS;CA+ChB"}

package/dist/adapters/vite.adapter.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from 'vite';
-export declare const udixioVite: (configPath?: string) => Promise<Plugin | undefined>;
-//# sourceMappingURL=vite.adapter.d.ts.map

package/dist/adapters/vite.adapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.adapter.d.ts","sourceRoot":"","sources":["../../src/adapters/vite.adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,MAAM,CAAC;AAKlD,eAAO,MAAM,UAAU,GACrB,mBAA6B,KAC5B,OAAO,CAAC,MAAM,GAAG,SAAS,CAuE5B,CAAC"}

package/src/adapter/file-adapter.mixin.ts

@@ -1,72 +0,0 @@
-import * as fs from 'fs/promises';
-import * as path from 'path';
-import { AdapterAbstract } from './adapter.abstract';
-import { ConfigInterface } from './config.interface';
-import { Constructor } from 'type-fest';
-
-export function FileAdapterMixin<
-  TBase extends Constructor<AdapterAbstract> &
-    Constructor<{
-      getConfig: () => Promise<ConfigInterface>;
-    }>,
->(Base: TBase) {
-  return class extends Base {
-    constructor(...args: any[]) {
-      super(...args); // Appel du constructeur de la classe Base avec les arguments transmis
-    }
-
-    async ensureOutDir(dirPath: string): Promise<void> {
-      try {
-        await fs.mkdir(dirPath, { recursive: true });
-        console.log(`Répertoire vérifié/créé avec succès : ${dirPath}`);
-      } catch (error) {
-        console.error(
-          `Erreur lors de la création du répertoire : ${dirPath}`,
-          error,
-        );
-        throw error;
-      }
-    }
-
-    async writeFile(filePath: string, content: string): Promise<void> {
-      try {
-        const dirPath = path.dirname(filePath); // Extraction du répertoire cible
-        await this.ensureOutDir(dirPath); // S'assurer que le répertoire existe
-        await fs.writeFile(filePath, content, 'utf-8');
-        console.log(`Fichier écrit avec succès : ${filePath}`);
-      } catch (error) {
-        console.error(
-          `Erreur lors de l'écriture du fichier : ${filePath}`,
-          error,
-        );
-        throw error;
-      }
-    }
-
-    async readFile(filePath: string): Promise<string> {
-      try {
-        const data = await fs.readFile(filePath, 'utf-8');
-        return data;
-      } catch (error) {
-        console.error(
-          `Erreur lors de la lecture du fichier : ${filePath}`,
-          error,
-        );
-        throw error;
-      }
-    }
-
-    async deleteFile(filePath: string): Promise<void> {
-      try {
-        await fs.unlink(filePath);
-        console.log(`Fichier supprimé avec succès : ${filePath}`);
-      } catch (error) {
-        console.error(
-          `Erreur lors de la suppression du fichier : ${filePath}`,
-          error,
-        );
-        throw error;
-      }
-    }
-  };
-}

package/src/adapters/index.ts

@@ -1,2 +0,0 @@
-export * from './node.adapter';
-export * from './vite.adapter';

package/src/adapters/node.adapter.ts

@@ -1,57 +0,0 @@
-import { AdapterAbstract, ConfigInterface } from '../adapter';
-import { resolve } from 'pathe';
-import { createJiti } from 'jiti';
-
-export class NodeAdapter extends AdapterAbstract {
-  constructor(public configPath = './theme.config') {
-    super();
-  }
-
-  async getConfig() {
-    if (
-      typeof process !== 'undefined' &&
-      process.release &&
-      process.release.name === 'node'
-    ) {
-      const fs = (await import('fs')).default;
-
-      // Créer une instance jiti pour importer des fichiers TypeScript
-      const jiti = createJiti(import.meta.url, {
-        // Options optionnelles
-        debug: process.env.NODE_ENV === 'development',
-        cache: true, // Cache les transpilations
-        interopDefault: true, // Gère automatiquement les exports par défaut
-      });
-
-      const base = resolve(this.configPath);
-      const extensions = ['.ts', '.js', '.mjs', '.cjs']; // .ts en premier
-      let config: ConfigInterface | null = null;
-
-      for (const ext of extensions) {
-        const configFilePath = base + ext;
-        if (fs.existsSync(configFilePath)) {
-          try {
-            // jiti peut importer directement des fichiers .ts
-            config = await jiti.import(configFilePath, { default: true });
-            break;
-          } catch (error) {
-            console.warn(`Failed to load ${configFilePath}:`, error);
-            continue;
-          }
-        }
-      }
-
-      if (!config) {
-        throw new Error(
-          `Configuration file not found, looked for: ${base} with extensions: ${extensions.join(', ')}`,
-        );
-      }
-
-      return config as ConfigInterface;
-    } else {
-      throw new Error(
-        'You must provide configuration object when using this library in a browser.',
-      );
-    }
-  }
-}

package/src/adapters/vite.adapter.ts

@@ -1,79 +0,0 @@
-import { loadConfigFromFile, Plugin } from 'vite';
-import { AdapterAbstract, ConfigInterface } from '../adapter';
-import * as path from 'node:path';
-import * as fs from 'node:fs';
-
-export const udixioVite = async (
-  configPath = './theme.config',
-): Promise<Plugin | undefined> => {
-  // @ts-expect-error - NX_GRAPH_CREATION is a global variable set by Nx
-  if (global.NX_GRAPH_CREATION) {
-    return;
-  }
-
-  class ViteAdapter extends AdapterAbstract {
-    public configExtension?: string;
-
-    constructor(public configPath: string) {
-      super();
-    }
-
-    getConfigPath() {
-      if (!this.configExtension) {
-        throw new Error('config extension not found');
-      }
-      return path.resolve(this.configPath + this.configExtension);
-    }
-
-    async getConfig() {
-      const resolvedPath = path.resolve(this.configPath);
-
-      const result = await loadConfigFromFile(
-        { command: 'serve', mode: 'development' }, // ou 'build'
-        resolvedPath,
-      );
-      if (!result?.config) {
-        throw new Error('config not found');
-      }
-      if (!this.configExtension) {
-        this.configExtension = path.extname(result.dependencies[0]);
-      }
-      return result.config as unknown as ConfigInterface;
-    }
-  }
-
-  const adapter = new ViteAdapter(configPath);
-
-  await adapter.init();
-
-  configPath = adapter.getConfigPath();
-  return {
-    name: 'vite:udixio-theme',
-    async buildStart() {
-      if (fs.existsSync(configPath)) {
-        this.addWatchFile(configPath);
-      }
-      adapter.load();
-    },
-
-    async generateBundle() {
-      adapter.load();
-    },
-
-    // Handles Hot Module Replacement in dev server
-    async handleHotUpdate({ server, file, modules }) {
-      // Vérifie si le fichier modifié correspond au chemin du fichier de config
-      if (configPath === file) {
-        const adapter = new ViteAdapter(configPath);
-        await adapter.init();
-        adapter.load();
-
-        server.ws.send({ type: 'full-reload', path: '*' });
-
-        return modules;
-      }
-
-      return;
-    },
-  };
-};