@intlify/unplugin-vue-i18n 0.8.1 → 0.9.0

package/README.md

@@ -213,6 +213,20 @@ const app = createApp()
 app.use(i18n).mount('#app')
 ```
 
+Change your vite.config.ts file accordingly to import all the files from locales folder on the root. Change `'./locales/**'` to path of your locales.
+```ts
+// vite.config.ts
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [
+    VueI18nPlugin({
+      include: [path.resolve(__dirname, './locales/**')],
+    }),
+  ],
+})
+```
 ### Types
 
 If you want type definition of `@intlify/unplugin-vue-i18n/messages`, add `unplugin-vue-i18n/messages` to `compilerOptions.types` of your tsconfig:
@@ -228,7 +242,7 @@ If you want type definition of `@intlify/unplugin-vue-i18n/messages`, add `unplu
 
 ## 📦 Automatic bundling
 ### For Vue I18n
-As noted [here](https://vue-i18n.intlify.dev/installation.html#explanation-of-different-builds), NPM provides many different builds of Vue I18n.
+As noted [here](https://vue-i18n.intlify.dev/guide/installation.html#explanation-of-different-builds), NPM provides many different builds of Vue I18n.
 
 This plugin will automatically select and bundle Vue I18n build according to the following behavior:
 
@@ -259,10 +273,21 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
   - json5
   - yaml
   - yml
+  - js
+  - ts
   ```
 
   Note `json` resources matches this option, it will be handled **before the internal json plugin of bundler, and will not be processed afterwards**, else the option doesn't match, the bundler side will handle.
 
+  Note that `js` and `ts` resources are limited to **simple export (`export default`) as locale messages object only**, such as programmatically dynamic resource construction is not guaranteed to work currently.
+
+  ```js
+  export default {
+    hello: 'Hello, {name}!',
+    // ...
+  }
+  ```
+
   If nothing is specified for this option, i.e. `undefined`, nothing is done to the resource in the above format.
 
 ### `runtimeOnly`

package/lib/index.cjs

@@ -15,14 +15,6 @@ const yaml = require('js-yaml');
 const fs = require('fs');
 const pc = require('picocolors');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-const createDebug__default = /*#__PURE__*/_interopDefaultLegacy(createDebug);
-const fg__default = /*#__PURE__*/_interopDefaultLegacy(fg);
-const JSON5__default = /*#__PURE__*/_interopDefaultLegacy(JSON5);
-const yaml__default = /*#__PURE__*/_interopDefaultLegacy(yaml);
-const pc__default = /*#__PURE__*/_interopDefaultLegacy(pc);
-
 function parseVueRequest(id) {
   const [filename, rawQuery] = id.split(`?`, 2);
   const params = new URLSearchParams(rawQuery);
@@ -75,20 +67,20 @@ function convert(source, lang) {
   switch (lang) {
     case "yaml":
     case "yml":
-      const data = yaml__default.load(source);
+      const data = yaml.load(source);
       return JSON.stringify(data, void 0, "	");
     case "json5":
-      return JSON.stringify(JSON5__default.parse(source));
+      return JSON.stringify(JSON5.parse(source));
     default:
       return source;
   }
 }
 
 function warn(...args) {
-  console.warn(pc__default.yellow(pc__default.bold(`[unplugin-vue-i18n] `)), ...args);
+  console.warn(pc.yellow(pc.bold(`[unplugin-vue-i18n] `)), ...args);
 }
 function error(...args) {
-  console.error(pc__default.red(pc__default.bold(`[unplugin-vue-i18n] `)), ...args);
+  console.error(pc.red(pc.bold(`[unplugin-vue-i18n] `)), ...args);
 }
 async function getRaw(path) {
   return fs.promises.readFile(path, { encoding: "utf-8" });
@@ -100,7 +92,7 @@ function raiseError(message) {
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
 const INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID = "@intlify/vite-plugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
-const debug = createDebug__default("unplugin-vue-i18n");
+const debug = createDebug("unplugin-vue-i18n");
 const installedPkg = bundleUtils.checkInstallPackage("@intlify/unplugin-vue-i18n", debug);
 const installedVueI18nBridge = bundleUtils.checkVueI18nBridgeInstallPackage(debug);
 const vueI18nVersion = bundleUtils.getVueI18nVersion(debug);
@@ -231,6 +223,59 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
             return orgTransform.apply(this, [code, id]);
           };
         }
+        const esbuildPlugin = config.plugins.find(
+          (p) => p.name === "vite:esbuild"
+        );
+        if (esbuildPlugin) {
+          const orgTransform = esbuildPlugin.transform;
+          esbuildPlugin.transform = async function(code, id) {
+            const result = await orgTransform.apply(this, [
+              code,
+              id
+            ]);
+            if (result == null) {
+              return result;
+            }
+            const { filename, query } = parseVueRequest(id);
+            if (!query.vue && filter(id) && /\.[c|m]?ts$/.test(id)) {
+              const [_code, inSourceMap] = shared.isString(result) ? [result, void 0] : [result.code, result.map];
+              let langInfo = defaultSFCLang;
+              langInfo = pathe.parse(filename).ext;
+              const generate = getGenerator(langInfo);
+              const parseOptions = getOptions(
+                filename,
+                isProduction,
+                query,
+                sourceMap,
+                {
+                  inSourceMap,
+                  isGlobal: globalSFCScope,
+                  useClassComponent,
+                  bridge,
+                  exportESM: esm,
+                  forceStringify
+                }
+              );
+              debug("parseOptions", parseOptions);
+              const { code: generatedCode, map } = generate(
+                _code,
+                parseOptions,
+                bridge ? createBridgeCodeGenerator(_code, query) : void 0
+              );
+              debug("generated code", generatedCode);
+              console.log("generated code", generatedCode);
+              debug("sourcemap", map, sourceMap);
+              if (_code === generatedCode)
+                return;
+              return {
+                code: generatedCode,
+                map: sourceMap ? map : { mappings: "" }
+              };
+            } else {
+              return result;
+            }
+          };
+        }
       },
       async handleHotUpdate({ file, server }) {
         if (/\.(json5?|ya?ml)$/.test(file)) {
@@ -317,7 +362,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         let resourcePaths = [];
         const includePaths = shared.isArray(include) ? include : [include];
         for (const inc of includePaths) {
-          resourcePaths = [...resourcePaths, ...await fg__default(inc)];
+          resourcePaths = [...resourcePaths, ...await fg(inc)];
         }
         resourcePaths = resourcePaths.filter(
           (el, pos) => resourcePaths.indexOf(el) === pos
@@ -354,9 +399,9 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
       let langInfo = defaultSFCLang;
       let inSourceMap;
       if (!query.vue) {
-        if (/\.(json5?|ya?ml)$/.test(id) && filter(id)) {
+        if (/\.(json5?|ya?ml|[c|m]?js)$/.test(id) && filter(id)) {
           langInfo = pathe.parse(filename).ext;
-          const generate = /\.?json5?/.test(langInfo) ? bundleUtils.generateJSON : bundleUtils.generateYAML;
+          const generate = getGenerator(langInfo);
           const parseOptions = getOptions(
             filename,
             isProduction,
@@ -435,6 +480,9 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
     }
   };
 });
+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 normalizeConfigResolveAlias(resolve, framework) {
   if (resolve && resolve.alias) {
     return resolve;
@@ -587,5 +635,5 @@ function asVirtualId(id, framework = "vite") {
   return framework === "vite" ? VIRTUAL_PREFIX + id : id;
 }
 
-exports["default"] = unplugin;
+exports.default = unplugin;
 exports.unplugin = unplugin;

package/lib/index.d.ts

@@ -2,6 +2,6 @@ import * as _unplugin from 'unplugin';
 import { PluginOptions } from './types.js';
 export { PluginOptions, SFCLangFormat } from './types.js';
 
-declare const unplugin: _unplugin.UnpluginInstance<PluginOptions, false>;
+declare const unplugin: _unplugin.UnpluginInstance<PluginOptions, boolean>;
 
 export { unplugin as default, unplugin };

package/lib/index.mjs

@@ -4,7 +4,7 @@ import createDebug from 'debug';
 import fg from 'fast-glob';
 import { isString, isArray, isBoolean, isObject, isNumber, isEmptyObject, assign, generateCodeFrame } from '@intlify/shared';
 import { createFilter } from '@rollup/pluginutils';
-import { checkInstallPackage, checkVueI18nBridgeInstallPackage, getVueI18nVersion, generateJSON, generateYAML } from '@intlify/bundle-utils';
+import { checkInstallPackage, checkVueI18nBridgeInstallPackage, getVueI18nVersion, generateJSON, generateYAML, generateJavaScript } from '@intlify/bundle-utils';
 import { parse as parse$1 } from '@vue/compiler-sfc';
 import JSON5 from 'json5';
 import yaml from 'js-yaml';
@@ -219,6 +219,59 @@ const unplugin = createUnplugin((options = {}, meta) => {
             return orgTransform.apply(this, [code, id]);
           };
         }
+        const esbuildPlugin = config.plugins.find(
+          (p) => p.name === "vite:esbuild"
+        );
+        if (esbuildPlugin) {
+          const orgTransform = esbuildPlugin.transform;
+          esbuildPlugin.transform = async function(code, id) {
+            const result = await orgTransform.apply(this, [
+              code,
+              id
+            ]);
+            if (result == null) {
+              return result;
+            }
+            const { filename, query } = parseVueRequest(id);
+            if (!query.vue && filter(id) && /\.[c|m]?ts$/.test(id)) {
+              const [_code, inSourceMap] = isString(result) ? [result, void 0] : [result.code, result.map];
+              let langInfo = defaultSFCLang;
+              langInfo = parse(filename).ext;
+              const generate = getGenerator(langInfo);
+              const parseOptions = getOptions(
+                filename,
+                isProduction,
+                query,
+                sourceMap,
+                {
+                  inSourceMap,
+                  isGlobal: globalSFCScope,
+                  useClassComponent,
+                  bridge,
+                  exportESM: esm,
+                  forceStringify
+                }
+              );
+              debug("parseOptions", parseOptions);
+              const { code: generatedCode, map } = generate(
+                _code,
+                parseOptions,
+                bridge ? createBridgeCodeGenerator(_code, query) : void 0
+              );
+              debug("generated code", generatedCode);
+              console.log("generated code", generatedCode);
+              debug("sourcemap", map, sourceMap);
+              if (_code === generatedCode)
+                return;
+              return {
+                code: generatedCode,
+                map: sourceMap ? map : { mappings: "" }
+              };
+            } else {
+              return result;
+            }
+          };
+        }
       },
       async handleHotUpdate({ file, server }) {
         if (/\.(json5?|ya?ml)$/.test(file)) {
@@ -342,9 +395,9 @@ const unplugin = createUnplugin((options = {}, meta) => {
       let langInfo = defaultSFCLang;
       let inSourceMap;
       if (!query.vue) {
-        if (/\.(json5?|ya?ml)$/.test(id) && filter(id)) {
+        if (/\.(json5?|ya?ml|[c|m]?js)$/.test(id) && filter(id)) {
           langInfo = parse(filename).ext;
-          const generate = /\.?json5?/.test(langInfo) ? generateJSON : generateYAML;
+          const generate = getGenerator(langInfo);
           const parseOptions = getOptions(
             filename,
             isProduction,
@@ -423,6 +476,9 @@ const unplugin = createUnplugin((options = {}, meta) => {
     }
   };
 });
+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 normalizeConfigResolveAlias(resolve, framework) {
   if (resolve && resolve.alias) {
     return resolve;

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-declare type SFCLangFormat = 'json' | 'json5' | 'yml' | 'yaml';
+type SFCLangFormat = 'json' | 'json5' | 'yml' | 'yaml';
 interface PluginOptions {
     include?: string | string[];
     runtimeOnly?: boolean;

package/lib/vite.d.ts

@@ -1,6 +1,6 @@
 import * as vite from 'vite';
 import { PluginOptions } from './types.js';
 
-declare const _default: (options: PluginOptions) => vite.Plugin;
+declare const _default: (options: PluginOptions) => vite.Plugin | vite.Plugin[];
 
 export { _default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -26,22 +26,22 @@
     }
   },
   "dependencies": {
-    "@intlify/bundle-utils": "^3.4.0",
+    "@intlify/bundle-utils": "^5.0.0",
     "@intlify/shared": "next",
-    "@rollup/pluginutils": "^4.2.0",
-    "@vue/compiler-sfc": "^3.2.45",
-    "debug": "^4.3.1",
-    "fast-glob": "^3.2.5",
+    "@rollup/pluginutils": "^5.0.2",
+    "@vue/compiler-sfc": "^3.2.47",
+    "debug": "^4.3.3",
+    "fast-glob": "^3.2.12",
     "js-yaml": "^4.1.0",
-    "json5": "^2.2.0",
+    "json5": "^2.2.3",
     "pathe": "^1.0.0",
     "picocolors": "^1.0.0",
     "source-map": "0.6.1",
-    "unplugin": "^1.0.0"
+    "unplugin": "^1.1.0"
   },
   "devDependencies": {
     "mlly": "^1.0.0",
-    "unbuild": "^0.8.11"
+    "unbuild": "^1.0.2"
   },
   "engines": {
     "node": ">= 14.16"