@linguanahq/vite 0.1.0 → 0.1.2

package/src/vue.ts

@@ -1,191 +0,0 @@
-import type { SourceAdapter } from "@linguanahq/build-core";
-import type { Diagnostic, ManifestMessage } from "@linguanahq/catalog";
-import { NodeTypes } from "@vue/compiler-dom";
-import { parse } from "@vue/compiler-sfc";
-import MagicString from "magic-string";
-
-import {
-	attributeMessage,
-	EXCLUDED_ELEMENTS,
-	escapeAttribute,
-	explicitMessage,
-	message,
-	renderedText,
-	TRANSLATABLE_ATTRIBUTES,
-	unsafeDiagnostic,
-} from "#shared";
-
-type VueAttribute = {
-	type: number;
-	name: string;
-	value?: { content: string };
-	loc: {
-		start: { offset: number; line: number; column: number };
-		end: { offset: number };
-	};
-};
-
-type VueNode = {
-	type: number;
-	tag?: string;
-	content?: string;
-	props?: VueAttribute[];
-	children?: VueNode[];
-	loc: {
-		start: { offset: number; line: number; column: number };
-		end: { offset: number };
-	};
-};
-
-export function vue(): SourceAdapter {
-	return {
-		id: "vue",
-		version: "0.1.0",
-		extensions: [".vue"],
-		runtimeModule: "@linguanahq/vue/compiler-runtime",
-		async transform(input) {
-			const parsed = parse(input.code, {
-				filename: input.filename,
-				sourceMap: true,
-			});
-			const template = parsed.descriptor.template;
-			if (!template?.ast) return null;
-			const output = new MagicString(input.code);
-			const messages: ManifestMessage[] = [];
-			const diagnostics: Diagnostic[] = [];
-			const visit = (
-				node: VueNode,
-				excluded = false,
-				parentTag = "template",
-			) => {
-				const tag =
-					node.type === NodeTypes.ELEMENT ? String(node.tag) : parentTag;
-				const nextExcluded =
-					excluded ||
-					EXCLUDED_ELEMENTS.has(tag.toLowerCase()) ||
-					(node.props ?? []).some(
-						(prop) =>
-							prop.type === NodeTypes.ATTRIBUTE &&
-							["data-no-translate", "hidden"].includes(prop.name),
-					);
-				if (
-					node.type === NodeTypes.ELEMENT &&
-					["T", "LinguanaMessage"].includes(tag)
-				) {
-					const source = (node.props ?? []).find(
-						(prop) =>
-							prop.type === NodeTypes.ATTRIBUTE &&
-							["default-message", "defaultMessage"].includes(prop.name),
-					)?.value?.content;
-					const explicitId = (node.props ?? []).find(
-						(prop) => prop.type === NodeTypes.ATTRIBUTE && prop.name === "id",
-					)?.value?.content;
-					if (source)
-						messages.push(
-							explicitMessage({
-								source,
-								explicitId,
-								filename: input.filename,
-								root: input.root,
-								line: node.loc.start.line,
-								column: node.loc.start.column - 1,
-								sourceLocale: input.sourceLocale,
-							}),
-						);
-					return;
-				}
-				if (
-					node.type === NodeTypes.ELEMENT &&
-					(node.children ?? []).some(
-						(child: { type: number; content?: string }) =>
-							child.type === NodeTypes.TEXT &&
-							Boolean(renderedText(child.content ?? "")),
-					) &&
-					(node.children ?? []).some(
-						(child: { type: number }) => child.type !== NodeTypes.TEXT,
-					)
-				) {
-					diagnostics.push({
-						code: "ambiguous-rich-text",
-						severity: "warning",
-						message:
-							"Mixed text and Vue template nodes require an explicit <T> message.",
-						location: {
-							file: input.filename.slice(input.root.length + 1),
-							line: node.loc.start.line,
-							column: node.loc.start.column - 1,
-						},
-						remediation: "Use <T default-message> or data-no-translate.",
-					});
-					return;
-				}
-				if (node.type === NodeTypes.ELEMENT && !nextExcluded) {
-					for (const prop of node.props ?? []) {
-						if (
-							prop.type !== NodeTypes.ATTRIBUTE ||
-							!prop.value ||
-							!TRANSLATABLE_ATTRIBUTES.has(prop.name)
-						)
-							continue;
-						const item = attributeMessage({
-							source: prop.value.content,
-							filename: input.filename,
-							root: input.root,
-							line: prop.loc.start.line,
-							column: prop.loc.start.column - 1,
-							sourceLocale: input.sourceLocale,
-							element: tag,
-							attribute: prop.name,
-						});
-						messages.push(item);
-						const expression = `$tAttr(${JSON.stringify(item.id)}, ${JSON.stringify(prop.value.content)})`;
-						const replacement = `:${prop.name}='${expression.replaceAll("&", "&amp;").replaceAll("'", "&#39;")}'`;
-						output.overwrite(
-							prop.loc.start.offset,
-							prop.loc.end.offset,
-							replacement,
-						);
-					}
-				}
-				if (node.type === NodeTypes.TEXT && !nextExcluded) {
-					const source = renderedText(node.content ?? "");
-					if (source) {
-						const item = message({
-							source,
-							filename: input.filename,
-							root: input.root,
-							line: node.loc.start.line,
-							column: node.loc.start.column - 1,
-							sourceLocale: input.sourceLocale,
-							element: parentTag,
-						});
-						const unsafe = unsafeDiagnostic(item);
-						if (unsafe) diagnostics.push(unsafe);
-						else {
-							messages.push(item);
-							output.overwrite(
-								node.loc.start.offset,
-								node.loc.end.offset,
-								`<LinguanaMessage id="${item.id}" default-message="${escapeAttribute(source)}" />`,
-							);
-						}
-					}
-				}
-				for (const child of node.children ?? [])
-					visit(child, nextExcluded, tag);
-			};
-			visit(template.ast as unknown as VueNode);
-			if (!messages.length && !diagnostics.length) return null;
-			return {
-				code: output.toString(),
-				map: output.generateMap({
-					hires: true,
-					source: input.filename,
-					includeContent: true,
-				}) as unknown as Record<string, unknown>,
-				messages,
-				diagnostics,
-			};
-		},
-	};
-}