@anlyx/ui 0.1.2 → 0.1.3

package/dist/viewer/ViewerApp.js

@@ -1,4 +1,4 @@
-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";
@@ -10,16 +10,19 @@ export function ViewerApp() {
             try {
                 const response = await fetch("/api/report-data");
                 if (!response.ok) {
-                    throw new Error(`Failed to fetch report data: ${response.status}`);
+                    throw new Error(`/api/report-data returned ${response.status}`);
                 }
                 const parsed = scanResultSchema.parse(await response.json());
                 if (active) {
                     setState({ status: "success", data: parsed });
                 }
             }
-            catch {
+            catch (error) {
                 if (active) {
-                    setState({ status: "error" });
+                    setState({
+                        status: "error",
+                        detail: error instanceof Error ? error.message : "Unknown report loading error"
+                    });
                 }
             }
         }
@@ -29,10 +32,14 @@ export function ViewerApp() {
         };
     }, []);
     if (state.status === "loading") {
-        return _jsx("main", { className: "anlyx-viewer-state", children: "Loading Anlyx report..." });
+        return (_jsx(ViewerStateCard, { detail: "Reading /api/report-data from the local Anlyx runtime.", label: "Anlyx report loading", status: "loading", title: "Loading Anlyx report" }));
     }
     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 report load failed", status: "error", title: "Failed to load Anlyx report" }));
     }
     return _jsx(AnlyxAppShell, { data: state.data });
 }
+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 report data" : "Preparing local report" }), _jsx("h1", { children: title }), _jsx("p", { children: detail }), status === "error" ? (_jsx("p", { children: "Run `anlyx scan` or `anlyx dev` again, then reload this viewer." })) : null] }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anlyx/ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "React UI components and local viewer shell for Anlyx.",
   "license": "MIT",
   "type": "module",
@@ -38,7 +38,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-resizable-panels": "^4.11.2",
-    "@anlyx/core": "0.1.2"
+    "@anlyx/core": "0.1.3"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -48,6 +48,6 @@
     "jsdom": "^27.3.0"
   },
   "scripts": {
-    "build": "node ../../scripts/clean-package-dist.mjs . && tsc -p tsconfig.build.json && node ./scripts/copy-viewer-assets.mjs"
+    "build": "node ../../scripts/clean-package-dist.mjs . && tsc -p tsconfig.build.json && node ./scripts/copy-viewer-assets.mjs && node ../cli/node_modules/vite/bin/vite.js build --config vite.overlay.config.ts"
   }
 }