@intlayer/webpack 1.0.1 → 1.2.0

package/dist/esm/webpack-plugin.d.mts

@@ -1,15 +1,5 @@
-import { Compiler } from 'webpack';
-
 declare class IntLayerPlugin {
-    private managedFiles;
-    private updatedFiles;
-    private addedFiles;
-    constructor();
-    initDictionaries(): Promise<void>;
-    processFilesChanges(): Promise<void>;
-    processNewFiles(): Promise<void>;
-    detectFileAddedOrRemoved(): Promise<void>;
-    apply(compiler: Compiler): void;
+    apply(): void;
 }
 
 export { IntLayerPlugin };

package/dist/esm/webpack-plugin.mjs

@@ -1,138 +1,8 @@
-import { relative, resolve } from "path";
-import { getConfiguration } from "@intlayer/config";
-import { sync } from "glob";
-import { DynamicEntryPlugin } from "webpack";
-import { createDictionaryList } from './transpiler/dictionary_to_main/createDictionaryList.mjs';
-import { createModuleAugmentation } from './transpiler/dictionary_to_type/createModuleAugmentation.mjs';
-import { createTypes } from './transpiler/dictionary_to_type/createType.mjs';
-import { transpileBundledCode } from './transpiler/intlater_module_to_dictionary/transpileBundledCode.mjs';
-import { getFileHash } from './utils.mjs';
-const getRelativePath = (filePath) => relative(baseDir, filePath);
-const getBundledFilePathFromIntlayerModule = (filePath) => {
-  const hash = getFileHash(filePath);
-  return `${bundleDir}/${hash}${bundleFileExtension}`;
-};
-const { content } = getConfiguration();
-const { bundleDir, baseDir, bundleFileExtension, watchedFilesPatternWithPath } = content;
+import { watch } from "@intlayer/chokidar";
+const persistent = process.env.NODE_ENV === "development";
 class IntLayerPlugin {
-  managedFiles;
-  updatedFiles;
-  addedFiles;
-  constructor() {
-    this.managedFiles = /* @__PURE__ */ new Set();
-    this.updatedFiles = /* @__PURE__ */ new Set();
-    this.addedFiles = /* @__PURE__ */ new Set();
-  }
-  // function to initialize the dictionaries
-  async initDictionaries() {
-    const outputFiles = [...this.managedFiles].map(
-      (file) => resolve(bundleDir, file)
-    );
-    const dictionaries = await transpileBundledCode(outputFiles) ?? [];
-    console.info(
-      `Dictionaries: 
- ${dictionaries.map(getRelativePath).join("\n")}`
-    );
-    console.info("Building TypeScript types...");
-    createTypes(dictionaries);
-    console.info("Building type index...");
-    createModuleAugmentation();
-    console.info("Building main...");
-    createDictionaryList();
-  }
-  // function to process when intlayer module files content are changed
-  async processFilesChanges() {
-    const dictionaries = await transpileBundledCode([...this.updatedFiles]) ?? [];
-    console.info(
-      `Updated dictionaries: 
- ${dictionaries.map(getRelativePath).join("\n")}`
-    );
-    console.info("Updating TypeScript types...");
-    createTypes(dictionaries);
-    this.updatedFiles.clear();
-  }
-  // function to process when new intlayer module is detected
-  async processNewFiles() {
-    const dictionaries = await transpileBundledCode([...this.addedFiles]) ?? [];
-    console.info(
-      `New dictionaries: 
- ${dictionaries.map(getRelativePath).join("\n")}`
-    );
-    console.info("Building TypeScript types...");
-    createTypes(dictionaries);
-    console.info("Building type index...");
-    createModuleAugmentation();
-    console.info("Building main...");
-    createDictionaryList();
-    this.managedFiles = /* @__PURE__ */ new Set([...this.managedFiles, ...this.addedFiles]);
-    this.addedFiles.clear();
-  }
-  async detectFileAddedOrRemoved() {
-    const filesFound = [];
-    for (const pattern of watchedFilesPatternWithPath) {
-      sync(pattern).map((file) => filesFound.push(file));
-    }
-    const newFiles = new Set(
-      filesFound.filter((x) => !this.managedFiles.has(x))
-    );
-    const removedFiles = new Set(
-      [...this.managedFiles].filter((x) => !filesFound.includes(x))
-    );
-    if (
-      // Check if there is new files
-      newFiles.size > 0
-    ) {
-      console.info("New files:", [...newFiles]);
-      this.addedFiles = newFiles;
-      await this.processNewFiles();
-    }
-    if (
-      // Check if there is removed files
-      removedFiles.size > 0
-    ) {
-      console.info("Removed files:", [...removedFiles]);
-      this.managedFiles = new Set(
-        [...this.managedFiles].filter((x) => !removedFiles.has(x))
-      );
-    }
-    if (this.updatedFiles.size > 0) {
-      await this.processFilesChanges();
-    }
-  }
-  apply(compiler) {
-    compiler.hooks.entryOption.tap("EntryOptionPlugin", (context, entry) => {
-      if (typeof entry === "function") {
-        new DynamicEntryPlugin(context, entry).apply(compiler);
-      }
-      return true;
-    });
-    compiler.hooks.afterEmit.tapAsync(
-      "IntLayerPlugin - Process dictionaries",
-      async (compilation, callback) => {
-        const currentEmitFiles = new Set(Object.keys(compilation.assets));
-        if (
-          // Check if this first load
-          !this.managedFiles.size
-        ) {
-          this.managedFiles = currentEmitFiles;
-          await this.initDictionaries();
-        }
-        await this.detectFileAddedOrRemoved();
-        callback();
-      }
-    );
-    compiler.hooks.watchRun.tap(
-      "IntLayerPlugin - Change detection",
-      (compilation) => {
-        if (compilation.modifiedFiles) {
-          const updatedFiles = Array.from(compilation.modifiedFiles);
-          const outputFileNames = updatedFiles.map(
-            getBundledFilePathFromIntlayerModule
-          );
-          this.updatedFiles = new Set(outputFileNames);
-        }
-      }
-    );
+  apply() {
+    watch({ persistent });
   }
 }
 export {

package/dist/esm/webpack-plugin.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/webpack-plugin.ts"],"sourcesContent":["import { relative, resolve } from 'path';\nimport { getConfiguration } from '@intlayer/config';\nimport { sync } from 'glob';\nimport { DynamicEntryPlugin, type Compiler } from 'webpack';\nimport { createDictionaryList } from './transpiler/dictionary_to_main/createDictionaryList';\nimport { createModuleAugmentation } from './transpiler/dictionary_to_type/createModuleAugmentation';\nimport { createTypes } from './transpiler/dictionary_to_type/createType';\nimport { transpileBundledCode } from './transpiler/intlater_module_to_dictionary/transpileBundledCode';\nimport { getFileHash } from './utils';\n\nconst getRelativePath = (filePath: string) => relative(baseDir, filePath);\n\nconst getBundledFilePathFromIntlayerModule = (filePath: string): string => {\n  const hash = getFileHash(filePath);\n\n  return `${bundleDir}/${hash}${bundleFileExtension}`;\n};\n\nconst { content } = getConfiguration();\nconst { bundleDir, baseDir, bundleFileExtension, watchedFilesPatternWithPath } =\n  content;\n\nexport class IntLayerPlugin {\n  private managedFiles: Set<string>;\n  private updatedFiles: Set<string>;\n  private addedFiles: Set<string>;\n\n  constructor() {\n    this.managedFiles = new Set();\n    this.updatedFiles = new Set();\n    this.addedFiles = new Set();\n  }\n\n  // function to initialize the dictionaries\n  public async initDictionaries() {\n    const outputFiles = [...this.managedFiles].map((file) =>\n      resolve(bundleDir, file)\n    );\n\n    const dictionaries = (await transpileBundledCode(outputFiles)) ?? [];\n\n    console.info(\n      `Dictionaries: \\n ${dictionaries.map(getRelativePath).join('\\n')}`\n    );\n\n    console.info('Building TypeScript types...');\n    createTypes(dictionaries);\n\n    console.info('Building type index...');\n    createModuleAugmentation();\n\n    console.info('Building main...');\n    createDictionaryList();\n  }\n\n  // function to process when intlayer module files content are changed\n  public async processFilesChanges() {\n    const dictionaries =\n      (await transpileBundledCode([...this.updatedFiles])) ?? [];\n\n    console.info(\n      `Updated dictionaries: \\n ${dictionaries.map(getRelativePath).join('\\n')}`\n    );\n\n    console.info('Updating TypeScript types...');\n    createTypes(dictionaries);\n\n    this.updatedFiles.clear();\n  }\n\n  // function to process when new intlayer module is detected\n  public async processNewFiles() {\n    const dictionaries =\n      (await transpileBundledCode([...this.addedFiles])) ?? [];\n\n    console.info(\n      `New dictionaries: \\n ${dictionaries.map(getRelativePath).join('\\n')}`\n    );\n\n    console.info('Building TypeScript types...');\n    createTypes(dictionaries);\n\n    console.info('Building type index...');\n    createModuleAugmentation();\n\n    console.info('Building main...');\n    createDictionaryList();\n\n    this.managedFiles = new Set([...this.managedFiles, ...this.addedFiles]);\n    this.addedFiles.clear();\n  }\n\n  public async detectFileAddedOrRemoved() {\n    const filesFound: string[] = [];\n\n    for (const pattern of watchedFilesPatternWithPath) {\n      sync(pattern).map((file) => filesFound.push(file));\n    }\n\n    // Detect new files by comparing with files emitted in previous compilation\n    const newFiles = new Set(\n      filesFound.filter((x) => !this.managedFiles.has(x))\n    );\n\n    const removedFiles = new Set(\n      [...this.managedFiles].filter((x) => !filesFound.includes(x))\n    );\n\n    if (\n      // Check if there is new files\n      newFiles.size > 0\n    ) {\n      console.info('New files:', [...newFiles]);\n\n      this.addedFiles = newFiles;\n\n      await this.processNewFiles();\n    }\n\n    if (\n      // Check if there is removed files\n      removedFiles.size > 0\n    ) {\n      console.info('Removed files:', [...removedFiles]);\n\n      this.managedFiles = new Set(\n        [...this.managedFiles].filter((x) => !removedFiles.has(x))\n      );\n    }\n\n    // After the compilation, transpile the changed files if any\n    if (this.updatedFiles.size > 0) {\n      await this.processFilesChanges();\n    }\n  }\n\n  apply(compiler: Compiler): void {\n    compiler.hooks.entryOption.tap('EntryOptionPlugin', (context, entry) => {\n      if (typeof entry === 'function') {\n        // DynamicEntryPlugin is used to add entries at runtime when files are created, updated or deleted\n        new DynamicEntryPlugin(context, entry).apply(compiler);\n      }\n\n      return true;\n    });\n\n    compiler.hooks.afterEmit.tapAsync(\n      'IntLayerPlugin - Process dictionaries',\n      async (compilation, callback) => {\n        // Get a set of files that will be emitted in this compilation\n        const currentEmitFiles = new Set(Object.keys(compilation.assets));\n\n        if (\n          // Check if this first load\n          !this.managedFiles.size\n        ) {\n          // Update previousEmitFiles for the next compilation\n          this.managedFiles = currentEmitFiles;\n\n          await this.initDictionaries();\n        }\n\n        await this.detectFileAddedOrRemoved();\n\n        callback();\n      }\n    );\n\n    // Detect modified files on watch mode\n    compiler.hooks.watchRun.tap(\n      'IntLayerPlugin - Change detection',\n      (compilation) => {\n        if (compilation.modifiedFiles) {\n          const updatedFiles = Array.from(compilation.modifiedFiles);\n\n          const outputFileNames = updatedFiles.map(\n            getBundledFilePathFromIntlayerModule\n          );\n\n          this.updatedFiles = new Set(outputFileNames);\n        }\n      }\n    );\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/webpack-plugin.ts"],"sourcesContent":["import { watch } from '@intlayer/chokidar';\n\n// Watch mode or on time build\nconst persistent = process.env.NODE_ENV === 'development';\n\nexport class IntLayerPlugin {\n  apply(): void {\n    watch({ persistent });\n  }\n}\n"],"mappings":"AAAA,SAAS,aAAa;AAGtB,MAAM,aAAa,QAAQ,IAAI,aAAa;AAErC,MAAM,eAAe;AAAA,EAC1B,QAAc;AACZ,UAAM,EAAE,WAAW,CAAC;AAAA,EACtB;AACF;","names":[]}

package/dist/esm/webpack.config.mjs

@@ -1,20 +1,13 @@
 import { join } from "path";
 import { getConfiguration } from "@intlayer/config";
-import { sync } from "glob";
-import { getFileHash } from './utils.mjs';
+import { getEntries } from './getEntries.mjs';
+import { defineDirname } from './utils.mjs';
 import { IntLayerPlugin } from './webpack-plugin.mjs';
 const { content } = getConfiguration({
-  verbose: true
+  verbose: false
 });
-const { bundleDir, bundleFileExtension, watchedFilesPatternWithPath } = content;
-const getEntry = () => sync(watchedFilesPatternWithPath).reduce(
-  (obj, el) => {
-    const hash = getFileHash(el);
-    obj[hash] = el;
-    return obj;
-  },
-  {}
-);
+const { fileExtensions } = content;
+defineDirname();
 const devServerConfig = {
   // Enable hot module replacement
   hot: true,
@@ -35,9 +28,7 @@ const devServerConfig = {
     writeToDisk: true
   },
   // Content base
-  static: {
-    directory: bundleDir
-  }
+  static: {}
 };
 const webpackConfig = {
   // Define the environment mode (development or production)
@@ -46,17 +37,16 @@ const webpackConfig = {
   // Entry point of the application
   target: "node",
   // Specifies the target environment
-  entry: getEntry,
+  entry: getEntries,
   output: {
     clean: true,
     // Clean the output directory before emit
     library: "IntlLayerContent",
     libraryTarget: "umd",
-    filename: `[name]${bundleFileExtension}`,
-    path: bundleDir
+    filename: `[name].bundle.js`
   },
   cache: false,
-  // devtool: 'source-map',
+  devtool: "source-map",
   // stats: {
   //   preset: 'errors-only',
   //   warnings: false,
@@ -67,7 +57,7 @@ const webpackConfig = {
     extensions: [".ts", ".js", ".json", ".wasm", ".ts", ".tsx", ".mjs", ".cjs"],
     modules: [
       // To find the loader module
-      join(__dirname, "..", "node_modules"),
+      join(globalThis.__dirname, "..", "node_modules"),
       // In the project node_modules
       join(process.cwd(), "node_modules"),
       // In the project node_modules
@@ -102,14 +92,27 @@ const webpackConfig = {
       )
       // Or via another project by importing intlayer
     ]
-    // roots: [
-    //   join(process.cwd()), // Project context
-    //   join(process.cwd(), '@intlayer/webpack'), // Or via CLI in another project
-    //   join(process.cwd(), 'intlayer', '@intlayer/webpack'), // Or via CLI in another project
-    // ],
   },
   module: {
     rules: [
+      {
+        // Rule for .content.ts files
+        test: new RegExp(`(${fileExtensions.join("|")})$`),
+        use: [
+          {
+            // Transpile with esbuild-loader
+            loader: "esbuild-loader",
+            options: {
+              // JavaScript version to compile to
+              target: "es2015"
+            }
+          }
+          // {
+          //   // Custom loader to process the transpiled code
+          //   loader: resolve('./intlayer-loader'),
+          // },
+        ]
+      },
       {
         test: /\.node$/,
         loader: "node-loader"
@@ -117,7 +120,7 @@ const webpackConfig = {
       // Use esbuild to compile JavaScript & TypeScript
       {
         // Match `.js`, `.jsx`, `.ts` or `.tsx` files
-        test: /\.[jt]sx?$/,
+        test: /\.(jsx|js|ts|tsx|mjs|cjs)?$/,
         loader: "esbuild-loader",
         options: {
           // JavaScript version to compile to

package/dist/esm/webpack.config.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/webpack.config.ts"],"sourcesContent":["import { join } from 'path';\nimport { getConfiguration } from '@intlayer/config';\nimport { sync } from 'glob';\nimport type { Configuration as WebPackConfiguration } from 'webpack';\nimport type { Configuration as DevServerConfiguration } from 'webpack-dev-server';\nimport { getFileHash } from './utils';\nimport { IntLayerPlugin } from './webpack-plugin';\n\nconst { content } = getConfiguration({\n  verbose: true,\n});\nconst { bundleDir, bundleFileExtension, watchedFilesPatternWithPath } = content;\n\nconst getEntry = (): Record<string, string> =>\n  sync(watchedFilesPatternWithPath).reduce(\n    (obj, el) => {\n      const hash = getFileHash(el);\n\n      obj[hash] = el;\n      return obj;\n    },\n    {} as Record<string, string>\n  );\n\n// For web interface\nexport const devServerConfig: DevServerConfiguration = {\n  // Enable hot module replacement\n  hot: true,\n  // Open the browser\n  open: false,\n  liveReload: false,\n\n  // Enable compression\n  compress: true,\n\n  // History API fallback\n  historyApiFallback: false,\n\n  // Host and port\n  host: 'localhost',\n  port: 8080,\n\n  watchFiles: './src/', // watchedFilesPatternWithPath,\n\n  devMiddleware: {\n    // Enable write to disk to reuse the output\n    writeToDisk: true,\n  },\n\n  // Content base\n  static: {\n    directory: bundleDir,\n  },\n};\n\nexport const webpackConfig: WebPackConfiguration = {\n  // Define the environment mode (development or production)\n  mode: 'production', // or 'production'\n  // Entry point of the application\n  target: 'node', // Specifies the target environment\n\n  entry: getEntry,\n  output: {\n    clean: true, // Clean the output directory before emit\n    library: 'IntlLayerContent',\n    libraryTarget: 'umd',\n    filename: `[name]${bundleFileExtension}`,\n    path: bundleDir,\n  },\n\n  cache: false,\n\n  // devtool: 'source-map',\n\n  // stats: {\n  //   preset: 'errors-only',\n  //   warnings: false,\n  // },\n  ignoreWarnings: [/./],\n  resolve: {\n    // Resolve TypeScript, JavaScript and JSON files\n    extensions: ['.ts', '.js', '.json', '.wasm', '.ts', '.tsx', '.mjs', '.cjs'],\n    modules: [\n      // To find the loader module\n      join(__dirname, '..', 'node_modules'), // In the project node_modules\n      join(process.cwd(), 'node_modules'), // In the project node_modules\n      join(process.cwd(), 'node_modules', 'intlayer-cli', 'node_modules'), // Or via another project by importing intlayer\n      join(\n        process.cwd(),\n        'node_modules',\n        'intlayer-cli',\n        'node_modules',\n        '@intlayer/webpack',\n        'node_modules'\n      ), // Or via another project by importing intlayer\n    ],\n  },\n\n  resolveLoader: {\n    // Configure how Webpack finds `loader` modules.\n    modules: [\n      // To find the loader module\n      join(process.cwd(), 'node_modules'), // In the project node_modules\n      join(process.cwd(), 'node_modules', '@intlayer/webpack', 'node_modules'), // Or via another project by importing @intlayer/webpack\n      join(\n        process.cwd(),\n        'node_modules',\n        'intlayer-cli',\n        'node_modules',\n        '@intlayer/webpack',\n        'node_modules'\n      ), // Or via another project by importing intlayer\n    ],\n    // roots: [\n    //   join(process.cwd()), // Project context\n    //   join(process.cwd(), '@intlayer/webpack'), // Or via CLI in another project\n    //   join(process.cwd(), 'intlayer', '@intlayer/webpack'), // Or via CLI in another project\n    // ],\n  },\n\n  module: {\n    rules: [\n      {\n        test: /\\.node$/,\n        loader: 'node-loader',\n      },\n      // Use esbuild to compile JavaScript & TypeScript\n      {\n        // Match `.js`, `.jsx`, `.ts` or `.tsx` files\n        test: /\\.[jt]sx?$/,\n        loader: 'esbuild-loader',\n        options: {\n          // JavaScript version to compile to\n          target: 'es2015',\n        },\n      },\n\n      // JSON files are supported natively by Webpack 5, no specific loader required\n    ],\n  },\n  devServer: devServerConfig,\n\n  plugins: [\n    new IntLayerPlugin(),\n    // new HotModuleReplacementPlugin()\n  ],\n};\n\nexport default webpackConfig;\n"],"mappings":"AAAA,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AAGrB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAE/B,MAAM,EAAE,QAAQ,IAAI,iBAAiB;AAAA,EACnC,SAAS;AACX,CAAC;AACD,MAAM,EAAE,WAAW,qBAAqB,4BAA4B,IAAI;AAExE,MAAM,WAAW,MACf,KAAK,2BAA2B,EAAE;AAAA,EAChC,CAAC,KAAK,OAAO;AACX,UAAM,OAAO,YAAY,EAAE;AAE3B,QAAI,IAAI,IAAI;AACZ,WAAO;AAAA,EACT;AAAA,EACA,CAAC;AACH;AAGK,MAAM,kBAA0C;AAAA;AAAA,EAErD,KAAK;AAAA;AAAA,EAEL,MAAM;AAAA,EACN,YAAY;AAAA;AAAA,EAGZ,UAAU;AAAA;AAAA,EAGV,oBAAoB;AAAA;AAAA,EAGpB,MAAM;AAAA,EACN,MAAM;AAAA,EAEN,YAAY;AAAA;AAAA,EAEZ,eAAe;AAAA;AAAA,IAEb,aAAa;AAAA,EACf;AAAA;AAAA,EAGA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AACF;AAEO,MAAM,gBAAsC;AAAA;AAAA,EAEjD,MAAM;AAAA;AAAA;AAAA,EAEN,QAAQ;AAAA;AAAA,EAER,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,OAAO;AAAA;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU,SAAS,mBAAmB;AAAA,IACtC,MAAM;AAAA,EACR;AAAA,EAEA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQP,gBAAgB,CAAC,GAAG;AAAA,EACpB,SAAS;AAAA;AAAA,IAEP,YAAY,CAAC,OAAO,OAAO,SAAS,SAAS,OAAO,QAAQ,QAAQ,MAAM;AAAA,IAC1E,SAAS;AAAA;AAAA,MAEP,KAAK,WAAW,MAAM,cAAc;AAAA;AAAA,MACpC,KAAK,QAAQ,IAAI,GAAG,cAAc;AAAA;AAAA,MAClC,KAAK,QAAQ,IAAI,GAAG,gBAAgB,gBAAgB,cAAc;AAAA;AAAA,MAClE;AAAA,QACE,QAAQ,IAAI;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe;AAAA;AAAA,IAEb,SAAS;AAAA;AAAA,MAEP,KAAK,QAAQ,IAAI,GAAG,cAAc;AAAA;AAAA,MAClC,KAAK,QAAQ,IAAI,GAAG,gBAAgB,qBAAqB,cAAc;AAAA;AAAA,MACvE;AAAA,QACE,QAAQ,IAAI;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMF;AAAA,EAEA,QAAQ;AAAA,IACN,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA;AAAA,MAEA;AAAA;AAAA,QAEE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA;AAAA,UAEP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA;AAAA,IAGF;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EAEX,SAAS;AAAA,IACP,IAAI,eAAe;AAAA;AAAA,EAErB;AACF;AAEA,IAAO,yBAAQ;","names":[]}
+{"version":3,"sources":["../../src/webpack.config.ts"],"sourcesContent":["import { join } from 'path';\nimport { getConfiguration } from '@intlayer/config';\nimport type { Configuration as WebPackConfiguration } from 'webpack';\nimport type { Configuration as DevServerConfiguration } from 'webpack-dev-server';\nimport { getEntries } from './getEntries';\nimport { defineDirname } from './utils';\nimport { IntLayerPlugin } from './webpack-plugin';\n\nconst { content } = getConfiguration({\n  verbose: false,\n});\nconst { fileExtensions } = content;\n\n/**\n * Set the __dirname global variable to make the config work in both ESM and CJS environments\n */\ndefineDirname();\n\n// For web interface\nexport const devServerConfig: DevServerConfiguration = {\n  // Enable hot module replacement\n  hot: true,\n  // Open the browser\n  open: false,\n  liveReload: false,\n\n  // Enable compression\n  compress: true,\n\n  // History API fallback\n  historyApiFallback: false,\n\n  // Host and port\n  host: 'localhost',\n  port: 8080,\n\n  watchFiles: './src/', // watchedFilesPatternWithPath,\n\n  devMiddleware: {\n    // Enable write to disk to reuse the output\n    writeToDisk: true,\n  },\n\n  // Content base\n  static: {},\n};\n\nexport const webpackConfig: WebPackConfiguration = {\n  // Define the environment mode (development or production)\n  mode: 'production', // or 'production'\n  // Entry point of the application\n  target: 'node', // Specifies the target environment\n\n  entry: getEntries,\n  output: {\n    clean: true, // Clean the output directory before emit\n    library: 'IntlLayerContent',\n    libraryTarget: 'umd',\n    filename: `[name].bundle.js`,\n  },\n\n  cache: false,\n\n  devtool: 'source-map',\n\n  // stats: {\n  //   preset: 'errors-only',\n  //   warnings: false,\n  // },\n  ignoreWarnings: [/./],\n  resolve: {\n    // Resolve TypeScript, JavaScript and JSON files\n    extensions: ['.ts', '.js', '.json', '.wasm', '.ts', '.tsx', '.mjs', '.cjs'],\n    modules: [\n      // To find the loader module\n      join(globalThis.__dirname, '..', 'node_modules'), // In the project node_modules\n      join(process.cwd(), 'node_modules'), // In the project node_modules\n      join(process.cwd(), 'node_modules', 'intlayer-cli', 'node_modules'), // Or via another project by importing intlayer\n      join(\n        process.cwd(),\n        'node_modules',\n        'intlayer-cli',\n        'node_modules',\n        '@intlayer/webpack',\n        'node_modules'\n      ), // Or via another project by importing intlayer\n    ],\n  },\n\n  resolveLoader: {\n    // Configure how Webpack finds `loader` modules.\n    modules: [\n      // To find the loader module\n      join(process.cwd(), 'node_modules'), // In the project node_modules\n      join(process.cwd(), 'node_modules', '@intlayer/webpack', 'node_modules'), // Or via another project by importing @intlayer/webpack\n      join(\n        process.cwd(),\n        'node_modules',\n        'intlayer-cli',\n        'node_modules',\n        '@intlayer/webpack',\n        'node_modules'\n      ), // Or via another project by importing intlayer\n    ],\n  },\n\n  module: {\n    rules: [\n      {\n        // Rule for .content.ts files\n        test: new RegExp(`(${fileExtensions.join('|')})$`),\n        use: [\n          {\n            // Transpile with esbuild-loader\n            loader: 'esbuild-loader',\n            options: {\n              // JavaScript version to compile to\n              target: 'es2015',\n            },\n          },\n          // {\n          //   // Custom loader to process the transpiled code\n          //   loader: resolve('./intlayer-loader'),\n          // },\n        ],\n      },\n      {\n        test: /\\.node$/,\n        loader: 'node-loader',\n      },\n      // Use esbuild to compile JavaScript & TypeScript\n      {\n        // Match `.js`, `.jsx`, `.ts` or `.tsx` files\n        test: /\\.(jsx|js|ts|tsx|mjs|cjs)?$/,\n        loader: 'esbuild-loader',\n        options: {\n          // JavaScript version to compile to\n          target: 'es2015',\n        },\n      },\n\n      // JSON files are supported natively by Webpack 5, no specific loader required\n    ],\n  },\n  devServer: devServerConfig,\n\n  plugins: [\n    new IntLayerPlugin(),\n    // new HotModuleReplacementPlugin()\n  ],\n};\n\nexport default webpackConfig;\n"],"mappings":"AAAA,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAGjC,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAE/B,MAAM,EAAE,QAAQ,IAAI,iBAAiB;AAAA,EACnC,SAAS;AACX,CAAC;AACD,MAAM,EAAE,eAAe,IAAI;AAK3B,cAAc;AAGP,MAAM,kBAA0C;AAAA;AAAA,EAErD,KAAK;AAAA;AAAA,EAEL,MAAM;AAAA,EACN,YAAY;AAAA;AAAA,EAGZ,UAAU;AAAA;AAAA,EAGV,oBAAoB;AAAA;AAAA,EAGpB,MAAM;AAAA,EACN,MAAM;AAAA,EAEN,YAAY;AAAA;AAAA,EAEZ,eAAe;AAAA;AAAA,IAEb,aAAa;AAAA,EACf;AAAA;AAAA,EAGA,QAAQ,CAAC;AACX;AAEO,MAAM,gBAAsC;AAAA;AAAA,EAEjD,MAAM;AAAA;AAAA;AAAA,EAEN,QAAQ;AAAA;AAAA,EAER,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,OAAO;AAAA;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO;AAAA,EAEP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,gBAAgB,CAAC,GAAG;AAAA,EACpB,SAAS;AAAA;AAAA,IAEP,YAAY,CAAC,OAAO,OAAO,SAAS,SAAS,OAAO,QAAQ,QAAQ,MAAM;AAAA,IAC1E,SAAS;AAAA;AAAA,MAEP,KAAK,WAAW,WAAW,MAAM,cAAc;AAAA;AAAA,MAC/C,KAAK,QAAQ,IAAI,GAAG,cAAc;AAAA;AAAA,MAClC,KAAK,QAAQ,IAAI,GAAG,gBAAgB,gBAAgB,cAAc;AAAA;AAAA,MAClE;AAAA,QACE,QAAQ,IAAI;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe;AAAA;AAAA,IAEb,SAAS;AAAA;AAAA,MAEP,KAAK,QAAQ,IAAI,GAAG,cAAc;AAAA;AAAA,MAClC,KAAK,QAAQ,IAAI,GAAG,gBAAgB,qBAAqB,cAAc;AAAA;AAAA,MACvE;AAAA,QACE,QAAQ,IAAI;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN,OAAO;AAAA,MACL;AAAA;AAAA,QAEE,MAAM,IAAI,OAAO,IAAI,eAAe,KAAK,GAAG,CAAC,IAAI;AAAA,QACjD,KAAK;AAAA,UACH;AAAA;AAAA,YAEE,QAAQ;AAAA,YACR,SAAS;AAAA;AAAA,cAEP,QAAQ;AAAA,YACV;AAAA,UACF;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA;AAAA,MAEA;AAAA;AAAA,QAEE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA;AAAA,UAEP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA;AAAA,IAGF;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EAEX,SAAS;AAAA,IACP,IAAI,eAAe;AAAA;AAAA,EAErB;AACF;AAEA,IAAO,yBAAQ;","names":[]}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@intlayer/webpack",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "private": false,
-  "description": "Webpack application for IntLayer - Webpack process to transpile TypeScript files to JavaScript files into IntLayer dictionaries.",
+  "description": "Webpack application for IntLayer - Transpile Intlayer declaration files into dictionaries using webpack.",
   "keywords": [
     "intlayer",
     "webpack",
@@ -46,33 +46,29 @@
     "./package.json"
   ],
   "dependencies": {
+    "chokidar": "^3.6.0",
     "crypto-js": "^4.2.0",
     "esbuild": "^0.20.2",
     "esbuild-loader": "^4.1.0",
-    "glob": "^10.3.10",
+    "glob": "^10.3.12",
     "node-loader": "^2.0.0",
     "rimraf": "5.0.5",
     "util": "^0.12.5",
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4",
-    "yargs": "^17.7.2",
-    "@intlayer/cli": "^1.0.1",
-    "@intlayer/config": "^1.0.1",
-    "@intlayer/core": "^1.0.1"
+    "@intlayer/chokidar": "^1.2.0",
+    "@intlayer/cli": "^1.2.0",
+    "@intlayer/config": "^1.2.0",
+    "@intlayer/core": "^1.2.0",
+    "intlayer": "^1.2.0"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "0.5.0",
     "@changesets/cli": "2.27.1",
     "@types/crypto-js": "^4.2.2",
-    "@types/node": "^20.11.30",
-    "@types/uuid": "^9.0.8",
-    "@types/webpack-watch-files-plugin": "^1.1.3",
-    "@types/yargs": "^17.0.32",
-    "node-polyfill-webpack-plugin": "^3.0.0",
+    "@types/node": "^20.12.7",
     "tsup": "^8.0.2",
-    "typescript": "^5.3.3",
-    "webpack-watch-files-plugin": "^1.2.1",
+    "typescript": "^5.4.5",
     "@utils/eslint-config": "^1.0.1",
     "@utils/ts-config": "^1.0.1"
   },

package/src/getEntries.ts

@@ -0,0 +1,19 @@
+import { getConfiguration } from '@intlayer/config';
+import { sync } from 'glob';
+import type { EntryObject } from 'webpack';
+import { getFileHash } from './utils';
+
+const { content } = getConfiguration();
+const { watchedFilesPatternWithPath } = content;
+
+export const getEntries = (): EntryObject =>
+  sync(watchedFilesPatternWithPath).reduce((obj, el) => {
+    const hash = getFileHash(el);
+
+    obj[`intlayer-content/${hash}`] = {
+      import: el,
+      dependOn: undefined,
+    };
+
+    return obj;
+  }, {} as EntryObject);

package/src/index.ts

@@ -1,12 +1,2 @@
-import { bundle, startServer, watch } from './scripts/index';
-import { IntLayerPlugin } from './webpack-plugin';
-import { devServerConfig, webpackConfig } from './webpack.config';
-
-export {
-  bundle,
-  watch,
-  startServer,
-  devServerConfig,
-  webpackConfig,
-  IntLayerPlugin,
-};
+export { IntLayerPlugin } from './webpack-plugin';
+export { devServerConfig, webpackConfig } from './webpack.config';

package/src/utils.ts

@@ -1,26 +1,26 @@
-import { SHA3, enc } from 'crypto-js';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import crypto from 'crypto-js';
+
+/**
+ * Set the __dirname global variable to make the config work in both ESM and CJS environments
+ */
+export const defineDirname = () => {
+  const isESModule = typeof import.meta.url === 'string';
+
+  const filename = isESModule
+    ? fileURLToPath(import.meta.url)
+    : require('url').pathToFileURL(__filename).toString();
+
+  globalThis.__filename = globalThis.__filename ?? filename;
+  globalThis.__dirname = globalThis.__dirname ?? path.dirname(__filename);
+};
 
 export const getFileHash = (filePath: string) => {
-  const hash = SHA3(filePath);
+  const hash = crypto.SHA3(filePath);
 
   return hash
-    .toString(enc.Base64)
+    .toString(crypto.enc.Base64)
     .replace(/[^A-Z\d]/gi, '')
     .substring(0, 20);
 };
-
-export const transformToCamelCase = (string: string): string => {
-  // Split the string into words using a regex that finds spaces, hyphens, and underscores
-  const words = string.split(/[\s\-_]+/);
-
-  // Transform each word except the first to have its first letter uppercase
-  const camelCasedWords = words.map((word, index) => {
-    if (index === 0) {
-      return word[0].toUpperCase() + word.slice(1);
-    }
-    return word.charAt(0).toUpperCase() + word.slice(1);
-  });
-
-  // Join the words back together
-  return camelCasedWords.join('');
-};

package/src/webpack-plugin.ts

@@ -1,185 +1,10 @@
-import { relative, resolve } from 'path';
-import { getConfiguration } from '@intlayer/config';
-import { sync } from 'glob';
-import { DynamicEntryPlugin, type Compiler } from 'webpack';
-import { createDictionaryList } from './transpiler/dictionary_to_main/createDictionaryList';
-import { createModuleAugmentation } from './transpiler/dictionary_to_type/createModuleAugmentation';
-import { createTypes } from './transpiler/dictionary_to_type/createType';
-import { transpileBundledCode } from './transpiler/intlater_module_to_dictionary/transpileBundledCode';
-import { getFileHash } from './utils';
+import { watch } from '@intlayer/chokidar';
 
-const getRelativePath = (filePath: string) => relative(baseDir, filePath);
-
-const getBundledFilePathFromIntlayerModule = (filePath: string): string => {
-  const hash = getFileHash(filePath);
-
-  return `${bundleDir}/${hash}${bundleFileExtension}`;
-};
-
-const { content } = getConfiguration();
-const { bundleDir, baseDir, bundleFileExtension, watchedFilesPatternWithPath } =
-  content;
+// Watch mode or on time build
+const persistent = process.env.NODE_ENV === 'development';
 
 export class IntLayerPlugin {
-  private managedFiles: Set<string>;
-  private updatedFiles: Set<string>;
-  private addedFiles: Set<string>;
-
-  constructor() {
-    this.managedFiles = new Set();
-    this.updatedFiles = new Set();
-    this.addedFiles = new Set();
-  }
-
-  // function to initialize the dictionaries
-  public async initDictionaries() {
-    const outputFiles = [...this.managedFiles].map((file) =>
-      resolve(bundleDir, file)
-    );
-
-    const dictionaries = (await transpileBundledCode(outputFiles)) ?? [];
-
-    console.info(
-      `Dictionaries: \n ${dictionaries.map(getRelativePath).join('\n')}`
-    );
-
-    console.info('Building TypeScript types...');
-    createTypes(dictionaries);
-
-    console.info('Building type index...');
-    createModuleAugmentation();
-
-    console.info('Building main...');
-    createDictionaryList();
-  }
-
-  // function to process when intlayer module files content are changed
-  public async processFilesChanges() {
-    const dictionaries =
-      (await transpileBundledCode([...this.updatedFiles])) ?? [];
-
-    console.info(
-      `Updated dictionaries: \n ${dictionaries.map(getRelativePath).join('\n')}`
-    );
-
-    console.info('Updating TypeScript types...');
-    createTypes(dictionaries);
-
-    this.updatedFiles.clear();
-  }
-
-  // function to process when new intlayer module is detected
-  public async processNewFiles() {
-    const dictionaries =
-      (await transpileBundledCode([...this.addedFiles])) ?? [];
-
-    console.info(
-      `New dictionaries: \n ${dictionaries.map(getRelativePath).join('\n')}`
-    );
-
-    console.info('Building TypeScript types...');
-    createTypes(dictionaries);
-
-    console.info('Building type index...');
-    createModuleAugmentation();
-
-    console.info('Building main...');
-    createDictionaryList();
-
-    this.managedFiles = new Set([...this.managedFiles, ...this.addedFiles]);
-    this.addedFiles.clear();
-  }
-
-  public async detectFileAddedOrRemoved() {
-    const filesFound: string[] = [];
-
-    for (const pattern of watchedFilesPatternWithPath) {
-      sync(pattern).map((file) => filesFound.push(file));
-    }
-
-    // Detect new files by comparing with files emitted in previous compilation
-    const newFiles = new Set(
-      filesFound.filter((x) => !this.managedFiles.has(x))
-    );
-
-    const removedFiles = new Set(
-      [...this.managedFiles].filter((x) => !filesFound.includes(x))
-    );
-
-    if (
-      // Check if there is new files
-      newFiles.size > 0
-    ) {
-      console.info('New files:', [...newFiles]);
-
-      this.addedFiles = newFiles;
-
-      await this.processNewFiles();
-    }
-
-    if (
-      // Check if there is removed files
-      removedFiles.size > 0
-    ) {
-      console.info('Removed files:', [...removedFiles]);
-
-      this.managedFiles = new Set(
-        [...this.managedFiles].filter((x) => !removedFiles.has(x))
-      );
-    }
-
-    // After the compilation, transpile the changed files if any
-    if (this.updatedFiles.size > 0) {
-      await this.processFilesChanges();
-    }
-  }
-
-  apply(compiler: Compiler): void {
-    compiler.hooks.entryOption.tap('EntryOptionPlugin', (context, entry) => {
-      if (typeof entry === 'function') {
-        // DynamicEntryPlugin is used to add entries at runtime when files are created, updated or deleted
-        new DynamicEntryPlugin(context, entry).apply(compiler);
-      }
-
-      return true;
-    });
-
-    compiler.hooks.afterEmit.tapAsync(
-      'IntLayerPlugin - Process dictionaries',
-      async (compilation, callback) => {
-        // Get a set of files that will be emitted in this compilation
-        const currentEmitFiles = new Set(Object.keys(compilation.assets));
-
-        if (
-          // Check if this first load
-          !this.managedFiles.size
-        ) {
-          // Update previousEmitFiles for the next compilation
-          this.managedFiles = currentEmitFiles;
-
-          await this.initDictionaries();
-        }
-
-        await this.detectFileAddedOrRemoved();
-
-        callback();
-      }
-    );
-
-    // Detect modified files on watch mode
-    compiler.hooks.watchRun.tap(
-      'IntLayerPlugin - Change detection',
-      (compilation) => {
-        if (compilation.modifiedFiles) {
-          const updatedFiles = Array.from(compilation.modifiedFiles);
-
-          const outputFileNames = updatedFiles.map(
-            getBundledFilePathFromIntlayerModule
-          );
-
-          this.updatedFiles = new Set(outputFileNames);
-        }
-      }
-    );
+  apply(): void {
+    watch({ persistent });
   }
 }