react-autolocale 0.2.0 → 0.3.0-beta.0

package/dist/vite.js

@@ -1,375 +1,14 @@
-import { a as redirectScript, t as BANNER_EN } from "./suggestion-UZQ8ngd0.js";
-import { a as cacheDir, c as createLocalTranslator, d as toTranslator, f as unmask, i as readOverrides, l as mask, o as cacheFile, p as getLanguage, r as mergeOverrides, s as ensureTranslations, t as OVERRIDES_FILE, u as ollama } from "./overrides-ZQ6meLck.js";
-import fs from "node:fs";
+import { n as redirectScript } from "./redirect-pDFblLdm.js";
+import { A as readBanner, C as isSourceFile, D as translateHead, E as transformJsx, I as getLanguage, O as messageId, P as ollama, T as parserPlugins, _ as loadDicts, d as OVERRIDES_FILE, m as readOverrides, p as mergeOverrides, r as loadProject, w as walk } from "./project-CGAWETvT.js";
 import path from "node:path";
+import fs from "node:fs";
+import { JSDOM, VirtualConsole } from "jsdom";
 import { parse } from "@babel/parser";
 import _traverse from "@babel/traverse";
-import _generate from "@babel/generator";
 import * as t from "@babel/types";
-import { JSDOM, VirtualConsole } from "jsdom";
 import { createServer } from "vite";
