@babelize/engine 0.2.0 → 0.2.1

package/dist/analysis/analyze.js

@@ -139,7 +139,7 @@ async function analyzeWorkspace(workspacePath, options = {}) {
     const framework = workspace.framework;
     const support = frameworkSupport(framework);
     if (support === 'unsupported') {
-        return empty(framework, `Detected ${framework}, which local translation does not support. Supported: React, Next.js and Django (Vue and static HTML in beta).`);
+        return empty(framework, `Detected ${framework}, which local translation does not support. Supported: React, Next.js, Django and static HTML (Vue and React Native in beta).`);
     }
     const phases = (types_1.FRAMEWORK_CONFIGS[framework] ?? types_1.FRAMEWORK_CONFIGS.unknown).phases;
     // Same ICU decision as a local translate run (whose translator is an LLM).

package/dist/injection/html/html-injector.d.ts

@@ -7,5 +7,7 @@ interface HtmlInjectOptions {
     targetLocales?: string[];
     sourceLocale?: string;
 }
+/** `<script src>` for the root i18n.js as seen from this page: `i18n.js`, `../i18n.js`, ... */
+export declare function runtimeScriptSrc(filePath: string): string;
 export declare function injectHtml(options: HtmlInjectOptions): Promise<FileInjection>;
 export {};

package/dist/injection/html/html-injector.js

@@ -32,10 +32,36 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.runtimeScriptSrc = runtimeScriptSrc;
 exports.injectHtml = injectHtml;
+const path_1 = __importDefault(require("path"));
 const string_utils_1 = require("../../utils/string-utils");
 const html_extractor_1 = require("../../utils/html-extractor");
+// <meta> tags whose content the extractor collects (html-extractor extractHeadStrings).
+const SEO_META = ['description', 'og:title', 'og:description', 'og:site_name', 'twitter:title', 'twitter:description'];
+/**
+ * Key for a string in this file found by its text alone. Head strings are extracted
+ * with ids like `file:meta:<hash>`, and a string already seen in the body is not
+ * extracted twice, so a line-based id can't find them.
+ */
+function keyByText(filePath, text, keyMapping) {
+    const prefix = `${filePath}:`;
+    const suffix = `:${(0, string_utils_1.hashString)(text)}`;
+    for (const [id, key] of keyMapping) {
+        if (id.startsWith(prefix) && id.endsWith(suffix))
+            return key;
+    }
+    return undefined;
+}
+/** `<script src>` for the root i18n.js as seen from this page: `i18n.js`, `../i18n.js`, ... */
+function runtimeScriptSrc(filePath) {
+    const dir = path_1.default.posix.dirname(filePath.split(path_1.default.sep).join('/'));
+    return path_1.default.posix.relative(dir, 'i18n.js') || 'i18n.js';
+}
 function asElement(node) {
     return node.nodeType === 1 ? node : null;
 }
@@ -60,13 +86,26 @@ function walkHtmlNode(node, filePath, content, keyMapping, matchedIds, injection
         }
     }
     const element = asElement(node);
