@linguanahq/cli 0.1.0

package/dist/templates/saas/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 };
+	},
+);

package/dist/templates/saas/tanstack-start/src/messages.ts

@@ -0,0 +1,77 @@
+// Source fallbacks; matching extractable literals live in Copy.tsx.
+export const messages: Record<string, string> = {
+	language: "Language",
+	skip: "Skip to content",
+	home: "Home",
+	search: "Search",
+	all: "All",
+	empty: "Nothing here yet.",
+	emptyHint: "Try another search or clear your filters.",
+	clear: "Clear filters",
+	missing: "This page took a different path.",
+	missingHint:
+		"We could not find that page. There is plenty to discover back home.",
+	back: "Back to home",
+	demo: "A multilingual demo, made with Linguana.",
+	email: "Email address",
+	name: "Your name",
+	simulated: "Demo only. Your information stays in this browser.",
+	sent: "Thank you, {name}! This was a demo; nothing was sent.",
+	formError: "Please enter your name and a valid email address.",
+	eyebrow: "For teams that keep moving",
+	headline: "Great work deserves a better handover.",
+	intro:
+		"Give your next shift the context they need. One clear update, every decision, nothing lost between teams.",
+	try: "Try the handover",
+	pricing: "Pricing",
+	product: "How it works",
+	demoCta: "Book a demo",
+	preview: "Your next shift starts here",
+	live: "Interactive preview",
+	step0: "Write the update",
+	step1: "Add the context",
+	step2: "Pass it on",
+	step0Body:
+		"Capture what changed while it is still fresh. A short note is all it takes.",
+	step1Body:
+		"Attach decisions, owners, and next steps so nobody has to piece things together.",
+	step2Body:
+		"Your teammates arrive with a clear picture and can get straight to meaningful work.",
+	boardTitle: "Customer success · Morning shift",
+	boardNote:
+		"The new onboarding guide is ready. Two accounts need a follow-up before noon.",
+	owner: "Owner: Alex",
+	acknowledged: "Handover acknowledged",
+	acknowledge: "Acknowledge handover",
+	feature1: "A little structure. A lot less chasing.",
+	feature1Body:
+		"Keep the important details in one place. Every handover has a clear owner and a next step.",
+	feature2: "Made for the people doing the work.",
+	feature2Body:
+		"A calm workspace across time zones and languages. Less catching up, more moving forward.",
+	priceHeading: "Simple plans. Room to grow.",
+	monthly: "Monthly",
+	yearly: "Yearly · save 20%",
+	perMonth: "per seat / month",
+	billed: "Billed annually",
+	starter: "Starter",
+	team: "Team",
+	scale: "Scale",
+	starterDesc: "A thoughtful start for small teams.",
+	teamDesc: "Everything a growing team needs.",
+	scaleDesc: "Coordination across your whole company.",
+	planFeature1: "Unlimited handovers",
+	planFeature2: "Searchable team history",
+	planFeature3: "Shared workflows and insights",
+	popular: "Most popular",
+	select: "Explore this plan",
+	faq: "A few things you might be wondering",
+	q1: "Can I try Relay before committing?",
+	a1: "This is a fully interactive frontend demo. Explore the preview and pricing without an account or payment details.",
+	q2: "Does this template include a backend?",
+	a2: "The template includes the complete landing page. Connect your own backend when you are ready; demo forms stay local.",
+	q3: "Can our team work in different languages?",
+	a3: "Yes. Switch between English, French, Spanish, and Arabic in this demo. Connect Linguana to publish your own translations.",
+	formTitle: "See what a calmer handover feels like.",
+	about: "A clear next step for every team.",
+};

package/dist/templates/saas/tanstack-start/src/model.ts

