@intlify/bundle-utils 4.0.0 → 5.0.1

package/lib/codegen.d.ts

@@ -16,7 +16,7 @@ export interface SourceLocationable {
     loc?: {
         start: Position;
         end: Position;
-    };
+    } | null;
 }
 /**
  * @internal

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 export { CodeGenOptions, CodeGenResult, DevEnv } from './codegen';
 export { generate as generateJSON } from './json';
 export { generate as generateYAML } from './yaml';
+export { generate as generateJavaScript } from './js';
 export { getVueI18nVersion, checkInstallPackage, checkVueI18nBridgeInstallPackage, InstalledPackage } from './deps';

package/lib/index.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkVueI18nBridgeInstallPackage = exports.checkInstallPackage = exports.getVueI18nVersion = exports.generateYAML = exports.generateJSON = void 0;
+exports.checkVueI18nBridgeInstallPackage = exports.checkInstallPackage = exports.getVueI18nVersion = exports.generateJavaScript = exports.generateYAML = exports.generateJSON = void 0;
 var json_1 = require("./json");
 Object.defineProperty(exports, "generateJSON", { enumerable: true, get: function () { return json_1.generate; } });
 var yaml_1 = require("./yaml");
 Object.defineProperty(exports, "generateYAML", { enumerable: true, get: function () { return yaml_1.generate; } });
+var js_1 = require("./js");
+Object.defineProperty(exports, "generateJavaScript", { enumerable: true, get: function () { return js_1.generate; } });
 var deps_1 = require("./deps");
 Object.defineProperty(exports, "getVueI18nVersion", { enumerable: true, get: function () { return deps_1.getVueI18nVersion; } });
 Object.defineProperty(exports, "checkInstallPackage", { enumerable: true, get: function () { return deps_1.checkInstallPackage; } });

package/lib/js.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Code generator for i18n js resource
+ */
+/// <reference types="node" />
+import { ParseResult } from '@babel/parser';
+import type { File } from '@babel/types';
+import type { CodeGenOptions, CodeGenResult } from './codegen';
+/**
+ * @internal
+ */
+export declare function generate(targetSource: string | Buffer, { type, bridge, exportESM, filename, inSourceMap, locale, isGlobal, sourceMap, env, forceStringify, onError, useClassComponent }: CodeGenOptions, injector?: () => string): CodeGenResult<ParseResult<File>>;

package/lib/js.js

