@q9labsai/chalk-react-native 4.1.11 → 4.1.13

package/src/ui/native-appearance-context.controlled.test.tsx

@@ -1,41 +0,0 @@
-// @vitest-environment happy-dom
-
-import type { ReactNode } from "react";
-import { describe, expect, it, vi } from "vitest";
-
-import { act, renderHook } from "../test-support/test-renderer";
-
-vi.mock("react-native", () => ({
-  StyleSheet: { absoluteFill: {}, create: (styles: unknown) => styles },
-  View: ({ children }: { readonly children?: ReactNode }) => children,
-}));
-
-import { NativeAppearanceProvider, useNativeAppearance } from "./native-appearance-context";
-
-describe("NativeAppearanceProvider controlled initial appearance", () => {
-  it("updates palette and texture without replacing its child", () => {
-    let initialAppearance = { palette: "light" as const, texture: "none" as const };
-    const wrapper = ({ children }: { readonly children?: ReactNode }): React.JSX.Element => <NativeAppearanceProvider initialAppearance={initialAppearance}>{children}</NativeAppearanceProvider>;
-    const { result, rerender } = renderHook(() => useNativeAppearance(), { wrapper });
-
-    expect(result.current.appearance.palette).toBe("light");
-    expect(result.current.appearance.texture).toBe("none");
-
-    initialAppearance = { palette: "warm-porcelain", texture: "paper" };
-    rerender();
-
-    expect(result.current.appearance.palette).toBe("warm-porcelain");
-    expect(result.current.appearance.texture).toBe("paper");
-  });
-
-  it("updates appearance when controls change", () => {
-    const wrapper = ({ children }: { readonly children?: ReactNode }): React.JSX.Element => <NativeAppearanceProvider>{children}</NativeAppearanceProvider>;
-    const { result } = renderHook(() => useNativeAppearance(), { wrapper });
-
-    act(() => result.current.setPalette("warm-porcelain"));
-    act(() => result.current.setTexture("paper"));
-
-    expect(result.current.appearance.palette).toBe("warm-porcelain");
-    expect(result.current.appearance.texture).toBe("paper");
-  });
-});

package/src/ui/native-appearance-context.test.tsx

@@ -1,14 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./native-appearance-context.tsx", import.meta.url), "utf8");
-
-describe("NativeAppearanceProvider", () => {
-  it("resolves local selections and renders inert textures", () => {
-    expect(source).toContain("resolveNativeAppearance(selection)");
-    expect(source).toContain("setPalette:");
-    expect(source).toContain("setTexture:");
-    expect(source).toContain('pointerEvents="none"');
-    expect(source).toContain("must be used inside NativeAppearanceProvider");
-  });
-});

package/src/ui/native-theme.test.ts

@@ -1,34 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { resolveNativeAppearance } from "./appearance";
-import { resolveNativeTheme } from "./native-theme";
-
-describe("resolveNativeTheme", () => {
-  it("resolves the public color scheme, accent, and token overrides into semantic colors", () => {
-    const theme = resolveNativeTheme({
-      colorScheme: "light",
-      accent: "#7c3aed",
-      tokens: { canvas: "#fefce8", text: "#1c1917" },
-    });
-
-    expect(theme.colorScheme).toBe("light");
-    expect(theme.colors).toMatchObject({
-      background: "#fefce8",
-      foreground: "#1c1917",
-      primary: "#7c3aed",
-      ring: "#7c3aed",
-      stageBackground: "#e2e8f0",
-    });
-  });
-
-  it("projects the selected native palette into rendered theme colors", () => {
-    const appearance = resolveNativeAppearance({ palette: "warm-porcelain", texture: "paper" });
-    const theme = resolveNativeTheme(undefined, appearance);
-
-    expect(theme.colorScheme).toBe("light");
-    expect(theme.colors.background).toBe(appearance.tokens.canvas);
-    expect(theme.colors.foreground).toBe(appearance.tokens.text);
-    expect(theme.colors.stageBackground).toBe(appearance.tokens.stage);
-    expect(theme.colors.primary).toBe(appearance.tokens.controlPrimary);
-  });
-});

package/src/ui/native-theme.test.tsx

