@ogygie/studio 0.5.0 → 0.5.2

package/src/ui/patterns/ErrorBanner.tsx

@@ -1,51 +0,0 @@
-/**
- * @intent Canonical error surface of the studio: an OgygieError displayed IN
- * FULL (code, message, file, cause, suggestedFix) — the spec forbids masking
- * or summarizing a spec error. Accepts any thrown value and degrades to its
- * message when it is not an OgygieError.
- */
-import type { OgygieError } from "@ogygie/core/errors";
-import { StudioApiError } from "../lib/fetchContract";
-
-function payloadOf(error: unknown): OgygieError | null {
-  if (error instanceof StudioApiError) return error.payload;
-  return null;
-}
-
-export function ErrorBanner({ error }: { error: unknown }) {
-  const payload = payloadOf(error);
-  if (payload === null) {
-    const message = error instanceof Error ? error.message : String(error);
-    return (
-      <div role="alert" className="rounded-md border border-red-300 bg-red-50 p-4 text-sm text-red-900">
-        {message}
-      </div>
-    );
-  }
-  return <OgygieErrorCard error={payload} />;
-}
-
-export function OgygieErrorCard({ error }: { error: OgygieError }) {
-  return (
-    <div role="alert" className="rounded-md border border-red-300 bg-red-50 p-4 text-sm text-red-900">
-      <p className="font-mono text-xs font-bold uppercase tracking-wide">{error.code}</p>
-      <p className="mt-1 font-medium">{error.message}</p>
-      <dl className="mt-2 space-y-1 text-xs">
-        {error.file != null && (
-          <div className="flex gap-2">
-            <dt className="shrink-0 font-semibold">Fichier</dt>
-            <dd className="font-mono">{error.file}</dd>
-          </div>
-        )}
-        <div className="flex gap-2">
-          <dt className="shrink-0 font-semibold">Cause</dt>
-          <dd className="font-mono break-all">{error.cause}</dd>
-        </div>
-        <div className="flex gap-2">
-          <dt className="shrink-0 font-semibold">Correction suggérée</dt>
-          <dd>{error.suggestedFix}</dd>
-        </div>
-      </dl>
-    </div>
-  );
-}

package/src/ui/patterns/Modal.tsx

@@ -1,38 +0,0 @@
-/**
- * @intent Canonical modal of the studio (overlay div, no extra dependency):
- * explicit confirmation surfaces — spec creation, the draft → validated
- * approval act. Rendered only when open; closing is always an explicit action.
- */
-import type { ReactNode } from "react";
-
-export function Modal({
-  open,
-  title,
-  children,
-  onClose,
-}: {
-  open: boolean;
-  title: string;
-  children: ReactNode;
-  onClose: () => void;
-}) {
-  if (!open) return null;
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-gray-900/40 p-4">
-      <div role="dialog" aria-modal="true" aria-label={title} className="w-full max-w-md rounded-lg bg-white p-5 shadow-xl">
-        <div className="flex items-start justify-between gap-4">
-          <h2 className="text-base font-semibold text-gray-900">{title}</h2>
-          <button
-            type="button"
-            onClick={onClose}
-            className="rounded p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600"
-            aria-label="Fermer"
-          >
-            ✕
-          </button>
-        </div>
-        <div className="mt-3">{children}</div>
-      </div>
-    </div>
-  );
-}

package/src/ui/router.tsx

@@ -1,76 +0,0 @@
-/**
- * @intent Code-defined routing of the studio (TanStack Router, canonical
- * stack): board (/), spec editor (/specs/$specId), read-only manifest view
- * (/manifest). Exported as a factory so tests mount the SAME tree on a memory
- * history.
- */
-import {
-  Link,
-  Outlet,
-  createRootRoute,
-  createRoute,
-  createRouter,
-  type RouterHistory,
-} from "@tanstack/react-router";
-import { SpecBoard } from "./features/spec-board/SpecBoard";
-import { SpecEditor } from "./features/spec-editor/SpecEditor";
-import { ManifestView } from "./features/manifest-view/ManifestView";
-
-function Layout() {
-  return (
-    <div className="min-h-screen bg-gray-100">
-      <header className="border-b border-gray-200 bg-white">
-        <nav className="mx-auto flex max-w-5xl items-center gap-6 px-4 py-3">
-          <span className="text-sm font-bold tracking-wide text-gray-900">Ogygie Studio</span>
-          <Link to="/" className="text-sm text-gray-600 hover:text-gray-900 [&.active]:font-semibold [&.active]:text-gray-900">
-            Board
-          </Link>
-          <Link to="/manifest" className="text-sm text-gray-600 hover:text-gray-900 [&.active]:font-semibold [&.active]:text-gray-900">
-            Manifeste
-          </Link>
-        </nav>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-6">
-        <Outlet />
-      </main>
-    </div>
-  );
-}
-
-const rootRoute = createRootRoute({ component: Layout });
-
-const boardRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: "/",
-  component: SpecBoard,
-});
-
-const editorRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: "/specs/$specId",
-  component: function SpecEditorRoute() {
-    const { specId } = editorRoute.useParams();
-    return <SpecEditor specId={specId} />;
-  },
-});
-
-const manifestRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: "/manifest",
-  component: ManifestView,
-});
-
-const routeTree = rootRoute.addChildren([boardRoute, editorRoute, manifestRoute]);
-
-export function createStudioRouter(history?: RouterHistory) {
-  return createRouter({
-    routeTree,
-    ...(history === undefined ? {} : { history }),
-  });
-}
-
-declare module "@tanstack/react-router" {
-  interface Register {
-    router: ReturnType<typeof createStudioRouter>;
-  }
-}

package/src/ui/test-utils.tsx

@@ -1,56 +0,0 @@
-/**
- * @intent Shared bench of the UI tests: mounts the REAL router tree on a
- * memory history with a fresh Query client, and stubs global fetch with typed
- * route handlers — a UI test exercises the same screens the studio serves,
- * never a lookalike.
- */
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { RouterProvider, createMemoryHistory } from "@tanstack/react-router";
-import { render } from "@testing-library/react";
-import { vi } from "vitest";
-import { createStudioRouter } from "./router";
-
-export interface FetchStubRoute {
-  method?: string;
-  path: string;
-  status?: number;
-  payload: unknown;
-}
-
-/** Stubs global fetch: first matching route wins; an unmatched call fails the
- * test loudly instead of hanging a query. */
-export function stubFetch(routes: FetchStubRoute[]): void {
-  vi.stubGlobal("fetch", async (input: RequestInfo | URL, init?: RequestInit) => {
-    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-    const method = init?.method ?? "GET";
-    const match = routes.find(
-      (route) => route.path === url && (route.method ?? "GET") === method,
-    );
-    if (match === undefined) {
-      throw new Error(`fetch stub: no route for ${method} ${url}`);
-    }
-    return new Response(JSON.stringify(match.payload), {
-      status: match.status ?? 200,
-      headers: { "content-type": "application/json" },
-    });
-  });
-}
-
-/** Stubs fetch with a promise that never settles — the loading state. */
-export function stubFetchPending(): void {
-  vi.stubGlobal("fetch", () => new Promise<Response>(() => undefined));
-}
-
-export function renderStudio(initialPath: string) {
-  const router = createStudioRouter(
-    createMemoryHistory({ initialEntries: [initialPath] }),
-  );
-  const queryClient = new QueryClient({
-    defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
-  });
-  return render(
-    <QueryClientProvider client={queryClient}>
-      <RouterProvider router={router} />
-    </QueryClientProvider>,
-  );
-}