@anlyx/ui 0.1.5 → 0.1.6-beta.0

package/dist/viewer/ViewerApp.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { projectDataSchema } from "@anlyx/core";
+import { projectDataSchema, projectValidationReportSchema } from "@anlyx/core";
 import { WorkspaceApp } from "../workspace/WorkspaceApp.js";
 export function ViewerApp() {
     const [state, setState] = useState({ status: "loading" });
@@ -33,15 +33,32 @@ export function ViewerApp() {
     if (state.status === "error") {
         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 });
+    return (_jsx(WorkspaceApp, { projectData: state.viewerData.data, ...(state.viewerData.validationReport
+            ? { projectValidationReport: state.viewerData.validationReport }
+            : {}) }));
 }
 async function fetchViewerData() {
     const projectResponse = await fetch("/api/project-data");
     if (projectResponse.ok) {
-        return { kind: "project", data: projectDataSchema.parse(await projectResponse.json()) };
+        const validationReport = await fetchValidationReport();
+        return {
+            kind: "project",
+            data: projectDataSchema.parse(await projectResponse.json()),
+            ...(validationReport ? { validationReport } : {})
+        };
     }
     throw new Error(`/api/project-data returned ${projectResponse.status}`);
 }
+async function fetchValidationReport() {
+    const response = await fetch("/api/validation-report");
+    if (response.status === 404) {
+        return undefined;
+    }
+    if (!response.ok) {
+        throw new Error(`/api/validation-report returned ${response.status}`);
+    }
+    return projectValidationReportSchema.parse(await response.json());
+}
 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] }) }));