@celestia-island/hikari 0.55.193 → 0.55.194

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.193",
+  "version": "0.55.194",
   "private": false,
   "type": "module",
   "description": "Hikari UI library, Vue 3 runtime — one design system for Vue 3 and Rust/WASM applications",

package/src/components/HkTitleBar.test.tsx

@@ -6,6 +6,8 @@ import { compile } from "sass";
 import { afterEach, describe, expect, it } from "vitest";
 import { createApp, h, nextTick, ref } from "vue";
 
+import { setLocale } from "../i18n/context";
+
 import HkTitleBar from "./HkTitleBar";
 
 /**
@@ -83,6 +85,28 @@ describe("HkTitleBar", () => {
     const maximized = mount(h(HkTitleBar, { title: "App", maximized: true }));
     expect(maximized.querySelector('[title="Restore"]')).toBeTruthy();
   });
+
+  it("localizes the caption tooltips through the preset i18n keys", async () => {
+    // The bar is window chrome: its captions must follow the host's
+    // setLocale (the strings live in the preset locale bundles, not in
+    // props). en is the fallback locale a host that never calls
+    // setLocale gets — pinned here because the assertions above rely on
+    // the literals.
+    const windowed = mount(h(HkTitleBar, { title: "App", maximized: false }));
+    expect(windowed.querySelector('[title="Close"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="Minimize"]')).toBeTruthy();
+
+    await setLocale("zh-Hans");
+    await nextTick();
+    expect(windowed.querySelector('[title="最小化"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="最大化"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="关闭"]')).toBeTruthy();
+
+    await setLocale("en");
+    await nextTick();
+    expect(windowed.querySelector('[title="Maximize"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="关闭"]')).toBeNull();
+  });
 });
 
 describe("HkTitleBar stylesheet contract", () => {

package/src/components/HkTitleBar.tsx

@@ -1,4 +1,5 @@
 import { defineComponent, onBeforeUnmount, onMounted, ref } from "vue";
+import { useI18n } from "../i18n/context";
 
 import "./HkTitleBar.scss";
 
@@ -26,6 +27,12 @@ import "./HkTitleBar.scss";
  * component swaps the maximize/restore glyph and squares the close button's
  * window corner radius (a maximized frame has no rounded corner to follow)
  * — no shell probing inside.
+ *
+ * The caption tooltips (minimize / maximize / restore / close) resolve
+ * through the preset i18n keys (`hikari::titleBar.*`): the bar is window
+ * chrome, so it follows the host's `setLocale` instead of receiving copy
+ * through props — with the English strings as the t() fallback for hosts
+ * that never set a locale.
  */
 export default defineComponent({
   name: "HkTitleBar",
@@ -52,6 +59,7 @@ export default defineComponent({
     action: (_id: string) => true,
   },
   setup(props, { emit, slots }) {
+    const { t } = useI18n();
     return () => (
       <div
         class="hk-titlebar"
@@ -89,8 +97,8 @@ export default defineComponent({
             <button
               type="button"
               class="hk-titlebar-btn"
-              title="Minimize"
-              aria-label="Minimize"
+              title={t("hikari::titleBar.minimize", "Minimize")}
+              aria-label={t("hikari::titleBar.minimize", "Minimize")}
               onClick={(e: MouseEvent) => {
                 e.stopPropagation();
                 emit("minimize");
@@ -103,8 +111,8 @@ export default defineComponent({
             <button
               type="button"
               class="hk-titlebar-btn"
-              title={props.maximized ? "Restore" : "Maximize"}
-              aria-label={props.maximized ? "Restore" : "Maximize"}
+              title={props.maximized ? t("hikari::titleBar.restore", "Restore") : t("hikari::titleBar.maximize", "Maximize")}
+              aria-label={props.maximized ? t("hikari::titleBar.restore", "Restore") : t("hikari::titleBar.maximize", "Maximize")}
               onClick={(e: MouseEvent) => {
                 e.stopPropagation();
                 emit("toggle-maximize");
@@ -121,8 +129,8 @@ export default defineComponent({
             <button
               type="button"
               class="hk-titlebar-btn hk-titlebar-btn-close"
-              title="Close"
-              aria-label="Close"
+              title={t("hikari::titleBar.close", "Close")}
+              aria-label={t("hikari::titleBar.close", "Close")}
               onClick={(e: MouseEvent) => {
                 e.stopPropagation();
                 emit("close");

package/src/i18n/locales/ar/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "بحث",
   "hikari::search.clear": "مسح البحث",
   "hikari::search.apply": "تطبيق",
-  "hikari::statusBar.idle": "جاهز"
+  "hikari::statusBar.idle": "جاهز",
+  "hikari::titleBar.minimize": "تصغير",
+  "hikari::titleBar.maximize": "تكبير",
+  "hikari::titleBar.restore": "استعادة",
+  "hikari::titleBar.close": "إغلاق"
 }

package/src/i18n/locales/de/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Suchen",
   "hikari::search.clear": "Suche löschen",
   "hikari::search.apply": "Anwenden",
-  "hikari::statusBar.idle": "Bereit"
+  "hikari::statusBar.idle": "Bereit",
+  "hikari::titleBar.minimize": "Minimieren",
+  "hikari::titleBar.maximize": "Maximieren",
+  "hikari::titleBar.restore": "Wiederherstellen",
+  "hikari::titleBar.close": "Schließen"
 }

package/src/i18n/locales/en/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Search",
   "hikari::search.clear": "Clear search",
   "hikari::search.apply": "Apply",
-  "hikari::statusBar.idle": "Ready"
+  "hikari::statusBar.idle": "Ready",
+  "hikari::titleBar.minimize": "Minimize",
+  "hikari::titleBar.maximize": "Maximize",
+  "hikari::titleBar.restore": "Restore",
+  "hikari::titleBar.close": "Close"
 }

package/src/i18n/locales/es/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Buscar",
   "hikari::search.clear": "Borrar búsqueda",
   "hikari::search.apply": "Aplicar",
-  "hikari::statusBar.idle": "Listo"
+  "hikari::statusBar.idle": "Listo",
+  "hikari::titleBar.minimize": "Minimizar",
+  "hikari::titleBar.maximize": "Maximizar",
+  "hikari::titleBar.restore": "Restaurar",
+  "hikari::titleBar.close": "Cerrar"
 }

package/src/i18n/locales/fr/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Rechercher",
   "hikari::search.clear": "Effacer la recherche",
   "hikari::search.apply": "Appliquer",
-  "hikari::statusBar.idle": "Prêt"
+  "hikari::statusBar.idle": "Prêt",
+  "hikari::titleBar.minimize": "Réduire",
+  "hikari::titleBar.maximize": "Agrandir",
+  "hikari::titleBar.restore": "Restaurer",
+  "hikari::titleBar.close": "Fermer"
 }

package/src/i18n/locales/ja/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "検索",
   "hikari::search.clear": "検索をクリア",
   "hikari::search.apply": "適用",
-  "hikari::statusBar.idle": "準備完了"
+  "hikari::statusBar.idle": "準備完了",
+  "hikari::titleBar.minimize": "最小化",
+  "hikari::titleBar.maximize": "最大化",
+  "hikari::titleBar.restore": "元に戻す",
+  "hikari::titleBar.close": "閉じる"
 }

package/src/i18n/locales/ko/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "검색",
   "hikari::search.clear": "검색 지우기",
   "hikari::search.apply": "적용",
-  "hikari::statusBar.idle": "준비됨"
+  "hikari::statusBar.idle": "준비됨",
+  "hikari::titleBar.minimize": "최소화",
+  "hikari::titleBar.maximize": "최대화",
+  "hikari::titleBar.restore": "복원",
+  "hikari::titleBar.close": "닫기"
 }

package/src/i18n/locales/pt/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Pesquisar",
   "hikari::search.clear": "Limpar pesquisa",
   "hikari::search.apply": "Aplicar",
-  "hikari::statusBar.idle": "Pronto"
+  "hikari::statusBar.idle": "Pronto",
+  "hikari::titleBar.minimize": "Minimizar",
+  "hikari::titleBar.maximize": "Maximizar",
+  "hikari::titleBar.restore": "Restaurar",
+  "hikari::titleBar.close": "Fechar"
 }

package/src/i18n/locales/ru/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Поиск",
   "hikari::search.clear": "Очистить поиск",
   "hikari::search.apply": "Применить",
-  "hikari::statusBar.idle": "Готово"
+  "hikari::statusBar.idle": "Готово",
+  "hikari::titleBar.minimize": "Свернуть",
+  "hikari::titleBar.maximize": "Развернуть",
+  "hikari::titleBar.restore": "Восстановить",
+  "hikari::titleBar.close": "Закрыть"
 }

package/src/i18n/locales/zh-Hans/components.json

@@ -288,5 +288,9 @@
   "hikari::search.trigger": "搜索",
   "hikari::search.clear": "清除搜索",
   "hikari::search.apply": "应用",
-  "hikari::statusBar.idle": "就绪"
+  "hikari::statusBar.idle": "就绪",
+  "hikari::titleBar.minimize": "最小化",
+  "hikari::titleBar.maximize": "最大化",
+  "hikari::titleBar.restore": "还原",
+  "hikari::titleBar.close": "关闭"
 }

package/src/i18n/locales/zh-Hant/components.json

@@ -288,5 +288,9 @@
   "hikari::search.trigger": "搜尋",
   "hikari::search.clear": "清除搜尋",
   "hikari::search.apply": "套用",
-  "hikari::statusBar.idle": "就緒"
+  "hikari::statusBar.idle": "就緒",
+  "hikari::titleBar.minimize": "最小化",
+  "hikari::titleBar.maximize": "最大化",
+  "hikari::titleBar.restore": "還原",
+  "hikari::titleBar.close": "關閉"
 }