@@ -0,0 +1,310 @@
+"use strict";
+/**
+ * Code generator for i18n js resource
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generate = void 0;
+const parser_1 = require("@babel/parser");
+const traverse_1 = __importDefault(require("@babel/traverse"));
+const codegen_1 = require("./codegen");
+/**
+ * @internal
+ */
+function generate(targetSource, { type = 'plain', bridge = false, exportESM = false, filename = 'vue-i18n-loader.js', inSourceMap = undefined, locale = '', isGlobal = false, sourceMap = false, env = 'development', forceStringify = false, onError = undefined, useClassComponent = false }, injector) {
+    const target = Buffer.isBuffer(targetSource)
+        ? targetSource.toString()
+        : targetSource;
+    const value = target;
+    const options = {
+        type,
+        bridge,
+        exportESM,
+        source: value,
+        sourceMap,
+        locale,
+        isGlobal,
+        inSourceMap,
+        env,
+        filename,
+        forceStringify,
+        onError,
+        useClassComponent
+    };
+    const generator = (0, codegen_1.createCodeGenerator)(options);
+    const ast = (0, parser_1.parse)(value, {
+        sourceType: 'module',
+        sourceFilename: filename,
+        allowImportExportEverywhere: true
+    });
+    if (ast.errors) {
+        // TODO:
+    }
+    const codeMaps = generateNode(generator, ast, options, injector);
+    const { code, map } = generator.context();
+    // if (map) {
+    //   const s = new SourceMapConsumer((map as any).toJSON())
+    //   s.eachMapping(m => {
+    //     console.log('sourcemap json', m)
+    //   })
+    // }
+    // prettier-ignore
+    const newMap = map
+        ? (0, codegen_1.mapLinesColumns)(map.toJSON(), codeMaps, inSourceMap) || null // eslint-disable-line @typescript-eslint/no-explicit-any
+        : null;
+    return {
+        ast: ast,
+        code,
+        map: newMap != null ? newMap : undefined
+    };
+}
+exports.generate = generate;
+function generateNode(generator, node, options, injector) {
+    const propsCountStack = [];
+    const pathStack = [];
+    const itemsCountStack = [];
+    const skipStack = [];
+    const { forceStringify } = generator.context();
+    const codeMaps = new Map();
+    const { type, bridge, exportESM, sourceMap, isGlobal, locale, useClassComponent } = options;
+    // prettier-ignore
+    const componentNamespace = bridge
+        ? `Component.options`
+        : useClassComponent
+            ? `Component.__o`
+            : `Component`;
+    // @ts-ignore TODO: `tranverse` first argument type should be fixed
+    (0, traverse_1.default)(node, {
+        enter({ node, parent }) {
+            switch (node.type) {
+                case 'Program':
+                    if (type === 'plain') {
+                        generator.push(`export default `);
+                    }
+                    else if (type === 'sfc') {
+                        // for 'sfc'
+                        const variableName = type === 'sfc' ? (!isGlobal ? '__i18n' : '__i18nGlobal') : '';
+                        const localeName = type === 'sfc' ? (locale != null ? locale : `""`) : '';
+                        const exportSyntax = bridge
+                            ? exportESM
+                                ? `export default`
+                                : `module.exports =`
+                            : `export default`;
+                        generator.push(`${exportSyntax} function (Component) {`);
+                        generator.indent();
+                        generator.pushline(`${componentNamespace}.${variableName} = ${componentNamespace}.${variableName} || []`);
+                        generator.push(`${componentNamespace}.${variableName}.push({`);
+                        generator.indent();
+                        generator.pushline(`"locale": ${JSON.stringify(localeName)},`);
+                        generator.push(`"resource": `);
+                    }
+                    break;
+                case 'ObjectExpression':
+                    generator.push(`{`);
+                    generator.indent();
+                    propsCountStack.push(node.properties.length);
+                    if (parent.type === 'ArrayExpression') {
+                        const lastIndex = itemsCountStack.length - 1;
+                        const currentCount = parent.elements.length - itemsCountStack[lastIndex];
+                        pathStack.push(currentCount.toString());
+                        itemsCountStack[lastIndex] = --itemsCountStack[lastIndex];
+                    }
+                    break;
+                case 'ObjectProperty':
+                    if (isJSONablePrimitiveLiteral(node.value) &&
+                        (node.key.type === 'StringLiteral' ||
+                            node.key.type === 'Identifier')) {
+                        // prettier-ignore
+                        const name = node.key.type === 'StringLiteral'
+                            ? node.key.value
+                            : node.key.name;
+                        if (node.value.type === 'StringLiteral' ||
+                            node.value.type === 'TemplateLiteral') {
+                            const value = getValue(node.value);
+                            generator.push(`${JSON.stringify(name)}: `);
+                            pathStack.push(name);
+                            const { code, map } = (0, codegen_1.generateMessageFunction)(value, options, pathStack);
+                            sourceMap && map != null && codeMaps.set(value, map);
+                            generator.push(`${code}`, node.value, value);
+                            skipStack.push(false);
+                        }
+                        else {
+                            const value = getValue(node.value);
+                            if (forceStringify) {
+                                const strValue = JSON.stringify(value);
+                                generator.push(`${JSON.stringify(name)}: `);
+                                pathStack.push(name);
+                                const { code, map } = (0, codegen_1.generateMessageFunction)(strValue, options, pathStack);
+                                sourceMap && map != null && codeMaps.set(strValue, map);
+                                generator.push(`${code}`, node.value, strValue);
+                            }
+                            else {
+                                generator.push(`${JSON.stringify(name)}: ${JSON.stringify(value)}`);
+                                pathStack.push(name);
+                            }
+                            skipStack.push(false);
+                        }
+                    }
+                    else if ((node.value.type === 'ObjectExpression' ||
+                        node.value.type === 'ArrayExpression') &&
+                        (node.key.type === 'StringLiteral' ||
+                            node.key.type === 'Identifier')) {
+                        // prettier-ignore
+                        const name = node.key.type === 'StringLiteral'
+                            ? node.key.value
+                            : node.key.name;
+                        generator.push(`${JSON.stringify(name)}: `);
+                        pathStack.push(name);
+                    }
+                    else {
+                        // for Regex, function, etc.
+                        skipStack.push(true);
+                    }
+                    const lastIndex = propsCountStack.length - 1;
+                    propsCountStack[lastIndex] = --propsCountStack[lastIndex];
+                    break;
+                case 'ArrayExpression':
+                    generator.push(`[`);
+                    generator.indent();
+                    if (parent.type === 'ArrayExpression') {
+                        const lastIndex = itemsCountStack.length - 1;
+                        const currentCount = parent.elements.length - itemsCountStack[lastIndex];
+                        pathStack.push(currentCount.toString());
+                        itemsCountStack[lastIndex] = --itemsCountStack[lastIndex];
+                    }
+                    itemsCountStack.push(node.elements.length);
+                    break;
+                default:
+                    if (isJSONablePrimitiveLiteral(node)) {
+                        if (parent.type === 'ArrayExpression') {
+                            const lastIndex = itemsCountStack.length - 1;
+                            const currentCount = parent.elements.length - itemsCountStack[lastIndex];
+                            pathStack.push(currentCount.toString());
+                            if (node.type === 'StringLiteral' ||
+                                node.type === 'TemplateLiteral') {
+                                const value = getValue(node);
+                                const { code, map } = (0, codegen_1.generateMessageFunction)(value, options, pathStack);
+                                sourceMap && map != null && codeMaps.set(value, map);
+                                generator.push(`${code}`, node, value);
+                                skipStack.push(false);
+                            }
+                            else {
+                                const value = getValue(node);
+                                if (forceStringify) {
+                                    const strValue = JSON.stringify(value);
+                                    const { code, map } = (0, codegen_1.generateMessageFunction)(strValue, options, pathStack);
+                                    sourceMap && map != null && codeMaps.set(strValue, map);
+                                    generator.push(`${code}`, node, strValue);
+                                }
+                                else {
+                                    generator.push(`${JSON.stringify(value)}`);
+                                }
+                                skipStack.push(false);
+                            }
+                            itemsCountStack[lastIndex] = --itemsCountStack[lastIndex];
+                        }
+                    }
+                    else {
+                        // ...
+                    }
+                    break;
+            }
+        },
+        exit({ node, parent }) {
+            switch (node.type) {
+                case 'Program':
+                    if (type === 'sfc') {
+                        generator.deindent();
+                        generator.push(`})`);
+                        if (bridge && injector) {
+                            generator.newline();
+                            generator.pushline(`${componentNamespace}.__i18nBridge = ${componentNamespace}.__i18nBridge || []`);
+                            generator.pushline(`${componentNamespace}.__i18nBridge.push('${injector()}')`);
+                            generator.pushline(`delete ${componentNamespace}._Ctor`);
+                        }
+                        generator.deindent();
+                        generator.pushline(`}`);
+                    }
+                    break;
+                case 'ObjectExpression':
+                    if (propsCountStack[propsCountStack.length - 1] === 0) {
+                        pathStack.pop();
+                        propsCountStack.pop();
+                    }
+                    generator.deindent();
+                    generator.push(`}`);
+                    if (parent.type === 'ArrayExpression') {
+                        if (itemsCountStack[itemsCountStack.length - 1] !== 0) {
+                            pathStack.pop();
+                            generator.pushline(`,`);
+                        }
+                    }
+                    break;
+                case 'ObjectProperty':
+                    if (propsCountStack[propsCountStack.length - 1] !== 0) {
+                        pathStack.pop();
+                        if (!skipStack.pop()) {
+                            generator.pushline(`,`);
+                        }
+                    }
+                    break;
+                case 'ArrayExpression':
+                    if (itemsCountStack[itemsCountStack.length - 1] === 0) {
+                        pathStack.pop();
+                        itemsCountStack.pop();
+                    }
+                    generator.deindent();
+                    generator.push(`]`);
+                    if (parent.type === 'ArrayExpression') {
+                        if (itemsCountStack[itemsCountStack.length - 1] !== 0) {
+                            pathStack.pop();
+                            if (!skipStack.pop()) {
+                                generator.pushline(`,`);
+                            }
+                        }
+                    }
+                    break;
+                default:
+                    if (isJSONablePrimitiveLiteral(node)) {
+                        if (parent.type === 'ArrayExpression') {
+                            if (itemsCountStack[itemsCountStack.length - 1] !== 0) {
+                                pathStack.pop();
+                                if (!skipStack.pop()) {
+                                    generator.pushline(`,`);
+                                }
+                            }
+                            else {
+                                if (!skipStack.pop()) {
+                                    generator.pushline(`,`);
+                                }
+                            }
+                        }
+                    }
+                    else {
+                        // ...
+                    }
+                    break;
+            }
+        }
+    });
+    return codeMaps;
+}
+function isJSONablePrimitiveLiteral(node) {
+    return (node.type === 'NullLiteral' ||
+        node.type === 'BooleanLiteral' ||
+        node.type === 'NumericLiteral' ||
+        node.type === 'StringLiteral' ||
+        node.type === 'TemplateLiteral');
+}
+function getValue(node) {
+    // prettier-ignore
+    return node.type === 'StringLiteral'
+        ? node.value
+        : node.type === 'NullLiteral'
+            ? null
+            : node.type === 'TemplateLiteral'
+                ? node.quasis.map(quasi => quasi.value.cooked).join('')
+                : node.value;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intlify/bundle-utils",
   "description": "Bundle utilities for Intlify project",
-  "version": "4.0.0",
+  "version": "5.0.1",
   "author": {
     "name": "kazuya kawaguchi",
     "email": "kawakazu80@gmail.com"
@@ -18,12 +18,17 @@
     }
   },
   "dependencies": {
+    "@babel/parser": "^7.21.2",
+    "@babel/traverse": "^7.21.2",
     "@intlify/message-compiler": "next",
     "@intlify/shared": "next",
     "jsonc-eslint-parser": "^1.0.1",
     "source-map": "0.6.1",
     "yaml-eslint-parser": "^0.3.2"
   },
+  "devDependencies": {
+    "@babel/types": "^7.21.2"
+  },
   "engines": {
     "node": ">= 12"
   },