@anlyx/ui 0.1.2 → 0.1.5

package/dist/viewer/ViewerApp.js

@@ -1,38 +1,48 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { scanResultSchema } from "@anlyx/core";
-import { AnlyxAppShell } from "../components/AnlyxAppShell.js";
+import { projectDataSchema } from "@anlyx/core";
+import { WorkspaceApp } from "../workspace/WorkspaceApp.js";
 export function ViewerApp() {
     const [state, setState] = useState({ status: "loading" });
     useEffect(() => {
         let active = true;
-        async function loadReportData() {
+        async function loadViewerData() {
             try {
-                const response = await fetch("/api/report-data");
-                if (!response.ok) {
-                    throw new Error(`Failed to fetch report data: ${response.status}`);
-                }
-                const parsed = scanResultSchema.parse(await response.json());
+                const viewerData = await fetchViewerData();
                 if (active) {
-                    setState({ status: "success", data: parsed });
+                    setState({ status: "success", viewerData });
                 }
             }
-            catch {
+            catch (error) {
                 if (active) {
-                    setState({ status: "error" });
+                    setState({
+                        status: "error",
+                        detail: error instanceof Error ? error.message : "Unknown project data loading error"
+                    });
                 }
             }
         }
-        void loadReportData();
+        void loadViewerData();
         return () => {
             active = false;
         };
     }, []);
     if (state.status === "loading") {
-        return _jsx("main", { className: "anlyx-viewer-state", children: "Loading Anlyx report..." });
+        return (_jsx(ViewerStateCard, { detail: "Reading /api/project-data from the local Anlyx runtime.", label: "Anlyx project data loading", status: "loading", title: "Loading Anlyx project data" }));
     }
     if (state.status === "error") {
-        return _jsx("main", { className: "anlyx-viewer-state", children: "Failed to load Anlyx report." });
+        return (_jsx(ViewerStateCard, { detail: state.detail, label: "Anlyx project data load failed", status: "error", title: "Failed to load Anlyx project data" }));
+    }
+    return _jsx(WorkspaceApp, { projectData: state.viewerData.data });
+}
+async function fetchViewerData() {
+    const projectResponse = await fetch("/api/project-data");
+    if (projectResponse.ok) {
+        return { kind: "project", data: projectDataSchema.parse(await projectResponse.json()) };
     }
-    return _jsx(AnlyxAppShell, { data: state.data });
+    throw new Error(`/api/project-data returned ${projectResponse.status}`);
+}
+function ViewerStateCard({ detail, label, status, title }) {
+    const role = status === "error" ? "alert" : "status";
+    return (_jsx("main", { className: `anlyx-viewer-state anlyx-viewer-state--${status}`, children: _jsxs("section", { className: "anlyx-viewer-state__card", role: role, "aria-label": label, children: [_jsx("span", { className: "anlyx-viewer-state__eyebrow", children: status === "error" ? "Viewer waiting for project data" : "Preparing local project" }), _jsx("h1", { children: title }), _jsx("p", { children: detail }), status === "error" ? _jsx("p", { children: "Run `anlyx dev` again, then reload." }) : null] }) }));
 }