@awsless/i18n 0.0.11 → 0.0.13

package/dist/index.js

@@ -1,3 +1,6 @@
+// src/vite.ts
+import MagicString from "magic-string";
+
 // src/cache.ts
 import { readFile, stat, writeFile } from "fs/promises";
 import { join } from "path";
@@ -181,27 +184,28 @@ var i18n = (props) => {
       this.info(`Translating done.`);
     },
     transform(code) {
-      let replaced = false;
       if (code.includes("lang.t`")) {
+        const transformedCode = new MagicString(code);
         for (const item of cache.entries()) {
-          code = code.replaceAll(`lang.t\`${item.source}\``, () => {
-            replaced = true;
-            return `lang.t.get(\`${item.source}\`, {${props.locales.map((locale) => {
+          transformedCode.replaceAll(
+            `lang.t\`${item.source}\``,
+            `lang.t.get(\`${item.source}\`, {${props.locales.map((locale) => {
               const translation = cache.get(item.source, locale);
               if (translation === item.source) {
                 return;
               }
               return `"${locale}":\`${translation}\``;
-            }).filter((v) => !!v).join(",")}})`;
-          });
+            }).filter((v) => !!v).join(",")}})`
+          );
         }
+        return {
+          code: transformedCode.toString(),
+          map: transformedCode.generateMap({
+            hires: true
+          })
+        };
       }
-      if (!replaced) {
-        return;
-      }
-      return {
-        code
-      };
+      return;
     }
   };
 };

package/dist/{svelte.svelte.js → svelte-5.svelte.js}

