@cosmicdrift/kumiko-renderer 0.328.0 → 0.329.0

package/src/screen-fills-height.ts

@@ -1,3 +0,0 @@
-export function screenFillsHeight(screen: { readonly fillHeight?: boolean }): boolean {
-  return screen.fillHeight !== false;
-}

package/src/share-links.ts

@@ -1,12 +0,0 @@
-/** wa.me link that opens WhatsApp with `text` prefilled — addressed to
- *  `phone` when given (any formatting; international form required, a
- *  leading "+" or "00" is accepted), otherwise WhatsApp's contact picker. */
-export function buildWhatsAppShareUrl(text: string, phone?: string): string {
-  const recipient = phone === undefined ? "" : whatsAppRecipientDigits(phone);
-  return `https://wa.me/${recipient}?text=${encodeURIComponent(text)}`;
-}
-
-function whatsAppRecipientDigits(phone: string): string {
-  const digits = phone.replace(/\D/g, "");
-  return digits.startsWith("00") ? digits.slice(2) : digits;
-}

package/src/sort-by-accessor.ts

@@ -1,20 +0,0 @@
-import type { DataTableSort } from "./primitives";
-
-/** Sorts `rows` by a `DataTableSort` against a field->accessor map. Unknown
- *  field or `sort === null` returns `rows` unchanged (no-op, not an error —
- *  callers pass whatever the DataTable reports). */
-export function sortByAccessor<TRow>(
-  rows: readonly TRow[],
-  sort: DataTableSort | null,
-  accessors: Readonly<Record<string, (row: TRow) => string | number>>,
-): readonly TRow[] {
-  if (sort === null) return rows;
-  const accessor = accessors[sort.field];
-  if (accessor === undefined) return rows;
-  const factor = sort.dir === "asc" ? 1 : -1;
-  return [...rows].sort((a, b) => {
-    const av = accessor(a);
-    const bv = accessor(b);
-    return av < bv ? -factor : av > bv ? factor : 0;
-  });
-}

package/src/sse/live-events.tsx

@@ -1,56 +0,0 @@
-// Live-Events-Contract, plattform-neutral. Die Plattform (Web mit
-// EventSource, Native mit polyfill) liefert einen `LiveEventSubscriber`
-// via `<LiveEventsProvider value={...}>`; der shared-Layer konsumiert
-// nur das Interface.
-//
-// Warum ein Context statt Module-Singleton wie vor dem Split: ein
-// Module-Singleton koppelt an eine globale Verbindung. Mit Context
-// kann der Caller pro Tree eine andere Subscribe-Quelle durchreichen
-// — nützlich in Tests (Fake-Feed), bei Multi-Tenant-Bridges, und
-// beim Native-Renderer wo die Verbindungs-Lifecycle oft nicht dem
-// App-Lifecycle entspricht.
-
-import { createContext, type ReactNode, useContext } from "react";
-
-export type LiveEvent = {
-  readonly type: string;
-  readonly data: {
-    readonly id: string;
-    readonly aggregateType: string;
-    readonly version: number;
-    readonly payload: unknown;
-    readonly createdAt: string;
-  };
-};
-
-/** Abonniert Live-Events für eine Entity (aggregateType). Returnt die
- *  Unsubscribe-Funktion. Mehrere Subscriptions parallel auf dieselbe
- *  Entity sind erlaubt — jede bekommt ihr eigenes Event. */
-export type LiveEventSubscriber = (
-  entityName: string,
-  listener: (event: LiveEvent) => void,
-) => () => void;
-
-// Wenn kein Provider da ist, liefern wir einen No-op-Subscriber statt
-// zu crashen. Grund: useQuery({ live: true }) kann optimistisch
-// ausgehakt werden ohne den ganzen Baum abzureißen, wenn die Plattform
-// z.B. SSE temporär deaktiviert hat. Fehler-Signale würden stumm
-// geschluckt — das ist explizit dokumentiert.
-const noopSubscriber: LiveEventSubscriber = () => () => {};
-
-const LiveEventsContext = createContext<LiveEventSubscriber>(noopSubscriber);
-
-export type LiveEventsProviderProps = {
-  readonly children: ReactNode;
-  readonly value: LiveEventSubscriber;
-};
-
-export function LiveEventsProvider({ children, value }: LiveEventsProviderProps): ReactNode {
-  return <LiveEventsContext.Provider value={value}>{children}</LiveEventsContext.Provider>;
-}
-
-/** Hook für useQuery-like Consumer. Liefert die Subscribe-Function
- *  aus dem Context. Wenn kein Provider da ist, ist's ein No-op. */
-export function useLiveEvents(): LiveEventSubscriber {
-  return useContext(LiveEventsContext);
-}

package/src/tokens.tsx

