@eachlang/tanstack 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,22 @@
-# Temporary Holding Version
+# @eachlang/tanstack
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Eachlang for TanStack Start (Lovable): server-side translations (no `fs`, Cloudflare Workers safe) with fail-open fallbacks, missing-string reports, hreflang helpers and an accessible language switcher.
+
+```bash
+npm i @eachlang/tanstack
+```
+
+```js
+// src/eachlang.functions.ts  (not *.server.ts: TanStack Start blocks importing those from client code)
+import { createServerFn } from '@tanstack/react-start';
+import { createEachlang } from '@eachlang/tanstack/server';
+let e; const client = () => (e ??= createEachlang({ ...cfg, apiBase: process.env.EACHLANG_API_BASE }));
+export const loadTranslations = createServerFn({ method: 'GET' }).handler(async ({ data }) => client().getTranslations(data.lang));
+export const reportMissingFn = createServerFn({ method: 'POST' }).handler(async ({ data }) => { await client().reportMissing(data.lang, data.keys, data.path); });
+```
+
+- `@eachlang/tanstack/server`: `createEachlang(cfg, { snapshots? })`. Use only inside server functions or server routes.
+- `@eachlang/tanstack`: `makeT`, `hreflangLinks`, `alternatesList(cfg, path, tr)`, `localePath`, `LanguageSwitcher`, `EachlangProvider`, `useT`, `useLang`.
+- `@eachlang/tanstack/switcher.css`: optional neutral switcher styles.
+
+Setup is meant to be done by your coding agent with the Eachlang setup prompt: https://eachlang.com

package/package.json

