@k2b/cloud 0.6.0-rc.0 → 0.6.0

package/src/browser/CloudResourceSearch.behavior.test.tsx

@@ -1,74 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { isServer, render } from "solid-js/web";
-import { createDomTestHarness } from "../../../ui/test/dom";
-import type { SearchItem } from "../api/search/schemas";
-
-const waitFor = async (condition: () => boolean, label: string) => {
-  for (let attempt = 0; attempt < 100; attempt += 1) {
-    if (condition()) return;
-    await Bun.sleep(10);
-  }
-  throw new Error(`Timed out waiting for ${label}`);
-};
-
-const item = (id: string): SearchItem => ({
-  appId: "notebooks",
-  appName: "Notebooks",
-  appIcon: "ti ti-notebook",
-  readable: true,
-  ref: { type: "notebooks.note", id },
-  title: id,
-  href: `/app/notebooks/${id}`,
-  preview: `${id} preview`,
-});
-
-describe("CloudResourceSearch selection", () => {
-  if (isServer) {
-    test.skip("runs with browser export conditions", () => {});
-    return;
-  }
-
-  test("applies picker filters and returns the selected resource", async () => {
-    const dom = createDomTestHarness();
-    const originalFetch = globalThis.fetch;
-    const requests: string[] = [];
-    globalThis.fetch = (async (input) => {
-      requests.push(String(input));
-      return Response.json({
-        query: "",
-        count: 2,
-        apps: [{ id: "notebooks", name: "Notebooks", icon: "ti ti-notebook" }],
-        items: [item("existing"), item("selectable")],
-      });
-    }) as typeof fetch;
-
-    const { default: CloudResourceSearch } = await import("./CloudResourceSearch");
-    let selected: SearchItem | undefined;
-    const dispose = render(
-      () => (
-        <CloudResourceSearch
-          initialAppId="notebooks"
-          requireReader
-          excludeRefs={[{ type: "notebooks.note", id: "existing" }]}
-          onSelect={(item) => {
-            selected = item;
-          }}
-        />
-      ),
-      dom.root,
-    );
-
-    try {
-      await waitFor(() => dom.root.textContent?.includes("selectable preview") ?? false, "the filtered result");
-      expect(requests[0]).toBe("/api/search?provider_limit=10&app=notebooks&require_reader=true");
-      expect(dom.root.textContent).not.toContain("existing preview");
-
-      dom.root.querySelector<HTMLButtonElement>("section button")!.click();
-      expect(selected?.ref).toEqual({ type: "notebooks.note", id: "selectable" });
-    } finally {
-      dispose();
-      globalThis.fetch = originalFetch;
-      dom.cleanup();
-    }
-  });
-});

package/src/ssr/GlobalSearchDialog.behavior.test.tsx

