@webinex/vite 0.0.1-beta0

package/dist/external-plugin/index.cjs

@@ -0,0 +1,135 @@
+'use strict';
+
+const node_fs = require('node:fs');
+const promises = require('node:fs/promises');
+const path = require('node:path');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const path__default = /*#__PURE__*/_interopDefaultCompat(path);
+
+const MODULE_PREFIX = "\0external:";
+const PATH_SPLIT = "::";
+async function resolveModule(id, location) {
+  const packageJson = JSON.parse(
+    await promises.readFile(path__default.resolve(location, "package.json"), { encoding: "utf-8" })
+  );
+  const main = packageJson.module ?? packageJson.main;
+  if (!main) throw new Error(`Module ${id} does not have a main or module field in its package.json`);
+  return {
+    id,
+    location,
+    exports: {
+      ".": path__default.resolve(location, main)
+    }
+  };
+}
+class Resolver {
+  _moduleById;
+  constructor(modules) {
+    this._moduleById = new Map(modules.map((x) => [x.id, x]));
+  }
+  async resolveId(id, importer) {
+    if (this.has(id)) {
+      return this.resolveBase(id);
+    }
+    const isExternalModuleInternalImport = importer?.startsWith(MODULE_PREFIX) && id.startsWith(".");
+    if (isExternalModuleInternalImport) {
+      return await this.resolveInternalImport(id, importer);
+    }
+    return null;
+  }
+  async path(id) {
+    const [moduleId, relativePath] = id.slice(MODULE_PREFIX.length).split(PATH_SPLIT);
+    return path.resolve(this.module(moduleId).location, relativePath);
+  }
+  async resolveBase(id) {
+    const filePath = path.relative(this.module(id).location, this.module(id).exports["."]).replaceAll(
+      path__default.sep,
+      "/"
+    );
+    return MODULE_PREFIX + id + PATH_SPLIT + filePath;
+  }
+  async resolveInternalImport(id, importer) {
+    const [module, filePath] = await this.resolveImporter(importer);
+    const importedPath = path.resolve(module.location, filePath, "..", id);
+    if (!node_fs.existsSync(importedPath)) {
+      throw new Error(`Module ${module.id} does not have a file at ${importedPath}`);
+    }
+    const resolvedPath = path__default.relative(module.location, importedPath).replaceAll(path__default.sep, "/");
+    return MODULE_PREFIX + module.id + PATH_SPLIT + resolvedPath;
+  }
+  async resolveImporter(importer) {
+    const [moduleId, relativePath] = importer.slice(MODULE_PREFIX.length).split(PATH_SPLIT);
+    return [this.module(moduleId), relativePath];
+  }
+  has(id) {
+    return this._moduleById.has(id);
+  }
+  module(id) {
+    const module = this._moduleById.get(id);
+    if (!module) throw new Error(`Module ${id} not found`);
+    return module;
+  }
+}
+function viteExternalPlugin(options) {
+  let resolver;
+  return {
+    name: "@webinex/vite-external-plugin",
+    enforce: "pre",
+    async configResolved(config) {
+      const modules = await Promise.all(
+        options.entries.map((x) => resolveModule(x.id, path__default.resolve(config.root, x.to)))
+      );
+      resolver = new Resolver(modules);
+    },
+    async resolveId(id, importer) {
+      if (id.endsWith("map")) console.log(`Loading ${id}`);
+      return resolver.resolveId(id, importer);
+    },
+    /**
+     * Loading dynamically loaded source maps
+     */
+    async transform(code, id) {
+      if (!id.startsWith(MODULE_PREFIX)) return;
+      const match = code.match(/\/\/# sourceMappingURL=(.+)$/m);
+      if (!match) {
+        if (id.endsWith(".js")) {
+          console.log(`No sourceMappingURL found in ${id}
+${code}`);
+        }
+        return;
+      }
+      const url = match[1];
+      let map;
+      if (url.startsWith("data:application/json;base64,")) {
+        const base64 = url.slice("data:application/json;base64,".length);
+        const json = Buffer.from(base64, "base64").toString("utf-8");
+        map = JSON.parse(json);
+      } else {
+        const jsPath = await resolver.path(id);
+        const mapPath = path__default.resolve(path__default.dirname(jsPath), url);
+        if (!node_fs.existsSync(mapPath)) {
+          this.warn(`Sourcemap not found: ${mapPath}`);
+          return;
+        }
+        const mapRaw = await promises.readFile(mapPath, "utf-8");
+        map = JSON.parse(mapRaw);
+      }
+      code = code.replaceAll(match[0], "");
+      return { code, map };
+    },
+    async load(id) {
+      if (id.endsWith("map")) console.log(`Loading ${id}`);
+      if (!id.startsWith(MODULE_PREFIX)) {
+        return null;
+      }
+      const path2 = await resolver.path(id);
+      this.debug(`load ${id} to ${path2}`);
+      this.addWatchFile(path2);
+      return promises.readFile(path2, { encoding: "utf-8" });
+    }
+  };
+}
+
+module.exports = viteExternalPlugin;

package/dist/external-plugin/index.d.cts

@@ -0,0 +1,13 @@
+import { Plugin } from 'vite';
+
+interface Entry {
+    id: string;
+    to: string;
+}
+interface ViteExternalPluginOptions {
+    entries: Entry[];
+}
+declare function viteExternalPlugin(options: ViteExternalPluginOptions): Plugin;
+
+export = viteExternalPlugin;
+export type { Entry, ViteExternalPluginOptions };

package/dist/external-plugin/index.d.mts

@@ -0,0 +1,13 @@
+import { Plugin } from 'vite';
+
+interface Entry {
+    id: string;
+    to: string;
+}
+interface ViteExternalPluginOptions {
+    entries: Entry[];
+}
+declare function viteExternalPlugin(options: ViteExternalPluginOptions): Plugin;
+
+export { viteExternalPlugin as default };
+export type { Entry, ViteExternalPluginOptions };

package/dist/external-plugin/index.d.ts

@@ -0,0 +1,13 @@
+import { Plugin } from 'vite';
+
+interface Entry {
+    id: string;
+    to: string;
+}
+interface ViteExternalPluginOptions {
+    entries: Entry[];
+}
+declare function viteExternalPlugin(options: ViteExternalPluginOptions): Plugin;
+
+export = viteExternalPlugin;
+export type { Entry, ViteExternalPluginOptions };

package/dist/external-plugin/index.mjs

@@ -0,0 +1,129 @@
+import { existsSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
+import path, { resolve, relative } from 'node:path';
+
+const MODULE_PREFIX = "\0external:";
+const PATH_SPLIT = "::";
+async function resolveModule(id, location) {
+  const packageJson = JSON.parse(
+    await readFile(path.resolve(location, "package.json"), { encoding: "utf-8" })
+  );
+  const main = packageJson.module ?? packageJson.main;
+  if (!main) throw new Error(`Module ${id} does not have a main or module field in its package.json`);
+  return {
+    id,
+    location,
+    exports: {
+      ".": path.resolve(location, main)
+    }
+  };
+}
+class Resolver {
+  _moduleById;
+  constructor(modules) {
+    this._moduleById = new Map(modules.map((x) => [x.id, x]));
+  }
+  async resolveId(id, importer) {
+    if (this.has(id)) {
+      return this.resolveBase(id);
+    }
+    const isExternalModuleInternalImport = importer?.startsWith(MODULE_PREFIX) && id.startsWith(".");
+    if (isExternalModuleInternalImport) {
+      return await this.resolveInternalImport(id, importer);
+    }
+    return null;
+  }
+  async path(id) {
+    const [moduleId, relativePath] = id.slice(MODULE_PREFIX.length).split(PATH_SPLIT);
+    return resolve(this.module(moduleId).location, relativePath);
+  }
+  async resolveBase(id) {
+    const filePath = relative(this.module(id).location, this.module(id).exports["."]).replaceAll(
+      path.sep,
+      "/"
+    );
+    return MODULE_PREFIX + id + PATH_SPLIT + filePath;
+  }
+  async resolveInternalImport(id, importer) {
+    const [module, filePath] = await this.resolveImporter(importer);
+    const importedPath = resolve(module.location, filePath, "..", id);
+    if (!existsSync(importedPath)) {
+      throw new Error(`Module ${module.id} does not have a file at ${importedPath}`);
+    }
+    const resolvedPath = path.relative(module.location, importedPath).replaceAll(path.sep, "/");
+    return MODULE_PREFIX + module.id + PATH_SPLIT + resolvedPath;
+  }
+  async resolveImporter(importer) {
+    const [moduleId, relativePath] = importer.slice(MODULE_PREFIX.length).split(PATH_SPLIT);
+    return [this.module(moduleId), relativePath];
+  }
+  has(id) {
+    return this._moduleById.has(id);
+  }
+  module(id) {
+    const module = this._moduleById.get(id);
+    if (!module) throw new Error(`Module ${id} not found`);
+    return module;
+  }
+}
+function viteExternalPlugin(options) {
+  let resolver;
+  return {
+    name: "@webinex/vite-external-plugin",
+    enforce: "pre",
+    async configResolved(config) {
+      const modules = await Promise.all(
+        options.entries.map((x) => resolveModule(x.id, path.resolve(config.root, x.to)))
+      );
+      resolver = new Resolver(modules);
+    },
+    async resolveId(id, importer) {
+      if (id.endsWith("map")) console.log(`Loading ${id}`);
+      return resolver.resolveId(id, importer);
+    },
+    /**
+     * Loading dynamically loaded source maps
+     */
+    async transform(code, id) {
+      if (!id.startsWith(MODULE_PREFIX)) return;
+      const match = code.match(/\/\/# sourceMappingURL=(.+)$/m);
+      if (!match) {
+        if (id.endsWith(".js")) {
+          console.log(`No sourceMappingURL found in ${id}
+${code}`);
+        }
+        return;
+      }
+      const url = match[1];
+      let map;
+      if (url.startsWith("data:application/json;base64,")) {
+        const base64 = url.slice("data:application/json;base64,".length);
+        const json = Buffer.from(base64, "base64").toString("utf-8");
+        map = JSON.parse(json);
+      } else {
+        const jsPath = await resolver.path(id);
+        const mapPath = path.resolve(path.dirname(jsPath), url);
+        if (!existsSync(mapPath)) {
+          this.warn(`Sourcemap not found: ${mapPath}`);
+          return;
+        }
+        const mapRaw = await readFile(mapPath, "utf-8");
+        map = JSON.parse(mapRaw);
+      }
+      code = code.replaceAll(match[0], "");
+      return { code, map };
+    },
+    async load(id) {
+      if (id.endsWith("map")) console.log(`Loading ${id}`);
+      if (!id.startsWith(MODULE_PREFIX)) {
+        return null;
+      }
+      const path2 = await resolver.path(id);
+      this.debug(`load ${id} to ${path2}`);
+      this.addWatchFile(path2);
+      return readFile(path2, { encoding: "utf-8" });
+    }
+  };
+}
+
+export { viteExternalPlugin as default };

package/dist/i18next-resources-plugin/client.d.ts

@@ -0,0 +1,7 @@
+declare module '@webinex/vite/i18next-resources/client' {
+  interface LocalizationResourceMap {
+    [key: string]: () => Promise<Record<string, any>>;
+  }
+
+  const RESOURCES: LocalizationResourceMap;
+}

package/dist/i18next-resources-plugin/index.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+const glob = require('glob');
+const yaml = require('yaml');
+const lodash = require('lodash');
+const promises = require('fs/promises');
+
+const MODULE_ID = "virtual:resources";
+const RESOLVED_MODULE_ID = "\0" + MODULE_ID;
+function i18nextPlugin(options) {
+  const { resources } = options;
+  const touched = /* @__PURE__ */ new Set();
+  const readLocale = async (addWatch, locale) => {
+    const processFile = async (file) => {
+      addWatch(file);
+      touched.add(file);
+      const content = await promises.readFile(file, { encoding: "utf-8" });
+      return yaml.parse(content);
+    };
+    const processGlob = async (path) => {
+      let result2 = {};
+      const files = await glob.glob(path, { absolute: true, maxDepth: 15 });
+      const contents = await Promise.all(files.map(async (file) => await processFile(file)));
+      for (const content of contents) {
+        result2 = lodash.merge(result2, content);
+      }
+      return result2;
+    };
+    const results = await Promise.all(resources[locale].map((x) => processGlob(x)));
+    let result = {};
+    for (const content of results) {
+      result = lodash.merge(result, content);
+    }
+    return result;
+  };
+  const plugin = {
+    name: "@custom/i18next-plugin",
+    enforce: "pre",
+    resolveId: (id) => {
+      if (id === MODULE_ID) {
+        return RESOLVED_MODULE_ID;
+      }
+      if (id.startsWith(MODULE_ID + "/")) {
+        return "\0" + id;
+      }
+    },
+    handleHotUpdate: ({ server, file }) => {
+      const filePath = file.replaceAll("/", "\\");
+      if (touched.has(filePath)) {
+        const root = server.moduleGraph.getModuleById(RESOLVED_MODULE_ID);
+        server.moduleGraph.invalidateModule(root);
+      }
+      server.ws.send({ type: "full-reload" });
+    },
+    async load(id) {
+      if (id === RESOLVED_MODULE_ID) {
+        return {
+          code: `export const RESOURCES = {
+          ${Object.entries(resources).map(([locale]) => `'${locale}': () => import('virtual:resources/${locale}')`).join("\n,")}
+            }`,
+          map: null
+        };
+      }
+      if (id.startsWith(RESOLVED_MODULE_ID + "/")) {
+        const content = await readLocale(
+          (id2) => this.addWatchFile(id2),
+          id.substring((RESOLVED_MODULE_ID + "/").length)
+        );
+        const json = JSON.stringify(content);
+        return `export default ${json}`;
+      }
+    }
+  };
+  return plugin;
+}
+
+exports.i18nextPlugin = i18nextPlugin;

package/dist/i18next-resources-plugin/index.d.cts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vite';
+
+interface I18nextPluginOptions {
+    resources: Record<string, string[]>;
+}
+declare function i18nextPlugin(options: I18nextPluginOptions): Plugin<any>;
+
+export { i18nextPlugin };
+export type { I18nextPluginOptions };

package/dist/i18next-resources-plugin/index.d.mts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vite';
+
+interface I18nextPluginOptions {
+    resources: Record<string, string[]>;
+}
+declare function i18nextPlugin(options: I18nextPluginOptions): Plugin<any>;
+
+export { i18nextPlugin };
+export type { I18nextPluginOptions };

package/dist/i18next-resources-plugin/index.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vite';
+
+interface I18nextPluginOptions {
+    resources: Record<string, string[]>;
+}
+declare function i18nextPlugin(options: I18nextPluginOptions): Plugin<any>;
+
+export { i18nextPlugin };
+export type { I18nextPluginOptions };

package/dist/i18next-resources-plugin/index.mjs

@@ -0,0 +1,75 @@
+import { glob } from 'glob';
+import { parse } from 'yaml';
+import { merge } from 'lodash';
+import { readFile } from 'fs/promises';
+
+const MODULE_ID = "virtual:resources";
+const RESOLVED_MODULE_ID = "\0" + MODULE_ID;
+function i18nextPlugin(options) {
+  const { resources } = options;
+  const touched = /* @__PURE__ */ new Set();
+  const readLocale = async (addWatch, locale) => {
+    const processFile = async (file) => {
+      addWatch(file);
+      touched.add(file);
+      const content = await readFile(file, { encoding: "utf-8" });
+      return parse(content);
+    };
+    const processGlob = async (path) => {
+      let result2 = {};
+      const files = await glob(path, { absolute: true, maxDepth: 15 });
+      const contents = await Promise.all(files.map(async (file) => await processFile(file)));
+      for (const content of contents) {
+        result2 = merge(result2, content);
+      }
+      return result2;
+    };
+    const results = await Promise.all(resources[locale].map((x) => processGlob(x)));
+    let result = {};
+    for (const content of results) {
+      result = merge(result, content);
+    }
+    return result;
+  };
+  const plugin = {
+    name: "@custom/i18next-plugin",
+    enforce: "pre",
+    resolveId: (id) => {
+      if (id === MODULE_ID) {
+        return RESOLVED_MODULE_ID;
+      }
+      if (id.startsWith(MODULE_ID + "/")) {
+        return "\0" + id;
+      }
+    },
+    handleHotUpdate: ({ server, file }) => {
+      const filePath = file.replaceAll("/", "\\");
+      if (touched.has(filePath)) {
+        const root = server.moduleGraph.getModuleById(RESOLVED_MODULE_ID);
+        server.moduleGraph.invalidateModule(root);
+      }
+      server.ws.send({ type: "full-reload" });
+    },
+    async load(id) {
+      if (id === RESOLVED_MODULE_ID) {
+        return {
+          code: `export const RESOURCES = {
+          ${Object.entries(resources).map(([locale]) => `'${locale}': () => import('virtual:resources/${locale}')`).join("\n,")}
+            }`,
+          map: null
+        };
+      }
+      if (id.startsWith(RESOLVED_MODULE_ID + "/")) {
+        const content = await readLocale(
+          (id2) => this.addWatchFile(id2),
+          id.substring((RESOLVED_MODULE_ID + "/").length)
+        );
+        const json = JSON.stringify(content);
+        return `export default ${json}`;
+      }
+    }
+  };
+  return plugin;
+}
+
+export { i18nextPlugin };

package/dist/scss-path-plugin/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+const path = require('path');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const path__default = /*#__PURE__*/_interopDefaultCompat(path);
+
+function scssPathPlugin(options) {
+  const { replace } = options;
+  const regExp = new RegExp(`@use '${replace.key}/`, "g");
+  const plugin = {
+    name: "@custom/scss-path-plugin",
+    transform: {
+      order: "pre",
+      handler(src, filePath) {
+        if (!filePath.endsWith(".scss") && !filePath.endsWith(".sass")) {
+          return src;
+        }
+        const relative = path__default.relative(path__default.dirname(filePath), replace.path).replace(/\\/g, "/");
+        return src.replace(regExp, `@use '${relative}/`);
+      }
+    }
+  };
+  return plugin;
+}
+
+exports.scssPathPlugin = scssPathPlugin;

package/dist/scss-path-plugin/index.d.cts

@@ -0,0 +1,12 @@
+import { Plugin } from 'vite';
+
+interface ScssPathPluginOptions {
+    replace: {
+        key: string;
+        path: string;
+    };
+}
+declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin<any>;
+
+export { scssPathPlugin };
+export type { ScssPathPluginOptions };

package/dist/scss-path-plugin/index.d.mts

@@ -0,0 +1,12 @@
+import { Plugin } from 'vite';
+
+interface ScssPathPluginOptions {
+    replace: {
+        key: string;
+        path: string;
+    };
+}
+declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin<any>;
+
+export { scssPathPlugin };
+export type { ScssPathPluginOptions };

package/dist/scss-path-plugin/index.d.ts

@@ -0,0 +1,12 @@
+import { Plugin } from 'vite';
+
+interface ScssPathPluginOptions {
+    replace: {
+        key: string;
+        path: string;
+    };
+}
+declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin<any>;
+
+export { scssPathPlugin };
+export type { ScssPathPluginOptions };

package/dist/scss-path-plugin/index.mjs

@@ -0,0 +1,22 @@
+import path from 'path';
+
+function scssPathPlugin(options) {
+  const { replace } = options;
+  const regExp = new RegExp(`@use '${replace.key}/`, "g");
+  const plugin = {
+    name: "@custom/scss-path-plugin",
+    transform: {
+      order: "pre",
+      handler(src, filePath) {
+        if (!filePath.endsWith(".scss") && !filePath.endsWith(".sass")) {
+          return src;
+        }
+        const relative = path.relative(path.dirname(filePath), replace.path).replace(/\\/g, "/");
+        return src.replace(regExp, `@use '${relative}/`);
+      }
+    }
+  };
+  return plugin;
+}
+
+export { scssPathPlugin };

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@webinex/vite",
+  "private": false,
+  "version": "0.0.1-beta0",
+  "type": "module",
+  "exports": {
+    "./external-plugin": {
+      "types": "./dist/external-plugin/index.d.ts",
+      "import": {
+        "types": "./dist/external-plugin/index.d.ts",
+        "default": "./dist/external-plugin/index.mjs"
+      },
+      "require": {
+        "types": "./dist/external-plugin/index.d.ts",
+        "default": "./dist/external-plugin/index.cjs"
+      }
+    },
+    "./i18next-resources-plugin": {
+      "types": "./dist/i18next-resources-plugin/index.d.ts",
+      "import": {
+        "types": "./dist/i18next-resources-plugin/index.d.ts",
+        "default": "./dist/i18next-resources-plugin/index.mjs"
+      },
+      "require": {
+        "types": "./dist/i18next-resources-plugin/index.d.ts",
+        "default": "./dist/i18next-resources-plugin/index.cjs"
+      }
+    },
+    "./i18next-resources-plugin/client": {
+      "types": "./dist/i18next-resources-plugin/client.d.ts",
+      "default": "./dist/i18next-resources-plugin/client.d.ts"
+    },
+    "./scss-path-plugin": {
+      "types": "./dist/scss-path-plugin/index.d.ts",
+      "import": {
+        "types": "./dist/scss-path-plugin/index.d.ts",
+        "default": "./dist/scss-path-plugin/index.mjs"
+      },
+      "require": {
+        "types": "./dist/scss-path-plugin/index.d.ts",
+        "default": "./dist/scss-path-plugin/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "lib",
+    "src"
+  ],
+  "scripts": {
+    "build": "unbuild"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.13.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.7.9",
+    "eslint": "^9.13.0",
+    "prettier": "^3.4.2",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.10.0",
+    "unbuild": "^3.5.0",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "dependencies": {
+    "glob": "^11.0.2",
+    "lodash": "^4.17.21",
+    "yaml": "^2.8.0"
+  }
+}

package/src/external-plugin/index.ts

@@ -0,0 +1,176 @@
+import { existsSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
+import path, { relative, resolve } from 'node:path';
+import { Plugin } from 'vite';
+
+export interface Entry {
+  id: string;
+  to: string;
+}
+
+const MODULE_PREFIX = '\0external:';
+const PATH_SPLIT = '::';
+
+export interface ViteExternalPluginOptions {
+  entries: Entry[];
+}
+
+interface Module {
+  id: string;
+  location: string;
+  exports: Record<string, string>;
+}
+
+async function resolveModule(id: string, location: string): Promise<Module> {
+  const packageJson = JSON.parse(
+    await readFile(path.resolve(location, 'package.json'), { encoding: 'utf-8' }),
+  );
+
+  const main = packageJson.module ?? packageJson.main;
+  if (!main) throw new Error(`Module ${id} does not have a main or module field in its package.json`);
+
+  return {
+    id,
+    location,
+    exports: {
+      '.': path.resolve(location, main),
+    },
+  };
+}
+
+class Resolver {
+  private _moduleById: Map<string, Module>;
+
+  constructor(modules: Module[]) {
+    this._moduleById = new Map(modules.map((x) => [x.id, x]));
+  }
+
+  public async resolveId(id: string, importer: string | undefined): Promise<string | null> {
+    if (this.has(id)) {
+      return this.resolveBase(id);
+    }
+
+    const isExternalModuleInternalImport = importer?.startsWith(MODULE_PREFIX) && id.startsWith('.');
+
+    if (isExternalModuleInternalImport) {
+      return await this.resolveInternalImport(id, importer!);
+    }
+
+    return null;
+  }
+
+  public async path(id: string) {
+    const [moduleId, relativePath] = id.slice(MODULE_PREFIX.length).split(PATH_SPLIT);
+    return resolve(this.module(moduleId).location, relativePath);
+  }
+
+  private async resolveBase(id: string) {
+    const filePath = relative(this.module(id).location, this.module(id).exports['.']).replaceAll(
+      path.sep,
+      '/',
+    );
+    return MODULE_PREFIX + id + PATH_SPLIT + filePath;
+  }
+
+  private async resolveInternalImport(id: string, importer: string): Promise<string> {
+    const [module, filePath] = await this.resolveImporter(importer);
+    const importedPath = resolve(module.location, filePath, '..', id);
+
+    if (!existsSync(importedPath)) {
+      throw new Error(`Module ${module.id} does not have a file at ${importedPath}`);
+    }
+
+    const resolvedPath = path.relative(module.location, importedPath).replaceAll(path.sep, '/');
+    return MODULE_PREFIX + module.id + PATH_SPLIT + resolvedPath;
+  }
+
+  private async resolveImporter(importer: string) {
+    const [moduleId, relativePath] = importer.slice(MODULE_PREFIX.length).split(PATH_SPLIT);
+    return [this.module(moduleId), relativePath] as const;
+  }
+
+  private has(id: string) {
+    return this._moduleById.has(id);
+  }
+
+  private module(id: string) {
+    const module = this._moduleById.get(id);
+    if (!module) throw new Error(`Module ${id} not found`);
+    return module;
+  }
+}
+
+export default function viteExternalPlugin(options: ViteExternalPluginOptions): Plugin {
+  let resolver: Resolver;
+
+  return {
+    name: '@webinex/vite-external-plugin',
+    enforce: 'pre',
+
+    async configResolved(config) {
+      const modules = await Promise.all(
+        options.entries.map((x) => resolveModule(x.id, path.resolve(config.root, x.to))),
+      );
+      resolver = new Resolver(modules);
+    },
+
+    async resolveId(id, importer) {
+      if (id.endsWith('map')) console.log(`Loading ${id}`);
+      return resolver.resolveId(id, importer);
+    },
+
+    /**
+     * Loading dynamically loaded source maps
+     */
+    async transform(code, id) {
+      if (!id.startsWith(MODULE_PREFIX)) return;
+
+      const match = code.match(/\/\/# sourceMappingURL=(.+)$/m);
+      if (!match) {
+        if (id.endsWith('.js')) {
+          console.log(`No sourceMappingURL found in ${id}\n${code}`);
+        }
+        return;
+      }
+
+      const url = match[1];
+
+      let map;
+
+      if (url.startsWith('data:application/json;base64,')) {
+        const base64 = url.slice('data:application/json;base64,'.length);
+        const json = Buffer.from(base64, 'base64').toString('utf-8');
+        map = JSON.parse(json);
+      } else {
+        const jsPath = await resolver.path(id);
+        const mapPath = path.resolve(path.dirname(jsPath), url);
+
+        if (!existsSync(mapPath)) {
+          this.warn(`Sourcemap not found: ${mapPath}`);
+          return;
+        }
+
+        const mapRaw = await readFile(mapPath, 'utf-8');
+        map = JSON.parse(mapRaw);
+      }
+
+      // we remove the sourceMappingURL comment from the code to avoid default browser behavior
+      code = code.replaceAll(match[0], '');
+      return { code, map };
+    },
+
+    async load(id) {
+      if (id.endsWith('map')) console.log(`Loading ${id}`);
+
+      if (!id.startsWith(MODULE_PREFIX)) {
+        return null;
+      }
+
+      const path = await resolver.path(id);
+      this.debug(`load ${id} to ${path}`);
+
+      this.addWatchFile(path);
+      return readFile(path, { encoding: 'utf-8' });
+    },
+  };
+}

package/src/i18next-resources-plugin/client.d.ts

@@ -0,0 +1,7 @@
+declare module '@webinex/vite/i18next-resources/client' {
+  interface LocalizationResourceMap {
+    [key: string]: () => Promise<Record<string, any>>;
+  }
+
+  const RESOURCES: LocalizationResourceMap;
+}

package/src/i18next-resources-plugin/index.ts

@@ -0,0 +1,97 @@
+import { glob } from 'glob';
+import { Plugin } from 'vite';
+import { parse as parseYaml } from 'yaml';
+import { merge } from 'lodash';
+import { readFile } from 'fs/promises';
+
+export interface I18nextPluginOptions {
+  resources: Record<string, string[]>;
+}
+
+const MODULE_ID = 'virtual:resources';
+const RESOLVED_MODULE_ID = '\0' + MODULE_ID;
+
+export function i18nextPlugin(options: I18nextPluginOptions) {
+  const { resources } = options;
+  const touched = new Set<string>();
+
+  const readLocale = async (addWatch: (id: string) => void, locale: string) => {
+    const processFile = async (file: string) => {
+      addWatch(file);
+      touched.add(file);
+      const content = await readFile(file, { encoding: 'utf-8' });
+      return parseYaml(content);
+    };
+
+    const processGlob = async (path: string) => {
+      let result: Record<string, any> = {};
+      const files = await glob(path, { absolute: true, maxDepth: 15 });
+      const contents = await Promise.all(files.map(async (file) => await processFile(file)));
+
+      for (const content of contents) {
+        result = merge(result, content);
+      }
+
+      return result;
+    };
+
+    const results = await Promise.all(resources[locale].map((x) => processGlob(x)));
+    let result: Record<string, any> = {};
+
+    for (const content of results) {
+      result = merge(result, content);
+    }
+
+    return result;
+  };
+
+  const plugin: Plugin = {
+    name: '@custom/i18next-plugin',
+    enforce: 'pre',
+
+    resolveId: (id) => {
+      if (id === MODULE_ID) {
+        return RESOLVED_MODULE_ID;
+      }
+
+      if (id.startsWith(MODULE_ID + '/')) {
+        return '\0' + id;
+      }
+    },
+
+    handleHotUpdate: ({ server, file }) => {
+      const filePath = file.replaceAll('/', '\\');
+
+      if (touched.has(filePath)) {
+        const root = server.moduleGraph.getModuleById(RESOLVED_MODULE_ID)!;
+        server.moduleGraph.invalidateModule(root);
+      }
+
+      server.ws.send({ type: 'full-reload' });
+    },
+
+    async load(this, id) {
+      if (id === RESOLVED_MODULE_ID) {
+        return {
+          code: `export const RESOURCES = {
+          ${Object.entries(resources)
+            .map(([locale]) => `'${locale}': () => import('virtual:resources/${locale}')`)
+            .join('\n,')}
+            }`,
+          map: null,
+        };
+      }
+
+      if (id.startsWith(RESOLVED_MODULE_ID + '/')) {
+        const content = await readLocale(
+          (id) => this.addWatchFile(id),
+          id.substring((RESOLVED_MODULE_ID + '/').length),
+        );
+        const json = JSON.stringify(content);
+        return `export default ${json}`;
+      }
+    },
+  };
+
+  return plugin;
+}

package/src/scss-path-plugin/index.ts

@@ -0,0 +1,31 @@
+import path from 'path';
+import { Plugin } from 'vite';
+
+export interface ScssPathPluginOptions {
+  replace: {
+    key: string;
+    path: string;
+  };
+}
+
+export function scssPathPlugin(options: ScssPathPluginOptions) {
+  const { replace } = options;
+  const regExp = new RegExp(`@use '${replace.key}/`, 'g');
+
+  const plugin: Plugin = {
+    name: '@custom/scss-path-plugin',
+    transform: {
+      order: 'pre',
+      handler(this, src, filePath) {
+        if (!filePath.endsWith('.scss') && !filePath.endsWith('.sass')) {
+          return src;
+        }
+
+        const relative = path.relative(path.dirname(filePath), replace.path).replace(/\\/g, '/');
+        return src.replace(regExp, `@use '${relative}/`);
+      },
+    },
+  };
+
+  return plugin;
+}