@@ -1,14 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { resolveNativeTheme } from "./native-theme";
-
-describe("resolveNativeTheme", () => {
-  it("uses dark defaults while allowing semantic token overrides", () => {
-    const theme = resolveNativeTheme({ tokens: { focus: "#f59e0b", positive: "#15803d" } });
-
-    expect(theme.colorScheme).toBe("dark");
-    expect(theme.colors.darkCanvas).toBe("#0a0a0b");
-    expect(theme.colors.ring).toBe("#f59e0b");
-    expect(theme.colors.success).toBe("#15803d");
-  });
-});

package/src/ui/participant-avatar.test.ts

@@ -1,29 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { getParticipantAvatarRecipe, getParticipantColor, getParticipantInitials, PARTICIPANT_AVATAR_PALETTE } from "./participant-avatar";
-
-describe("participant identity colors", () => {
-  it("chooses one approved flat identity color deterministically", () => {
-    const first = getParticipantColor("Avery Chen");
-    const second = getParticipantColor("Avery Chen");
-
-    expect(first).toEqual(second);
-    expect(PARTICIPANT_AVATAR_PALETTE.map(({ primary }) => primary)).toContain(first.primary);
-    expect(first.gradientEnd).toBe(first.primary);
-  });
-
-  it("keeps avatar recipes flat for compatibility consumers", () => {
-    const recipe = getParticipantAvatarRecipe("Avery Chen");
-
-    expect(recipe.gradientStops).toEqual([
-      { color: recipe.colors.primary, offset: "0%" },
-      { color: recipe.colors.primary, offset: "100%" },
-    ]);
-    expect(recipe.facehashColors).toEqual([recipe.colors.primary, recipe.colors.primary, recipe.colors.primary]);
-  });
-
-  it("returns one or two initials without making identity noun assumptions", () => {
-    expect(getParticipantInitials("Avery Chen")).toBe("AC");
-    expect(getParticipantInitials("Avery")).toBe("A");
-    expect(getParticipantInitials()).toBe("?");
-  });
-});

package/src/ui/theme-tokens.test.ts

@@ -1,14 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { DEFAULT_CHALK_THEME_TOKENS, LIGHT_CHALK_THEME_TOKENS } from "./theme-tokens";
-
-describe("Chalk theme tokens", () => {
-  it("keeps dark and light themes on the same semantic token contract", () => {
-    const tokenNames = ["canvas", "chrome", "surface", "stage", "text", "mutedText", "line", "accent", "accentText", "positive", "danger", "dangerSurface", "focus", "shadow"];
-
-    expect(Object.keys(DEFAULT_CHALK_THEME_TOKENS)).toEqual(tokenNames);
-    expect(Object.keys(LIGHT_CHALK_THEME_TOKENS)).toEqual(tokenNames);
-    expect(DEFAULT_CHALK_THEME_TOKENS.canvas).not.toBe(LIGHT_CHALK_THEME_TOKENS.canvas);
-    expect(DEFAULT_CHALK_THEME_TOKENS.accent).not.toBe(LIGHT_CHALK_THEME_TOKENS.accent);
-  });
-});

package/src/ui/theme.test.ts

@@ -1,36 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { createNativeTheme, Theme } from "./theme";
-
-describe("native theme aliases", () => {
-  it("keeps progressive surfaces on the active token set", () => {
-    expect(Theme.colors.paper).toBe(Theme.colors.background);
-    expect(Theme.colors.ink).toBe(Theme.colors.foreground);
-    expect(Theme.colors.lineStrong).toBe(Theme.colors.border);
-    expect(Theme.colors.chalkGreen).toBe(Theme.colors.success);
-  });
-
-  it("resolves the same aliases for light mode", () => {
-    const light = createNativeTheme(
-      {
-        canvas: "#f8fafc",
-        chrome: "#ffffff",
-        surface: "#f1f5f9",
-        stage: "#e2e8f0",
-        text: "#0f172a",
-        mutedText: "#475569",
-        line: "#cbd5e1",
-        accent: "#0f766e",
-        accentText: "#ffffff",
-        positive: "#15803d",
-        danger: "#b91c1c",
-        dangerSurface: "#fee2e2",
-        focus: "#0f766e",
-        shadow: "#0f172a",
-      },
-      "light",
-    );
-    expect(light.colors.paper).toBe(light.colors.background);
-    expect(light.colors.ink).toBe(light.colors.foreground);
-    expect(light.colors.primary).toBe("#0f766e");
-  });
-});

