@astroscope/i18n 0.1.0

package/dist/chunk-MZEPQCXX.js

@@ -0,0 +1,249 @@
+import {
+  clearContext,
+  compileTranslations,
+  setContext
+} from "./chunk-KNONI6DP.js";
+
+// src/i18n-endpoint.ts
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash).toString(36).substring(0, 8);
+}
+function computeChunkHash(translations, keys) {
+  const relevantTranslations = {};
+  for (const key of keys.sort()) {
+    if (translations[key]) {
+      relevantTranslations[key] = translations[key];
+    }
+  }
+  return hashString(JSON.stringify(relevantTranslations));
+}
+function computeAllChunkHashes(translations, manifest) {
+  const hashes = {};
+  for (const [chunkId, keys] of Object.entries(manifest)) {
+    hashes[chunkId] = computeChunkHash(translations, keys);
+  }
+  return hashes;
+}
+function createI18nEndpoint(options) {
+  const { cms, manifest } = options;
+  const translationCache2 = /* @__PURE__ */ new Map();
+  return async ({ params }) => {
+    const { path } = params;
+    if (!path) {
+      return new Response("Not found", { status: 404 });
+    }
+    const match = path.match(/^([^/]+)\/(.+)\.([a-z0-9]+)\.js$/);
+    if (!match) {
+      return new Response("Invalid path", { status: 400 });
+    }
+    const [, locale, chunkId, requestedHash] = match;
+    const keys = manifest[chunkId];
+    if (!keys) {
+      return new Response(`/* chunk not found: ${chunkId} */`, {
+        status: 404,
+        headers: { "Content-Type": "application/javascript" }
+      });
+    }
+    let translations = translationCache2.get(locale);
+    if (!translations) {
+      translations = await cms.fetch(locale, []);
+      translationCache2.set(locale, translations);
+    }
+    const actualHash = computeChunkHash(translations, keys);
+    if (requestedHash !== actualHash) {
+      console.warn(`[i18n] hash mismatch for ${chunkId}: expected ${actualHash}, got ${requestedHash}`);
+    }
+    const chunkTranslations = {};
+    for (const key of keys) {
+      if (translations[key]) {
+        chunkTranslations[key] = translations[key];
+      }
+    }
+    const js = `/* @astroscope/i18n chunk: ${chunkId} */
+(function() {
+  window.__i18n__ = window.__i18n__ || {};
+  Object.assign(window.__i18n__, ${JSON.stringify(chunkTranslations)});
+})();
+`;
+    return new Response(js, {
+      status: 200,
+      headers: {
+        "Content-Type": "application/javascript",
+        // immutable cache - hash in URL ensures cache busting
+        "Cache-Control": "public, max-age=31536000, immutable"
+      }
+    });
+  };
+}
+
+// src/middleware.ts
+var I18N_ENDPOINT_PREFIX = "/_i18n/";
+function defaultDetectLocale(request, locales, defaultLocale) {
+  const url = new URL(request.url);
+  const localeParam = url.searchParams.get("locale");
+  if (localeParam && locales.includes(localeParam)) {
+    return localeParam;
+  }
+  const acceptLanguage = request.headers.get("accept-language");
+  if (acceptLanguage) {
+    const preferred = acceptLanguage.split(",").map((part) => {
+      const [lang, q = "q=1"] = part.trim().split(";");
+      return {
+        lang: lang.split("-")[0].toLowerCase(),
+        q: parseFloat(q.replace("q=", ""))
+      };
+    }).sort((a, b) => b.q - a.q);
+    for (const { lang } of preferred) {
+      if (locales.includes(lang)) {
+        return lang;
+      }
+    }
+  }
+  return defaultLocale;
+}
+var translationCache = /* @__PURE__ */ new Map();
+var hashCache = /* @__PURE__ */ new Map();
+function generateI18nHashScript(locale, hashes, fallback) {
+  const fallbackValue = typeof fallback === "function" ? "example" : fallback;
+  return `<script>window.__i18n_locale__=${JSON.stringify(locale)};window.__i18n_fallback__=${JSON.stringify(fallbackValue)};window.__i18n_hashes__=${JSON.stringify(hashes)};window.__i18n__=window.__i18n__||{};</script>`;
+}
+function generateI18nFullScript(locale, raw, fallback) {
+  const fallbackValue = typeof fallback === "function" ? "example" : fallback;
+  return `<script>window.__i18n_locale__=${JSON.stringify(locale)};window.__i18n_fallback__=${JSON.stringify(fallbackValue)};window.__i18n__=${JSON.stringify(raw)};</script>`;
+}
+async function injectI18nScript(response, script) {
+  const contentType = response.headers.get("content-type");
+  if (!contentType?.includes("text/html")) {
+    return response;
+  }
+  const html = await response.text();
+  let injectedHtml;
+  if (html.includes("</head>")) {
+    injectedHtml = html.replace("</head>", `${script}</head>`);
+  } else if (html.includes("<body")) {
+    injectedHtml = html.replace(/<body([^>]*)>/, `<body$1>${script}`);
+  } else {
+    injectedHtml = script + html;
+  }
+  return new Response(injectedHtml, {
+    status: response.status,
+    statusText: response.statusText,
+    headers: response.headers
+  });
+}
+function handleI18nEndpoint(pathname, translations, chunkManifest) {
+  if (!pathname.startsWith(I18N_ENDPOINT_PREFIX)) {
+    return null;
+  }
+  const path = pathname.slice(I18N_ENDPOINT_PREFIX.length);
+  const match = path.match(/^([^/]+)\/(.+)\.([a-z0-9]+)\.js$/);
+  if (!match) {
+    return new Response("/* invalid i18n path */", {
+      status: 400,
+      headers: { "Content-Type": "application/javascript" }
+    });
+  }
+  const [, _locale, chunkId, requestedHash] = match;
+  const keys = chunkManifest[chunkId];
+  if (!keys) {
+    return new Response(`/* chunk not found: ${chunkId} */`, {
+      status: 404,
+      headers: { "Content-Type": "application/javascript" }
+    });
+  }
+  const actualHash = computeChunkHash(translations, keys);
+  if (requestedHash !== actualHash) {
+    console.warn(`[i18n] hash mismatch for ${chunkId}: expected ${actualHash}, got ${requestedHash}`);
+  }
+  const chunkTranslations = {};
+  for (const key of keys) {
+    if (translations[key]) {
+      chunkTranslations[key] = translations[key];
+    }
+  }
+  const js = `/* @astroscope/i18n chunk: ${chunkId} */
+(function() {
+  window.__i18n__ = window.__i18n__ || {};
+  Object.assign(window.__i18n__, ${JSON.stringify(chunkTranslations)});
+})();
+`;
+  return new Response(js, {
+    status: 200,
+    headers: {
+      "Content-Type": "application/javascript",
+      // immutable cache - hash in URL ensures cache busting
+      "Cache-Control": "public, max-age=31536000, immutable"
+    }
+  });
+}
+function createI18nMiddleware(options) {
+  const { locales, defaultLocale, fallback, cms, detectLocale, chunkManifest } = options;
+  return async (ctx, next) => {
+    const pathname = new URL(ctx.request.url).pathname;
+    const locale = detectLocale ? detectLocale(ctx.request) : ctx.currentLocale ?? defaultDetectLocale(ctx.request, locales, defaultLocale);
+    let raw = translationCache.get(locale);
+    if (!raw) {
+      raw = await cms.fetch(locale, []);
+      translationCache.set(locale, raw);
+      if (chunkManifest) {
+        const hashes = computeAllChunkHashes(raw, chunkManifest);
+        hashCache.set(locale, hashes);
+      }
+    }
+    if (chunkManifest && pathname.startsWith(I18N_ENDPOINT_PREFIX)) {
+      const endpointResponse = handleI18nEndpoint(pathname, raw, chunkManifest);
+      if (endpointResponse) {
+        return endpointResponse;
+      }
+    }
+    const translations = compileTranslations(locale, raw);
+    const context = {
+      locale,
+      translations,
+      fallback,
+      meta: {}
+    };
+    setContext(context);
+    try {
+      const response = await next();
+      let script;
+      if (chunkManifest) {
+        const hashes = hashCache.get(locale) || {};
+        script = generateI18nHashScript(locale, hashes, fallback);
+      } else {
+        script = generateI18nFullScript(locale, raw, fallback);
+      }
+      const injectedResponse = await injectI18nScript(response, script);
+      return injectedResponse;
+    } finally {
+      clearContext();
+    }
+  };
+}
+function getCachedTranslations(locale) {
+  return translationCache.get(locale);
+}
+function clearTranslationCache(locale) {
+  if (locale) {
+    translationCache.delete(locale);
+    hashCache.delete(locale);
+  } else {
+    translationCache.clear();
+    hashCache.clear();
+  }
+}
+
+export {
+  computeChunkHash,
+  computeAllChunkHashes,
+  createI18nEndpoint,
+  createI18nMiddleware,
+  getCachedTranslations,
+  clearTranslationCache
+};