@@ -1,96 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { isServer, render } from "solid-js/web";
-import { createDomTestHarness } from "../../../ui/test/dom";
-
-const deferred = <T,>() => {
-  let resolve!: (value: T) => void;
-  const promise = new Promise<T>((nextResolve) => {
-    resolve = nextResolve;
-  });
-  return { promise, resolve };
-};
-
-const waitFor = async (condition: () => boolean, label: string) => {
-  for (let attempt = 0; attempt < 100; attempt += 1) {
-    if (condition()) return;
-    await Bun.sleep(10);
-  }
-  throw new Error(`Timed out waiting for ${label}`);
-};
-
-const searchResponse = (title: string) =>
-  Response.json({
-    query: title.toLowerCase(),
-    count: 1,
-    apps: [{ id: "notebooks", name: "Notebooks", icon: "ti ti-notebook" }],
-    items: [
-      {
-        appId: "notebooks",
-        appName: "Notebooks",
-        appIcon: "ti ti-notebook",
-        readable: true,
-        ref: { type: "notebooks.note", id: title.toLowerCase() },
-        title,
-        href: `/app/notebooks/${title.toLowerCase()}`,
-        preview: `${title} preview`,
-      },
-    ],
-  });
-
-const catalogResponse = () =>
-  Response.json({
-    query: "",
-    count: 0,
-    apps: [{ id: "notebooks", name: "Notebooks", icon: "ti ti-notebook" }],
-    items: [],
-  });
-
-describe("GlobalSearchDialog query lifecycle", () => {
-  if (isServer) {
-    test.skip("runs with browser export conditions", () => {});
-    return;
-  }
-
-  test("keeps last-good results during refresh and renders one loading indicator", async () => {
-    const dom = createDomTestHarness();
-    const originalFetch = globalThis.fetch;
-    const requests: Array<{ signal: AbortSignal; response: ReturnType<typeof deferred<Response>> }> = [];
-    globalThis.fetch = ((_input: string | URL | Request, init?: RequestInit) => {
-      const response = deferred<Response>();
-      requests.push({ signal: init?.signal as AbortSignal, response });
-      return response.promise;
-    }) as typeof fetch;
-
-    const { default: GlobalSearchDialog } = await import("./GlobalSearchDialog");
-    const dispose = render(() => <GlobalSearchDialog close={() => {}} helpApps={[]} />, dom.root);
-
-    try {
-      const input = dom.root.querySelector<HTMLInputElement>('[aria-label="Search Cloud resources"]')!;
-      await waitFor(() => requests.length === 1, "the app catalog request");
-      requests[0]!.response.resolve(catalogResponse());
-
-      input.value = "alpha";
-      input.dispatchEvent(new dom.window.Event("input", { bubbles: true }) as unknown as Event);
-      await waitFor(() => requests.length === 2, "the first debounced search");
-      requests[1]!.response.resolve(searchResponse("Alpha"));
-      await waitFor(() => dom.root.textContent?.includes("Alpha preview") ?? false, "the first result");
-
-      input.value = "beta";
-      input.dispatchEvent(new dom.window.Event("input", { bubbles: true }) as unknown as Event);
-      await waitFor(() => requests.length === 3, "the refreshed search");
-
-      expect(dom.root.textContent).toContain("Alpha preview");
-      const spinners = dom.root.querySelectorAll(".ti-loader-2.animate-spin");
-      expect(spinners).toHaveLength(1);
-      expect(spinners[0]?.closest("label")).not.toBeNull();
-
-      requests[2]!.response.resolve(searchResponse("Beta"));
-      await waitFor(() => dom.root.textContent?.includes("Beta preview") ?? false, "the refreshed result");
-      expect(dom.root.textContent).not.toContain("Alpha preview");
-    } finally {
-      dispose();
-      globalThis.fetch = originalFetch;
-      dom.cleanup();
-    }
-  });
-});

package/src/ssr/Layout.render.test.tsx

