@linguanahq/cli 0.1.0

package/dist/templates/storefront/tanstack-start/src/Copy.tsx

@@ -0,0 +1,304 @@
+import { T } from "@linguanahq/react";
+export default function Copy(props: {
+	name: string;
+	values?: Record<string, string | number>;
+}) {
+	return (
+		<>
+			{props.name === "language" && (
+				<T id="language" defaultMessage="Language" values={props.values} />
+			)}
+			{props.name === "skip" && (
+				<T id="skip" defaultMessage="Skip to content" values={props.values} />
+			)}
+			{props.name === "home" && (
+				<T id="home" defaultMessage="Home" values={props.values} />
+			)}
+			{props.name === "search" && (
+				<T id="search" defaultMessage="Search" values={props.values} />
+			)}
+			{props.name === "all" && (
+				<T id="all" defaultMessage="All" values={props.values} />
+			)}
+			{props.name === "empty" && (
+				<T
+					id="empty"
+					defaultMessage="Nothing here yet."
+					values={props.values}
+				/>
+			)}
+			{props.name === "emptyHint" && (
+				<T
+					id="emptyHint"
+					defaultMessage="Try another search or clear your filters."
+					values={props.values}
+				/>
+			)}
+			{props.name === "clear" && (
+				<T id="clear" defaultMessage="Clear filters" values={props.values} />
+			)}
+			{props.name === "missing" && (
+				<T
+					id="missing"
+					defaultMessage="This page took a different path."
+					values={props.values}
+				/>
+			)}
+			{props.name === "missingHint" && (
+				<T
+					id="missingHint"
+					defaultMessage="We could not find that page. There is plenty to discover back home."
+					values={props.values}
+				/>
+			)}
+			{props.name === "back" && (
+				<T id="back" defaultMessage="Back to home" values={props.values} />
+			)}
+			{props.name === "demo" && (
+				<T
+					id="demo"
+					defaultMessage="A multilingual demo, made with Linguana."
+					values={props.values}
+				/>
+			)}
+			{props.name === "email" && (
+				<T id="email" defaultMessage="Email address" values={props.values} />
+			)}
+			{props.name === "name" && (
+				<T id="name" defaultMessage="Your name" values={props.values} />
+			)}
+			{props.name === "simulated" && (
+				<T
+					id="simulated"
+					defaultMessage="Demo only. Your information stays in this browser."
+					values={props.values}
+				/>
+			)}
+			{props.name === "sent" && (
+				<T
+					id="sent"
+					defaultMessage="Thank you, {name}! This was a demo; nothing was sent."
+					values={props.values}
+				/>
+			)}
+			{props.name === "formError" && (
+				<T
+					id="formError"
+					defaultMessage="Please enter your name and a valid email address."
+					values={props.values}
+				/>
+			)}
+			{props.name === "eyebrow" && (
+				<T
+					id="eyebrow"
+					defaultMessage="Fewer things. Better chosen."
+					values={props.values}
+				/>
+			)}
+			{props.name === "headline" && (
+				<T
+					id="headline"
+					defaultMessage="Good things for the everyday."
+					values={props.values}
+				/>
+			)}
+			{props.name === "intro" && (
+				<T
+					id="intro"
+					defaultMessage="Useful objects, honest materials, and small details that make a difference. Find your new everyday favourite."
+					values={props.values}
+				/>
+			)}
+			{props.name === "collection" && (
+				<T
+					id="collection"
+					defaultMessage="The everyday collection"
+					values={props.values}
+				/>
+			)}
+			{props.name === "shop" && (
+				<T
+					id="shop"
+					defaultMessage="Explore the collection"
+					values={props.values}
+				/>
+			)}
+			{props.name === "homeware" && (
+				<T id="homeware" defaultMessage="At home" values={props.values} />
+			)}
+			{props.name === "carry" && (
+				<T id="carry" defaultMessage="On the go" values={props.values} />
+			)}
+			{props.name === "desk" && (
+				<T id="desk" defaultMessage="At your desk" values={props.values} />
+			)}
+			{props.name === "sort" && (
+				<T id="sort" defaultMessage="Sort by" values={props.values} />
+			)}
+			{props.name === "featured" && (
+				<T id="featured" defaultMessage="Featured" values={props.values} />
+			)}
+			{props.name === "low" && (
+				<T id="low" defaultMessage="Price: low to high" values={props.values} />
+			)}
+			{props.name === "high" && (
+				<T
+					id="high"
+					defaultMessage="Price: high to low"
+					values={props.values}
+				/>
+			)}
+			{props.name === "cart" && (
+				<T id="cart" defaultMessage="Your basket" values={props.values} />
+			)}
+			{props.name === "count" && (
+				<T
+					id="count"
+					defaultMessage="{count, plural, one {# item} other {# items}}"
+					values={props.values}
+				/>
+			)}
+			{props.name === "add" && (
+				<T id="add" defaultMessage="Add to basket" values={props.values} />
+			)}
+			{props.name === "added" && (
+				<T
+					id="added"
+					defaultMessage="Added to your basket"
+					values={props.values}
+				/>
+			)}
+			{props.name === "qty" && (
+				<T id="qty" defaultMessage="Quantity" values={props.values} />
+			)}
+			{props.name === "remove" && (
+				<T id="remove" defaultMessage="Remove" values={props.values} />
+			)}
+			{props.name === "total" && (
+				<T id="total" defaultMessage="Total" values={props.values} />
+			)}
+			{props.name === "checkout" && (
+				<T
+					id="checkout"
+					defaultMessage="Simulate checkout"
+					values={props.values}
+				/>
+			)}
+			{props.name === "checkoutNote" && (
+				<T
+					id="checkoutNote"
+					defaultMessage="This is a demo shop. No payments or real orders are accepted."
+					values={props.values}
+				/>
+			)}
+			{props.name === "checkoutDone" && (
+				<T
+					id="checkoutDone"
+					defaultMessage="Demo complete. No payment was taken and no order was placed."
+					values={props.values}
+				/>
+			)}
+			{props.name === "emptyCart" && (
+				<T
+					id="emptyCart"
+					defaultMessage="Your basket is waiting for something good."
+					values={props.values}
+				/>
+			)}
+			{props.name === "shipping" && (
+				<T
+					id="shipping"
+					defaultMessage="Illustrative prices in USD. No shipping or taxes are charged in this demo."
+					values={props.values}
+				/>
+			)}
+			{props.name === "about" && (
+				<T
+					id="about"
+					defaultMessage="Considered objects. A little less ordinary."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p1Title" && (
+				<T id="p1Title" defaultMessage="Everyday tote" values={props.values} />
+			)}
+			{props.name === "p1Summary" && (
+				<T
+					id="p1Summary"
+					defaultMessage="Heavy cotton canvas, generous handles, and room for your daily detours."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p2Title" && (
+				<T id="p2Title" defaultMessage="Morning mug" values={props.values} />
+			)}
+			{props.name === "p2Summary" && (
+				<T
+					id="p2Summary"
+					defaultMessage="A warm ceramic finish and an easy grip. Made for the first quiet cup."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p3Title" && (
+				<T id="p3Title" defaultMessage="Arc desk lamp" values={props.values} />
+			)}
+			{props.name === "p3Summary" && (
+				<T
+					id="p3Summary"
+					defaultMessage="A gentle pool of light, a weighted base, and a shape that feels at home."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p4Title" && (
+				<T id="p4Title" defaultMessage="Field notebook" values={props.values} />
+			)}
+			{props.name === "p4Summary" && (
+				<T
+					id="p4Summary"
+					defaultMessage="Lay-flat binding and plain recycled pages for ideas without a deadline."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p5Title" && (
+				<T id="p5Title" defaultMessage="Day bottle" values={props.values} />
+			)}
+			{props.name === "p5Summary" && (
+				<T
+					id="p5Summary"
+					defaultMessage="Brushed steel with a simple screw cap. A reusable companion for the road."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p6Title" && (
+				<T id="p6Title" defaultMessage="Linen cushion" values={props.values} />
+			)}
+			{props.name === "p6Summary" && (
+				<T
+					id="p6Summary"
+					defaultMessage="Soft washed linen in an earthy tone. An invitation to slow down."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p7Title" && (
+				<T id="p7Title" defaultMessage="Oak catchall" values={props.values} />
+			)}
+			{props.name === "p7Summary" && (
+				<T
+					id="p7Summary"
+					defaultMessage="A small home for keys, coins, and the things you put down at the door."
+					values={props.values}
+				/>
+			)}
+			{props.name === "p8Title" && (
+				<T id="p8Title" defaultMessage="Quiet clock" values={props.values} />
+			)}
+			{props.name === "p8Summary" && (
+				<T
+					id="p8Summary"
+					defaultMessage="A clean face and a silent movement. Keep time without the ticking."
+					values={props.values}
+				/>
+			)}
+		</>
+	);
+}