package/dist/chunk-NHHTSFA7.js

@@ -0,0 +1,237 @@
+import {
+  runWithContext
+} from "./chunk-JJBBY2GR.js";
+import {
+  compileTranslations
+} from "./chunk-KNDYKTHE.js";
+
+// src/extraction/hash.ts
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash).toString(36).substring(0, 8);
+}
+function computeChunkHash(translations, keys) {
+  const relevantTranslations = {};
+  for (const key of keys.sort()) {
+    if (translations[key]) {
+      relevantTranslations[key] = translations[key];
+    }
+  }
+  return hashString(JSON.stringify(relevantTranslations));
+}
+function computeAllChunkHashes(translations, manifest) {
+  const hashes = {};
+  for (const [chunkId, keys] of Object.entries(manifest)) {
+    hashes[chunkId] = computeChunkHash(translations, keys);
+  }
+  return hashes;
+}
+
+// src/server/i18n.ts
+var I18nSingleton = class {
+  config = null;
+  rawCache = /* @__PURE__ */ new Map();
+  compiledCache = /* @__PURE__ */ new Map();
+  chunkManifest = null;
+  hashCache = /* @__PURE__ */ new Map();
+  configure(config) {
+    this.config = config;
+  }
+  getConfig() {
+    return this.config;
+  }
+  getDefaultLocale() {
+    return this.config?.defaultLocale ?? this.config?.locales[0];
+  }
+  getFallbackBehavior() {
+    return this.config?.fallback ?? "fallback";
+  }
+  setTranslations(locale, raw) {
+    this.rawCache.set(locale, raw);
+    this.compiledCache.set(locale, compileTranslations(locale, raw));
+    this.hashCache.delete(locale);
+    if (this.chunkManifest) {
+      this.hashCache.set(locale, computeAllChunkHashes(raw, this.chunkManifest));
+    }
+  }
+  getTranslations(locale) {
+    return this.rawCache.get(locale);
+  }
+  getCompiledTranslations(locale) {
+    return this.compiledCache.get(locale);
+  }
+  setChunkManifest(manifest) {
+    this.chunkManifest = manifest;
+    for (const [locale, raw] of this.rawCache) {
+      this.hashCache.set(locale, computeAllChunkHashes(raw, manifest));
+    }
+  }
+  getChunkManifest() {
+    return this.chunkManifest;
+  }
+  getHashes(locale) {
+    return this.hashCache.get(locale);
+  }
+  /**
+   * Clear translations for specified locale(s).
+   * @param locales - Locale(s) to clear, or all if not specified
+   */
+  clear(locales) {
+    const targets = this.resolveLocales(locales);
+    for (const locale of targets) {
+      this.rawCache.delete(locale);
+      this.compiledCache.delete(locale);
+      this.hashCache.delete(locale);
+    }
+  }
+  resolveLocales(locales) {
+    if (!locales) return this.config?.locales ?? [];
+    if (typeof locales === "string") return [locales];
+    return locales;
+  }
+};
+var i18n = new I18nSingleton();
+
+// src/server/middleware.ts
+var I18N_ENDPOINT_PREFIX = "/_i18n/";
+function detectLocale(request) {
+  const config = i18n.getConfig();
+  if (!config) return void 0;
+  const { locales } = config;
+  const acceptLanguage = request.headers.get("accept-language");
+  if (!acceptLanguage) return void 0;
+  const preferred = acceptLanguage.split(",").map((part) => {
+    const [lang, q = "q=1"] = part.trim().split(";");
+    return {
+      lang: lang.split("-")[0].toLowerCase(),
+      q: parseFloat(q.replace("q=", ""))
+    };
+  }).sort((a, b) => b.q - a.q);
+  for (const { lang } of preferred) {
+    if (locales.includes(lang)) {
+      return lang;
+    }
+  }
+  return void 0;
+}
+function generateI18nHashScript(locale, hashes) {
+  const state = { locale, hashes, translations: {} };
+  return `<script>window.__i18n__=${JSON.stringify(state)};</script>`;
+}
+function generateI18nFullScript(locale, raw) {
+  const state = { locale, hashes: {}, translations: raw };
+  return `<script>window.__i18n__=${JSON.stringify(state)};</script>`;
+}
+async function injectI18nScript(response, script) {
+  const contentType = response.headers.get("content-type");
+  if (!contentType?.includes("text/html")) {
+    return response;
+  }
+  const html = await response.text();
+  let injectedHtml;
+  if (html.includes("</head>")) {
+    injectedHtml = html.replace("</head>", `${script}</head>`);
+  } else if (html.includes("<body")) {
+    injectedHtml = html.replace(/<body([^>]*)>/, `<body$1>${script}`);
+  } else {
+    injectedHtml = script + html;
+  }
+  return new Response(injectedHtml, {
+    status: response.status,
+    statusText: response.statusText,
+    headers: response.headers
+  });
+}
+function parseI18nEndpointPath(pathname) {
+  if (!pathname.startsWith(I18N_ENDPOINT_PREFIX)) {
+    return null;
+  }
+  const path = pathname.slice(I18N_ENDPOINT_PREFIX.length);
+  const match = path.match(/^([^/]+)\/(.+)\.([a-z0-9]+)\.js$/);
+  if (!match) {
+    return null;
+  }
+  return { locale: match[1], chunkName: match[2], hash: match[3] };
+}
+function handleI18nEndpoint(chunkName, requestedHash, translations, chunkManifest) {
+  const keys = chunkManifest[chunkName];
+  if (!keys) {
+    return new Response(`/* chunk not found: ${chunkName} */`, {
+      status: 404,
+      headers: { "Content-Type": "application/javascript" }
+    });
+  }
+  const actualHash = computeChunkHash(translations, keys);
+  if (requestedHash !== actualHash) {
+    console.warn(`[i18n] hash mismatch for ${chunkName}: expected ${actualHash}, got ${requestedHash}`);
+  }
+  const chunkTranslations = {};
+  for (const key of keys) {
+    if (translations[key]) {
+      chunkTranslations[key] = translations[key];
+    }
+  }
+  const js = `/* @astroscope/i18n chunk: ${chunkName} */
+(function() {
+  var i = window.__i18n__;
+  if (i) Object.assign(i.translations, ${JSON.stringify(chunkTranslations)});
+})();
+`;
+  return new Response(js, {
+    status: 200,
+    headers: {
+      "Content-Type": "application/javascript",
+      "Cache-Control": "public, max-age=31536000, immutable"
+    }
+  });
+}
+function createI18nMiddleware(options) {
+  return async (ctx, next) => {
+    const config = i18n.getConfig();
+    if (!config) {
+      throw new Error("i18n not configured. Call i18n.configure() before using i18nMiddleware.");
+    }
+    const pathname = new URL(ctx.request.url).pathname;
+    const chunkManifest = i18n.getChunkManifest();
+    if (chunkManifest) {
+      const endpointParams = parseI18nEndpointPath(pathname);
+      if (endpointParams) {
+        const { locale: urlLocale, chunkName, hash } = endpointParams;
+        const endpointRaw = i18n.getTranslations(urlLocale) ?? {};
+        return handleI18nEndpoint(chunkName, hash, endpointRaw, chunkManifest);
+      }
+    }
+    const locale = options.locale(ctx);
+    const compiled = i18n.getCompiledTranslations(locale) ?? {};
+    const raw = i18n.getTranslations(locale) ?? {};
+    const context = {
+      locale,
+      translations: compiled,
+      fallback: i18n.getFallbackBehavior(),
+      meta: {}
+    };
+    return runWithContext(context, async () => {
+      const response = await next();
+      let script;
+      const hasChunkManifest = chunkManifest && Object.keys(chunkManifest).length > 0;
+      if (hasChunkManifest) {
+        const hashes = i18n.getHashes(locale) ?? {};
+        script = generateI18nHashScript(locale, hashes);
+      } else {
+        script = generateI18nFullScript(locale, raw);
+      }
+      return injectI18nScript(response, script);
+    });
+  };
+}
+
+export {
+  i18n,
+  detectLocale,
+  createI18nMiddleware
+};