@@ -1,148 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { mkdtempSync, rmSync } from "node:fs";
-import { tmpdir } from "node:os";
-import { resolve } from "node:path";
-import { createConfig } from "@k2b/ssr";
-import { Hono } from "hono";
-import { createComponent } from "solid-js";
-
-const root = mkdtempSync(resolve(tmpdir(), "cloud-layout-render-tests-"));
-const { plugin } = createConfig({ dev: true, rootDir: root });
-Bun.plugin(plugin());
-process.once("exit", () => rmSync(root, { recursive: true, force: true }));
-
-const { defineApp } = await import("../_internal/define-app");
-const { default: Layout } = await import("./Layout");
-const { default: MinimalLayout } = await import("./MinimalLayout");
-const { default: AdminLayout } = await import("./AdminLayout");
-
-const app = defineApp({
-  id: "layout-render-probe",
-  name: "Layout render probe",
-  icon: "ti ti-layout",
-  description: "Anonymous and minimal layout render probe",
-  baseUrl: "http://layout-render-probe:3000",
-  routes: ["/layout", "/minimal"],
-});
-
-type LayoutContextArg = Parameters<typeof Layout>[0]["c"];
-type MinimalLayoutContextArg = Parameters<typeof MinimalLayout>[0]["c"];
-type PreferencePosition = Exclude<Parameters<typeof MinimalLayout>[0]["preferences"], false | undefined>;
-const preferencePositions: PreferencePosition[] = ["top-left", "top-right", "bottom-left", "bottom-right"];
-
-const server = new Hono()
-  .use("*", async (c, next) => {
-    c.set("runtime" as never, { apps: [] } as never);
-    await next();
-  })
-  .get(
-    "/admin",
-    ...app.ssr(
-      (c) => () =>
-        createComponent(AdminLayout, {
-          c,
-          title: "Settings",
-          scroll: c.req.query("scroll") !== "false",
-          children: "Admin content",
-        }),
-    ),
-  )
-  .get(
-    "/layout",
-    ...app.ssr(
-      (c) => () =>
-        createComponent(Layout, {
-          c: c as unknown as LayoutContextArg,
-          fullPage: true,
-          title: "Public tools",
-          children: "Anonymous content",
-        }),
-    ),
-  )
-  .get(
-    "/minimal/:position",
-    ...app.ssr((c) => {
-      const requested = c.req.param("position");
-      const preferences = preferencePositions.find((position) => position === requested) ?? false;
-      return () =>
-        createComponent(MinimalLayout, {
-          c: c as unknown as MinimalLayoutContextArg,
-          preferences,
-          children: "Minimal content",
-        });
-    }),
-  );
-
-describe("Cloud layouts SSR", () => {
-  test("admin shell is viewport-bound and delegates scrolling only when requested", async () => {
-    const ordinary = await (await server.request("/admin")).text();
-    const bounded = await (await server.request("/admin?scroll=false")).text();
-    for (const html of [ordinary, bounded]) {
-      expect(html).toContain("h-dvh overflow-hidden");
-      expect(html).toContain("Admin content");
-      expect(html).toContain('data-scroll-preserve="admin-sidebar"');
-    }
-    expect(ordinary).not.toMatch(/k2b-app-workspace__main[^>]+data-scroll="false"/);
-    expect(bounded).toMatch(/k2b-app-workspace__main[^>]+data-scroll="false"/);
-    expect(bounded).not.toContain("p-[var(--ui-space-shell)]");
-  });
-  test("keeps anonymous login and preferences visible without rendering the application rail", async () => {
-    const response = await server.request("/layout", {
-      headers: { Cookie: "theme=dark", "Accept-Language": "de-CH" },
-    });
-    const html = await response.text();
-
-    expect(response.status).toBe(200);
-    expect(html).toContain('<html lang="de-CH" class="dark"');
-    expect(html).toContain("layout-header");
-    expect(html).toContain('href="/auth/login"');
-    expect(html).toContain("Anmelden");
-    expect(html).toContain("Darstellung und Sprache");
-    expect(html).toContain("Heller Modus");
-    expect(html).toContain("English");
-    expect(html).not.toContain("layout-rail-navigation");
-    expect(html).not.toContain('data-layout-authenticated="true"');
-    expect(html).not.toContain('href="/me"');
-  });
-
-  test("positions minimal preferences in every supported corner without adding Cloud chrome", async () => {
-    const expectedMenuPositions = {
-      "top-left": "bottom-right",
-      "top-right": "bottom-left",
-      "bottom-left": "top-right",
-      "bottom-right": "top-left",
-    } as const;
-
-    for (const position of preferencePositions) {
-      const response = await server.request(`/minimal/${position}`, { headers: { "Accept-Language": "en" } });
-      const html = await response.text();
-      expect(response.status).toBe(200);
-      expect(html).toContain(`minimal-layout-preferences--${position}`);
-      expect(html).toContain(`data-position="${expectedMenuPositions[position]}"`);
-      expect(html).toContain("Appearance and language");
-      expect(html).toContain("Minimal content");
-      expect(html).not.toContain("cloud-app-canvas");
-      expect(html).not.toContain("layout-header");
-      expect(html).not.toContain("layout-rail");
-    }
-  });
-
-  test("can disable the minimal preference control completely", async () => {
-    const response = await server.request("/minimal/off");
-    const html = await response.text();
-
-    expect(response.status).toBe(200);
-    expect(html).toContain("Minimal content");
-    expect(html).not.toContain("minimal-layout-preferences");
-    expect(html).not.toContain("Appearance and language");
-  });
-
-  test("keeps every corner safe-area aware", async () => {
-    const css = await Bun.file(new URL("../styles/utilities-navigation.css", import.meta.url)).text();
-    for (const position of preferencePositions) expect(css).toContain(`.minimal-layout-preferences--${position}`);
-    expect(css).toContain("env(safe-area-inset-top)");
-    expect(css).toContain("env(safe-area-inset-right)");
-    expect(css).toContain("env(safe-area-inset-bottom)");
-    expect(css).toContain("env(safe-area-inset-left)");
-  });
-});