@@ -0,0 +1,73 @@
+export type Item = {
+	id: string;
+	slug: string;
+	category: string;
+	image: string;
+	date: string;
+	minutes: number;
+	price: number;
+};
+export const items: Item[] = [];
+export type State = {
+	path: string;
+	query: string;
+	category: string;
+	sort: string;
+	cart: Record<string, number>;
+	quantity: number;
+	annual: boolean;
+	step: number;
+	acknowledged: boolean;
+	name: string;
+	email: string;
+	error: boolean;
+	sent: boolean;
+	added: boolean;
+	checkout: boolean;
+};
+export const initialState = (path?: string): State => ({
+	path:
+		path ?? (typeof window === "undefined" ? "/" : window.location.pathname),
+	query: "",
+	category: "all",
+	sort: "featured",
+	cart: {},
+	quantity: 1,
+	annual: false,
+	step: 0,
+	acknowledged: false,
+	name: "",
+	email: "",
+	error: false,
+	sent: false,
+	added: false,
+	checkout: false,
+});
+export const quantity = (input: unknown) =>
+	Math.max(1, Math.min(99, Math.floor(Number(input) || 1)));
+const cartKey = "common-goods-cart-v1";
+export function readCart(): Record<string, number> {
+	try {
+		const parsed: unknown = JSON.parse(localStorage.getItem(cartKey) ?? "{}");
+		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed))
+			return {};
+		return Object.fromEntries(
+			Object.entries(parsed).filter(
+				([id, count]) =>
+					items.some((item) => item.id === id) &&
+					Number.isInteger(count) &&
+					count > 0 &&
+					count <= 99,
+			),
+		);
+	} catch {
+		return {};
+	}
+}
+export function saveCart(cart: Record<string, number>) {
+	try {
+		localStorage.setItem(cartKey, JSON.stringify(cart));
+	} catch {
+		/* Browsers may disable persistence; the in-memory cart still works. */
+	}
+}

package/dist/templates/saas/tanstack-start/src/router.tsx

@@ -0,0 +1,10 @@
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+export function getRouter() {
+	return createRouter({ routeTree, scrollRestoration: true });
+}
+declare module "@tanstack/react-router" {
+	interface Register {
+		router: ReturnType<typeof getRouter>;
+	}
+}

package/dist/templates/saas/tanstack-start/src/routes/$.tsx

@@ -0,0 +1,7 @@
+import { createFileRoute, useLocation } from "@tanstack/react-router";
+import App from "../App";
+export const Route = createFileRoute("/$")({ component: Page });
+function Page() {
+	const { pathname } = useLocation();
+	return <App key={pathname} path={pathname} />;
+}

package/dist/templates/saas/tanstack-start/src/routes/__root.tsx

@@ -0,0 +1,50 @@
+import { LocaleProvider } from "@linguanahq/react";
+import {
+	createRootRoute,
+	HeadContent,
+	Outlet,
+	Scripts,
+} from "@tanstack/react-router";
+import { optionsFor } from "../i18n";
+import { localeState } from "../locale-server";
+import styles from "../styles.css?url";
+export const Route = createRootRoute({
+	loader: () => localeState(),
+	head: () => ({
+		meta: [
+			{ charSet: "utf-8" },
+			{ name: "viewport", content: "width=device-width, initial-scale=1" },
+			{ title: "Relay" },
+			{
+				name: "description",
+				content:
+					"A home for your next product. Interactive handovers, clear pricing, and a useful first impression.",
+			},
+		],
+		links: [{ rel: "stylesheet", href: styles }],
+	}),
+	component: Root,
+});
+function Root() {
+	const { hydrationState, locales } = Route.useLoaderData();
+	return (
+		<html
+			lang={hydrationState.locale}
+			dir={hydrationState.locale.startsWith("ar") ? "rtl" : "ltr"}
+		>
+			<head>
+				<HeadContent />
+			</head>
+			<body>
+				<LocaleProvider
+					{...optionsFor(hydrationState.locale)}
+					hydrationState={hydrationState}
+					availableLocales={locales}
+				>
+					<Outlet />
+				</LocaleProvider>
+				<Scripts />
+			</body>
+		</html>
+	);
+}

package/dist/templates/saas/tanstack-start/src/routes/index.tsx

@@ -0,0 +1,5 @@
+import { createFileRoute } from "@tanstack/react-router";
+import App from "../App";
+export const Route = createFileRoute("/")({
+	component: () => <App path="/" />,
+});