@cosmicdrift/kumiko-renderer-web 0.37.0 → 0.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "description": "Web-platform bindings for @cosmicdrift/kumiko-renderer. HTML default-primitives, browser history-based navigation, EventSource-backed live events, and a one-call createKumikoApp that mounts the whole stack via react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -16,9 +16,9 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.35.0",
-    "@cosmicdrift/kumiko-headless": "0.35.0",
-    "@cosmicdrift/kumiko-renderer": "0.35.0",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.37.0",
+    "@cosmicdrift/kumiko-headless": "0.37.0",
+    "@cosmicdrift/kumiko-renderer": "0.37.0",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",

package/src/layout/__tests__/workspace-switcher.test.tsx

@@ -5,7 +5,11 @@
 // Nutzt useTranslation → über test-utils mit LocaleProvider gerendert.
 
 import { describe, expect, mock, test } from "bun:test";
-import type { WorkspaceSchema } from "@cosmicdrift/kumiko-renderer";
+import {
+  createStaticLocaleResolver,
+  LocaleProvider,
+  type WorkspaceSchema,
+} from "@cosmicdrift/kumiko-renderer";
 import { fireEvent, render, screen } from "../../__tests__/test-utils";
 import { WorkspaceSwitcher } from "../workspace-switcher";
 
@@ -48,3 +52,24 @@ describe("WorkspaceSwitcher — Render", () => {
     expect(onSelect).toHaveBeenCalledWith("b");
   });
 });
+
+describe("WorkspaceSwitcher — i18n-Labels (Punkt-Konvention)", () => {
+  test("Label mit Punkt geht durch t() und rendert die Übersetzung", () => {
+    const bundle = { en: { "nav.adminArea": "Admin Area" } };
+    const { getByTestId } = render(
+      <LocaleProvider
+        resolver={createStaticLocaleResolver({ locale: "en" })}
+        fallbackBundles={[bundle]}
+      >
+        <WorkspaceSwitcher
+          workspaces={[ws("a", "nav.adminArea"), ws("b", "Plain Label")]}
+          activeId="a"
+          onSelect={mock()}
+        />
+      </LocaleProvider>,
+    );
+    expect(getByTestId("workspace-tab-a").textContent).toBe("Admin Area");
+    // ohne Punkt: verbatim, kein t()-Roundtrip
+    expect(getByTestId("workspace-tab-b").textContent).toBe("Plain Label");
+  });
+});

package/src/layout/avatar.tsx

@@ -61,7 +61,7 @@ function pickColor(id: string): string {
 }
 
 function extractInitials(label: string): string {
-  // "Daniel Hennig" → "DH". "alice@example.com" → "A". Single-word
+  // "Daniel Hennig" → "DH". "alice@example.com" → "AL". Single-word
   // fällt auf erste 2 Buchstaben zurück ("Daniel" → "DA"). Alles
   // upper-case.
   const trimmed = label.trim();

package/src/primitives/__tests__/data-table-logic.test.ts

@@ -38,6 +38,24 @@ describe("computeVisiblePages", () => {
   test("page=5/20: Übergang Rand→Mitte (Ellipsis links erscheint)", () => {
     expect(computeVisiblePages(5, 20)).toEqual([1, "ellipsis", 3, 4, 5, 6, 7, "ellipsis", 20]);
   });
+
+  test("page=16/20: letzte Mitte-Position (Ellipsis rechts noch da)", () => {
+    expect(computeVisiblePages(16, 20)).toEqual([
+      1,
+      "ellipsis",
+      14,
+      15,
+      16,
+      17,
+      18,
+      "ellipsis",
+      20,
+    ]);
+  });
+
+  test("page=17/20: Übergang Mitte→Rand (Ellipsis rechts verschwindet, 5er-Tail)", () => {
+    expect(computeVisiblePages(17, 20)).toEqual([1, "ellipsis", 16, 17, 18, 19, 20]);
+  });
 });
 
 describe("isComponentRendererRef", () => {
@@ -61,10 +79,10 @@ describe("isComponentRendererRef", () => {
 });
 
 describe("applyFormatSpec", () => {
-  test("null/undefined/leer → leerer String (alle Formate)", () => {
+  test("null/undefined/leer → leerer String (priority rendert stattdessen emptyLabel)", () => {
     expect(applyFormatSpec({ format: "boolean" }, null)).toBe("");
     expect(applyFormatSpec({ format: "currency", symbol: "€" }, undefined)).toBe("");
-    expect(applyFormatSpec({ format: "priority" }, "")).toBe("");
+    expect(applyFormatSpec({ format: "priority" }, "")).toBe("—");
   });
 
   test("boolean: true → ✓, false → leer (defaults)", () => {
@@ -101,12 +119,20 @@ describe("applyFormatSpec", () => {
   });
 
   test("unbekanntes format → String(value) fallback + dev-warning", () => {
+    // Warnung feuert nur bei NODE_ENV !== "production" — explizit setzen
+    // statt sich aufs Test-Runner-Preset zu verlassen.
+    const prevNodeEnv = process.env.NODE_ENV;
+    process.env.NODE_ENV = "development";
     const warn = spyOn(console, "warn").mockImplementation(() => {});
-    expect(applyFormatSpec({ format: "custom-app-format" }, 42)).toBe("42");
-    expect(applyFormatSpec({ format: "custom-app-format" }, "hello")).toBe("hello");
-    expect(warn).toHaveBeenCalledTimes(2);
-    expect(warn.mock.calls[0]?.[0]).toContain("custom-app-format");
-    warn.mockRestore();
+    try {
+      expect(applyFormatSpec({ format: "custom-app-format" }, 42)).toBe("42");
+      expect(applyFormatSpec({ format: "custom-app-format" }, "hello")).toBe("hello");
+      expect(warn).toHaveBeenCalledTimes(2);
+      expect(warn.mock.calls[0]?.[0]).toContain("custom-app-format");
+    } finally {
+      warn.mockRestore();
+      process.env.NODE_ENV = prevNodeEnv;
+    }
   });
 });