package/dist/templates/storefront/tanstack-start/src/demo-messages.ts

@@ -0,0 +1,205 @@
+// These catalogs are only used when linguana.json selects demo mode.
+export const demoMessages = {
+	fr: {
+		language: "Langue",
+		skip: "Aller au contenu",
+		home: "Accueil",
+		search: "Rechercher",
+		all: "Tout",
+		empty: "Aucun résultat pour le moment.",
+		emptyHint: "Essayez une autre recherche ou effacez les filtres.",
+		clear: "Effacer les filtres",
+		missing: "Cette page a pris un autre chemin.",
+		missingHint:
+			"Cette page est introuvable. Il reste beaucoup à découvrir à l’accueil.",
+		back: "Retour à l’accueil",
+		demo: "Une démo multilingue, créée avec Linguana.",
+		email: "Adresse e-mail",
+		name: "Votre nom",
+		simulated:
+			"Démonstration uniquement. Vos informations restent dans ce navigateur.",
+		sent: "Merci, {name} ! C’était une démo ; rien n’a été envoyé.",
+		formError: "Veuillez saisir votre nom et une adresse e-mail valide.",
+		eyebrow: "Moins d’objets. Mieux choisis.",
+		headline: "De belles choses pour le quotidien.",
+		intro:
+			"Des objets utiles, des matières sincères et des détails qui comptent. Trouvez votre prochain essentiel.",
+		collection: "La collection du quotidien",
+		shop: "Explorer la collection",
+		homeware: "À la maison",
+		carry: "En mouvement",
+		desk: "Au bureau",
+		sort: "Trier par",
+		featured: "Notre sélection",
+		low: "Prix croissant",
+		high: "Prix décroissant",
+		cart: "Votre panier",
+		count: "{count, plural, one {# article} other {# articles}}",
+		add: "Ajouter au panier",
+		added: "Ajouté au panier",
+		qty: "Quantité",
+		remove: "Retirer",
+		total: "Total",
+		checkout: "Simuler la commande",
+		checkoutNote:
+			"Ceci est une boutique de démonstration. Aucun paiement ni commande réelle.",
+		checkoutDone: "Démo terminée. Aucun paiement ni commande n’a été effectué.",
+		emptyCart: "Votre panier attend de belles choses.",
+		shipping: "Prix indicatifs en USD. Aucun frais ni taxe dans cette démo.",
+		about: "Des objets réfléchis. Un peu moins ordinaires.",
+		p1Title: "Cabas quotidien",
+		p1Summary:
+			"Une toile de coton épaisse, de grandes anses et de la place pour vos détours.",
+		p2Title: "Tasse du matin",
+		p2Summary:
+			"Une céramique chaleureuse, agréable en main. Pour la première tasse au calme.",
+		p3Title: "Lampe de bureau Arc",
+		p3Summary: "Une lumière douce, une base lestée et une forme accueillante.",
+		p4Title: "Carnet de terrain",
+		p4Summary:
+			"Reliure à plat et pages recyclées unies pour les idées sans échéance.",
+		p5Title: "Gourde du jour",
+		p5Summary:
+			"Acier brossé et bouchon simple. Une compagne réutilisable pour la route.",
+		p6Title: "Coussin en lin",
+		p6Summary:
+			"Lin lavé doux aux teintes naturelles. Une invitation à ralentir.",
+		p7Title: "Vide-poche en chêne",
+		p7Summary:
+			"Une petite place pour les clés, la monnaie et ce qu’on pose en rentrant.",
+		p8Title: "Horloge silencieuse",
+		p8Summary: "Un cadran épuré et silencieux. Gardez le temps sans tic-tac.",
+	},
+	es: {
+		language: "Idioma",
+		skip: "Saltar al contenido",
+		home: "Inicio",
+		search: "Buscar",
+		all: "Todo",
+		empty: "Todavía no hay resultados.",
+		emptyHint: "Prueba otra búsqueda o borra los filtros.",
+		clear: "Borrar filtros",
+		missing: "Esta página tomó otro camino.",
+		missingHint:
+			"No encontramos esta página. Hay mucho por descubrir en el inicio.",
+		back: "Volver al inicio",
+		demo: "Una demo multilingüe, creada con Linguana.",
+		email: "Correo electrónico",
+		name: "Tu nombre",
+		simulated: "Solo una demo. Tu información permanece en este navegador.",
+		sent: "¡Gracias, {name}! Era una demo; no se envió nada.",
+		formError: "Introduce tu nombre y un correo válido.",
+		eyebrow: "Menos cosas. Mejor elegidas.",
+		headline: "Buenas cosas para cada día.",
+		intro:
+			"Objetos útiles, materiales honestos y pequeños detalles que importan. Encuentra tu nuevo favorito.",
+		collection: "La colección cotidiana",
+		shop: "Explorar la colección",
+		homeware: "En casa",
+		carry: "En movimiento",
+		desk: "En tu escritorio",
+		sort: "Ordenar por",
+		featured: "Destacados",
+		low: "Precio: menor a mayor",
+		high: "Precio: mayor a menor",
+		cart: "Tu cesta",
+		count: "{count, plural, one {# artículo} other {# artículos}}",
+		add: "Añadir a la cesta",
+		added: "Añadido a tu cesta",
+		qty: "Cantidad",
+		remove: "Eliminar",
+		total: "Total",
+		checkout: "Simular pedido",
+		checkoutNote:
+			"Esta es una tienda de demo. No se aceptan pagos ni pedidos reales.",
+		checkoutDone:
+			"Demo completada. No se cobró nada ni se realizó ningún pedido.",
+		emptyCart: "Tu cesta espera algo bueno.",
+		shipping:
+			"Precios ilustrativos en USD. Sin gastos de envío ni impuestos en esta demo.",
+		about: "Objetos pensados. Un poco menos comunes.",
+		p1Title: "Bolsa cotidiana",
+		p1Summary:
+			"Lona de algodón, asas amplias y espacio para tus desvíos diarios.",
+		p2Title: "Taza de mañana",
+		p2Summary:
+			"Cerámica cálida y agarre cómodo. Para la primera taza tranquila.",
+		p3Title: "Lámpara de escritorio Arc",
+		p3Summary: "Luz suave, base firme y una forma que se siente en casa.",
+		p4Title: "Cuaderno de campo",
+		p4Summary:
+			"Encuadernación plana y papel reciclado para ideas sin fecha límite.",
+		p5Title: "Botella diaria",
+		p5Summary:
+			"Acero cepillado y tapón sencillo. Una compañera reutilizable de viaje.",
+		p6Title: "Cojín de lino",
+		p6Summary: "Lino suave en tono tierra. Una invitación a bajar el ritmo.",
+		p7Title: "Bandeja de roble",
+		p7Summary: "Un lugar para llaves, monedas y lo que dejas al entrar.",
+		p8Title: "Reloj silencioso",
+		p8Summary: "Esfera limpia y mecanismo silencioso. El tiempo sin tictac.",
+	},
+	ar: {
+		language: "اللغة",
+		skip: "انتقل إلى المحتوى",
+		home: "الرئيسية",
+		search: "بحث",
+		all: "الكل",
+		empty: "لا توجد نتائج بعد.",
+		emptyHint: "جرّب بحثًا آخر أو امسح عوامل التصفية.",
+		clear: "مسح عوامل التصفية",
+		missing: "سلكت هذه الصفحة طريقًا آخر.",
+		missingHint: "لم نجد هذه الصفحة. هناك الكثير لاكتشافه في الصفحة الرئيسية.",
+		back: "العودة إلى الرئيسية",
+		demo: "تجربة متعددة اللغات، صُنعت باستخدام Linguana.",
+		email: "البريد الإلكتروني",
+		name: "اسمك",
+		simulated: "تجربة فقط. تبقى معلوماتك في هذا المتصفح.",
+		sent: "شكرًا لك يا {name}! هذه تجربة؛ لم يُرسل أي شيء.",
+		formError: "أدخل اسمك وبريدًا إلكترونيًا صالحًا.",
+		eyebrow: "أشياء أقل. اختيارات أفضل.",
+		headline: "أشياء جميلة لكل يوم.",
+		intro:
+			"أغراض مفيدة ومواد أصيلة وتفاصيل صغيرة تصنع فرقًا. اكتشف رفيقك اليومي الجديد.",
+		collection: "مجموعة الحياة اليومية",
+		shop: "استكشف المجموعة",
+		homeware: "في المنزل",
+		carry: "أثناء التنقل",
+		desk: "على مكتبك",
+		sort: "ترتيب حسب",
+		featured: "المميزة",
+		low: "السعر: من الأقل للأعلى",
+		high: "السعر: من الأعلى للأقل",
+		cart: "سلتك",
+		count:
+			"{count, plural, zero {لا عناصر} one {عنصر واحد} two {عنصران} few {# عناصر} many {# عنصرًا} other {# عنصر}}",
+		add: "أضف إلى السلة",
+		added: "أُضيف إلى سلتك",
+		qty: "الكمية",
+		remove: "إزالة",
+		total: "المجموع",
+		checkout: "محاكاة إتمام الطلب",
+		checkoutNote: "هذا متجر تجريبي. لا تُقبل مدفوعات أو طلبات حقيقية.",
+		checkoutDone: "اكتملت التجربة. لم يتم تحصيل أي دفعة أو تقديم طلب.",
+		emptyCart: "سلتك تنتظر شيئًا جميلًا.",
+		shipping:
+			"أسعار توضيحية بالدولار الأمريكي. لا تُفرض رسوم شحن أو ضرائب في التجربة.",
+		about: "أغراض مختارة بعناية. أقل اعتيادية بقليل.",
+		p1Title: "حقيبة يومية",
+		p1Summary: "قماش قطني متين ومقابض واسعة ومساحة لتفاصيل يومك.",
+		p2Title: "كوب الصباح",
+		p2Summary: "ملمس خزفي دافئ وقبضة مريحة. لفنجانك الأول الهادئ.",
+		p3Title: "مصباح مكتب آرك",
+		p3Summary: "ضوء لطيف وقاعدة ثابتة وشكل ينسجم مع منزلك.",
+		p4Title: "دفتر الميدان",
+		p4Summary: "تجليد مسطح وصفحات معاد تدويرها لأفكار بلا موعد نهائي.",
+		p5Title: "قارورة اليوم",
+		p5Summary: "فولاذ مصقول وغطاء بسيط. رفيقة طريق قابلة لإعادة الاستخدام.",
+		p6Title: "وسادة كتانية",
+		p6Summary: "كتان ناعم بلون ترابي. دعوة للهدوء.",
+		p7Title: "صينية بلوط",
+		p7Summary: "مكان صغير للمفاتيح والعملات وما تضعه عند الباب.",
+		p8Title: "ساعة هادئة",
+		p8Summary: "وجه بسيط وحركة صامتة. تابع الوقت دون دقات.",
+	},
+};