-//#region src/core/transform.ts
-const traverse$2 = _traverse.default ?? _traverse;
-const generate = _generate.default ?? _generate;
-/** Attributes whose string value is user-visible text. */
-const TRANSLATABLE_ATTRS = /* @__PURE__ */ new Set([
-	"placeholder",
-	"title",
-	"alt",
-	"aria-label",
-	"aria-description"
-]);
-/** Elements whose text content is code, not copy. */
-const SKIP_ELEMENTS = /* @__PURE__ */ new Set([
-	"script",
-	"style",
-	"code",
-	"pre",
-	"kbd",
-	"samp",
-	"svg",
-	"textarea"
-]);
-const T_IMPORT = "__RLT";
-const TD_IMPORT = "__RLTD";
-const HOOK_IMPORT = "__rlUseT";
-const HOOK_VAR = "__rl";
-const RUNTIME = "react-autolocale";
-function parserPlugins(file) {
-	if (/\.tsx$/.test(file)) return ["typescript", "jsx"];
-	if (/\.ts$/.test(file)) return ["typescript"];
-	return ["jsx"];
-}
-/** Collapses JSX text the way React does: lines are trimmed and joined with one space. */
-function cleanJsxText(raw) {
-	const lines = raw.split(/\r\n|\n|\r/);
-	let last = 0;
-	for (let i = 0; i < lines.length; i++) if (/[^ \t]/.test(lines[i])) last = i;
-	let out = "";
-	for (let i = 0; i < lines.length; i++) {
-		let line = lines[i].replace(/\t/g, " ");
-		if (i !== 0) line = line.replace(/^[ ]+/, "");
-		if (i !== lines.length - 1) line = line.replace(/[ ]+$/, "");
-		if (line) {
-			if (i !== last) line += " ";
-			out += line;
-		}
-	}
-	return out;
-}
-/** Text worth translating: must contain at least one letter in any script. */
-function isTranslatable(text) {
-	return /\p{L}/u.test(text);
-}
-function isComponentName(name) {
-	return !!name && /^[A-Z]/.test(name);
-}
-/** Finds the function that is a React component (PascalCase name, possibly wrapped in memo/forwardRef). */
-function enclosingComponent(path) {
-	let p = path.parentPath;
-	while (p) {
-		if (p.isFunction()) {
-			const fn = p;
-			let name;
-			if ((fn.node.type === "FunctionDeclaration" || fn.node.type === "FunctionExpression") && fn.node.id) name = fn.node.id.name;
-			if (!name) {
-				let up = fn.parentPath;
-				while (up && up.isCallExpression()) up = up.parentPath;
-				if (up?.isVariableDeclarator() && t.isIdentifier(up.node.id)) name = up.node.id.name;
-			}
-			if (isComponentName(name)) return fn;
-		}
-		p = p.parentPath;
-	}
-	return null;
-}
-/** `translate="no"` on an element (or any ancestor) keeps its text and attributes exactly as written. */
-function hasNoTranslate(opening) {
-	return opening.attributes.some((a) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name, { name: "translate" }) && (t.isStringLiteral(a.value, { value: "no" }) || t.isJSXExpressionContainer(a.value) && t.isStringLiteral(a.value.expression, { value: "no" })));
-}
-function insideNoTranslate(path) {
-	for (let p = path; p; p = p.parentPath) if (p.isJSXElement() && hasNoTranslate(p.node.openingElement)) return true;
-	return false;
-}
-/** A value we can safely hand to the runtime: `name`, `user.name`, `this.props.count`, `items?.[0]`. */
-function simpleValueName(node) {
-	const root = (n) => t.isIdentifier(n) || t.isThisExpression(n) || (t.isMemberExpression(n) || t.isOptionalMemberExpression(n)) && root(n.object) && (n.computed ? t.isNumericLiteral(n.property) || t.isStringLiteral(n.property) : t.isIdentifier(n.property));
-	if (!root(node)) return null;
-	if (t.isIdentifier(node)) return node.name;
-	if ((t.isMemberExpression(node) || t.isOptionalMemberExpression(node)) && !node.computed && t.isIdentifier(node.property)) return node.property.name;
-	return "value";
-}
-/**
-* "Hello {name}!" -> template "Hello {name}!" plus the values to fill in at runtime.
-* Only text mixed with plain variables qualifies: no nested elements, calls, conditions or JSX.
-*/
-function buildTemplate(node) {
-	let text = "";
-	const values = [];
-	const used = /* @__PURE__ */ new Set();
-	for (const child of node.children) if (t.isJSXText(child)) text += cleanJsxText(child.value);
-	else if (t.isJSXExpressionContainer(child)) {
-		const e = child.expression;
-		if (t.isJSXEmptyExpression(e)) continue;
-		if (t.isStringLiteral(e)) {
-			text += e.value;
-			continue;
-		}
-		const base = simpleValueName(e);
-		if (!base) return null;
-		let name = base;
-		for (let i = 2; used.has(name); i++) name = `${base}_${i}`;
-		used.add(name);
-		values.push({
-			name,
-			expr: e
-		});
-		text += `{${name}}`;
-	} else return null;
-	const letters = text.replace(/\{\w+\}/g, "");
-	if (!values.length || !isTranslatable(letters)) return null;
-	return {
-		text: text.trim(),
-		values,
-		lead: /^\s/.test(text),
-		trail: /\s$/.test(text)
-	};
-}
-/** Parses a file, extracts translatable strings, and rewrites JSX to render translations. */
-function transformJsx(code, file, opts = {}) {
-	const rewrite = opts.rewrite !== false;
-	if (!code.includes("<")) return null;
-	let ast;
-	try {
-		ast = parse(code, {
-			sourceType: "module",
-			sourceFilename: file,
-			plugins: parserPlugins(file)
-		});
-	} catch {
-		return null;
-	}
-	const strings = /* @__PURE__ */ new Set();
-	/** What kind of element each string sits in ("button", "h1", "placeholder", ...), for context-aware engines. */
-	const contexts = {};
-	const record = (text, context) => {
-		strings.add(text);
-		contexts[text] ??= context;
-	};
-	const hookTargets = /* @__PURE__ */ new Set();
-	let usedT = false;
-	let usedTD = false;
-	const space = () => t.jsxExpressionContainer(t.stringLiteral(" "));
-	traverse$2(ast, {
-		"JSXElement|JSXFragment"(path) {
-			const node = path.node;
-			const name = t.isJSXElement(node) && t.isJSXIdentifier(node.openingElement.name) ? node.openingElement.name.name : null;
-			if (name && SKIP_ELEMENTS.has(name)) return;
-			if (insideNoTranslate(path)) return;
-			const context = name ?? "text";
-			if (node.children.some((c) => t.isJSXExpressionContainer(c) && !t.isJSXEmptyExpression(c.expression) && !t.isStringLiteral(c.expression))) {
-				const tpl = buildTemplate(node);
-				if (!tpl) return;
-				record(tpl.text, context);
-				if (!rewrite) return;
-				const valueObject = t.objectExpression(tpl.values.map((v) => t.objectProperty(t.identifier(v.name), t.cloneNode(v.expr))));
-				node.children = [
-					...tpl.lead ? [space()] : [],
-					t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(TD_IMPORT), [t.jsxAttribute(t.jsxIdentifier("s"), t.stringLiteral(tpl.text)), t.jsxAttribute(t.jsxIdentifier("v"), t.jsxExpressionContainer(valueObject))], true), null, []),
-					...tpl.trail ? [space()] : []
-				];
-				usedTD = true;
-				return;
-			}
-			const children = [];
-			let changed = false;
-			for (const child of node.children) {
-				const cleaned = t.isJSXText(child) ? cleanJsxText(child.value) : "";
-				const text = cleaned.trim();
-				if (!t.isJSXText(child) || !text || !isTranslatable(text)) {
-					children.push(child);
-					continue;
-				}
-				record(text, context);
-				if (!rewrite) {
-					children.push(child);
-					continue;
-				}
-				if (/^\s/.test(cleaned)) children.push(space());
-				children.push(t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(T_IMPORT), [t.jsxAttribute(t.jsxIdentifier("s"), t.stringLiteral(text))], true), null, []));
-				if (/\s$/.test(cleaned)) children.push(space());
-				usedT = true;
-				changed = true;
-			}
-			if (changed) node.children = children;
-		},
-		JSXAttribute(path) {
-			const { name, value } = path.node;
-			if (!t.isJSXIdentifier(name) || !TRANSLATABLE_ATTRS.has(name.name)) return;
-			if (!t.isStringLiteral(value)) return;
-			const opening = path.parent;
-			if (!t.isJSXIdentifier(opening.name) || !/^[a-z]/.test(opening.name.name)) return;
-			if (insideNoTranslate(path.parentPath.parentPath)) return;
-			const text = value.value.trim();
-			if (!text || !isTranslatable(text)) return;
-			const component = enclosingComponent(path);
-			if (!component) return;
-			record(text, name.name);
-			if (!rewrite) return;
-			path.node.value = t.jsxExpressionContainer(t.callExpression(t.identifier(HOOK_VAR), [t.stringLiteral(text)]));
-			hookTargets.add(component);
-		}
-	});
-	if (strings.size === 0) return null;
-	if (!rewrite) return {
-		code,
-		map: null,
-		strings: [...strings],
-		contexts
-	};
-	for (const fn of hookTargets) {
-		if (!t.isBlockStatement(fn.node.body)) fn.node.body = t.blockStatement([t.returnStatement(fn.node.body)]);
-		fn.node.body.body.unshift(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(HOOK_VAR), t.callExpression(t.identifier(HOOK_IMPORT), []))]));
-	}
-	const specifiers = [];
-	if (usedT) specifiers.push(t.importSpecifier(t.identifier(T_IMPORT), t.identifier("__T")));
-	if (usedTD) specifiers.push(t.importSpecifier(t.identifier(TD_IMPORT), t.identifier("__TD")));
-	if (hookTargets.size) specifiers.push(t.importSpecifier(t.identifier(HOOK_IMPORT), t.identifier("__useT")));
-	ast.program.body.unshift(t.importDeclaration(specifiers, t.stringLiteral(RUNTIME)));
-	const out = generate(ast, {
-		sourceMaps: true,
-		sourceFileName: file
-	}, code);
-	return {
-		code: out.code,
-		map: out.map,
-		strings: [...strings],
-		contexts
-	};
-}
-/** Strings (and where they appear), without rewriting. */
-function extractItems(code, file) {
-	const r = transformJsx(code, file, { rewrite: false });
-	return {
-		strings: r?.strings ?? [],
-		contexts: r?.contexts ?? {}
-	};
-}
-//#endregion
-//#region src/core/scan.ts
-const EXTENSIONS = /* @__PURE__ */ new Set([
-	".tsx",
-	".jsx",
-	".ts",
-	".js"
-]);
-const IGNORED_DIRS = /* @__PURE__ */ new Set([
-	"node_modules",
-	"dist",
-	"build",
-	"coverage"
-]);
-function isSourceFile(file) {
-	return EXTENSIONS.has(path.extname(file)) && !file.endsWith(".d.ts") && !/\.(test|spec)\./.test(file);
-}
-function* walk(dir) {
-	if (!fs.existsSync(dir)) return;
-	for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
-		if (entry.name.startsWith(".") || IGNORED_DIRS.has(entry.name)) continue;
-		const full = path.join(dir, entry.name);
-		if (entry.isDirectory()) yield* walk(full);
-		else if (isSourceFile(full)) yield full;
-	}
-}
-/** Every translatable string under the configured folders, in stable file order, and where each appears. */
-function scanProjectDetailed(root, include) {
-	const found = /* @__PURE__ */ new Set();
-	const contexts = {};
-	for (const dir of include) for (const file of walk(path.resolve(root, dir))) {
-		const items = extractItems(fs.readFileSync(file, "utf8"), file);
-		for (const s of items.strings) {
-			found.add(s);
-			contexts[s] ??= items.contexts[s] ?? "";
-		}
-	}
-	return {
-		strings: [...found],
-		contexts
-	};
-}
-//#endregion
-//#region src/core/head.ts
-const META_SELECTORS = [
-	"meta[name=\"description\"]",
-	"meta[property=\"og:title\"]",
-	"meta[property=\"og:description\"]",
-	"meta[name=\"twitter:title\"]",
-	"meta[name=\"twitter:description\"]"
-];
-/** Title and description-like tags worth translating (only used when seo is on). */
-function headStrings(html) {
-	const doc = new JSDOM(html).window.document;
-	const out = /* @__PURE__ */ new Set();
-	const title = doc.title.trim();
-	if (title && /\p{L}/u.test(title)) out.add(title);
-	for (const sel of META_SELECTORS) {
-		const v = doc.querySelector(sel)?.getAttribute("content")?.trim();
-		if (v && /\p{L}/u.test(v)) out.add(v);
-	}
-	return [...out];
-}
-function translateHead(doc, dict) {
-	const title = doc.title.trim();
-	if (title && dict[title]) doc.title = dict[title];
-	for (const sel of META_SELECTORS) {
-		const el = doc.querySelector(sel);
-		const v = el?.getAttribute("content")?.trim();
-		if (el && v && dict[v]) el.setAttribute("content", dict[v]);
-	}
-}
-//#endregion
-//#region src/core/banner.ts
-const FILE = (root) => path.join(cacheDir(root), "_banner.json");
-/** The banner's fixed phrases in every language, so a visitor sees them in their own language. */
-async function ensureBanner(opts) {
-	const source = JSON.stringify(BANNER_EN);
-	let cached = {};
-	try {
-		const file = JSON.parse(fs.readFileSync(FILE(opts.root), "utf8"));
-		if (file._source === source) cached = file;
-	} catch {}
-	const out = { en: BANNER_EN };
-	let changed = false;
-	const keys = Object.keys(BANNER_EN);
-	for (const lang of opts.langs) {
-		if (lang === "en") continue;
-		if (cached[lang]) {
-			out[lang] = cached[lang];
-			continue;
-		}
-		opts.log?.(`[react-autolocale] ${lang}: translating banner text...`);
-		const jobs = keys.map((k) => mask(BANNER_EN[k], ["{language}"]));
-		const translated = await opts.getTranslator().translate(jobs.map((j) => j.masked), "en", lang);
-		const text = { ...BANNER_EN };
-		keys.forEach((k, i) => {
-			text[k] = unmask(translated[i] ?? "", jobs[i].phrases) ?? BANNER_EN[k];
-		});
-		out[lang] = text;
-		cached[lang] = text;
-		changed = true;
-	}
-	if (changed) {
-		fs.mkdirSync(cacheDir(opts.root), { recursive: true });
-		fs.writeFileSync(FILE(opts.root), JSON.stringify({
-			_source: source,
-			...cached
-		}, null, 2) + "\n");
-	}
-	return out;
-}
-//#endregion
 //#region src/core/routes.ts
