vanilla-builder 0.2.0 → 0.3.0

package/src/pool.js

@@ -11,6 +11,7 @@ import { ensureObfuscator, obfuscateSafe } from './obfuscate.js';
 import { importOptional } from './optional.js';
 import { terserMinify } from './tersercore.js';
 import { jsImports } from './jsimports.js';
+import { L, getLang } from './i18n.js';
 
 const WORKER_URL = new URL('./worker.js', import.meta.url);
 const OWN_VERSION = JSON.parse(fs.readFileSync(new URL('../package.json', import.meta.url), 'utf8')).version;
@@ -84,7 +85,8 @@ export function createHeavy({ root, workers = autoWorkers(), cacheDir = null })
 
   function cacheKey(kind, payload) {
     const engine = kind === 'obfuscate' ? 'javascript-obfuscator' : kind === 'terser' ? 'terser' : 'acorn';
-    const meta = JSON.stringify([CACHE_FORMAT, OWN_VERSION, kind, versionOf(engine), payload.opts, plain(payload.opts.globals)]);
+    // El idioma entra en la clave: los motivos de rechazo ("no se ofuscó: …") se guardan ya traducidos.
+    const meta = JSON.stringify([CACHE_FORMAT, OWN_VERSION, kind, versionOf(engine), getLang(), payload.opts, plain(payload.opts.globals)]);
     return crypto.createHash('sha256').update(meta).update('\0').update(payload.code).digest('hex');
   }
 
@@ -175,12 +177,12 @@ export function createHeavy({ root, workers = autoWorkers(), cacheDir = null })
       await ensureObfuscator(root);
       return obfuscateSafe(payload.code, payload.opts);
     }
