@zachhandley/ez-i18n 0.3.8 → 0.3.10

package/dist/index.js

@@ -951,6 +951,18 @@ function ezI18n(config) {
 })();
 `;
         injectScript("head-inline", hydrationScript);
+        const viewTransitionsScript = `
+import { initLocale, setTranslations } from '@zachhandley/ez-i18n/runtime';
+
+document.addEventListener('astro:after-swap', () => {
+  const initData = globalThis.__EZ_I18N_INIT__;
+  if (initData) {
+    initLocale(initData.locale, initData.translations);
+    setTranslations(initData.translations);
+  }
+});
+`;
+        injectScript("page", viewTransitionsScript);
       },
       "astro:config:done": ({
         injectTypes

package/dist/middleware.js

@@ -1,139 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/runtime/store.ts
-var store_exports = {};
-__export(store_exports, {
-  effectiveLocale: () => effectiveLocale,
-  getLocale: () => getLocale,
-  getNestedValue: () => getNestedValue,
-  getTranslations: () => getTranslations,
-  initLocale: () => initLocale,
-  interpolate: () => interpolate,
-  localeLoading: () => localeLoading,
-  localePreference: () => localePreference,
-  setLocale: () => setLocale,
-  setTranslations: () => setTranslations,
-  t: () => t,
-  tc: () => tc,
-  translations: () => translations
-});
-import { atom, computed } from "nanostores";
-import { persistentAtom } from "@nanostores/persistent";
-function getNestedValue(obj, path) {
-  const keys = path.split(".");
-  let value = obj;
-  for (const key of keys) {
-    if (value == null || typeof value !== "object") {
-      return void 0;
-    }
-    value = value[key];
-  }
-  return value;
-}
-function interpolate(str, params) {
-  if (!params) return str;
-  return str.replace(/\{(\w+)\}/g, (match, key) => {
-    return key in params ? String(params[key]) : match;
-  });
-}
-function initLocale(locale, trans) {
-  serverLocale.set(locale);
-  localePreference.set(locale);
-  if (trans) {
-    translations.set(trans);
-  }
-}
-function setTranslations(trans) {
-  translations.set(trans);
-}
-async function setLocale(locale, options = {}) {
-  const opts = typeof options === "string" ? { cookieName: options } : options;
-  const { cookieName = "ez-locale", loadTranslations, redirect } = opts;
-  if (redirect && typeof window !== "undefined") {
-    const url = new URL(window.location.href);
-    url.searchParams.set("lang", locale);
-    window.location.href = url.toString();
-    return;
-  }
-  localeLoading.set(true);
-  try {
-    if (loadTranslations) {
-      const mod = await loadTranslations();
-      const trans = "default" in mod ? mod.default : mod;
-      translations.set(trans);
-    }
-    localePreference.set(locale);
-    serverLocale.set(locale);
-    if (typeof document !== "undefined") {
-      document.cookie = `${cookieName}=${locale}; path=/; max-age=31536000; samesite=lax`;
-    }
-    if (typeof document !== "undefined") {
-      document.dispatchEvent(
-        new CustomEvent("ez-i18n:locale-changed", {
-          detail: { locale },
-          bubbles: true
-        })
-      );
-    }
-  } finally {
-    localeLoading.set(false);
-  }
-}
-function getLocale() {
-  return effectiveLocale.get();
-}
-function getTranslations() {
-  return translations.get();
-}
-function t(key, params) {
-  const trans = translations.get();
-  const value = getNestedValue(trans, key);
-  if (typeof value !== "string") {
-    if (typeof import.meta !== "undefined" && import.meta.env?.DEV) {
-      console.warn("[ez-i18n] Missing translation:", key);
-    }
-    return key;
-  }
-  return interpolate(value, params);
-}
-function tc(key, params) {
-  return computed(translations, (trans) => {
-    const value = getNestedValue(trans, key);
-    if (typeof value !== "string") {
-      if (typeof import.meta !== "undefined" && import.meta.env?.DEV) {
-        console.warn("[ez-i18n] Missing translation:", key);
-      }
-      return key;
-    }
-    return interpolate(value, params);
-  });
-}
-var serverLocale, localePreference, effectiveLocale, translations, localeLoading;
-var init_store = __esm({
-  "src/runtime/store.ts"() {
-    "use strict";
-    serverLocale = atom(null);
-    localePreference = persistentAtom("ez-locale", "en", {
-      encode: (value) => value,
-      decode: (value) => value
-    });
-    effectiveLocale = computed(
-      [serverLocale, localePreference],
-      (server, client) => server ?? client
-    );
-    translations = atom({});
-    localeLoading = atom(false);
-  }
-});
-
 // src/middleware.ts
 import { defineMiddleware } from "astro:middleware";
 function getCookieDomain(hostname) {
@@ -146,10 +10,10 @@ function getCookieDomain(hostname) {
   }
   return void 0;
 }
-function createT(translations2) {
+function createT(translations) {
   return (key, params) => {
     const keys = key.split(".");
-    let value = translations2;
+    let value = translations;
     for (const k of keys) {
       if (value == null || typeof value !== "object") return key;
       value = value[k];
@@ -178,9 +42,10 @@ var onRequest = defineMiddleware(async ({ cookies, request, locals, redirect },
   try {
     const { loadTranslations } = await import("ez-i18n:translations");
     locals.translations = await loadTranslations(locale);
-    const { initLocale: initLocale2, setTranslations: setTranslations2 } = await Promise.resolve().then(() => (init_store(), store_exports));
-    initLocale2(locale, locals.translations);
-    setTranslations2(locals.translations);
+    globalThis.__EZ_I18N_SSR__ = {
+      locale,
+      translations: locals.translations
+    };
   } catch {
     locals.translations = {};
   }

package/dist/runtime/index.js

@@ -78,8 +78,18 @@ function getLocale() {
 function getTranslations() {
   return translations.get();
 }
-function t(key, params) {
+function getTranslationsWithSSRFallback() {
   const trans = translations.get();
+  if (Object.keys(trans).length === 0) {
+    const ssrTrans = globalThis.__EZ_I18N_SSR__?.translations;
+    if (ssrTrans) {
+      return ssrTrans;
+    }
+  }
+  return trans;
+}
+function t(key, params) {
+  const trans = getTranslationsWithSSRFallback();
   const value = getNestedValue(trans, key);
   if (typeof value !== "string") {
     if (typeof import.meta !== "undefined" && import.meta.env?.DEV) {
@@ -91,7 +101,8 @@ function t(key, params) {
 }
 function tc(key, params) {
   return computed(translations, (trans) => {
-    const value = getNestedValue(trans, key);
+    const effectiveTrans = Object.keys(trans).length === 0 ? globalThis.__EZ_I18N_SSR__?.translations ?? trans : trans;
+    const value = getNestedValue(effectiveTrans, key);
     if (typeof value !== "string") {
       if (typeof import.meta !== "undefined" && import.meta.env?.DEV) {
         console.warn("[ez-i18n] Missing translation:", key);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zachhandley/ez-i18n",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "publishConfig": {
     "access": "public"
   },