-const traverse$1 = _traverse.default ?? _traverse;
+const traverse = _traverse.default ?? _traverse;
 function str(node) {
 	if (t.isJSXExpressionContainer(node)) return str(node.expression);
 	if (t.isStringLiteral(node)) return node.value;
@@ -423,7 +62,7 @@ function routesInCode(code, file) {
 	}
 	const found = /* @__PURE__ */ new Set();
 	const add = (p) => isStatic(p) && found.add(p);
-	traverse$1(ast, {
+	traverse(ast, {
 		JSXOpeningElement(p) {
 			const own = jsxRoutePath(p.node);
 			if (own === null) return;
@@ -458,62 +97,6 @@ function discoverRoutes(root, include) {
 	return [...all];
 }
 //#endregion
-//#region src/core/site.ts
-const traverse = _traverse.default ?? _traverse;
-function literal(node) {
-	if (!node) return void 0;
-	if (t.isJSXExpressionContainer(node)) return literal(node.expression);
-	if (t.isStringLiteral(node)) return node.value;
-	if (t.isBooleanLiteral(node)) return node.value;
-	if (t.isTemplateLiteral(node) && node.expressions.length === 0) return node.quasis[0].value.cooked ?? void 0;
-	if (t.isArrayExpression(node)) {
-		const items = node.elements.map((e) => literal(e));
-		return items.every((i) => typeof i === "string") ? items : void 0;
-	}
-}
-/** Reads the literal props of `<AutoScale ...>` from source code. Returns null if the file has none. */
-function parseAutoScale(code, file) {
-	if (!code.includes("AutoScale")) return null;
-	let ast;
-	try {
-		ast = parse(code, {
-			sourceType: "module",
-			plugins: parserPlugins(file)
-		});
-	} catch {
-		return null;
-	}
-	let found = null;
-	traverse(ast, { JSXOpeningElement(path) {
-		const name = path.node.name;
-		if (found || !t.isJSXIdentifier(name) || name.name !== "AutoScale") return;
-		const props = {};
-		for (const attr of path.node.attributes) if (t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name)) props[attr.name.name] = attr.value === null ? true : literal(attr.value);
-		const { original, languages, exclude, seo, siteUrl } = props;
-		if (typeof original !== "string" || !Array.isArray(languages)) throw new Error(`${file}: <AutoScale> needs literal props, e.g. original="en" languages={["fr", "es"]}. Values must be written inline (not variables) so they can be read at build time.`);
-		found = {
-			original,
-			languages: languages.filter((l) => l !== original),
-			exclude: Array.isArray(exclude) ? exclude : [],
-			seo: seo === true || seo === "true",
-			siteUrl: typeof siteUrl === "string" ? siteUrl : void 0
-		};
-	} });
-	return found;
-}
-/** Finds the first <AutoScale> in the project's source folders. */
-function findSite(root, include) {
-	for (const dir of include) for (const file of walk(path.resolve(root, dir))) {
-		const site = parseAutoScale(fs.readFileSync(file, "utf8"), file);
-		if (site) return site;
-	}
-	throw new Error(`No <AutoScale> found in ${include.join(", ")}. Wrap your app: <AutoScale original="en" languages={["fr", "es"]}><App /></AutoScale>`);
-}
-/** Folders scanned for JSX. */
-function defaultInclude(root) {
-	return fs.existsSync(path.join(root, "src")) ? ["src"] : ["."];
-}
-//#endregion
 //#region src/vite/seo.ts
 const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 const restOf = (p) => p.pathname.slice(p.lang.length + 1) || "/";
@@ -784,7 +367,7 @@ async function prerender(opts) {
 		if (site.seo) applySeo({
 			outDir,
 			site,
-			dicts,
+			dicts: opts.headDicts ?? dicts,
 			pages,
 			log
 		});
@@ -796,52 +379,51 @@ async function prerender(opts) {
 //#region src/vite/index.ts
 const VIRTUAL_ID = "virtual:react-autolocale";
 const RESOLVED_ID = "\0" + VIRTUAL_ID;
+/** One module per language, so each dictionary is fetched only when that language is used. */
+const DICT_PREFIX = VIRTUAL_ID + "/dict/";
+/**
+* Reads the generated catalogs and serves them to the runtime. It never translates, downloads a model or calls
+* a translation API: missing translations show the source text, and `react-autolocale sync` fills them.
+*/
 function reactAutolocale(options = {}) {
 	let config;
 	let root = process.cwd();
-	let include = [];
 	let includeDirs = [];
-	let site;
-	let dicts = {};
+	let project;
+	let dicts = {
+		byId: {},
+		byText: {},
+		missing: {},
+		usedLegacy: false
+	};
 	let banner = {};
-	let translator;
 	let server;
 	let rendered = false;
 	const log = (msg) => console.log(msg);
-	const getTranslator = () => translator ??= options.engine ? toTranslator(options.engine) : createLocalTranslator(log);
+	const warn = (msg) => config?.logger ? config.logger.warn(`[react-autolocale] ${msg}`) : log(`[react-autolocale] ${msg}`);
 	async function refresh() {
-		include = options.include ?? defaultInclude(root);
-		includeDirs = include.map((d) => path.resolve(root, d) + path.sep);
-		site = findSite(root, include);
-		const { strings, contexts } = scanProjectDetailed(root, include);
-		if (site.seo) {
-			const html = path.join(root, "index.html");
-			if (fs.existsSync(html)) strings.push(...headStrings(fs.readFileSync(html, "utf8")));
-		}
-		banner = await ensureBanner({
-			root,
-			langs: [site.original, ...site.languages],
-			getTranslator,
-			log
-		});
-		dicts = await ensureTranslations({
-			root,
-			site,
-			strings,
-			getTranslator,
-			log,
-			contexts,
-			glossary: options.glossary,
-			overrides: mergeOverrides(readOverrides(root), options.overrides)
-		});
+		project = await loadProject(root, { log });
+		if (options.include) project.include = options.include;
+		includeDirs = project.include.map((d) => path.resolve(root, d) + path.sep);
+		dicts = loadDicts(project, mergeOverrides(readOverrides(root), options.overrides));
+		banner = readBanner(project.output, root);
+	}
+	/** One summary per build or server start, never a translation job. */
+	function report() {
+		if (options.engine || options.glossary) warn("`engine` and `glossary` in vite.config are ignored: builds no longer translate. Move them to auto-locale.config.ts (provider, glossary).");
+		if (dicts.usedLegacy) warn(`Using translations from node_modules/.cache/react-autolocale (older version). Run \`npx react-autolocale generate\` to move them into ${project.outputRel}/.`);
+		const gaps = Object.entries(dicts.missing).filter(([, n]) => n > 0);
+		if (!Object.values(dicts.byId).some((d) => Object.keys(d).length) && project.site.languages.length) warn(`No translations in ${project.outputRel}/ yet; pages show the source text. Run \`npx react-autolocale generate\`.`);
+		else if (gaps.length) warn(`Untranslated strings (shown in ${project.site.original}): ${gaps.map(([l, n]) => `${l} ${n}`).join(", ")}. Run \`npx react-autolocale sync\`.`);
 	}
 	function virtualModule() {
+		const { site } = project;
 		const meta = site.languages.map((code) => ({
 			code,
 			native: getLanguage(code)?.native ?? code,
 			rtl: !!getLanguage(code)?.rtl
 		}));
-		const loaders = site.languages.filter((code) => fs.existsSync(cacheFile(root, code))).map((code) => `${JSON.stringify(code)}: () => import(${JSON.stringify(cacheFile(root, code))})`);
+		const loaders = site.languages.map((code) => `${JSON.stringify(code)}: () => import(${JSON.stringify(DICT_PREFIX + code)})`);
 		return [
 			`export const original = ${JSON.stringify(site.original)};`,
 			`export const originalNative = ${JSON.stringify(getLanguage(site.original)?.native ?? site.original)};`,
@@ -852,23 +434,35 @@ function reactAutolocale(options = {}) {
 		].join("\n");
 	}
 	let timer;
-	let busy = false;
 	function scheduleRefresh() {
 		clearTimeout(timer);
 		timer = setTimeout(async () => {
-			if (busy || !server) return;
-			busy = true;
+			if (!server) return;
 			try {
 				await refresh();
-				const mod = server.moduleGraph.getModuleById(RESOLVED_ID);
-				if (mod) server.moduleGraph.invalidateModule(mod);
+				for (const [id, mod] of server.moduleGraph.idToModuleMap) if (id.startsWith(RESOLVED_ID)) server.moduleGraph.invalidateModule(mod);
 				server.ws.send({ type: "full-reload" });
 			} catch (err) {
-				log(`[react-autolocale] ${err.message}`);
-			} finally {
-				busy = false;
+				warn(err.message);
 			}
-		}, 400);
+		}, 300);
+	}
+	const untranslated = /* @__PURE__ */ new Set();
+	let warnTimer;
+	function noteUntranslated(strings) {
+		const { site } = project;
+		for (const s of strings) {
+			if (site.exclude.includes(s.trim())) continue;
+			const id = messageId(s);
+			if (site.languages.some((l) => !dicts.byId[l]?.[id])) untranslated.add(s);
+		}
+		if (!untranslated.size) return;
+		clearTimeout(warnTimer);
+		warnTimer = setTimeout(() => {
+			const list = [...untranslated];
+			warn(`${list.length} string${list.length === 1 ? " has" : "s have"} no translation yet (e.g. "${list[0]}"). Run \`npx react-autolocale sync\`; the page reloads when it finishes.`);
+			untranslated.clear();
+		}, 1500);
 	}
 	return {
 		name: "react-autolocale",
@@ -886,19 +480,30 @@ function reactAutolocale(options = {}) {
 		},
 		configureServer(s) {
 			server = s;
-			const file = path.resolve(root, OVERRIDES_FILE);
-			s.watcher.add(file);
-			s.watcher.on("change", (changed) => changed === file && scheduleRefresh());
+			s.watcher.add([path.resolve(root, OVERRIDES_FILE), path.resolve(root, ".auto-locale/manifest.json")]);
+			s.watcher.on("all", (_event, changed) => {
+				if (!project) return;
+				if (changed === path.resolve(root, "react-autolocale.overrides.json") || changed === project.configFile || changed.startsWith(project.output + path.sep) && changed.endsWith(".json") || changed === path.join(project.meta, "manifest.json")) scheduleRefresh();
+			});
 		},
 		async buildStart() {
 			if (config.build.ssr) return;
 			await refresh();
+			if (server) server.watcher.add(project.output);
+			report();
 		},
 		resolveId(id) {
-			return id === VIRTUAL_ID ? RESOLVED_ID : null;
+			if (id === VIRTUAL_ID) return RESOLVED_ID;
+			if (id.startsWith(DICT_PREFIX)) return "\0" + id;
+			return null;
 		},
 		load(id) {
-			return id === RESOLVED_ID ? virtualModule() : null;
+			if (id === RESOLVED_ID) return virtualModule();
+			if (id.startsWith("\0" + DICT_PREFIX)) {
+				const lang = id.slice(31);
+				return `export default ${JSON.stringify(dicts.byId[lang] ?? {})};`;
+			}
+			return null;
 		},
 		transform(code, id) {
 			const file = id.split("?")[0];
@@ -906,9 +511,7 @@ function reactAutolocale(options = {}) {
 			if (!includeDirs.some((d) => file.startsWith(d))) return null;
 			const result = transformJsx(code, file);
 			if (!result) return null;
-			if (config.command === "serve" && site) {
-				if (!site.languages.every((l) => result.strings.every((s) => site.exclude.includes(s.trim()) || dicts[l]?.[s]))) scheduleRefresh();
-			}
+			if (config.command === "serve" && project) noteUntranslated(result.strings);
 			return {
 				code: result.code,
 				map: result.map
@@ -920,14 +523,15 @@ function reactAutolocale(options = {}) {
 				if (config.command !== "build" || config.build.ssr || rendered) return;
 				rendered = true;
 				const extra = typeof options.routes === "function" ? await options.routes() : options.routes ?? [];
-				const routes = [.../* @__PURE__ */ new Set([...discoverRoutes(root, include), ...extra])];
+				const routes = [.../* @__PURE__ */ new Set([...discoverRoutes(root, project.include), ...extra])];
 				await prerender({
 					root,
 					outDir: path.resolve(root, config.build.outDir),
-					site,
-					include,
+					site: project.site,
+					include: project.include,
 					routes,
-					dicts,
+					dicts: dicts.byId,
+					headDicts: dicts.byText,
 					log
 				});
 			}