@@ -1,6 +1,43 @@
 {
   "name": "@eachlang/tanstack",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Eachlang for TanStack Start: server-side translations (Workers-safe, no fs) (manifest/bundle, fail-open), missing-string reports, hreflang helpers and the language switcher.",
+  "keywords": [
+    "i18n",
+    "translation",
+    "localization",
+    "eachlang",
+    "tanstack-start",
+    "tanstack-router",
+    "react",
+    "cloudflare-workers"
+  ],
+  "homepage": "https://eachlang.com",
+  "license": "MIT",
+  "author": "Eachlang",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.js",
+    "./server": "./src/server.js",
+    "./switcher.css": "./src/switcher.css",
+    "./client": "./src/client.js"
+  },
+  "files": [
+    "src"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "@eachlang/switcher": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/client.js

@@ -0,0 +1,66 @@
+// generated by build.mjs from paketler/cekirdek/react.js, do not edit
+'use client';
+// Eachlang istemci bağlamı (T253): EachlangProvider + useT. @eachlang/next ve @eachlang/tanstack bu dosyanın
+// kopyasını src/client.js olarak taşır (build.mjs). Hook'lar yalnız bağlam okur; çeviri render sırasında, saf
+// (sunucu ve istemci aynı HTML'i üretir, hidrasyon uyuşmazlığı yok). useEffect yalnız eksik metni BİLDİRİR.
+//  <EachlangProvider lang strings sourceLang? onMissing? path? images? siteUrl?>
+//   images: getTranslations(lang).images (T234); useImg() → img(src) dile özgü görsel adresi.
+//   onMissing({ lang, keys, path }): Next'te Server Action, TanStack'te createServerFn. Beklenmez (await yok);
+//   path verilmezse location.pathname (önekli) gider.
+//   sunucu tarafı reportMissing'i bekler (B1). Kaynak dilde ve onMissing yoksa metin toplanmaz.
+import { createContext, createElement, useContext, useEffect, useMemo, useRef } from 'react';
+import { makeT, makeImg } from './core.js';
+
+const Ctx = createContext(null);
+const has = (o, k) => !!o && Object.prototype.hasOwnProperty.call(o, k) && !!o[k];
+
+export function EachlangProvider({ lang, strings, sourceLang, onMissing, path, images, siteUrl, children }) {
+  const ref = useRef(null);
+  if (!ref.current) ref.current = { kume: new Set(), zaman: null };
+  const son = useRef(onMissing); son.current = onMissing;
+  const value = useMemo(() => {
+    const r = ref.current;
+    // Toplanan metinler useT kullanan bileşenlerin efektinden sonra tek istekte gönderilir (istemci geçişinde de).
+    const flush = () => {
+      if (r.zaman || typeof window === 'undefined') return;
+      r.zaman = setTimeout(() => {
+        r.zaman = null;
+        if (!r.kume.size || typeof son.current !== 'function') return;
+        const keys = [...r.kume].slice(0, 50);
+        for (const k of keys) r.kume.delete(k);
+        const p = path || window.location.pathname;
+        try { const x = son.current({ lang, keys, path: p }); if (x && typeof x.catch === 'function') x.catch(() => {}); } catch {}
+      }, 0);
+    };
+    return { lang, strings: strings || {}, images, siteUrl, kume: r.kume, flush, collect: typeof onMissing === 'function' && !!lang && lang !== sourceLang };
+  }, [lang, strings, sourceLang, path, images, siteUrl, typeof onMissing === 'function']);
+  return createElement(Ctx.Provider, { value }, children);
+}
+
+/** t(src, vars): önce çeviri, sonra {ad} (B5). Provider yoksa kaynak metin. */
+export function useT() {
+  const c = useContext(Ctx);
+  const t = useMemo(() => {
+    const strings = c ? c.strings : {};
+    const ceviri = makeT(strings, { collect: false });
+    return (src, vars) => {
+      const s = src == null ? '' : String(src);
+      if (c && c.collect && s && !has(strings, s)) c.kume.add(s);
+      return ceviri(s, vars);
+    };
+  }, [c]);
+  useEffect(() => { if (c && c.collect && c.kume.size) c.flush(); });
+  return t;
+}
+
+/** T234: img(src) → dile özgü görsel adresi (Provider images); eşleme yoksa src aynen. */
+export function useImg() {
+  const c = useContext(Ctx);
+  return useMemo(() => makeImg(c ? c.images : null, { siteUrl: c ? c.siteUrl : undefined }), [c]);
+}
+
+/** Geçerli dil (Provider'dan). */
+export function useLang() {
+  const c = useContext(Ctx);
+  return c ? c.lang : undefined;
+}

package/src/core.js

@@ -0,0 +1,241 @@
+// generated by build.mjs from paketler/cekirdek/cekirdek.js, do not edit
+// Eachlang çeviri çekirdeği (T232). Çatıdan bağımsız; @eachlang/next ve @eachlang/tanstack bu dosyanın
+// birebir kopyasını taşır (her paketin build.mjs'i src/core.js'e kopyalar, --check ayrışmayı yakalar).
+// Kaynak: spike/t74/next/lib/eachlang.js (T74, B1/B2/B5/B8). Kaynak doğrusu bu dosyadır; kopyaları elle düzenleme.
+//
+// Kural: hiçbir durumda hata fırlatmaz. Sıra: API -> son bilinen (bellek) -> anlık görüntü -> kaynak metin.
+// Sözleşme: api/README.md (GET manifest, GET bundle/{lang}?v=N, POST missing).
+
+const VARSAYILAN = { timeoutMs: 800, missingTimeoutMs: 5000, manifestTtlMs: 60_000, apiBase: 'https://api.eachlang.com' };
+
+function yolTemizle(p) {
+  const s = typeof p === 'string' && p ? p : '/';
+  return s.startsWith('/') ? s : '/' + s;
+}
+
+/** Yapılandırmayı doğrular ve varsayılanları doldurur. Hata fırlatmaz; eksik alanı uyarı listesine yazar. */
+export function normalizeConfig(cfg = {}) {
+  const c = { ...VARSAYILAN, ...cfg };
+  c.targetLangs = Array.isArray(c.targetLangs) ? c.targetLangs.filter((l) => l && l !== c.sourceLang) : [];
+  c.siteUrl = String(c.siteUrl || '').replace(/\/+$/, '');
+  c.apiBase = String(c.apiBase).replace(/\/+$/, '');
+  c.uyarilar = [];
+  if (!c.sourceLang) c.uyarilar.push('sourceLang yok');
+  if (!c.publicKey) c.uyarilar.push('publicKey yok');
+  if (!c.siteUrl) c.uyarilar.push('siteUrl yok (hreflang mutlak olmaz)');
+  return c;
+}
+
+/** Kaynak dil öneksiz; hedef dil /{lang}/… */
+export function localePath(cfg, lang, p = '/') {
+  const clean = yolTemizle(p);
+  return !lang || lang === cfg.sourceLang ? clean : `/${lang}${clean === '/' ? '' : clean}`;
+}
+
+// Durum: boolean (paused) ya da getTranslations sonucu { status, languages }. Nesne verilirse yalnız ETKİN hedef
+// diller (manifest languages[] ∩ targetLangs) listelenir; Pause'da yalnız kaynak dil. (T253: istem tr'yi doğrudan verir.)
+function etkinDiller(cfg, durum) {
+  if (durum && typeof durum === 'object') {
+    if (durum.status === 'paused') return [];
+    return Array.isArray(durum.languages) ? cfg.targetLangs.filter((l) => durum.languages.includes(l)) : cfg.targetLangs;
+  }
+  return durum ? [] : cfg.targetLangs;
+}
+
+/** Next metadata biçimi: { canonical, languages: { tr, en, …, 'x-default' } }. Pause'da yalnız kaynak dil. */
+export function alternates(cfg, lang, p, durum) {
+  const abs = (l) => cfg.siteUrl + localePath(cfg, l, p);
+  const hedef = etkinDiller(cfg, durum);
+  const languages = { [cfg.sourceLang]: abs(cfg.sourceLang) };
+  for (const l of hedef) languages[l] = abs(l);
+  languages['x-default'] = abs(cfg.sourceLang);
+  return { canonical: abs(lang && hedef.includes(lang) ? lang : cfg.sourceLang), languages };
+}
+
+/** TanStack biçimi: tek [{ lang, href }] listesi (head() hreflang ve seçici aynı listeyi kullanır). */
+export function alternatesList(cfg, p, durum) {
+  return [cfg.sourceLang, ...etkinDiller(cfg, durum)].map((lang) => ({ lang, href: cfg.siteUrl + localePath(cfg, lang, p) }));
+}
+
+/** [{ lang, href }] -> <link rel="alternate" hreflang> nesneleri (+ x-default = ilk öğe, kaynak dil). */
+export function hreflangLinks(list) {
+  if (!Array.isArray(list) || !list.length) return [];
+  return [...list.map((a) => ({ rel: 'alternate', hrefLang: a.lang, href: a.href })),
+    { rel: 'alternate', hrefLang: 'x-default', href: list[0].href }];
+}
+
+// B5 (74 §1): yer tutucu anahtarın içinde: t("{count} in cart", { count }). Önce çeviri bulunur, sonra {ad}
+// değerleri yerleştirilir; değeri verilmeyen yer tutucu olduğu gibi kalır.
+// t.missing: bu t ile istenip çevirisi bulunamayan kaynak metinler (reportMissing'e verilir). Kaynak dilde
+// ya da Pause'da makeT(strings, { collect: false }) kullan (eksik sayılmaz).
+export function makeT(strings, { collect = true } = {}) {
+  const eksik = new Set();
+  const t = (src, vars) => {
+    const s = src == null ? '' : String(src);
+    const bulunan = strings && Object.prototype.hasOwnProperty.call(strings, s) && strings[s];
+    if (!bulunan && collect && s) eksik.add(s);
+    const metin = bulunan || s;
+    if (!vars) return metin;
+    return metin.replace(/\{(\w+)\}/g, (m, ad) => (Object.prototype.hasOwnProperty.call(vars, ad) ? String(vars[ad]) : m));
+  };
+  Object.defineProperty(t, 'missing', { get: () => [...eksik] });
+  return t;
+}
+
+// T234: dil başına görsel adresi. images = manifest `images[lang]` ({ anahtar: yeniUrl }); anahtar kuralı API ile aynı
+// (api/src/gorseller.js): kök göreli yol ya da mutlak http(s), parça atılır; sırayla sorgulu mutlak, sorgusuz mutlak,
+// (siteUrl ile aynı kökense) sorgulu yol, sorgusuz yol aranır. Eşleme yoksa src olduğu gibi döner (biçimi korunur).
+// Yeni adres yalnız kök göreli yol ya da http(s) ise kullanılır. img(src) asla hata fırlatmaz.
+const IMG_TABAN = 'https://eachlang.invalid';
+function imgDegerGecerli(v) {
+  return typeof v === 'string' && v.length <= 2048 && !/\s/.test(v) && ((v.startsWith('/') && !v.startsWith('//')) || /^https?:\/\/[^/]/i.test(v));
+}
+export function makeImg(images, { siteUrl } = {}) {
+  const h = images && typeof images === 'object' && !Array.isArray(images) ? images : null;
+  const has = (k) => Object.prototype.hasOwnProperty.call(h, k);
+  return (src) => {
+    if (!h || typeof src !== 'string' || !src) return src;
+    let u, koken = null;
+    try { koken = siteUrl ? new URL(siteUrl).origin : null; } catch {}
+    try { u = new URL(src, koken || IMG_TABAN); } catch { return src; }
+    if (u.protocol !== 'http:' && u.protocol !== 'https:') return src;
+    u.hash = '';
+    const goreli = u.origin === (koken || IMG_TABAN);
+    const mutlak = u.toString();
+    const adaylar = [];
+    if (!goreli || koken) adaylar.push(mutlak, mutlak.slice(0, mutlak.length - u.search.length));
+    if (goreli) adaylar.push(u.pathname + u.search, u.pathname);
+    for (const a of adaylar) if (has(a) && imgDegerGecerli(h[a])) return h[a];
+    return src;
+  };
+}
+
+/**
+ * createEachlang(cfg, secenek): sunucu tarafı istemci.
+ *  secenek.fetch        : fetch uygulaması (varsayılan globalThis.fetch; testte sahte)
+ *  secenek.fetchInit    : her isteğe eklenecek alanlar (Next: { cache: 'no-store' }; Workers'ta verme)
+ *  secenek.readSnapshot : async (lang) => { version?, strings } | null  (repo anlık görüntüsü)
+ *  secenek.state        : önbellek nesnesi (varsayılan globalThis.__eachlang[publicKey])
+ *  secenek.now          : () => ms (test)
+ */
+export function createEachlang(cfgIn, secenek = {}) {
+  const cfg = normalizeConfig(cfgIn);
+  const fetchFn = secenek.fetch || ((...a) => globalThis.fetch(...a));
+  const ek = secenek.fetchInit || {};
+  const now = secenek.now || Date.now;
+  const readSnapshot = secenek.readSnapshot || (async () => null);
+  const kok = (globalThis.__eachlang ??= {});
+  const mem = secenek.state || (kok[cfg.publicKey || '_'] ??= { manifest: null, manifestAt: 0, bundles: {} });
+  const taban = `${cfg.apiBase}/v1/p/${cfg.publicKey}`;
+
+  async function getJSON(url) {
+    const r = await fetchFn(url, { ...ek, signal: AbortSignal.timeout(cfg.timeoutMs) });
+    if (!r.ok) throw new Error('http ' + r.status);
+    return r.json();
+  }
+
+  async function snapshot(lang) {
+    try { return (await readSnapshot(lang)) || null; } catch { return null; }
+  }
+
+  async function getManifest() {
+    if (mem.manifest && now() - mem.manifestAt < cfg.manifestTtlMs) return { ...mem.manifest, from: 'cache' };
+    try {
+      const m = await getJSON(`${taban}/manifest`);
+      if (!m || typeof m !== 'object') throw new Error('bad manifest');
+      // frozen dışarıya paused olarak görünür (T74 F5); bilinmeyen durum active sayılır (fail-open).
+      const status = m.status === 'paused' || m.status === 'frozen' ? 'paused' : 'active';
+      const version = Number.isInteger(m.version) ? m.version : null;
+      mem.manifest = { ...m, status, version }; mem.manifestAt = now();
+      return { ...mem.manifest, from: 'api' };
+    } catch (e) {
+      // API yok: son bilinen manifest; o da yoksa "active" varsay (fail-open). Pause yalnız API açıkça söylerse.
+      return mem.manifest ? { ...mem.manifest, from: 'stale' } : { status: 'active', version: null, from: 'none', error: String(e && e.message) };
+    }
+  }
+
+  // Etkin hedef diller: manifest languages[] ∩ targetLangs. Manifest dil listesi vermezse (API yok, eski yanıt)
+  // targetLangs (kesinti dil kapatmaz; son bilinen manifest önce gelir). Pause'da [].
+  function aktif(m) {
+    if (m.status === 'paused') return [];
+    return Array.isArray(m.languages) ? cfg.targetLangs.filter((l) => m.languages.includes(l)) : [...cfg.targetLangs];
+  }
+
+  async function getTranslations(lang) {
+    const m = await getManifest(); // kaynak dilde de bakılır: Pause'da hreflang hedefleri kalkar
+    const sonuc = await ceviri(lang, m);
+    // T234: dilin görsel eşlemesi (manifest images[lang]); kaynak dilde, Pause'da ve etkin olmayan dilde {}.
+    const im = sonuc.from !== 'source' && sonuc.status === 'active' && m.images && typeof m.images === 'object' ? m.images[sonuc.lang] : null;
+    const images = im && typeof im === 'object' && !Array.isArray(im) ? im : {};
+    return { ...sonuc, images, languages: aktif(m) };
+  }
+
+  async function ceviri(lang, m) {
+    const paused = m.status === 'paused';
+    if (!lang || lang === cfg.sourceLang) return { lang: cfg.sourceLang, status: paused ? 'paused' : 'active', strings: {}, from: 'source' };
+    if (!cfg.targetLangs.includes(lang)) return { lang, status: 'unknown', strings: {}, from: 'source' };
+    if (paused) return { lang, status: 'paused', strings: {}, from: m.from };
+    if (!aktif(m).includes(lang)) return { lang, status: 'inactive', strings: {}, from: m.from }; // T253: panelde kaldırılmış dil = 307
+    const have = mem.bundles[lang];
+    if (have && m.version != null && have.version === m.version) return { ...have, from: 'cache' };
+    // B8: version null (API'ye hiç ulaşılamadı ya da henüz yayım yok) iken bundle istenmez.
+    if (m.version != null) {
+      try {
+        const b = await getJSON(`${taban}/bundle/${encodeURIComponent(lang)}?v=${m.version}`);
+        if (b && b.status === 'paused') return { lang, status: 'paused', strings: {}, from: 'api' };
+        const strings = b && b.strings && typeof b.strings === 'object' ? b.strings : {};
+        mem.bundles[lang] = { lang, status: 'active', version: Number.isInteger(b.version) ? b.version : m.version, strings };
+        return { ...mem.bundles[lang], from: 'api' };
+      } catch {}
+    }
+    if (have) return { ...have, from: 'stale' };
+    const snap = await snapshot(lang);
+    if (snap) return { lang, status: 'active', version: snap.version ?? null, strings: snap.strings || {}, from: 'snapshot' };
+    return { lang, status: 'active', version: null, strings: {}, from: 'source' }; // kaynak metne düş
+  }
+
+  // B1/B2 (74 §1): eksik metin bildirimi sunucu tarafında BEKLENİR (Workers ve serverless yanıt gidince
+  // beklenmeyen fetch'i iptal eder); render yolunda çağrılmaz. Next: after(() => reportMissing(...)).
+  // Workers: ctx.waitUntil(reportMissing(...)). Zaman aşımı missingTimeoutMs (5000), timeoutMs değil.
+  // Yalnız 2xx sonrası true. Kaynak dilde ve Pause'da çağırma (çağrılırsa kaynak dilde false döner).
+  // Aynı (dil, metin) süreç başına bir kez gönderilir (API zaten "known" der; gereksiz istek ve hız sınırı yok).
+  // Hepsi daha önce bildirildiyse istek atılmaz ve true döner. Hata ya da 2xx dışı yanıtta işaretlenmez.
+  async function reportMissing(lang, keys, pagePath = '/') {
+    if (!lang || lang === cfg.sourceLang || !Array.isArray(keys)) return false;
+    const temiz = [...new Set(keys.filter((k) => typeof k === 'string' && k && k.length <= 2000))];
+    if (!temiz.length) return false;
+    const bil = (mem.bildirilen ??= new Set());
+    const strings = temiz.filter((k) => !bil.has(lang + '\u0000' + k)).slice(0, 50);
+    if (!strings.length) return true;
+    try {
+      const r = await fetchFn(`${taban}/missing`, {
+        ...ek, method: 'POST', headers: { 'content-type': 'application/json' },
+        body: JSON.stringify({ lang, path: yolTemizle(pagePath), strings }),
+        signal: AbortSignal.timeout(cfg.missingTimeoutMs),
+      });
+      if (r.ok) {
+        if (bil.size > 10_000) bil.clear(); // bellek tavanı
+        for (const k of strings) bil.add(lang + '\u0000' + k);
+      }
+      return r.ok;
+    } catch {
+      return false;
+    }
+  }
+
+  return {
+    config: cfg,
+    getManifest,
+    getTranslations,
+    reportMissing,
+    makeT,
+    /** T234: img(src) → dile özgü görsel adresi; images = getTranslations(lang).images */
+    makeImg: (images) => makeImg(images, { siteUrl: cfg.siteUrl }),
+    localePath: (lang, p) => localePath(cfg, lang, p),
+    alternates: (lang, p, durum) => alternates(cfg, lang, p, durum),
+    alternatesList: (p, durum) => alternatesList(cfg, p, durum),
+    hreflangLinks,
+    /** testler için: bellek önbelleğini boşalt */
+    _reset() { mem.manifest = null; mem.manifestAt = 0; mem.bundles = {}; mem.bildirilen = new Set(); },
+  };
+}

package/src/index.js

@@ -0,0 +1,5 @@
+// @eachlang/tanstack ana giriş: istemci ve sunucuda güvenli (hook yok, fs yok, ağ yok).
+// LanguageSwitcher @eachlang/switcher'dan yeniden dışa aktarılır (ISTEM_ADIMI kontrol listesi).
+export { LanguageSwitcher, languageOptions, languageName, isBeta } from '@eachlang/switcher/react';
+export { makeT, makeImg, hreflangLinks, normalizeConfig, localePath, alternatesList } from './core.js';
+export { EachlangProvider, useT, useImg, useLang } from './client.js'; // T253: 'use client' sınırı client.js'te

package/src/server.js

@@ -0,0 +1,14 @@
+// @eachlang/tanstack/server: yalnız sunucuda (createServerFn handler'ı, server route, Worker). İstemciye girmez:
+// istemciden yalnız createServerFn üzerinden çağır. fs kullanmaz (Cloudflare Workers'ta da çalışır).
+//  - anlık görüntü: secenek.snapshots = { de: { version, strings }, … } (ör. import snap from './eachlang/snapshot/de.json')
+//  - fetch varsayılan globalThis.fetch; cache alanı verilmez (eski Workers uyumluluk tarihlerinde hata verir).
+//  - B1/B2: reportMissing'i bekle (await) ya da Workers'ta ctx.waitUntil(reportMissing(...)).
+import { createEachlang as cekirdek } from './core.js';
+
+export function createEachlang(cfg = {}, secenek = {}) {
+  const { snapshots, ...geri } = secenek;
+  return cekirdek(cfg, {
+    readSnapshot: async (lang) => (snapshots && snapshots[lang]) || null,
+    ...geri,
+  });
+}

package/src/switcher.css

@@ -0,0 +1,44 @@
+/* generated by build.mjs from @eachlang/switcher (paketler/dil-secici/src/style.css), do not edit */
+/* İsteğe bağlı varsayılan stil (React ve HTML yolu). Marka dayatmaz: renk ve yazı tipi sitenin kendisinden
+   gelir; müşteri yalnız CSS değişkenlerini ezer. Tarayıcı betiği bu dosyaya ihtiyaç duymaz (CSSOM ile stil verir). */
+.eachlang-switcher__list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eachlang-switcher-gap, 0.75em);
+}
+.eachlang-switcher__link { color: var(--eachlang-switcher-link, inherit); }
+.eachlang-switcher__link[aria-current="true"] { font-weight: 600; }
+.eachlang-switcher__summary { cursor: pointer; }
+.eachlang-switcher--menu .eachlang-switcher__menu { position: relative; display: inline-block; }
+.eachlang-switcher--menu .eachlang-switcher__list {
+  position: absolute;
+  z-index: var(--eachlang-switcher-z, 50);
+  flex-direction: column;
+  gap: 0.25em;
+  min-width: 100%;
+  padding: var(--eachlang-switcher-pad, 0.4em 0.75em);
+  background: var(--eachlang-switcher-bg, Canvas);
+  color: var(--eachlang-switcher-fg, CanvasText);
+  border: 1px solid var(--eachlang-switcher-border, rgba(127, 127, 127, 0.35));
+  border-radius: var(--eachlang-switcher-radius, 8px);
+}
+.eachlang-switcher__link:focus-visible,
+.eachlang-switcher__summary:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
+/* T152: beta rozeti (diller.json kademe=beta, T215). Yalnız betaBadge / eachlang-switcher--beta ile görünür.
+   Metin CSS'te: HTML'de "beta" kelimesi yok (kalite kapısı yalnız dil adı görür, hidrasyon etkilenmez). */
+.eachlang-switcher--beta .eachlang-switcher__link[data-beta]::after {
+  content: var(--eachlang-switcher-beta, "beta");
+  margin-inline-start: 0.35em;
+  font-size: 0.7em;
+  opacity: 0.7;
+  vertical-align: super;
+}
+
+/* T276 ek: "Powered by Eachlang" rozeti (manifest badge:true). Sade, sitenin rengini alır; odak halkası görünür. */
+.eachlang-badge { margin: 12px 0 0; font: 12px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; text-align: center; }
+.eachlang-badge__link { color: inherit; opacity: 0.8; text-decoration: underline; text-underline-offset: 2px; }
+.eachlang-badge__link:hover { opacity: 1; }
+.eachlang-badge__link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 2px; opacity: 1; }