-    inProcessTerser ??= await importOptional('terser', root, 'para la compresión máxima');
+    inProcessTerser ??= await importOptional('terser', root, L('para la compresión máxima', 'for maximum compression'));
     return terserMinify(inProcessTerser, payload.code, payload.opts);
   }
 
   function spawn() {
-    const w = new Worker(WORKER_URL, { workerData: { root } });
+    const w = new Worker(WORKER_URL, { workerData: { root, lang: getLang() } });
     w.on('message', ({ id, result, error }) => {
       const p = pending.get(id);
       pending.delete(id);
@@ -283,7 +285,7 @@ export function createHeavy({ root, workers = autoWorkers(), cacheDir = null })
       const key = cacheDir
         ? crypto
             .createHash('sha256')
-            .update(JSON.stringify([CACHE_FORMAT, kind]))
+            .update(JSON.stringify([CACHE_FORMAT, OWN_VERSION, getLang(), kind]))
             .update('\0')
             .update(keyData)
             .digest('hex')

package/src/report.js

@@ -1,6 +1,7 @@
 // Informe de tamaños (original, final, gzip y brotli) por archivo y totales.
 import { formatBytes } from './util.js';
 import { gzipOf, brotliOf, mapLimit } from './compress.js';
+import { L } from './i18n.js';
 
 const COMPRESSIBLE = new Set(['html', 'css', 'js', 'json', 'svg', 'text']);
 
@@ -51,15 +52,20 @@ export function renderReport(report, C, { verbose = false } = {}) {
   const lines = [];
   const shown = report.rows.filter((r) => verbose || r.action !== 'copy');
   const hidden = report.rows.filter((r) => !verbose && r.action === 'copy');
-  const hiddenLabel = `+ ${hidden.length} recursos copiados sin cambios`;
+  const hiddenLabel = L(`+ ${hidden.length} recursos copiados sin cambios`, `+ ${hidden.length} assets copied unchanged`);
   const w = Math.min(60, Math.max(20, ...shown.map((r) => r.file.length), hidden.length ? hiddenLabel.length : 0));
   const pad = (s, n) => (s.length > n ? `…${s.slice(-(n - 1))}` : s.padEnd(n));
   const num = (n) => (n == null ? '—' : formatBytes(n)).padStart(10);
   lines.push(
-    C.gray(`${'Archivo'.padEnd(w)}  ${'Antes'.padStart(10)}  ${'Después'.padStart(10)}  ${'gzip'.padStart(10)}  ${'brotli'.padStart(10)}  Ahorro`),
+    C.gray(
+      L(
+        `${'Archivo'.padEnd(w)}  ${'Antes'.padStart(10)}  ${'Después'.padStart(10)}  ${'gzip'.padStart(10)}  ${'brotli'.padStart(10)}  Ahorro`,
+        `${'File'.padEnd(w)}  ${'Before'.padStart(10)}  ${'After'.padStart(10)}  ${'gzip'.padStart(10)}  ${'brotli'.padStart(10)}  Saved`,
+      ),
+    ),
   );
   for (const r of shown) {
-    const src = r.sources && r.sources.length > 1 ? C.gray(` (${r.sources.length} archivos)`) : '';
+    const src = r.sources && r.sources.length > 1 ? C.gray(L(` (${r.sources.length} archivos)`, ` (${r.sources.length} files)`)) : '';
     lines.push(`${pad(r.file, w)}  ${num(r.before)}  ${num(r.size)}  ${num(r.gzip)}  ${num(r.brotli)}  ${pct(r.before, r.size).padStart(6)}${src}`);
   }
   if (hidden.length) {

package/src/server.js

@@ -2,6 +2,7 @@
 import fs from 'node:fs';
 import http from 'node:http';
 import path from 'node:path';
+import { L } from './i18n.js';
 
 const MIME = {
   '.html': 'text/html; charset=utf-8',
@@ -42,7 +43,8 @@ const MIME = {
 
 const RELOAD_SCRIPT = `<script>(()=>{const s=new EventSource('/__builder/events');let box;
 s.addEventListener('reload',()=>location.reload());
-s.addEventListener('error-build',e=>{box??=document.body.appendChild(Object.assign(document.createElement('pre'),{style:'position:fixed;inset:auto 0 0 0;max-height:50vh;overflow:auto;margin:0;padding:12px;background:#300;color:#fdd;font:12px/1.4 monospace;z-index:2147483647;white-space:pre-wrap'}));box.textContent='Builder: error al compilar\\n\\n'+JSON.parse(e.data)});
+s.addEventListener('css',()=>{for(const l of document.querySelectorAll('link[rel~="stylesheet"][href]')){const u=new URL(l.href,location.href);if(u.origin!==location.origin)continue;u.searchParams.set('vb',Date.now());const n=l.cloneNode();n.href=u.href;n.onload=n.onerror=()=>l.remove();l.after(n)}});
+s.addEventListener('error-build',e=>{box??=document.body.appendChild(Object.assign(document.createElement('pre'),{style:'position:fixed;inset:auto 0 0 0;max-height:50vh;overflow:auto;margin:0;padding:12px;background:#300;color:#fdd;font:12px/1.4 monospace;z-index:2147483647;white-space:pre-wrap'}));box.textContent=JSON.parse(e.data)});
 s.addEventListener('ok',()=>{box?.remove();box=null});})();</script>`;
 
 /**
@@ -56,7 +58,7 @@ export function startServer({ dir, port = 5173, host = '127.0.0.1', liveReload =
     try {
       pathname = decodeURIComponent(new URL(req.url, 'http://x').pathname);
     } catch {
-      res.writeHead(400).end('URL inválida');
+      res.writeHead(400).end(L('URL inválida', 'Invalid URL'));
       return;
     }
     if (liveReload && pathname === '/__builder/events') {
@@ -84,7 +86,7 @@ export function startServer({ dir, port = 5173, host = '127.0.0.1', liveReload =
     }
     fs.readFile(file, (err, data) => {
       if (err) {
-        res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' }).end(`No encontrado: ${pathname}`);
+        res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' }).end(L(`No encontrado: ${pathname}`, `Not found: ${pathname}`));
         return;
       }
       const ext = path.extname(file).toLowerCase();
@@ -111,7 +113,9 @@ export function startServer({ dir, port = 5173, host = '127.0.0.1', liveReload =
         url: `http://${host === '0.0.0.0' ? 'localhost' : host}:${addr.port}/`,
         port: addr.port,
         reload: () => send('reload'),
-        buildError: (msg) => send('error-build', msg),
+        // Solo cambió CSS: se recargan las hojas de estilos sin perder el estado de la página.
+        reloadCss: () => send('css'),
+        buildError: (msg) => send('error-build', `${L('Builder: error al compilar', 'Builder: build failed')}\n\n${msg}`),
         buildOk: () => send('ok'),
         close: () =>
           new Promise((r) => {

package/src/tersercore.js

@@ -5,7 +5,7 @@ import { compareGlobals, moduleShape } from './jsinfo.js';
  * Comprime con terser y solo acepta el resultado si es más pequeño y conserva las globales (scripts)
  * o las exportaciones/importaciones (módulos). Devuelve el código original si no compensa.
  */
-export async function terserMinify(terser, code, { isModule, level, globals, keepNames = false }) {
+export async function terserMinify(terser, code, { isModule, level, globals, allowPrefix = null, keepNames = false }) {
   const ecma = Math.min(2020, Math.max(5, level ?? 2020));
   let out;
   try {
@@ -28,6 +28,6 @@ export async function terserMinify(terser, code, { isModule, level, globals, kee
     const a = moduleShape(code);
     const b = moduleShape(out);
     if (!a || !b || a.exports !== b.exports || a.imports !== b.imports) return code;
-  } else if (!globals || !compareGlobals(globals, out).ok) return code;
+  } else if (!globals || !compareGlobals(globals, out, allowPrefix).ok) return code;
   return out;
 }

package/src/verify.js

@@ -5,6 +5,7 @@ import { jsImports } from './jsimports.js';
 import { mapLimit } from './compress.js';
 import { parseHtml } from './html.js';
 import { classifyUrl, parseSrcset } from './urls.js';
+import { L } from './i18n.js';
 
 function unescapeCss(s) {
   return s.replace(/\\([0-9a-f]{1,6}[ \t\n]?|[\s\S])/gi, (_, e) => (/^[0-9a-f]/i.test(e) ? String.fromCodePoint(parseInt(e, 16)) : e));
@@ -82,7 +83,12 @@ export async function verifyOutput(staging, outputs, ctx) {
       const candidates = rel === '' || rel.endsWith('/') ? [`${rel}index.html`] : page ? [rel, `${rel}/index.html`, `${rel}.html`] : [rel];
       if (candidates.some(exists)) continue;
       const ci = candidates.map((c) => lower.get(c.toLowerCase())).find(Boolean);
-      errors.push(`${fromRel}: la referencia "${u}" no existe en la salida${ci ? ` (existe "${ci}" con otras mayúsculas)` : ''}.`);
+      errors.push(
+        L(
+          `${fromRel}: la referencia "${u}" no existe en la salida${ci ? ` (existe "${ci}" con otras mayúsculas)` : ''}.`,
+          `${fromRel}: the reference "${u}" does not exist in the output${ci ? ` ("${ci}" exists with different capitalization)` : ''}.`,
+        ),
+      );
     }
   };
 
@@ -98,11 +104,12 @@ export async function verifyOutput(staging, outputs, ctx) {
     try {
       st = fs.statSync(dest);
     } catch {
-      errors.push(`${rel}: no se escribió en disco.`);
+      errors.push(L(`${rel}: no se escribió en disco.`, `${rel}: was not written to disk.`));
       continue;
     }
     const expected = o.copyFrom ? o.size : Buffer.byteLength(o.data);
-    if (st.size !== expected) errors.push(`${rel}: tamaño en disco ${st.size} ≠ esperado ${expected}.`);
+    if (st.size !== expected)
+      errors.push(L(`${rel}: tamaño en disco ${st.size} ≠ esperado ${expected}.`, `${rel}: size on disk ${st.size} ≠ expected ${expected}.`));
     if (o.copyFrom) continue;
     const dir = path.posix.dirname(rel) === '.' ? '' : path.posix.dirname(rel);
     if (o.type === 'html') {
@@ -115,7 +122,13 @@ export async function verifyOutput(staging, outputs, ctx) {
         if (s.src) check(rel, s.src.value, baseDir);
         if (s.inline && s.kind === 'module') {
           const r = jsImports(s.inline.code, true);
-          if (r.error) errors.push(`${rel}: un <script type="module"> inline no es JS válido (${r.error}).`);
+          if (r.error)
+            errors.push(
+              L(
+                `${rel}: un <script type="module"> inline no es JS válido (${r.error}).`,
+                `${rel}: an inline <script type="module"> is not valid JS (${r.error}).`,
+              ),
+            );
           else for (const spec of r.imports) if (/^\.{0,2}\//.test(spec)) check(rel, spec, baseDir);
         }
       }
@@ -127,12 +140,19 @@ export async function verifyOutput(staging, outputs, ctx) {
     } else if (o.type === 'js') {
       stats.js++;
       const r = parsed.get(rel);
-      if (r.error) errors.push(`${rel}: el JavaScript generado no es válido (${r.error}).`);
+      if (r.error)
+        errors.push(L(`${rel}: el JavaScript generado no es válido (${r.error}).`, `${rel}: the generated JavaScript is not valid (${r.error}).`));
       else for (const spec of r.imports) if (/^\.{0,2}\//.test(spec)) check(rel, spec, dir);
     }
   }
 
   const missing = [...ctx.files.keys()].filter((rel) => !ctx.coverage.has(rel));
-  for (const rel of missing) errors.push(`${rel}: Builder no registró qué hizo con este archivo (no se publicaría).`);
+  for (const rel of missing)
+    errors.push(
+      L(
+        `${rel}: Builder no registró qué hizo con este archivo (no se publicaría).`,
+        `${rel}: Builder did not record what it did with this file (it would not be published).`,
+      ),
+    );
   return { errors, warnings, stats };
 }

package/src/worker.js

@@ -4,9 +4,13 @@ import { ensureObfuscator, obfuscateSafe } from './obfuscate.js';
 import { importOptional } from './optional.js';
 import { terserMinify } from './tersercore.js';
 import { jsImports } from './jsimports.js';
+import { L, setLang } from './i18n.js';
 
 let terser = null;
 
+// Mismo idioma que el proceso principal (puede venir de --lang).
+setLang(workerData.lang);
+
 parentPort.on('message', async ({ id, kind, payload }) => {
   try {
     let result;
@@ -14,7 +18,7 @@ parentPort.on('message', async ({ id, kind, payload }) => {
       await ensureObfuscator(workerData.root);
       result = obfuscateSafe(payload.code, payload.opts);
     } else if (kind === 'terser') {
-      terser ??= await importOptional('terser', workerData.root, 'para la compresión máxima');
+      terser ??= await importOptional('terser', workerData.root, L('para la compresión máxima', 'for maximum compression'));
       result = await terserMinify(terser, payload.code, payload.opts);
     } else if (kind === 'imports') {
       result = jsImports(payload.code, payload.opts.isModule);