@emdash-cms/admin 0.1.1 → 0.3.0

package/dist/useLocale-CXsoFCFt.js

@@ -0,0 +1,80 @@
+import { useLingui } from "@lingui/react";
+import * as React from "react";
+
+//#region src/locales/config.ts
+/** Validate a locale code against the Intl.Locale API (BCP 47). */
+function validateLocaleCode(code) {
+	try {
+		return new Intl.Locale(code).baseName;
+	} catch {
+		if (import.meta.env.DEV) throw new Error(`Invalid locale code: "${code}"`);
+	}
+}
+/** Available locales — extend this list as translations are added. */
+const SUPPORTED_LOCALES = [{
+	code: "en",
+	label: "English"
+}, {
+	code: "de",
+	label: "Deutsch"
+}].filter((l) => validateLocaleCode(l.code));
+const SUPPORTED_LOCALE_CODES = new Set(SUPPORTED_LOCALES.map((l) => l.code));
+const DEFAULT_LOCALE = SUPPORTED_LOCALES[0].code;
+const LOCALE_LABELS = new Map(SUPPORTED_LOCALES.map((l) => [l.code, l.label]));
+/** Get a display label for a locale code, falling back to uppercase code. */
+function getLocaleLabel(code) {
+	return LOCALE_LABELS.get(code) ?? code.toUpperCase();
+}
+const LOCALE_COOKIE_RE = /(?:^|;\s*)emdash-locale=([^;]+)/;
+/**
+* Resolve the admin locale from a Request.
+* Priority: emdash-locale cookie → Accept-Language → DEFAULT_LOCALE.
+*/
+function resolveLocale(request) {
+	const cookieLocale = (request.headers.get("cookie") ?? "").match(LOCALE_COOKIE_RE)?.[1]?.trim() ?? "";
+	if (SUPPORTED_LOCALE_CODES.has(cookieLocale)) return cookieLocale;
+	const acceptLang = request.headers.get("accept-language") ?? "";
+	for (const entry of acceptLang.split(",")) {
+		const tag = entry.split(";")[0].trim().split("-")[0].toLowerCase();
+		if (SUPPORTED_LOCALE_CODES.has(tag)) return tag;
+	}
+	return DEFAULT_LOCALE;
+}
+
+//#endregion
+//#region src/locales/useLocale.ts
+function setCookie(code) {
+	const secure = window.location.protocol === "https:" ? "; Secure" : "";
+	document.cookie = `emdash-locale=${code}; Path=/_emdash; SameSite=Lax; Max-Age=31536000${secure}`;
+}
+/**
+* Get the current locale and a function to switch locales.
+* Loads the new catalog dynamically and sets a cookie for server-side persistence.
+*/
+function useLocale() {
+	const { i18n } = useLingui();
+	const [locale, setLocaleState] = React.useState(i18n.locale);
+	const setLocale = React.useCallback((code) => {
+		if (code === i18n.locale || !SUPPORTED_LOCALE_CODES.has(code)) return;
+		setCookie(code);
+		import(`./${code}/messages.mjs`).then(({ messages }) => i18n.loadAndActivate({
+			locale: code,
+			messages
+		})).catch(() => {
+			setCookie(i18n.locale);
+		});
+	}, [i18n]);
+	React.useEffect(() => {
+		return i18n.on("change", () => {
+			setLocaleState(i18n.locale);
+		});
+	}, [i18n]);
+	return {
+		locale,
+		setLocale
+	};
+}
+
+//#endregion
+export { getLocaleLabel as a, SUPPORTED_LOCALE_CODES as i, DEFAULT_LOCALE as n, resolveLocale as o, SUPPORTED_LOCALES as r, useLocale as t };
+//# sourceMappingURL=useLocale-CXsoFCFt.js.map