@@ -1,170 +0,0 @@
-// Design-Tokens im shadcn-Namensschema. Werte sind CSS-Variable-
-// Referenzen (`var(--color-primary)`) — die echten Zahlen leben in
-// styles.css (Web) bzw. in einer StyleSheet.create-Config (Native,
-// später). Der Hook ist vor allem für Custom-Components die mal
-// einen Token-Wert in eine JS-style-prop schieben müssen; die
-// Default-Primitives nutzen direkt Tailwind-Klassen und brauchen
-// ihn nicht.
-//
-// Theme-Toggle läuft über `.dark`-Class auf `<html>` — kein JS-State
-// nötig, CSS rendert sofort neu. `useTokenController().toggleTheme()`
-// ist nur ein DOM-Wrapper, kein eigener React-State.
-//
-// Erweiterbar: AppTokens-Interface wie bei Primitives. Dev kann
-// eigene Token-Kategorien deklarieren und mit var-Strings befüllen.
-
-import { createContext, type ReactNode, useContext } from "react";
-
-// ---- Core-Token-Types (shadcn-Schema) ----
-
-export type ColorTokens = {
-  readonly background: string;
-  readonly foreground: string;
-  readonly card: string;
-  readonly cardForeground: string;
-  readonly popover: string;
-  readonly popoverForeground: string;
-  readonly primary: string;
-  readonly primaryForeground: string;
-  readonly secondary: string;
-  readonly secondaryForeground: string;
-  readonly muted: string;
-  readonly mutedForeground: string;
-  readonly accent: string;
-  readonly accentForeground: string;
-  readonly destructive: string;
-  readonly destructiveForeground: string;
-  readonly border: string;
-  readonly input: string;
-  readonly ring: string;
-};
-
-export type RadiusTokens = {
-  readonly sm: string;
-  readonly md: string;
-  readonly lg: string;
-  readonly xl: string;
-};
-
-export type FontTokens = {
-  readonly sans: string;
-  readonly heading: string;
-  readonly mono: string;
-};
-
-export type ShadowTokens = {
-  readonly card: string;
-};
-
-export type SpacingTokens = {
-  readonly card: string;
-};
-
-export type CoreTokens = {
-  readonly color: ColorTokens;
-  readonly radius: RadiusTokens;
-  readonly font: FontTokens;
-  readonly shadow: ShadowTokens;
-  readonly spacing: SpacingTokens;
-};
-
-/** Erweiterung für App-eigene Token-Kategorien. Devs augmentieren:
- *
- *    declare module "@cosmicdrift/kumiko-renderer" {
- *      interface AppTokens {
- *        chart: { gridline: string; line: string };
- *      }
- *    }
- *
- *  Und reichen im App-CSS die passenden `--chart-*` Variablen rein.
- *  Kumikos Default-Primitives nutzen nur CoreTokens. */
-// biome-ignore lint/suspicious/noEmptyInterface: extension point for module augmentation
-export interface AppTokens {}
-
-export type Tokens = CoreTokens & AppTokens;
-
-export type ThemeMode = "light" | "dark";
-
-export type TokensApi = {
-  readonly tokens: Tokens;
-  readonly mode: ThemeMode;
-  readonly setMode: (mode: ThemeMode) => void;
-  readonly toggleMode: () => void;
-};
-
-// ---- Context + Provider + Hooks ----
-
-const TokensContext = createContext<TokensApi | undefined>(undefined);
-
-export type TokensProviderProps = {
-  readonly children: ReactNode;
-  readonly value: TokensApi;
-};
-
-export function TokensProvider({ children, value }: TokensProviderProps): ReactNode {
-  return <TokensContext.Provider value={value}>{children}</TokensContext.Provider>;
-}
-
-/** Read-only Tokens-Hook. Liefert CSS-var-Strings — nutzbar in
- *  style-Props oder Tailwind-arbitrary-values wie
- *  `bg-[var(--color-primary)]` (selten, die shadcn-Tailwind-Klassen
- *  `bg-primary` sind idiomatischer). */
-export function useTokens(): Tokens {
-  return useTokenController().tokens;
-}
-
-/** Volle API inkl. Theme-Toggle. Für den Dark/Light-Switch-Button. */
-export function useTokenController(): TokensApi {
-  const api = useContext(TokensContext);
-  if (api === undefined) {
-    throw new Error(
-      "useTokens/useTokenController: no <TokensProvider> mounted. createKumikoApp verdrahtet den Provider automatisch mit @cosmicdrift/kumiko-renderer-web defaults.",
-    );
-  }
-  return api;
-}
-
-/** Tokens mit var-string-Werten. Konstant — die "Werte" sind
- *  Referenzen, die echten Farben ändern sich per CSS ohne dass das
- *  Objekt mutiert werden muss. Plattform-Packages (renderer-web,
- *  -native) importieren das in ihre TokensApi-Impl. */
-export const cssVarTokens: Tokens = {
-  color: {
-    background: "var(--color-background)",
-    foreground: "var(--color-foreground)",
-    card: "var(--color-card)",
-    cardForeground: "var(--color-card-foreground)",
-    popover: "var(--color-popover)",
-    popoverForeground: "var(--color-popover-foreground)",
-    primary: "var(--color-primary)",
-    primaryForeground: "var(--color-primary-foreground)",
-    secondary: "var(--color-secondary)",
-    secondaryForeground: "var(--color-secondary-foreground)",
-    muted: "var(--color-muted)",
-    mutedForeground: "var(--color-muted-foreground)",
-    accent: "var(--color-accent)",
-    accentForeground: "var(--color-accent-foreground)",
-    destructive: "var(--color-destructive)",
-    destructiveForeground: "var(--color-destructive-foreground)",
-    border: "var(--color-border)",
-    input: "var(--color-input)",
-    ring: "var(--color-ring)",
-  },
-  radius: {
-    sm: "var(--radius-sm)",
-    md: "var(--radius-md)",
-    lg: "var(--radius-lg)",
-    xl: "var(--radius-xl)",
-  },
-  font: {
-    sans: "var(--font-sans)",
-    heading: "var(--font-heading)",
-    mono: "var(--font-mono)",
-  },
-  shadow: {
-    card: "var(--card-shadow)",
-  },
-  spacing: {
-    card: "var(--card-padding)",
-  },
-} as Tokens;