@intlify/unplugin-vue-i18n 0.8.2 → 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:
@@ -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

@@ -223,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)) {
@@ -346,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,
@@ -427,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;

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/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.2",
+  "version": "0.9.0",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -26,18 +26,18 @@
     }
   },
   "dependencies": {
-    "@intlify/bundle-utils": "^4.0.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",