package/dist/templates/storefront/tanstack-start/src/i18n.ts

@@ -0,0 +1,64 @@
+import { createCatalog } from "@linguanahq/catalog";
+import config from "../linguana.json";
+import { demoMessages } from "./demo-messages";
+export const demoLocales = [
+	{ code: "en", displayName: "English", nativeName: "English" },
+	{ code: "fr", displayName: "French", nativeName: "Français" },
+	{ code: "es", displayName: "Spanish", nativeName: "Español" },
+	{ code: "ar", displayName: "Arabic", nativeName: "العربية" },
+];
+export const demo = config.mode === "demo";
+export function cookieLocale(
+	cookie = typeof document === "undefined" ? "" : document.cookie,
+) {
+	try {
+		const value = decodeURIComponent(
+			cookie
+				.split(";")
+				.find((item) => item.trim().startsWith("linguana_locale="))
+				?.split("=")[1] ?? "en",
+		);
+		return /^[a-z]{2,3}(?:-[A-Za-z0-9]{2,8})*$/.test(value) &&
+			(!demo || demoLocales.some((item) => item.code === value))
+			? value
+			: "en";
+	} catch {
+		return "en";
+	}
+}
+export const demoCatalogs = demo
+	? Object.entries(demoMessages).map(([locale, messages]) =>
+			createCatalog({
+				schemaVersion: "1.0",
+				projectId: "demo-storefront",
+				environment: "development",
+				sourceLocale: "en",
+				locale,
+				manifestHash: "0".repeat(64),
+				version: 1,
+				messages,
+			}),
+		)
+	: [];
+export function optionsFor(
+	locale = cookieLocale(),
+): import("@linguanahq/core").LinguanaClientOptions {
+	return {
+		projectId: demo
+			? "demo-storefront"
+			: import.meta.env.VITE_LINGUANA_PROJECT_ID,
+		environment: demo
+			? "development"
+			: import.meta.env.VITE_LINGUANA_ENVIRONMENT,
+		initialLocale: locale,
+		fallbackLocale: config.sourceLocale,
+		catalogs: demoCatalogs,
+		...(demo
+			? { availableLocales: demoLocales }
+			: {
+					publishableKey: import.meta.env.VITE_LINGUANA_PUBLISHABLE_KEY,
+					catalogEndpoint: import.meta.env.VITE_LINGUANA_API_URL,
+					configEndpoint: import.meta.env.VITE_LINGUANA_API_URL,
+				}),
+	};
+}