package/src/utils/build-chalk-invite-link.test.ts

@@ -1,12 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { buildChalkInviteLink } from "./build-chalk-invite-link";
-
-describe("buildChalkInviteLink", () => {
-  it("builds a canonical Space invite link with the public host", () => {
-    expect(buildChalkInviteLink("design-lab", "cspi1.key.payload.signature")).toBe("https://chalkmeet.com/space/design-lab#spaceInviteToken=cspi1.key.payload.signature");
-  });
-
-  it("normalizes trailing slashes on custom origins", () => {
-    expect(buildChalkInviteLink("design-lab", "cspi1.key.payload.signature", "https://chalk.q9labs.ai/")).toBe("https://chalk.q9labs.ai/space/design-lab#spaceInviteToken=cspi1.key.payload.signature");
-  });
-});

package/src/utils/ios-simulator.test.ts

@@ -1,96 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
-
-const nativeModules = {
-  ChalkRuntimeInfo: { isSimulator: true },
-  WebRTCModule: {
-    receiverGetCapabilities: vi.fn(() => {
-      throw new Error("native receiver call should be bypassed on simulator");
-    }),
-    senderGetCapabilities: vi.fn(() => {
-      throw new Error("native sender call should be bypassed on simulator");
-    }),
-  },
-};
-
-const mockedMediaDevices = {
-  enumerateDevices: vi.fn(async () => {
-    throw new Error("mediaDevices.enumerateDevices should be bypassed on simulator");
-  }),
-};
-
-vi.mock("react-native", () => ({
-  NativeModules: nativeModules,
-  Platform: { OS: "ios" },
-}));
-
-describe("ensureIosSimulatorWebRtcSafety", () => {
-  beforeEach(() => {
-    vi.resetModules();
-    nativeModules.ChalkRuntimeInfo.isSimulator = true;
-    nativeModules.WebRTCModule.receiverGetCapabilities = vi.fn(() => {
-      throw new Error("native receiver call should be bypassed on simulator");
-    });
-    nativeModules.WebRTCModule.senderGetCapabilities = vi.fn(() => {
-      throw new Error("native sender call should be bypassed on simulator");
-    });
-    delete (globalThis as Record<string, unknown>).RTCRtpReceiver;
-    delete (globalThis as Record<string, unknown>).RTCRtpSender;
-    mockedMediaDevices.enumerateDevices = vi.fn(async () => {
-      throw new Error("mediaDevices.enumerateDevices should be bypassed on simulator");
-    });
-  });
-
-  it("patches native capability lookups on the iOS simulator", async () => {
-    const { ensureIosSimulatorWebRtcSafety } = await import("./ios-simulator");
-
-    ensureIosSimulatorWebRtcSafety();
-
-    expect(nativeModules.WebRTCModule.receiverGetCapabilities("video")).toEqual({
-      codecs: [],
-      headerExtensions: [],
-    });
-    expect(nativeModules.WebRTCModule.senderGetCapabilities("audio")).toEqual({
-      codecs: [],
-      headerExtensions: [],
-    });
-  });
-
-  it("patches exported RTCRtp capability helpers when available", async () => {
-    const { ensureIosSimulatorWebRtcSafety } = await import("./ios-simulator");
-
-    const receiver = {
-      getCapabilities: vi.fn(() => {
-        throw new Error("receiver helper should be patched");
-      }),
-    };
-    const sender = {
-      getCapabilities: vi.fn(() => {
-        throw new Error("sender helper should be patched");
-      }),
-    };
-
-    ensureIosSimulatorWebRtcSafety({
-      RTCRtpReceiver: receiver,
-      RTCRtpSender: sender,
-    });
-
-    expect(receiver.getCapabilities("video")).toEqual({
-      codecs: [],
-      headerExtensions: [],
-    });
-    expect(sender.getCapabilities("audio")).toEqual({
-      codecs: [],
-      headerExtensions: [],
-    });
-  });
-
-  it("patches media device enumeration on the iOS simulator", async () => {
-    const { ensureIosSimulatorWebRtcSafety } = await import("./ios-simulator");
-
-    ensureIosSimulatorWebRtcSafety({
-      mediaDevices: mockedMediaDevices,
-    });
-
-    await expect(mockedMediaDevices.enumerateDevices()).resolves.toEqual([]);
-  });
-});

