refactor(config): make isESMModule reusable and add with { type: 'json' } to esm dictionaries

Author: aymericzip

packages/@intlayer/chokidar/src/transpiler/dictionary_to_main/generateDictionaryListContent.ts

@@ -23,7 +23,7 @@ export const generateDictionaryListContent = (
   // Import all dictionaries
   dictionariesRef.forEach((dictionary) => {
     if (format === 'esm')
-      content += `import ${dictionary.hash} from '${dictionary.relativePath}';\n`;
+      content += `import ${dictionary.hash} from '${dictionary.relativePath}' with { type: 'json' };\n`;
     if (format === 'cjs')
       content += `const ${dictionary.hash} = require('${dictionary.relativePath}');\n`;
   });

packages/@intlayer/config/src/index.ts

@@ -29,4 +29,4 @@ export type {
 } from './types/config';
 export { Locales } from './types/locales';
 export type { LocalesValues } from './types/locales';
-export { ESMxCJSRequire } from './utils/ESMxCJSRequire';
+export { ESMxCJSRequire, isESModule } from './utils/ESMxCJSRequire';

packages/@intlayer/config/src/utils/ESMxCJSRequire.ts

@@ -1,6 +1,6 @@
 import { createRequire } from 'module';
 
-const isESModule = typeof import.meta.url === 'string';
+export const isESModule = typeof import.meta.url === 'string';
 export const ESMxCJSRequire = isESModule
   ? createRequire(import.meta.url)
   : require;

packages/@intlayer/dictionaries-entry/src/index.ts

@@ -4,7 +4,7 @@
  * The alias allow hot reload the app (such as nextjs) on any dictionary change.
  */
 
-import { ESMxCJSRequire, getConfiguration } from '@intlayer/config';
+import { ESMxCJSRequire, getConfiguration, isESModule } from '@intlayer/config';
 import { existsSync } from 'fs';
 import { join } from 'path';
 // @ts-ignore intlayer declared for module augmentation
@@ -13,7 +13,10 @@ import type { IntlayerDictionaryTypesConnector } from 'intlayer';
 export const getDictionaries = () => {
   const { content } = getConfiguration();
 
-  const dictionariesPath = join(content.mainDir, `dictionaries.cjs`);
+  const dictionariesPath = join(
+    content.mainDir,
+    isESModule ? 'dictionaries.mjs' : 'dictionaries.cjs'
+  );
 
   let dictionaries = {};
   if (existsSync(dictionariesPath)) {

packages/@intlayer/unmerged-dictionaries-entry/src/index.ts

@@ -4,7 +4,7 @@
  * The alias allow hot reload the app (such as nextjs) on any dictionary change.
  */
 
-import { ESMxCJSRequire, getConfiguration } from '@intlayer/config';
+import { ESMxCJSRequire, getConfiguration, isESModule } from '@intlayer/config';
 import { existsSync } from 'fs';
 import { join } from 'path';
 // @ts-ignore intlayer declared for module augmentation
@@ -13,7 +13,10 @@ import type { Dictionary, IntlayerDictionaryTypesConnector } from 'intlayer';
 export const getUnmergedDictionaries = () => {
   const { content } = getConfiguration();
 
-  const dictionariesPath = join(content.mainDir, `unmerged_dictionaries.cjs`);
+  const dictionariesPath = join(
+    content.mainDir,
+    isESModule ? 'unmerged-dictionaries.mjs' : 'unmerged-dictionaries.cjs'
+  );
 
   let dictionaries: Record<
     IntlayerDictionaryTypesConnector['key'],

packages/@intlayer/webpack/src/utils.ts

@@ -1,13 +1,12 @@
+import { isESModule } from '@intlayer/config';
+import crypto 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();