@@ -1,4 +1,4 @@
-// src/framework/svelte.svelte.ts
+// src/framework/svelte-5.svelte.ts
 var locale = $state("en");
 var t = $derived.by(() => {
   const api = (template, ...args) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awsless/i18n",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "license": "MIT",
   "type": "module",
   "keywords": [
@@ -21,19 +21,16 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/index.cjs",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./svelte": {
-      "require": "./dist/svelte.svelte.cjs",
-      "import": "./dist/svelte.svelte.js",
-      "types": "./dist/svelte.svelte.d.ts"
+      "svelte": "./dist/svelte-5.svelte.js",
+      "types": "./dist/svelte-5.svelte.d.ts"
     }
   },
   "vitest": {
@@ -61,13 +58,14 @@
     "estree-walker": "^3.0.3",
     "glob": "^10.3.9",
     "line-column": "^1.0.2",
+    "magic-string": "^0.30.18",
     "swc-walk": "1.0.0-rc.2",
     "zod": "^3.21.4"
   },
   "scripts": {
     "test": "pnpm code test",
-    "build": "pnpm tsup src/index.ts --format cjs,esm --dts --clean",
-    "build-svelte": "pnpm tsup src/framework/svelte.svelte.ts --format cjs,esm --dts",
+    "build": "pnpm tsup src/index.ts --format esm --dts --clean",
+    "build-svelte": "pnpm tsup src/framework/svelte-5.svelte.ts --format esm --dts",
     "prepublish": "if pnpm test; then pnpm build; pnpm build-svelte; else exit; fi"
   }
 }

package/dist/index.cjs

@@ -1,284 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  ai: () => ai,
-  i18n: () => i18n
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/cache.ts
-var import_promises = require("fs/promises");
-var import_path = require("path");
-var loadCache = async (cwd) => {
-  const file = (0, import_path.join)(cwd, "i18n.json");
-  try {
-    await (0, import_promises.stat)(file);
-  } catch (error) {
-    return new Cache();
-  }
-  const data = await (0, import_promises.readFile)(file, "utf8");
-  return new Cache(JSON.parse(data));
-};
-var saveCache = async (cwd, cache) => {
-  await (0, import_promises.writeFile)((0, import_path.join)(cwd, "i18n.json"), JSON.stringify(cache, void 0, 2));
-};
-var Cache = class {
-  constructor(data = {}) {
-    this.data = data;
-  }
-  set(source, locale, translation) {
-    if (!this.data[source]) {
-      this.data[source] = {};
-    }
-    if (typeof this.data[source][locale] === "undefined") {
-      this.data[source][locale] = translation;
-    }
-  }
-  get(source, locale) {
-    return this.data[source]?.[locale];
-  }
-  has(source, locale) {
-    return typeof this.get(source, locale) === "string";
-  }
-  delete(source, locale) {
-    if (typeof this.data[source]?.[locale] !== "undefined") {
-      delete this.data[source][locale];
-    }
-    if (this.data[source] && Object.keys(this.data[source]).length === 0) {
-      delete this.data[source];
-    }
-  }
-  *entries() {
-    for (const [source, locales] of Object.entries(this.data)) {
-      for (const [locale, translation] of Object.entries(locales)) {
-        yield { source, locale, translation };
-      }
-    }
-  }
-  toJSON() {
-    return this.data;
-  }
-};
-
-// src/diff.ts
-var findNewTranslations = (cache, sources, locales) => {
-  const list = [];
-  for (const source of sources) {
-    for (const locale of locales) {
-      if (!cache.has(source, locale)) {
-        list.push({ source, locale });
-      }
-    }
-  }
-  return list;
-};
-var removeUnusedTranslations = (cache, sources, locales) => {
-  for (const item of cache.entries()) {
-    if (!locales.includes(item.locale) || !sources.includes(item.source)) {
-      cache.delete(item.source, item.locale);
-    }
-  }
-};
-
-// src/find.ts
-var import_promises2 = require("fs/promises");
-var import_glob = require("glob");
-var import_path2 = require("path");
-
-// src/find/svelte.ts
-var import_estree_walker = require("estree-walker");
-var import_line_column = __toESM(require("line-column"), 1);
-var import_compiler = require("svelte/compiler");
-var findSvelteTranslatable = (code) => {
-  const found = [];
-  const origin = (0, import_line_column.default)(code);
-  const ast = (0, import_compiler.parse)(code, {
-    css: false
-  });
-  const enter = (node) => {
-    if (node.type === "TaggedTemplateExpression" && node.tag.type === "MemberExpression" && node.tag.object.type === "Identifier" && node.tag.object.name === "lang" && node.tag.property.type === "Identifier" && node.tag.property.name === "t" && node.quasi.type === "TemplateLiteral" && node.quasi.loc) {
-      const start = node.quasi.loc.start;
-      const end = node.quasi.loc.end;
-      const content = code.substring(
-        origin.toIndex(start.line, start.column) + 2,
-        origin.toIndex(end.line, end.column)
-      );
-      found.push(content);
-    }
-  };
-  (0, import_estree_walker.walk)(ast.html, { enter });
-  if (ast.instance) {
-    (0, import_estree_walker.walk)(ast.instance.content, { enter });
-  }
-  if (ast.module) {
-    (0, import_estree_walker.walk)(ast.module.content, { enter });
-  }
-  return found;
-};
-
-// src/find/typescript.ts
-var import_core = require("@swc/core");
-var import_swc_walk = require("swc-walk");
-var findTypescriptTranslatable = async (code) => {
-  const found = [];
-  const ast = await (0, import_core.parse)(code, {
-    syntax: "typescript"
-  });
-  (0, import_swc_walk.simple)(ast, {
-    TaggedTemplateExpression(node) {
-      if (node.tag.type === "MemberExpression" && node.tag.object.type === "Identifier" && node.tag.object.value === "lang" && node.tag.property.type === "Identifier" && node.tag.property.value === "t") {
-        const content = code.substring(
-          node.template.span.start - ast.span.start + 1,
-          node.template.span.end - ast.span.start - 1
-        );
-        found.push(content);
-      }
-    }
-  });
-  return found;
-};
-
-// src/find.ts
-var findTranslatable = async (cwd) => {
-  const files = await (0, import_glob.glob)("**/*.{js,ts,svelte}", {
-    cwd,
-    ignore: [
-      //
-      "**/node_modules/**",
-      "**/.svelte-kit/**",
-      "**/.*/**"
-    ]
-  });
-  const found = [];
-  for (const file of files) {
-    const code = await (0, import_promises2.readFile)((0, import_path2.join)(cwd, file), "utf8");
-    if (code.includes("lang.t`")) {
-      if (file.endsWith(".svelte")) {
-        found.push(...findSvelteTranslatable(code));
-      } else {
-        const entries = await findTypescriptTranslatable(code);
-        found.push(...entries);
-      }
-    }
-  }
-  return found;
-};
-
-// src/vite.ts
-var i18n = (props) => {
-  let cache;
-  return {
-    name: "awsless/i18n",
-    enforce: "pre",
-    async buildStart() {
-      const cwd = process.cwd();
-      this.info("Finding all translatable text...");
-      const sourceTexts = await findTranslatable(cwd);
-      cache = await loadCache(cwd);
-      removeUnusedTranslations(cache, sourceTexts, props.locales);
-      const newSourceTexts = findNewTranslations(cache, sourceTexts, props.locales);
-      if (newSourceTexts.length > 0) {
-        this.info(`Translating ${newSourceTexts.length} new texts.`);
-        const translations = await props.translate(props.default ?? "en", newSourceTexts);
-        this.info(`Translated ${translations.length} texts.`);
-        for (const item of translations) {
-          cache.set(item.source, item.locale, item.translation);
-        }
-      }
-      await saveCache(cwd, cache);
-      this.info(`Translating done.`);
-    },
-    transform(code) {
-      let replaced = false;
-      if (code.includes("lang.t`")) {
-        for (const item of cache.entries()) {
-          code = code.replaceAll(`lang.t\`${item.source}\``, () => {
-            replaced = true;
-            return `lang.t.get(\`${item.source}\`, {${props.locales.map((locale) => {
-              const translation = cache.get(item.source, locale);
-              if (translation === item.source) {
-                return;
-              }
-              return `"${locale}":\`${translation}\``;
-            }).filter((v) => !!v).join(",")}})`;
-          });
-        }
-      }
-      if (!replaced) {
-        return;
-      }
-      return {
-        code
-      };
-    }
-  };
-};
-
-// src/translate/ai.ts
-var import_ai = require("ai");
-var import_chunk = __toESM(require("chunk"), 1);
-var import_zod = require("zod");
-var ai = (props) => {
-  return async (originalLocale, texts) => {
-    const batches = (0, import_chunk.default)(texts, props.batchSize ?? 1e3);
-    const translations = await Promise.all(
-      batches.map(async (texts2) => {
-        const result = await (0, import_ai.generateObject)({
-          model: props.model,
-          maxTokens: props.maxTokens,
-          schema: import_zod.z.object({
-            translations: import_zod.z.object({
-              source: import_zod.z.string(),
-              locale: import_zod.z.string(),
-              translation: import_zod.z.string()
-            }).array()
-          }),
-          prompt: [
-            `You have to translate the text inside the JSON file below from "${originalLocale}" to the provided locale.`,
-            ...props?.rules ?? [],
-            "",
-            `JSON FILE:`,
-            JSON.stringify(texts2)
-          ].join("\n"),
-          system: "You are a helpful translator."
-        });
-        return result.object.translations;
-      })
-    );
-    return translations.flat(3);
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ai,
-  i18n
-});

package/dist/index.d.cts

@@ -1,39 +0,0 @@
-import { Plugin } from 'vite';
-import { LanguageModel } from 'ai';
-
-type Translator = (defaultLocale: string, list: {
-    source: string;
-    locale: string;
-}[]) => TranslationResponse[] | Promise<TranslationResponse[]>;
-type TranslationResponse = {
-    source: string;
-    locale: string;
-    translation: string;
-};
-type I18nPluginProps = {
-    /** The original language your source text is written in.
-     * @default "en"
-     */
-    default?: string;
-    /** The list of target locales to translate your text into. */
-    locales: string[];
-    /** Function that performs the translation of a given text. */
-    translate: Translator;
-};
-declare const i18n: (props: I18nPluginProps) => Plugin;
-
-type AiTranslationProps = {
-    /** The maximum number of tokens allowed in the AI's response. */
-    maxTokens: number;
-    /** The language model to use for translations (e.g., gpt-4, gpt-3.5-turbo). */
-    model: LanguageModel;
-    /** Number of text entries to translate in a single batch.
-     * @default 1000
-     */
-    batchSize?: number;
-    /** Custom translation guidelines for the AI. These are injected into the prompt. */
-    rules?: string[];
-};
-declare const ai: (props: AiTranslationProps) => Translator;
-
-export { type AiTranslationProps, type I18nPluginProps, type Translator, ai, i18n };

package/dist/svelte.svelte.cjs

@@ -1,67 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/framework/svelte.svelte.ts
-var svelte_svelte_exports = {};
-__export(svelte_svelte_exports, {
-  lang: () => lang
-});
-module.exports = __toCommonJS(svelte_svelte_exports);
-var locale = $state("en");
-var t = $derived.by(() => {
-  const api = (template, ...args) => {
-    return String.raw({ raw: template.raw }, ...args);
-  };
-  api.get = (og, translations) => {
-    return translations[locale] ?? og;
-  };
-  return api;
-});
-var lang = {
-  /** Get the current locale.
-   *
-   * @example
-   * console.log(lang.locale)
-   */
-  get locale() {
-    return locale;
-  },
-  /** To change the locale that is being rendered simply change this property.
-   *
-   * @example
-   * lang.locale = 'jp'
-   */
-  set locale(v) {
-    locale = v;
-  },
-  /** Translate helper for translating template strings.
-   * The i18n Vite plugin will find all instances where you want text
-   * to be translated and automatically translate your text during build time.
-   *
-   * @example
-   * lang.t`Hello world!`
-   */
-  get t() {
-    return t;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  lang
-});

package/dist/svelte.svelte.d.ts

@@ -1,20 +0,0 @@
-declare const lang: {
-    /** Get the current locale.
-     *
-     * @example
-     * console.log(lang.locale)
-     */
-    locale: string;
-    /** Translate helper for translating template strings.
-     * The i18n Vite plugin will find all instances where you want text
-     * to be translated and automatically translate your text during build time.
-     *
-     * @example
-     * lang.t`Hello world!`
-     */
-    readonly t: (template: TemplateStringsArray, ...args: Array<string | number | {
-        toString(): string;
-    }>) => string;
-};
-
-export { lang };