package/src/utils/native-space-layout.test.ts

@@ -1,170 +0,0 @@
-import { describe, expect, it } from "vitest";
-import type { NativeParticipantState } from "../ui/native-types";
-import { buildCompactParticipantPages, normalizeStageParticipants, resolveNativeSpaceLayout } from "./native-space-layout";
-
-type SpaceParticipant = NativeParticipantState["participants"][number];
-
-function track(readyState: "live" | "ended" = "live"): MediaStreamTrack {
-  return { readyState } as MediaStreamTrack;
-}
-
-function participant(overrides: Partial<SpaceParticipant> = {}): SpaceParticipant {
-  return {
-    id: overrides.id ?? "participant-1",
-    displayName: overrides.displayName ?? "Participant",
-    role: overrides.role ?? "participant",
-    isLocal: overrides.isLocal ?? false,
-    videoEnabled: overrides.videoEnabled ?? false,
-    audioEnabled: overrides.audioEnabled ?? true,
-    isScreenSharing: overrides.isScreenSharing ?? false,
-    isSpeaking: overrides.isSpeaking ?? false,
-    handRaised: overrides.handRaised ?? false,
-    connectionQuality: overrides.connectionQuality ?? 100,
-    videoTrack: overrides.videoTrack ?? undefined,
-    audioTrack: overrides.audioTrack ?? undefined,
-    screenShareTrack: overrides.screenShareTrack ?? undefined,
-    screenShareAudioTrack: overrides.screenShareAudioTrack ?? undefined,
-    joinedAt: overrides.joinedAt ?? new Date(),
-    metadata: overrides.metadata ?? {},
-  };
-}
-
-describe("native-space-layout", () => {
-  it("normalizes participants to local-first without duplication", () => {
-    const local = participant({ id: "local", isLocal: true });
-    const remote = participant({ id: "remote" });
-
-    expect(normalizeStageParticipants([remote, local], local).map((item) => item.id)).toEqual(["local", "remote"]);
-  });
-
-  it("builds compact grid pages for higher participant counts", () => {
-    const participants = Array.from({ length: 9 }, (_, index) => participant({ id: `p-${index + 1}` }));
-
-    expect(buildCompactParticipantPages(participants).map((page) => page.length)).toEqual([4, 4, 1]);
-  });
-
-  it("stays in grid mode without whiteboard or a live screen share track", () => {
-    const local = participant({ id: "local", isLocal: true });
-
-    const result = resolveNativeSpaceLayout({
-      participants: [local],
-      localParticipant: local,
-      screenShare: {
-        isActive: false,
-        isLocalSharing: false,
-        sharerParticipantId: null,
-        videoTrack: null,
-      },
-      isWhiteboardOpen: false,
-      isCompactViewport: true,
-    });
-
-    expect(result.primaryContent).toBe("grid");
-    expect(result.isStageMode).toBe(false);
-  });
-
-  it("uses remote screen share as stage content when a live track exists", () => {
-    const local = participant({ id: "local", isLocal: true });
-    const remote = participant({ id: "remote", isScreenSharing: true, screenShareTrack: track() });
-
-    const result = resolveNativeSpaceLayout({
-      participants: [local, remote],
-      localParticipant: local,
-      screenShare: {
-        isActive: true,
-        isLocalSharing: false,
-        sharerParticipantId: "remote",
-        videoTrack: track(),
-      },
-      isWhiteboardOpen: false,
-      isCompactViewport: true,
-    });
-
-    expect(result.primaryContent).toBe("screen-share");
-    expect(result.screenSharer?.id).toBe("remote");
-    expect(result.isStageMode).toBe(true);
-  });
-
-  it("suppresses local screen share into a placeholder stage mode", () => {
-    const local = participant({ id: "local", isLocal: true, isScreenSharing: true, screenShareTrack: track() });
-
-    const result = resolveNativeSpaceLayout({
-      participants: [local],
-      localParticipant: local,
-      screenShare: {
-        isActive: true,
-        isLocalSharing: true,
-        sharerParticipantId: "local",
-        videoTrack: track(),
-      },
-      isWhiteboardOpen: false,
-      isCompactViewport: true,
-    });
-
-    expect(result.primaryContent).toBe("screen-share-placeholder");
-    expect(result.isLocalScreenShare).toBe(true);
-  });
-
-  it("prefers whiteboard over screen share on compact view", () => {
-    const local = participant({ id: "local", isLocal: true });
-    const remote = participant({ id: "remote", isScreenSharing: true, screenShareTrack: track() });
-
-    const result = resolveNativeSpaceLayout({
-      participants: [local, remote],
-      localParticipant: local,
-      screenShare: {
-        isActive: true,
-        isLocalSharing: false,
-        sharerParticipantId: "remote",
-        videoTrack: track(),
-      },
-      isWhiteboardOpen: true,
-      isCompactViewport: true,
-    });
-
-    expect(result.primaryContent).toBe("whiteboard");
-    expect(result.isSplit).toBe(false);
-  });
-
-  it("uses split stage for whiteboard plus screen share on wide view", () => {
-    const local = participant({ id: "local", isLocal: true });
-    const remote = participant({ id: "remote", isScreenSharing: true, screenShareTrack: track() });
-
-    const result = resolveNativeSpaceLayout({
-      participants: [local, remote],
-      localParticipant: local,
-      screenShare: {
-        isActive: true,
-        isLocalSharing: false,
-        sharerParticipantId: "remote",
-        videoTrack: track(),
-      },
-      isWhiteboardOpen: true,
-      isCompactViewport: false,
-    });
-
-    expect(result.primaryContent).toBe("split");
-    expect(result.isSplit).toBe(true);
-  });
-
-  it("ignores stale screen share state when no live track exists", () => {
-    const local = participant({ id: "local", isLocal: true });
-    const remote = participant({ id: "remote", isScreenSharing: true, screenShareTrack: track("ended") });
-
-    const result = resolveNativeSpaceLayout({
-      participants: [local, remote],
-      localParticipant: local,
-      screenShare: {
-        isActive: true,
-        isLocalSharing: false,
-        sharerParticipantId: "remote",
-        videoTrack: null,
-      },
-      isWhiteboardOpen: false,
-      isCompactViewport: true,
-    });
-
-    expect(result.primaryContent).toBe("grid");
-    expect(result.showScreenShare).toBe(false);
-  });
-});

