@intlify/unplugin-vue-i18n 7.0.0-beta.0 → 7.0.0-beta.1

package/README.md

@@ -59,6 +59,25 @@ module.exports = {
 
 <br></details>
 
+<details>
+<summary>Rspack</summary><br>
+
+```ts
+const VueI18nPlugin = require('@intlify/unplugin-vue-i18n/rspack')
+
+// rspack.config.js
+module.exports = {
+  /* ... */
+  plugins: [
+    VueI18nPlugin({
+      /* options */
+    })
+  ]
+}
+```
+
+<br></details>
+
 <details>
 <summary>Nuxt</summary><br>
 
@@ -379,7 +398,7 @@ If you are using petite-vue-i18n, you will need to set this value.
 
 Whether locale messages should be compiled by JIT (Just in Time) compilation with vue-i18n's message compiler.
 
-JIT compilation has been supported since vue-i18n v9.3. This means that since v9 was released until now, the message compiler compiles to executable JavaScript code, however it did not work in the CSP environment. Also, since this was an AOT (Ahead of Time) compilation, it was not possible to dynamically retrieve locale messages from the back-end Database and compose locale messages with programatic.
+JIT compilation has been supported since vue-i18n v9.3. This means that since v9 was released until now, the message compiler compiles to executable JavaScript code, however it did not work in the CSP environment. Also, since this was an AOT (Ahead of Time) compilation, it was not possible to dynamically retrieve locale messages from the back-end Database and compose locale messages with programmatic.
 
 > [!WARNING]
 > Enabling JIT compilation causes the message compiler to generate AST objects for locale messages instead of JavaScript code. If you pre-compile locale messages with a tool such as the [Intlify CLI](https://github.com/intlify/cli) and import them dynamically, you need to rebuild that resource.
@@ -424,6 +443,7 @@ If do you will use this option, you need to enable `jitCompilation` option.
   ```
   - vite config: `resolve.alias`
   - webpack config: `resolve.alias`
+  - rspack config: `resolve.alias`
   ```
 
   If `false` is specified, Vue I18n (vue-i18n) package.json `module` field will be used.

package/lib/index.cjs

@@ -331,45 +331,30 @@ function resourcePlugin({
       }
     },
     webpack(compiler) {
-      isProduction = compiler.options.mode !== "development";
-      sourceMap = !!compiler.options.devtool;
-      debug$2(`webpack: isProduction = ${isProduction}, sourceMap = ${sourceMap}`);
-      compiler.options.resolve = normalizeConfigResolveAlias(
-        compiler.options.resolve,
-        meta.framework
-      );
-      compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
-        ssr: ssrBuild,
-        runtimeOnly
+      webpackLike(compiler, "webpack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      debug$2(
-        `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
-          ssr: ssrBuild,
-          runtimeOnly
-        })}`
-      );
-      loadWebpack().then((webpack) => {
-        if (webpack) {
-          compiler.options.plugins.push(
-            new webpack.DefinePlugin({
-              __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
-              __INTLIFY_PROD_DEVTOOLS__: "false"
-            })
-          );
-          debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
-        } else {
-          debug$2("ignore vue-i18n feature flags with webpack.DefinePlugin");
-        }
+    },
+    rspack(compiler) {
+      webpackLike(compiler, "rspack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      if (compiler.options.module) {
-        compiler.options.module.rules.push({
-          test: /\.(json5?|ya?ml)$/,
-          type: "javascript/auto",
-          include(resource) {
-            return filter(resource);
-          }
-        });
-      }
     },
     resolveId(id, importer) {
       debug$2("resolveId", id, importer);
@@ -377,6 +362,9 @@ function resourcePlugin({
         return asVirtualId(id, meta.framework);
       }
     },
+    loadInclude(id) {
+      return INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework);
+    },
     async load(id) {
       debug$2("load", id);
       if (INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework) && include) {
@@ -508,34 +496,99 @@ function resourcePlugin({
 function getGenerator(ext, defaultGen = bundleUtils.generateJSON) {
   return /\.?json5?$/.test(ext) ? bundleUtils.generateJSON : /\.ya?ml$/.test(ext) ? bundleUtils.generateYAML : /\.([c|m]?js|[c|m]?ts)$/.test(ext) ? bundleUtils.generateJavaScript : defaultGen;
 }
+function webpackLike(compiler, framework, {
+  isProduction,
+  sourceMap,
+  meta,
+  getVueI18nAliasPath,
+  vueI18nAliasName,
+  ssrBuild,
+  runtimeOnly,
+  fullInstall,
+  filter
+}) {
+  isProduction = compiler.options.mode !== "development";
+  sourceMap = !!compiler.options.devtool;
+  debug$2(
+    `${framework}: isProduction = ${isProduction}, sourceMap = ${sourceMap}`
+  );
+  compiler.options.resolve = normalizeConfigResolveAlias(
+    compiler.options.resolve,
+    meta.framework
+  );
+  compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
+    ssr: ssrBuild,
+    runtimeOnly
+  });
+  debug$2(
+    `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
+      ssr: ssrBuild,
+      runtimeOnly
+    })}`
+  );
+  const loader = framework === "webpack" ? loadWebpack : loadRspack;
+  loader().then((mod) => {
+    if (mod) {
+      compiler.options.plugins.push(
+        // @ts-expect-error type issue
+        new mod.DefinePlugin({
+          __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
+          __INTLIFY_PROD_DEVTOOLS__: "false"
+        })
+      );
+      debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
+    } else {
+      debug$2(`ignore vue-i18n feature flags with ${framework}.DefinePlugin`);
+    }
+  });
+  if (compiler.options.module) {
+    compiler.options.module.rules.push({
+      test: /\.(json5?|ya?ml)$/,
+      type: "javascript/auto",
+      include(resource) {
+        return filter(resource);
+      }
+    });
+  }
+}
 function normalizeConfigResolveAlias(resolve, framework) {
   if (resolve && resolve.alias) {
     return resolve;
   }
+  const webpackLike2 = framework === "webpack" || framework === "rspack";
   if (!resolve) {
     if (framework === "vite") {
       return { alias: [] };
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       return { alias: {} };
     }
   } else if (!resolve.alias) {
     if (framework === "vite") {
       resolve.alias = [];
       return resolve;
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       resolve.alias = {};
       return resolve;
     }
   }
 }
 async function loadWebpack() {
-  let webpack = null;
   try {
-    webpack = await import('webpack').then((m) => m.default || m);
+    const mod = await import('webpack');
+    return mod.default || mod;
   } catch (_e) {
     warn(`webpack not found, please install webpack.`);
   }
-  return webpack;
+  return null;
+}
+async function loadRspack() {
+  try {
+    const { rspack } = await import('@rspack/core');
+    return rspack;
+  } catch (_e) {
+    warn(`rspack not found, please install rspack.`);
+  }
+  return null;
 }
 async function generateBundleResources(resources, isProduction, {
   forceStringify = false,
@@ -597,9 +650,9 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
   if (!shared.isNumber(index)) {
     raiseError(`unexpected index: ${index}`);
   }
-  if (framework === "webpack") {
+  if (framework === "webpack" || framework === "rspack") {
     if (issuerPath) {
-      debug$2(`getCode (webpack) ${index} via issuerPath`, issuerPath);
+      debug$2(`getCode (${framework}) ${index} via issuerPath`, issuerPath);
       return await getRaw(filename);
     } else {
       const result = parser(await getRaw(filename), {
@@ -609,7 +662,7 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
       const block = result.descriptor.customBlocks[index];
       if (block) {
         const code = block.src ? await getRaw(block.src) : block.content;
-        debug$2(`getCode (webpack) ${index} from SFC`, code);
+        debug$2(`getCode (${framework}) ${index} from SFC`, code);
         return code;
       } else {
         return source;
@@ -968,17 +1021,17 @@ function resolveIdentifier(localVariables, returnVariable) {
 const debug = createDebug__default(resolveNamespace("root"));
 const unpluginFactory = (options = {}, meta) => {
   debug("meta framework", meta.framework);
-  if (!["vite", "webpack"].includes(meta.framework)) {
-    raiseError(`This plugin is supported 'vite' and 'webpack' only`);
+  if (!["vite", "webpack", "rspack"].includes(meta.framework)) {
+    raiseError(`This plugin is supported 'vite', 'webpack' and 'rspack' only`);
   }
   debug("plugin options (resolving):", options);
   const resolvedOptions = resolveOptions(options);
   debug("plugin options (resolved):", resolvedOptions);
   const plugins = [resourcePlugin(resolvedOptions, meta)];
   if (resolvedOptions.optimizeTranslationDirective) {
-    if (meta.framework === "webpack") {
+    if (meta.framework === "webpack" || meta.framework === "rspack") {
       raiseError(
-        `The 'optimizeTranslationDirective' option still is not supported for webpack.
+        `The 'optimizeTranslationDirective' option still is not supported for ${meta.framework}.
 We are waiting for your Pull Request \u{1F642}.`
       );
     }

package/lib/index.mjs

@@ -319,45 +319,30 @@ function resourcePlugin({
       }
     },
     webpack(compiler) {
-      isProduction = compiler.options.mode !== "development";
-      sourceMap = !!compiler.options.devtool;
-      debug$2(`webpack: isProduction = ${isProduction}, sourceMap = ${sourceMap}`);
-      compiler.options.resolve = normalizeConfigResolveAlias(
-        compiler.options.resolve,
-        meta.framework
-      );
-      compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
-        ssr: ssrBuild,
-        runtimeOnly
+      webpackLike(compiler, "webpack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      debug$2(
-        `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
-          ssr: ssrBuild,
-          runtimeOnly
-        })}`
-      );
-      loadWebpack().then((webpack) => {
-        if (webpack) {
-          compiler.options.plugins.push(
-            new webpack.DefinePlugin({
-              __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
-              __INTLIFY_PROD_DEVTOOLS__: "false"
-            })
-          );
-          debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
-        } else {
-          debug$2("ignore vue-i18n feature flags with webpack.DefinePlugin");
-        }
+    },
+    rspack(compiler) {
+      webpackLike(compiler, "rspack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      if (compiler.options.module) {
-        compiler.options.module.rules.push({
-          test: /\.(json5?|ya?ml)$/,
-          type: "javascript/auto",
-          include(resource) {
-            return filter(resource);
-          }
-        });
-      }
     },
     resolveId(id, importer) {
       debug$2("resolveId", id, importer);
@@ -365,6 +350,9 @@ function resourcePlugin({
         return asVirtualId(id, meta.framework);
       }
     },
+    loadInclude(id) {
+      return INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework);
+    },
     async load(id) {
       debug$2("load", id);
       if (INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework) && include) {
@@ -496,34 +484,99 @@ function resourcePlugin({
 function getGenerator(ext, defaultGen = generateJSON) {
   return /\.?json5?$/.test(ext) ? generateJSON : /\.ya?ml$/.test(ext) ? generateYAML : /\.([c|m]?js|[c|m]?ts)$/.test(ext) ? generateJavaScript : defaultGen;
 }
+function webpackLike(compiler, framework, {
+  isProduction,
+  sourceMap,
+  meta,
+  getVueI18nAliasPath,
+  vueI18nAliasName,
+  ssrBuild,
+  runtimeOnly,
+  fullInstall,
+  filter
+}) {
+  isProduction = compiler.options.mode !== "development";
+  sourceMap = !!compiler.options.devtool;
+  debug$2(
+    `${framework}: isProduction = ${isProduction}, sourceMap = ${sourceMap}`
+  );
+  compiler.options.resolve = normalizeConfigResolveAlias(
+    compiler.options.resolve,
+    meta.framework
+  );
+  compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
+    ssr: ssrBuild,
+    runtimeOnly
+  });
+  debug$2(
+    `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
+      ssr: ssrBuild,
+      runtimeOnly
+    })}`
+  );
+  const loader = framework === "webpack" ? loadWebpack : loadRspack;
+  loader().then((mod) => {
+    if (mod) {
+      compiler.options.plugins.push(
+        // @ts-expect-error type issue
+        new mod.DefinePlugin({
+          __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
+          __INTLIFY_PROD_DEVTOOLS__: "false"
+        })
+      );
+      debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
+    } else {
+      debug$2(`ignore vue-i18n feature flags with ${framework}.DefinePlugin`);
+    }
+  });
+  if (compiler.options.module) {
+    compiler.options.module.rules.push({
+      test: /\.(json5?|ya?ml)$/,
+      type: "javascript/auto",
+      include(resource) {
+        return filter(resource);
+      }
+    });
+  }
+}
 function normalizeConfigResolveAlias(resolve, framework) {
   if (resolve && resolve.alias) {
     return resolve;
   }
+  const webpackLike2 = framework === "webpack" || framework === "rspack";
   if (!resolve) {
     if (framework === "vite") {
       return { alias: [] };
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       return { alias: {} };
     }
   } else if (!resolve.alias) {
     if (framework === "vite") {
       resolve.alias = [];
       return resolve;
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       resolve.alias = {};
       return resolve;
     }
   }
 }
 async function loadWebpack() {
-  let webpack = null;
   try {
-    webpack = await import('webpack').then((m) => m.default || m);
+    const mod = await import('webpack');
+    return mod.default || mod;
   } catch (_e) {
     warn(`webpack not found, please install webpack.`);
   }
-  return webpack;
+  return null;
+}
+async function loadRspack() {
+  try {
+    const { rspack } = await import('@rspack/core');
+    return rspack;
+  } catch (_e) {
+    warn(`rspack not found, please install rspack.`);
+  }
+  return null;
 }
 async function generateBundleResources(resources, isProduction, {
   forceStringify = false,
@@ -585,9 +638,9 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
   if (!isNumber(index)) {
     raiseError(`unexpected index: ${index}`);
   }
-  if (framework === "webpack") {
+  if (framework === "webpack" || framework === "rspack") {
     if (issuerPath) {
-      debug$2(`getCode (webpack) ${index} via issuerPath`, issuerPath);
+      debug$2(`getCode (${framework}) ${index} via issuerPath`, issuerPath);
       return await getRaw(filename);
     } else {
       const result = parser(await getRaw(filename), {
@@ -597,7 +650,7 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
       const block = result.descriptor.customBlocks[index];
       if (block) {
         const code = block.src ? await getRaw(block.src) : block.content;
-        debug$2(`getCode (webpack) ${index} from SFC`, code);
+        debug$2(`getCode (${framework}) ${index} from SFC`, code);
         return code;
       } else {
         return source;
@@ -956,17 +1009,17 @@ function resolveIdentifier(localVariables, returnVariable) {
 const debug = createDebug(resolveNamespace("root"));
 const unpluginFactory = (options = {}, meta) => {
   debug("meta framework", meta.framework);
-  if (!["vite", "webpack"].includes(meta.framework)) {
-    raiseError(`This plugin is supported 'vite' and 'webpack' only`);
+  if (!["vite", "webpack", "rspack"].includes(meta.framework)) {
+    raiseError(`This plugin is supported 'vite', 'webpack' and 'rspack' only`);
   }
   debug("plugin options (resolving):", options);
   const resolvedOptions = resolveOptions(options);
   debug("plugin options (resolved):", resolvedOptions);
   const plugins = [resourcePlugin(resolvedOptions, meta)];
   if (resolvedOptions.optimizeTranslationDirective) {
-    if (meta.framework === "webpack") {
+    if (meta.framework === "webpack" || meta.framework === "rspack") {
       raiseError(
-        `The 'optimizeTranslationDirective' option still is not supported for webpack.
+        `The 'optimizeTranslationDirective' option still is not supported for ${meta.framework}.
 We are waiting for your Pull Request \u{1F642}.`
       );
     }

package/lib/rspack.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const unplugin = require('unplugin');
+const index = require('./index.cjs');
+require('debug');
+require('picocolors');
+require('node:path');
+require('pathe');
+require('@intlify/shared');
+require('@intlify/bundle-utils');
+require('@rollup/pluginutils');
+require('fast-glob');
+require('node:fs');
+require('vue/compiler-sfc');
+require('@intlify/vue-i18n-extensions');
+require('@typescript-eslint/scope-manager');
+require('@typescript-eslint/typescript-estree');
+require('@eslint-community/eslint-utils');
+
+const rspack = unplugin.createRspackPlugin(index.unpluginFactory);
+
+module.exports = rspack;

package/lib/rspack.d.cts

@@ -0,0 +1,6 @@
+import { UnpluginInstance } from 'unplugin';
+import { PluginOptions } from './types.cjs';
+
+declare const rspack: UnpluginInstance<PluginOptions | undefined, boolean>['rspack'];
+
+export = rspack;

package/lib/rspack.d.mts

@@ -0,0 +1,6 @@
+import { UnpluginInstance } from 'unplugin';
+import { PluginOptions } from './types.mjs';
+
+declare const rspack: UnpluginInstance<PluginOptions | undefined, boolean>['rspack'];
+
+export { rspack as default };

package/lib/rspack.d.ts

@@ -0,0 +1,6 @@
+import { UnpluginInstance } from 'unplugin';
+import { PluginOptions } from './types.js';
+
+declare const rspack: UnpluginInstance<PluginOptions | undefined, boolean>['rspack'];
+
+export = rspack;

package/lib/rspack.mjs

@@ -0,0 +1,20 @@
+import { createRspackPlugin } from 'unplugin';
+import { unpluginFactory } from './index.mjs';
+import 'debug';
+import 'picocolors';
+import 'node:path';
+import 'pathe';
+import '@intlify/shared';
+import '@intlify/bundle-utils';
+import '@rollup/pluginutils';
+import 'fast-glob';
+import 'node:fs';
+import 'vue/compiler-sfc';
+import '@intlify/vue-i18n-extensions';
+import '@typescript-eslint/scope-manager';
+import '@typescript-eslint/typescript-estree';
+import '@eslint-community/eslint-utils';
+
+const rspack = createRspackPlugin(unpluginFactory);
+
+export { rspack as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
   "type": "module",
-  "version": "7.0.0-beta.0",
+  "version": "7.0.0-beta.1",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -38,12 +38,12 @@
     "pathe": "^1.0.0",
     "picocolors": "^1.0.0",
     "source-map-js": "^1.0.2",
-    "unplugin": "^1.1.0",
+    "unplugin": "^2.2.0",
     "vue": "^3.4"
   },
   "devDependencies": {
-    "unbuild": "^2.0.0",
-    "@types/node": "^20.14.8"
+    "@types/node": "^20.14.8",
+    "unbuild": "^2.0.0"
   },
   "engines": {
     "node": ">= 18"
@@ -59,6 +59,7 @@
     "unplugin",
     "transform",
     "webpack",
+    "rspack",
     "vite",
     "vue",
     "vue-i18n"
@@ -80,6 +81,10 @@
       "import": "./lib/webpack.mjs",
       "require": "./lib/webpack.cjs"
     },
+    "./rspack": {
+      "import": "./lib/rspack.mjs",
+      "require": "./lib/rspack.cjs"
+    },
     "./types": {
       "import": {
         "types": "./lib/types.d.mts"

package/rspack.d.ts

@@ -0,0 +1 @@
+export { default } from './lib/rspack'