package/dist/useLocale-CXsoFCFt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocale-CXsoFCFt.js","names":[],"sources":["../src/locales/config.ts","../src/locales/useLocale.ts"],"sourcesContent":["/**\n * Locale configuration — single source of truth for supported locales.\n *\n * Imported by both the Lingui provider (client) and admin.astro (server).\n */\n\nexport interface SupportedLocale {\n\tcode: string;\n\tlabel: string;\n}\n\n/** Validate a locale code against the Intl.Locale API (BCP 47). */\nfunction validateLocaleCode(code: string): string | void {\n\ttry {\n\t\treturn new Intl.Locale(code).baseName;\n\t} catch {\n\t\tif (import.meta.env.DEV) {\n\t\t\tthrow new Error(`Invalid locale code: \"${code}\"`);\n\t\t}\n\t}\n}\n\n/** Available locales — extend this list as translations are added. */\nexport const SUPPORTED_LOCALES: SupportedLocale[] = [\n\t/* First item is the default locale */\n\t{ code: \"en\", label: \"English\" },\n\t{ code: \"de\", label: \"Deutsch\" },\n].filter((l) => validateLocaleCode(l.code));\n\nexport const SUPPORTED_LOCALE_CODES = new Set(SUPPORTED_LOCALES.map((l) => l.code));\n\nexport const DEFAULT_LOCALE = SUPPORTED_LOCALES[0]!.code;\n\nconst LOCALE_LABELS = new Map(SUPPORTED_LOCALES.map((l) => [l.code, l.label]));\n\n/** Get a display label for a locale code, falling back to uppercase code. */\nexport function getLocaleLabel(code: string): string {\n\treturn LOCALE_LABELS.get(code) ?? code.toUpperCase();\n}\n\nconst LOCALE_COOKIE_RE = /(?:^|;\\s*)emdash-locale=([^;]+)/;\n\n/**\n * Resolve the admin locale from a Request.\n * Priority: emdash-locale cookie → Accept-Language → DEFAULT_LOCALE.\n */\nexport function resolveLocale(request: Request): string {\n\tconst cookieHeader = request.headers.get(\"cookie\") ?? \"\";\n\tconst cookieMatch = cookieHeader.match(LOCALE_COOKIE_RE);\n\tconst cookieLocale = cookieMatch?.[1]?.trim() ?? \"\";\n\n\tif (SUPPORTED_LOCALE_CODES.has(cookieLocale)) return cookieLocale;\n\n\tconst acceptLang = request.headers.get(\"accept-language\") ?? \"\";\n\tfor (const entry of acceptLang.split(\",\")) {\n\t\tconst tag = entry.split(\";\")[0]!.trim().split(\"-\")[0]!.toLowerCase();\n\t\tif (SUPPORTED_LOCALE_CODES.has(tag)) return tag;\n\t}\n\n\treturn DEFAULT_LOCALE;\n}\n","import { useLingui } from \"@lingui/react\";\nimport * as React from \"react\";\n\nimport { SUPPORTED_LOCALE_CODES } from \"./config.js\";\n\nfunction setCookie(code: string) {\n\tconst secure = window.location.protocol === \"https:\" ? \"; Secure\" : \"\";\n\tdocument.cookie = `emdash-locale=${code}; Path=/_emdash; SameSite=Lax; Max-Age=31536000${secure}`;\n}\n\n/**\n * Get the current locale and a function to switch locales.\n * Loads the new catalog dynamically and sets a cookie for server-side persistence.\n */\nexport function useLocale() {\n\tconst { i18n } = useLingui();\n\tconst [locale, setLocaleState] = React.useState(i18n.locale);\n\n\tconst setLocale = React.useCallback(\n\t\t(code: string) => {\n\t\t\tif (code === i18n.locale || !SUPPORTED_LOCALE_CODES.has(code)) return;\n\t\t\tsetCookie(code);\n\t\t\tvoid import(`./${code}/messages.mjs`)\n\t\t\t\t.then(({ messages }) => i18n.loadAndActivate({ locale: code, messages }))\n\t\t\t\t.catch(() => {\n\t\t\t\t\t// Revert cookie on failure so the user isn't stuck\n\t\t\t\t\tsetCookie(i18n.locale);\n\t\t\t\t});\n\t\t},\n\t\t[i18n],\n\t);\n\n\t// Subscribe to i18n change events to trigger re-renders\n\tReact.useEffect(() => {\n\t\tconst unsubscribe = i18n.on(\"change\", () => {\n\t\t\tsetLocaleState(i18n.locale);\n\t\t});\n\t\treturn unsubscribe;\n\t}, [i18n]);\n\n\treturn { locale, setLocale };\n}\n"],"mappings":";;;;;AAYA,SAAS,mBAAmB,MAA6B;AACxD,KAAI;AACH,SAAO,IAAI,KAAK,OAAO,KAAK,CAAC;SACtB;AACP,MAAI,OAAO,KAAK,IAAI,IACnB,OAAM,IAAI,MAAM,yBAAyB,KAAK,GAAG;;;;AAMpD,MAAa,oBAAuC,CAEnD;CAAE,MAAM;CAAM,OAAO;CAAW,EAChC;CAAE,MAAM;CAAM,OAAO;CAAW,CAChC,CAAC,QAAQ,MAAM,mBAAmB,EAAE,KAAK,CAAC;AAE3C,MAAa,yBAAyB,IAAI,IAAI,kBAAkB,KAAK,MAAM,EAAE,KAAK,CAAC;AAEnF,MAAa,iBAAiB,kBAAkB,GAAI;AAEpD,MAAM,gBAAgB,IAAI,IAAI,kBAAkB,KAAK,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;;AAG9E,SAAgB,eAAe,MAAsB;AACpD,QAAO,cAAc,IAAI,KAAK,IAAI,KAAK,aAAa;;AAGrD,MAAM,mBAAmB;;;;;AAMzB,SAAgB,cAAc,SAA0B;CAGvD,MAAM,gBAFe,QAAQ,QAAQ,IAAI,SAAS,IAAI,IACrB,MAAM,iBAAiB,GACrB,IAAI,MAAM,IAAI;AAEjD,KAAI,uBAAuB,IAAI,aAAa,CAAE,QAAO;CAErD,MAAM,aAAa,QAAQ,QAAQ,IAAI,kBAAkB,IAAI;AAC7D,MAAK,MAAM,SAAS,WAAW,MAAM,IAAI,EAAE;EAC1C,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC,GAAI,MAAM,CAAC,MAAM,IAAI,CAAC,GAAI,aAAa;AACpE,MAAI,uBAAuB,IAAI,IAAI,CAAE,QAAO;;AAG7C,QAAO;;;;;ACxDR,SAAS,UAAA,MAAwB;;AAEjC,UAAS,SAAU,iBAAc,KAAA,iDAAA;;;;;;AAOjC,SAAgB,YAAS;CACvB,MAAA,EACF,SACM,WAAW;CAChB,MAAO,CAAA,QAAQ,kBAAkB,MAAM,SAAS,KAAK,OAAO;;AAE5D,MAAM,SAAU,KAAE,UAAM,CAAA,uBAAW,IAAA,KAAA,CAAA;AACjC,YAAM,KAAU;AAChB,EAAI,OAAS,KAAK,KAAA,gBAAW,MAAA,EAC7B,eACK,KAAO,gBAAW;GACrB,QAAQ;GACR;GACA,CAAC,CAAC,CAAC,YAAO;AAET,aAAA,KAAA,OAAA;IACH;IACA,CAAA,KAAK,CAAA;AAGN,OAAE,gBAAkB;AAIlB,SAHmB,KAAA,GAAA,gBAAA;AACrB,kBAAmB,KAAK,OAAK;IAC5B;IAED,CAAA,KAAO,CAAA;AACP,QAAO;;EAER;EACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emdash-cms/admin",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Admin UI for EmDash CMS",
   "type": "module",
   "main": "dist/index.js",
@@ -12,7 +12,12 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": "./dist/styles.css",
+    "./locales": {
+      "types": "./dist/locales/index.d.ts",
+      "default": "./dist/locales/index.js"
+    },
+    "./locales/*": "./dist/locales/*"
   },
   "dependencies": {
     "@cloudflare/kumo": "^1.16.0",
@@ -20,6 +25,8 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/react": "^0.27.16",
+    "@lingui/core": "^5.9.4",
+    "@lingui/react": "^5.9.4",
     "@phosphor-icons/react": "^2.1.10",
     "@tanstack/react-query": "5.90.21",
     "@tanstack/react-router": "1.163.2",
@@ -46,10 +53,14 @@
     "react-dom": "19.2.4",
     "react-hotkeys-hook": "^5.2.4",
     "tailwind-merge": "^3.3.0",
-    "@emdash-cms/blocks": "0.1.0"
+    "@emdash-cms/blocks": "0.3.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",
+    "@babel/core": "^7.29.0",
+    "@lingui/babel-plugin-lingui-macro": "^5.9.4",
+    "@lingui/cli": "^5.9.4",
+    "@lingui/macro": "^5.9.4",
     "@tailwindcss/cli": "^4.1.10",
     "@tailwindcss/typography": "^0.5.19",
     "@testing-library/react": "^16.3.0",
@@ -87,10 +98,13 @@
   "author": "Matt Kane",
   "license": "MIT",
   "scripts": {
-    "build": "tsdown && npx @tailwindcss/cli -i src/styles.css -o dist/styles.css --minify",
+    "build": "node --run locale:compile && tsdown && node --run locale:copy && npx @tailwindcss/cli -i src/styles.css -o dist/styles.css --minify",
     "dev": "tsdown src/index.ts --format esm --dts --watch",
     "check": "publint && attw --pack --ignore-rules=cjs-resolves-to-esm --ignore-rules=no-resolution",
     "test": "vitest",
-    "typecheck": "tsgo --noEmit"
+    "typecheck": "tsgo --noEmit",
+    "locale:compile": "lingui compile --namespace es",
+    "locale:copy": "node ./scripts/copy-locales.js",
+    "locale:extract": "lingui extract --clean"
   }
 }