+    if (element && tagName === 'meta') {
+        const name = element.getAttribute('name') || element.getAttribute('property');
+        const value = element.getAttribute('content');
+        if (name && SEO_META.includes(name) && value?.trim() && !element.getAttribute('data-i18n-content')) {
+            const key = keyByText(filePath, value.trim(), keyMapping);
+            if (key) {
+                element.setAttribute('data-i18n-content', key);
+                injections.push({ file: filePath, line: 0, column: 0, original: value, replacement: `data-i18n-content="${key}"`, key, confidence: 100 });
+            }
+        }
+        return;
+    }
     if (textChild && !nonTextChild && element && !element.getAttribute('data-i18n')) {
         const text = textChild.text.trim();
         if (node.range) {
             const line = (content.slice(0, node.range[0]).match(/\n/g) || []).length + 1;
             const id = `${filePath}:${line}:${(0, string_utils_1.hashString)(text)}`;
-            if (matchedIds.has(id)) {
-                const key = keyMapping.get(id);
+            // <title> may only exist under a head id (`file:title:<hash>`) or share a body string's key.
+            if (matchedIds.has(id) || tagName === 'title') {
+                const key = keyMapping.get(id) ?? (tagName === 'title' ? keyByText(filePath, text, keyMapping) : undefined);
                 if (key) {
                     element.setAttribute('data-i18n', key);
                     injections.push({
@@ -159,13 +198,23 @@ async function injectHtml(options) {
     const matchedIds = new Set(keyMapping.keys());
     walkHtmlNode(htmlEl, filePath, content, keyMapping, matchedIds, injections);
     let modifiedContent = root.toString();
-    const hasScript = /<script[^>]*src\s*=\s*["']i18n\.js["'][^>]*>/.test(modifiedContent);
-    if (!hasScript) {
+    // i18n.js lives at the site root, so pages in subfolders need ../i18n.js. Older runs
+    // wrote a bare src="i18n.js" everywhere; repoint those instead of adding a second tag.
+    const src = runtimeScriptSrc(filePath);
+    const existingScript = /<script([^>]*)src\s*=\s*["']((?:\.\.\/)*i18n\.js)["']/.exec(modifiedContent);
+    if (existingScript) {
+        if (existingScript[2] !== src) {
+            modifiedContent = modifiedContent.replace(existingScript[0], `<script${existingScript[1]}src="${src}"`);
+            importAdded = true;
+        }
+    }
+    else {
+        const tag = `  <script src="${src}"></script>\n`;
         if (modifiedContent.includes('</body>')) {
-            modifiedContent = modifiedContent.replace('</body>', '  <script src="i18n.js"></script>\n</body>');
+            modifiedContent = modifiedContent.replace('</body>', `${tag}</body>`);
         }
         else {
-            modifiedContent = modifiedContent.replace('</head>', '  <script src="i18n.js"></script>\n</head>');
+            modifiedContent = modifiedContent.replace('</head>', `${tag}</head>`);
         }
         importAdded = true;
     }

package/dist/local/translate-core.d.ts

@@ -10,8 +10,8 @@ import { type FileDiffStat, type ApplyIo, type WorkspaceChanges } from './worksp
 /** Lockfile scope for local runs: `.babelize/local/babelize-lock.json` in the project root. */
 export declare const LOCAL_PROJECT_ID = "local";
 export declare const LOCAL_LOCKFILE = ".babelize/local/babelize-lock.json";
-export declare const SUPPORTED_LOCAL_FRAMEWORKS: readonly ["react", "nextjs", "django"];
-export declare const BETA_LOCAL_FRAMEWORKS: readonly ["vue", "static", "react-native"];
+export declare const SUPPORTED_LOCAL_FRAMEWORKS: readonly ["react", "nextjs", "django", "static"];
+export declare const BETA_LOCAL_FRAMEWORKS: readonly ["vue", "react-native"];
 export interface LocalTranslateOptions {
     projectDir: string;
     sourceLocale: string;

package/dist/local/translate-core.js

@@ -72,8 +72,8 @@ const execFileAsync = (0, node_util_1.promisify)(node_child_process_1.execFile);
 /** Lockfile scope for local runs: `.babelize/local/babelize-lock.json` in the project root. */
 exports.LOCAL_PROJECT_ID = 'local';
 exports.LOCAL_LOCKFILE = `.babelize/${exports.LOCAL_PROJECT_ID}/babelize-lock.json`;
-exports.SUPPORTED_LOCAL_FRAMEWORKS = ['react', 'nextjs', 'django'];
-exports.BETA_LOCAL_FRAMEWORKS = ['vue', 'static', 'react-native'];
+exports.SUPPORTED_LOCAL_FRAMEWORKS = ['react', 'nextjs', 'django', 'static'];
+exports.BETA_LOCAL_FRAMEWORKS = ['vue', 'react-native'];
 class LocalTranslateError extends Error {
     constructor(message, code, 
     /** Files left changed in the project (only for a failed, un-rolled-back apply). */

package/dist/modules/finalization/finalize.js

@@ -334,10 +334,12 @@ async function finalizeProject(workspace, dryRun, options = {}) {
         }
         else {
             // 'missing' or 'ours' — write/overwrite
-            const runtimeContent = (0, static_runtime_1.buildStaticRuntime)({
-                sourceLocale: workspace.sourceDirs[0] || 'en',
-                targetLocales: workspace.existingLocales || [],
-            });
+            // sourceDirs[0] is the scan root ("."), not a locale. Targets: this run's plus any
+            // locale files already on disk, so the switcher lists every language.
+            const sourceLocale = options.sourceLocale || 'en';
+            const targetLocales = [...new Set([...(options.targetLocales ?? []), ...(workspace.existingLocales ?? [])])]
+                .filter((l) => l && l !== sourceLocale && /^[A-Za-z]{2,3}([-_][A-Za-z0-9]+)*$/.test(l));
+            const runtimeContent = (0, static_runtime_1.buildStaticRuntime)({ sourceLocale, targetLocales });
             await writer.write(i18nJsPath, runtimeContent);
             configFileCreated = true;
             if (regenerationStatus === 'ours') {

package/dist/modules/finalization/static-runtime.d.ts

@@ -1,5 +1,5 @@
-export declare const STATIC_RUNTIME_VERSION = "1.0.0";
-export declare const RUNTIME_HEADER = "/* babelize:static-runtime v1.0.0 */";
+export declare const STATIC_RUNTIME_VERSION = "1.1.0";
+export declare const RUNTIME_HEADER = "/* babelize:static-runtime v1.1.0 */";
 export declare function buildStaticRuntime(config: {
     sourceLocale: string;
     targetLocales: string[];

package/dist/modules/finalization/static-runtime.js

@@ -4,8 +4,9 @@ exports.RUNTIME_HEADER = exports.STATIC_RUNTIME_VERSION = void 0;
 exports.buildStaticRuntime = buildStaticRuntime;
 exports.buildSwitcherPlaceholder = buildSwitcherPlaceholder;
 exports.checkRuntimeNeedsRegeneration = checkRuntimeNeedsRegeneration;
-exports.STATIC_RUNTIME_VERSION = '1.0.0';
-exports.RUNTIME_HEADER = `/* babelize:static-runtime v${exports.STATIC_RUNTIME_VERSION} */`;
+exports.STATIC_RUNTIME_VERSION = '1.1.0';
+const RUNTIME_MARKER = '/* babelize:static-runtime v';
+exports.RUNTIME_HEADER = `${RUNTIME_MARKER}${exports.STATIC_RUNTIME_VERSION} */`;
 function buildStaticRuntime(config) {
     const locales = JSON.stringify([config.sourceLocale, ...config.targetLocales]);
     const baseDir = config.baseDir ? JSON.stringify(config.baseDir) : 'null';
@@ -113,8 +114,9 @@ function buildStaticRuntime(config) {
   }
 
   function applyTranslations() {
+    // The whole document, so <title> and SEO <meta> tags in <head> are translated too.
     var walk = document.createTreeWalker(
-      document.body,
+      document.documentElement,
       NodeFilter.SHOW_ELEMENT,
       null,
       false
@@ -150,7 +152,7 @@ function buildStaticRuntime(config) {
           }
         }
       }
-      var attrNames = ['alt', 'title', 'placeholder', 'aria-label', 'aria-description'];
+      var attrNames = ['alt', 'title', 'placeholder', 'aria-label', 'aria-description', 'content'];
       for (var a = 0; a < attrNames.length; a++) {
         var attrKey = node.getAttribute('data-i18n-' + attrNames[a]);
         if (attrKey) {
@@ -162,6 +164,8 @@ function buildStaticRuntime(config) {
   }
 
   function updateHtmlAttributes() {
+    var select = document.querySelector('[data-babelize-switcher-select]');
+    if (select) select.value = lang;
     var meta = (loadedLocales[lang] || {})._meta;
     if (!meta) return;
     var html = document.documentElement;
@@ -254,7 +258,8 @@ function checkRuntimeNeedsRegeneration(existingContent) {
     if (!existingContent || existingContent.trim().length === 0) {
         return 'missing';
     }
-    if (existingContent.includes(exports.RUNTIME_HEADER)) {
+    // Any version we generated, so older runtimes get upgraded rather than treated as hand-written.
+    if (existingContent.includes(RUNTIME_MARKER)) {
         return 'ours';
     }
     return 'user';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@babelize/engine",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Babelize translation pipeline (extract, keygen, translate, inject). Infrastructure is injected through provider/store interfaces.",
   "keywords": [
     "babelize",