package/dist/chunk-NTTXM7AG.js

@@ -0,0 +1,23 @@
+import {
+  buildI18nChunkUrl
+} from "./chunk-OFNFSDW3.js";
+
+// src/client-directives/utils.ts
+async function loadI18nForChunk(el) {
+  const componentUrl = el.getAttribute("component-url");
+  if (!componentUrl) return;
+  const chunkId = componentUrl.replace(/^\//, "").replace(/\.js$/, "");
+  const hash = window.__i18n_hashes__?.[chunkId];
+  const locale = window.__i18n_locale__ || "en";
+  if (hash) {
+    const url = buildI18nChunkUrl(locale, chunkId, hash);
+    await import(
+      /* @vite-ignore */
+      url
+    );
+  }
+}
+
+export {
+  loadI18nForChunk
+};

package/dist/chunk-NZFAVJXR.js

@@ -0,0 +1,192 @@
+import {
+  clearContext,
+  compileTranslations,
+  setContext
+} from "./chunk-KNONI6DP.js";
+
+// src/i18n-endpoint.ts
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash).toString(36).substring(0, 8);
+}
+function computeChunkHash(translations, keys) {
+  const relevantTranslations = {};
+  for (const key of keys.sort()) {
+    if (translations[key]) {
+      relevantTranslations[key] = translations[key];
+    }
+  }
+  return hashString(JSON.stringify(relevantTranslations));
+}
+function computeAllChunkHashes(translations, manifest) {
+  const hashes = {};
+  for (const [chunkId, keys] of Object.entries(manifest)) {
+    hashes[chunkId] = computeChunkHash(translations, keys);
+  }
+  return hashes;
+}
+function createI18nEndpoint(options) {
+  const { cms, manifest } = options;
+  const translationCache2 = /* @__PURE__ */ new Map();
+  return async ({ params }) => {
+    const { path } = params;
+    if (!path) {
+      return new Response("Not found", { status: 404 });
+    }
+    const match = path.match(/^([^/]+)\/(.+)\.([a-z0-9]+)\.js$/);
+    if (!match) {
+      return new Response("Invalid path", { status: 400 });
+    }
+    const [, locale, chunkId, requestedHash] = match;
+    const keys = manifest[chunkId];
+    if (!keys) {
+      return new Response(`/* chunk not found: ${chunkId} */`, {
+        status: 404,
+        headers: { "Content-Type": "application/javascript" }
+      });
+    }
+    let translations = translationCache2.get(locale);
+    if (!translations) {
+      translations = await cms.fetch(locale, []);
+      translationCache2.set(locale, translations);
+    }
+    const actualHash = computeChunkHash(translations, keys);
+    if (requestedHash !== actualHash) {
+      console.warn(`[i18n] hash mismatch for ${chunkId}: expected ${actualHash}, got ${requestedHash}`);
+    }
+    const chunkTranslations = {};
+    for (const key of keys) {
+      if (translations[key]) {
+        chunkTranslations[key] = translations[key];
+      }
+    }
+    const js = `/* @astroscope/i18n chunk: ${chunkId} */
+(function() {
+  window.__i18n__ = window.__i18n__ || {};
+  Object.assign(window.__i18n__, ${JSON.stringify(chunkTranslations)});
+})();
+`;
+    return new Response(js, {
+      status: 200,
+      headers: {
+        "Content-Type": "application/javascript",
+        // immutable cache - hash in URL ensures cache busting
+        "Cache-Control": "public, max-age=31536000, immutable"
+      }
+    });
+  };
+}
+
+// src/middleware.ts
+function defaultDetectLocale(request, locales, defaultLocale) {
+  const acceptLanguage = request.headers.get("accept-language");
+  if (!acceptLanguage) {
+    return defaultLocale;
+  }
+  const preferred = acceptLanguage.split(",").map((part) => {
+    const [lang, q = "q=1"] = part.trim().split(";");
+    return {
+      lang: lang.split("-")[0].toLowerCase(),
+      q: parseFloat(q.replace("q=", ""))
+    };
+  }).sort((a, b) => b.q - a.q);
+  for (const { lang } of preferred) {
+    if (locales.includes(lang)) {
+      return lang;
+    }
+  }
+  return defaultLocale;
+}
+var translationCache = /* @__PURE__ */ new Map();
+var hashCache = /* @__PURE__ */ new Map();
+function generateI18nHashScript(locale, hashes, fallback) {
+  const fallbackValue = typeof fallback === "function" ? "example" : fallback;
+  return `<script>window.__i18n_locale__=${JSON.stringify(locale)};window.__i18n_fallback__=${JSON.stringify(fallbackValue)};window.__i18n_hashes__=${JSON.stringify(hashes)};window.__i18n__=window.__i18n__||{};</script>`;
+}
+function generateI18nFullScript(locale, raw, fallback) {
+  const fallbackValue = typeof fallback === "function" ? "example" : fallback;
+  return `<script>window.__i18n_locale__=${JSON.stringify(locale)};window.__i18n_fallback__=${JSON.stringify(fallbackValue)};window.__i18n__=${JSON.stringify(raw)};</script>`;
+}
+async function injectI18nScript(response, script) {
+  const contentType = response.headers.get("content-type");
+  if (!contentType?.includes("text/html")) {
+    return response;
+  }
+  const html = await response.text();
+  let injectedHtml;
+  if (html.includes("</head>")) {
+    injectedHtml = html.replace("</head>", `${script}</head>`);
+  } else if (html.includes("<body")) {
+    injectedHtml = html.replace(/<body([^>]*)>/, `<body$1>${script}`);
+  } else {
+    injectedHtml = script + html;
+  }
+  return new Response(injectedHtml, {
+    status: response.status,
+    statusText: response.statusText,
+    headers: response.headers
+  });
+}
+function createI18nMiddleware(options) {
+  const { locales, defaultLocale, fallback, cms, detectLocale, chunkManifest } = options;
+  return async (ctx, next) => {
+    const locale = detectLocale ? detectLocale(ctx.request) : ctx.currentLocale ?? defaultDetectLocale(ctx.request, locales, defaultLocale);
+    let raw = translationCache.get(locale);
+    if (!raw) {
+      raw = await cms.fetch(locale, []);
+      translationCache.set(locale, raw);
+      if (chunkManifest) {
+        const hashes = computeAllChunkHashes(raw, chunkManifest);
+        hashCache.set(locale, hashes);
+      }
+    }
+    const translations = compileTranslations(locale, raw);
+    const context = {
+      locale,
+      translations,
+      fallback,
+      meta: {}
+    };
+    setContext(context);
+    try {
+      const response = await next();
+      let script;
+      if (chunkManifest) {
+        const hashes = hashCache.get(locale) || {};
+        script = generateI18nHashScript(locale, hashes, fallback);
+      } else {
+        script = generateI18nFullScript(locale, raw, fallback);
+      }
+      const injectedResponse = await injectI18nScript(response, script);
+      return injectedResponse;
+    } finally {
+      clearContext();
+    }
+  };
+}
+function getCachedTranslations(locale) {
+  return translationCache.get(locale);
+}
+function clearTranslationCache(locale) {
+  if (locale) {
+    translationCache.delete(locale);
+    hashCache.delete(locale);
+  } else {
+    translationCache.clear();
+    hashCache.clear();
+  }
+}
+
+export {
+  computeChunkHash,
+  computeAllChunkHashes,
+  createI18nEndpoint,
+  createI18nMiddleware,
+  getCachedTranslations,
+  clearTranslationCache
+};