package/dist/templates/storefront/tanstack-start/src/locale-server.ts

@@ -0,0 +1,54 @@
+import {
+	createHydrationState,
+	loadCatalog,
+	loadRuntimeConfig,
+} from "@linguanahq/core";
+import { createServerFn } from "@tanstack/react-start";
+import { getRequest } from "@tanstack/react-start/server";
+import {
+	cookieLocale,
+	demo,
+	demoCatalogs,
+	demoLocales,
+	optionsFor,
+} from "./i18n";
+export const localeState = createServerFn({ method: "GET" }).handler(
+	async () => {
+		let locale = cookieLocale(getRequest().headers.get("cookie") ?? "");
+		const options = optionsFor(locale);
+		let catalogs = demoCatalogs;
+		let locales = demoLocales;
+		if (!demo) {
+			catalogs = [];
+			locales = demoLocales.filter(
+				(item) => item.code === options.fallbackLocale,
+			);
+			try {
+				const config = await loadRuntimeConfig({
+					endpoint: options.configEndpoint!,
+					projectId: options.projectId,
+					environment: options.environment,
+					publishableKey: options.publishableKey!,
+					signal: AbortSignal.timeout(5000),
+				});
+				locales = config.locales;
+				if (!locales.some((item) => item.code === locale))
+					locale = options.fallbackLocale;
+				if (locale !== options.fallbackLocale)
+					catalogs = [
+						await loadCatalog({
+							endpoint: options.catalogEndpoint!,
+							projectId: options.projectId,
+							environment: options.environment,
+							publishableKey: options.publishableKey!,
+							locale,
+							signal: AbortSignal.timeout(5000),
+						}),
+					];
+			} catch {
+				locale = options.fallbackLocale;
+			}
+		}
+		return { hydrationState: createHydrationState(locale, catalogs), locales };
+	},
+);