package/src/whiteboard/embedded-whiteboard-assets.test.ts

@@ -1,31 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("react-native", () => ({
-  NativeModules: {},
-  Platform: { OS: "android" },
-}));
-
-import { isEmbeddedWhiteboardNavigationAllowed, rendererURLWithContext } from "./embedded-whiteboard-assets";
-
-describe("embedded whiteboard asset policy", () => {
-  it("adds only non-credential bridge context to the local renderer URL", () => {
-    const url = rendererURLWithContext("file:///android_asset/chalk-whiteboard/index.html", {
-      journeyId: "journey-1",
-      rendererGeneration: "generation-1",
-    });
-
-    expect(url).toBe("file:///android_asset/chalk-whiteboard/index.html?journeyId=journey-1&rendererGeneration=generation-1");
-    expect(url).not.toMatch(/token|credential|signature/iu);
-  });
-
-  it("allows renderer-local assets and rejects every remote navigation", () => {
-    const renderer = "file:///android_asset/chalk-whiteboard/index.html";
-
-    expect(isEmbeddedWhiteboardNavigationAllowed(renderer, renderer)).toBe(true);
-    expect(isEmbeddedWhiteboardNavigationAllowed("file:///android_asset/chalk-whiteboard/fonts/Assistant/Assistant-Regular.woff2", renderer)).toBe(true);
-    expect(isEmbeddedWhiteboardNavigationAllowed("file:///android_asset/chalk-whiteboard/../../data/user/0/secret", renderer)).toBe(false);
-    expect(isEmbeddedWhiteboardNavigationAllowed("file:///android_asset/chalk-whiteboard/%2e%2e/%2e%2e/data/user/0/secret", renderer)).toBe(false);
-    expect(isEmbeddedWhiteboardNavigationAllowed("https://cdn.jsdelivr.net/npm/@excalidraw/excalidraw/index.css", renderer)).toBe(false);
-    expect(isEmbeddedWhiteboardNavigationAllowed("javascript:alert(1)", renderer)).toBe(false);
-  });
-});