fix: Fix i18n build for old webpack

esbuild/SparsedBuild.js

@@ -1,6 +1,16 @@
 const assert = require('node:assert');
 const {statSync, existsSync} = require('node:fs');
-const {join, resolve} = require('node:path');
+const {join, resolve, extname} = require('node:path');
+
+const INLINE_LOADERS = ['text', 'binary', 'base64', 'dataurl'];
+
+const inlinedFiles = (loader) => {
+    const inline = Object.keys(loader).filter((ext) => {
+        return INLINE_LOADERS.includes(loader[ext]);
+    });
+
+    return (file) => inline.includes(extname(file));
+};
 
 class SparsedBuild {
     constructor(context, {extension} = {}) {
@@ -22,16 +32,20 @@ class SparsedBuild {
             setup: ({onResolve, initialOptions}) => {
                 const {
                     bundle,
+                    loader = {},
                     resolveExtensions = ['.tsx', '.ts', '.jsx', '.js', '.css', '.json'],
                 } = initialOptions;
 
                 assert(bundle === true, `Option 'bundle' should be 'true' for sparsed build`);
 
+                const shouldSkip = inlinedFiles(loader);
+
                 onResolve({filter: /.*/}, async ({path, resolveDir, kind}) => {
                     if (kind === 'entry-point') {
                         return {};
                     }
 
+                    // TODO: resolve ts aliases
                     if (!path.match(/^\.{1,2}/)) {
                         return {external: true};
                     }
@@ -42,6 +56,10 @@ class SparsedBuild {
                         true,
                     );
 
+                    if (shouldSkip(fullpath)) {
+                        return {};
+                    }
+
                     if (!this._has(fullpath)) {
                         await this.build(fullpath);
                     }

esbuild/build.js

@@ -7,16 +7,15 @@ const {resolve} = require('node:path');
 const postcss = require('postcss');
 const postcssPresetEnv = require('postcss-preset-env');
 
-const tsconfigJson = require('../tsconfig.json');
-
 const {FileWatcher} = require('./FileWatcher');
 const {SparsedBuild} = require('./SparsedBuild');
 
-const {
-    compilerOptions: {target},
-} = tsconfigJson;
-
 async function build({path, format}) {
+    const tsconfig = require(`../tsconfig${format ? '.' + format : ''}.json`);
+    const {
+        compilerOptions: {target},
+    } = tsconfig;
+
     const watcher = new FileWatcher(process.argv.indexOf('--watch') > -1);
     const sparsed = new SparsedBuild(
         async (entry) => {
@@ -29,6 +28,9 @@ async function build({path, format}) {
                 outbase: './src',
                 outdir: `./build${format ? '/' + format : ''}`,
                 format: format,
+                loader: {
+                    '.json': 'text',
+                },
                 plugins: [
                     sparsed.plugin,
                     sassPlugin({

package.json

@@ -9,7 +9,8 @@
     "url": "[email protected]:yandex-cloud/docs-components.git"
   },
   "files": [
-    "build"
+    "build",
+    "i18n"
   ],
   "exports": {
     ".": {
@@ -30,6 +31,7 @@
       }
     },
     "./styles": "./build/index.css",
+    "./i18n/*": "./i18n/*",
     "./themes/*": {
       "style": "./build/themes/*/index.css",
       "default": "./build/themes/*/index.css"

src/config/i18n.ts

@@ -1,8 +1,8 @@
 import i18n, {TFunction} from 'i18next';
 import {initReactI18next} from 'react-i18next';
 
-import en from '../i18n/en.json';
-import ru from '../i18n/ru.json';
+import en from '../../i18n/en.json';
+import ru from '../../i18n/ru.json';
 import {Lang} from '../models';
 
 export type Loc = Record<string, typeof en>;
@@ -17,7 +17,10 @@ let initializePromise: Promise<TFunction> | null = null;
 export const configureI18N = ({lang, loc}: I18NConfig) => {
     if (initializePromise === null) {
         lang = lang || Lang.En;
-        loc = loc || {ru, en};
+        loc = loc || {
+            ru: JSON.parse(ru as unknown as string),
+            en: JSON.parse(en as unknown as string),
+        };
 
         initializePromise = i18n.use(initReactI18next).init({
             lng: lang,