@linguanahq/vite 0.1.0 → 0.1.1

package/src/solid.ts

@@ -1,21 +0,0 @@
-import type { SourceAdapter } from "@linguanahq/build-core";
-import { transformSource } from "@linguanahq/compiler";
-
-export function solid(): SourceAdapter {
-	return {
-		id: "solid",
-		version: "0.1.0",
-		extensions: [".jsx", ".tsx"],
-		runtimeModule: "@linguanahq/solid/compiler-runtime",
-		async transform(input) {
-			return transformSource(input.code, input.filename, {
-				sourceLocale: input.sourceLocale,
-				root: input.root,
-				runtimePackage: "@linguanahq/solid",
-				compilerRuntime: "@linguanahq/solid/compiler-runtime",
-			}) as ReturnType<SourceAdapter["transform"]> extends Promise<infer T>
-				? T
-				: never;
-		},
-	};
-}

package/src/svelte.ts

@@ -1,226 +0,0 @@
-import type { SourceAdapter } from "@linguanahq/build-core";
-import type { Diagnostic, ManifestMessage } from "@linguanahq/catalog";
-import MagicString from "magic-string";
-import { parse } from "svelte/compiler";
-
-import {
-	attributeMessage,
-	EXCLUDED_ELEMENTS,
-	escapeAttribute,
-	explicitMessage,
-	message,
-	renderedText,
-	TRANSLATABLE_ATTRIBUTES,
-	unsafeDiagnostic,
-} from "#shared";
-
-type SvelteAttribute = {
-	type: string;
-	name: string;
-	start: number;
-	end: number;
-	value?: Array<{ type: string; data?: string }>;
-};
-
-type SvelteNode = {
-	type: string;
-	name?: string;
-	start: number;
-	end: number;
-	data?: string;
-	attributes?: SvelteAttribute[];
-	fragment?: { nodes?: SvelteNode[] };
-	[key: string]: unknown;
-};
-
-type SvelteRoot = {
-	fragment: SvelteNode;
-	instance?: { content?: { start?: number } };
-};
-
-function position(code: string, offset: number) {
-	const before = code.slice(0, offset).split("\n");
-	return { line: before.length, column: (before.at(-1) ?? "").length };
-}
-
-export function svelte(): SourceAdapter {
-	return {
-		id: "svelte",
-		version: "0.1.0",
-		extensions: [".svelte"],
-		runtimeModule: "@linguanahq/svelte/compiler-runtime",
-		async transform(input) {
-			const ast = parse(input.code, {
-				filename: input.filename,
-				modern: true,
-			}) as unknown as SvelteRoot;
-			const output = new MagicString(input.code);
-			const messages: ManifestMessage[] = [];
-			const diagnostics: Diagnostic[] = [];
-			const seen = new Set<SvelteNode>();
-			const visit = (
-				node: SvelteNode,
-				excluded = false,
-				parentTag = "svelte:fragment",
-			) => {
-				if (!node || typeof node !== "object" || seen.has(node)) return;
-				seen.add(node);
-				const tag = ["RegularElement", "Component"].includes(node.type)
-					? String(node.name)
-					: parentTag;
-				const nextExcluded =
-					excluded ||
-					EXCLUDED_ELEMENTS.has(tag.toLowerCase()) ||
-					(node.attributes ?? []).some((attribute) =>
-						["data-no-translate", "hidden"].includes(attribute.name),
-					);
-				if (
-					node.type === "Component" &&
-					["T", "LinguanaMessage"].includes(tag)
-				) {
-					const literal = (name: string) => {
-						const attribute = (node.attributes ?? []).find(
-							(item) => item.type === "Attribute" && item.name === name,
-						);
-						return attribute?.value?.length === 1 &&
-							attribute.value[0]?.type === "Text"
-							? attribute.value[0].data
-							: undefined;
-					};
-					const source = literal("defaultMessage");
-					if (source) {
-						const loc = position(input.code, node.start);
-						messages.push(
-							explicitMessage({
-								source,
-								explicitId: literal("id"),
-								filename: input.filename,
-								root: input.root,
-								line: loc.line,
-								column: loc.column,
-								sourceLocale: input.sourceLocale,
-							}),
-						);
-					}
-					return;
-				}
-				const fragmentChildren = node.fragment?.nodes ?? [];
-				if (
-					node.type === "RegularElement" &&
-					fragmentChildren.some(
-						(child: { type: string; data?: string }) =>
-							child.type === "Text" && Boolean(renderedText(child.data ?? "")),
-					) &&
-					fragmentChildren.some(
-						(child: { type: string }) => child.type !== "Text",
-					)
-				) {
-					const loc = position(input.code, node.start);
-					diagnostics.push({
-						code: "ambiguous-rich-text",
-						severity: "warning",
-						message:
-							"Mixed text and Svelte template nodes require an explicit <T> message.",
-						location: {
-							file: input.filename.slice(input.root.length + 1),
-							line: loc.line,
-							column: loc.column,
-						},
-						remediation: "Use <T defaultMessage> or data-no-translate.",
-					});
-					return;
-				}
-				if (node.type === "RegularElement" && !nextExcluded) {
-					for (const attribute of node.attributes ?? []) {
-						const text =
-							attribute.type === "Attribute" &&
-							attribute.value?.length === 1 &&
-							attribute.value[0]?.type === "Text"
-								? attribute.value[0]
-								: undefined;
-						if (
-							!text ||
-							typeof text.data !== "string" ||
-							!TRANSLATABLE_ATTRIBUTES.has(attribute.name)
-						)
-							continue;
-						const loc = position(input.code, attribute.start);
-						const item = attributeMessage({
-							source: text.data,
-							filename: input.filename,
-							root: input.root,
-							line: loc.line,
-							column: loc.column,
-							sourceLocale: input.sourceLocale,
-							element: tag,
-							attribute: attribute.name,
-						});
-						messages.push(item);
-						output.overwrite(
-							attribute.start,
-							attribute.end,
-							`${attribute.name}={String(__linguana.translate(${JSON.stringify(item.id)}, ${JSON.stringify(text.data)}))}`,
-						);
-					}
-				}
-				if (node.type === "Text" && !nextExcluded) {
-					const source = renderedText(
-						node.data ?? input.code.slice(node.start, node.end),
-					);
-					if (source) {
-						const loc = position(input.code, node.start);
-						const item = message({
-							source,
-							filename: input.filename,
-							root: input.root,
-							line: loc.line,
-							column: loc.column,
-							sourceLocale: input.sourceLocale,
-							element: parentTag,
-						});
-						const unsafe = unsafeDiagnostic(item);
-						if (unsafe) diagnostics.push(unsafe);
-						else {
-							messages.push(item);
-							output.overwrite(
-								node.start,
-								node.end,
-								`<LinguanaMessage id="${item.id}" defaultMessage="${escapeAttribute(source)}" />`,
-							);
-						}
-					}
-				}
-				for (const [key, value] of Object.entries(node)) {
-					if (["parent", "metadata", "attributes"].includes(key)) continue;
-					if (Array.isArray(value))
-						for (const child of value)
-							visit(child as SvelteNode, nextExcluded, tag);
-					else if (value && typeof value === "object" && "type" in value)
-						visit(value as SvelteNode, nextExcluded, tag);
-				}
-			};
-			visit(ast.fragment);
-			if (!messages.length && !diagnostics.length) return null;
-			if (messages.length) {
-				const importStatement = `\n<script>\nimport LinguanaMessage from "@linguanahq/svelte/compiler-runtime";\nimport { getLinguana } from "@linguanahq/svelte";\nconst __linguana = getLinguana();\n</script>\n`;
-				const instance = ast.instance;
-				if (instance?.content?.start !== undefined)
-					output.appendLeft(
-						instance.content.start,
-						`\nimport LinguanaMessage from "@linguanahq/svelte/compiler-runtime";\nimport { getLinguana as __getLinguana } from "@linguanahq/svelte";\nconst __linguana = __getLinguana();`,
-					);
-				else output.prepend(importStatement);
-			}
-			return {
-				code: output.toString(),
-				map: output.generateMap({
-					hires: true,
-					source: input.filename,
-					includeContent: true,
-				}) as unknown as Record<string, unknown>,
-				messages,
-				diagnostics,
-			};
-		},
-	};
-}

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,
-			};
-		},
-	};
-}