@walkeros/explorer 2.1.2 → 2.1.4

package/dist/index.mjs

@@ -1,18 +1,18 @@
 "use client"
 import {
-  __require,
   addFunctionContextTypes,
   initializeMonacoTypes,
   loadPackageTypes,
   loadTypeLibraryFromURL,
   registerWalkerOSTypes
-} from "./chunk-3TPAJIVM.mjs";
+} from "./chunk-5B2ONDO3.mjs";
 
 // src/components/demos/MappingDemo.tsx
 import { useState as useState6, useCallback as useCallback5, useEffect as useEffect5 } from "react";
 
 // src/components/molecules/code-box.tsx
 import { useState as useState4, useCallback as useCallback3, useRef as useRef4, useEffect as useEffect3 } from "react";
+import { useMonaco } from "@monaco-editor/react";
 
 // src/components/atoms/box.tsx
 import { useState } from "react";
@@ -1117,11 +1117,10 @@ function registerFormatters(monacoInstance) {
 var schemaRegistry = /* @__PURE__ */ new Map();
 var idCounter = 0;
 var _json;
-function getJson() {
-  if (!_json) {
-    _json = __require("monaco-editor").json;
-  }
-  return _json;
+function initMonacoJson(monaco) {
+  if (_json) return;
+  _json = monaco.json;
+  if (schemaRegistry.size > 0) applySchemas();
 }
 function generateModelPath() {
   return `inmemory://walkeros/json-${++idCounter}.json`;
@@ -1139,7 +1138,8 @@ function unregisterJsonSchema(modelPath) {
   applySchemas();
 }
 function applySchemas() {
-  getJson().jsonDefaults.setDiagnosticsOptions({
+  if (!_json) return;
+  _json.jsonDefaults.setDiagnosticsOptions({
     validate: true,
     schemaValidation: "error",
     schemaRequest: "ignore",
@@ -1366,11 +1366,12 @@ function Code({
   };
   const handleBeforeMount = async (monaco) => {
     monacoRef.current = monaco;
+    initMonacoJson(monaco);
     registerAllThemes(monaco);
     registerFormatters(monaco);
     if (packages && packages.length > 0) {
       registerWalkerOSTypes(monaco);
-      const { loadPackageTypes: loadPackageTypes2 } = await import("./monaco-types-7HYTHECU.mjs");
+      const { loadPackageTypes: loadPackageTypes2 } = await import("./monaco-types-QVKK6UKF.mjs");
       for (const pkg of packages) {
         if (pkg !== "@walkeros/core") {
           await loadPackageTypes2(monaco, { package: pkg }).catch(() => {
@@ -1429,10 +1430,6 @@ function Code({
             endColumn: issue.endColumn ?? issue.column + 1
           }))
         );
-        onMarkerCountsRef.current?.({
-          errors: result.errors.length,
-          warnings: result.warnings.length
-        });
       };
       runValidation();
       const validateDisposable = monacoEditor.onDidChangeModelContent(() => {
@@ -1444,6 +1441,55 @@ function Code({
         validateDisposable.dispose();
       });
     }
+    if (onMarkerCountsRef.current && monacoRef.current) {
+      const monacoInstance = monacoRef.current;
+      const model = monacoEditor.getModel();
+      const hasCustomValidate = !!validateRef.current;
+      if (model) {
+        const reportMarkers = () => {
+          if (hasCustomValidate) {
+            monacoInstance.editor.setModelMarkers(model, "json", []);
+          }
+          const raw = monacoInstance.editor.getModelMarkers({
+            resource: model.uri
+          });
+          let errors = 0;
+          let warnings = 0;
+          const details = [];
+          for (const m of raw) {
+            if (m.severity === 8) {
+              errors++;
+              details.push({
+                message: m.message,
+                severity: "error",
+                line: m.startLineNumber,
+                column: m.startColumn
+              });
+            } else if (m.severity === 4) {
+              warnings++;
+              details.push({
+                message: m.message,
+                severity: "warning",
+                line: m.startLineNumber,
+                column: m.startColumn
+              });
+            }
+          }
+          onMarkerCountsRef.current?.({ errors, warnings, markers: details });
+        };
+        const markerDisposable = monacoInstance.editor.onDidChangeMarkers(
+          (uris) => {
+            if (uris.some((uri) => uri.toString() === model.uri.toString())) {
+              reportMarkers();
+            }
+          }
+        );
+        requestAnimationFrame(reportMarkers);
+        decorationsCleanupRef.current.push(() => {
+          markerDisposable.dispose();
+        });
+      }
+    }
     requestAnimationFrame(() => {
       monacoEditor.layout();
     });
@@ -1539,13 +1585,6 @@ function Code({
 
 // src/components/molecules/code-box.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var _monacoNs;
-function getMonaco() {
-  if (!_monacoNs) {
-    _monacoNs = __require("monaco-editor");
-  }
-  return _monacoNs;
-}
 function CodeBox({
   // Code props (single code mode)
   code,
@@ -1578,6 +1617,7 @@ function CodeBox({
   ...codeProps
 }) {
   const { onMount: userOnMount, ...restCodeProps } = codeProps;
+  const monaco = useMonaco();
   const [copied, setCopied] = useState4(false);
   const [showSettingsPanel, setShowSettingsPanel] = useState4(false);
   const [settings, setSettings] = useState4({
@@ -1588,18 +1628,23 @@ function CodeBox({
   });
   const settingsRef = useRef4(null);
   const [markerCounts, setMarkerCounts] = useState4({ errors: 0, warnings: 0 });
+  const [markerDetails, setMarkerDetails] = useState4([]);
+  const [openMarkerMenu, setOpenMarkerMenu] = useState4(null);
+  const markerMenuRef = useRef4(null);
   const editorInstanceRef = useRef4(null);
-  const lastJumpIndexRef = useRef4({ errors: -1, warnings: -1 });
   useEffect3(() => {
-    if (!showSettingsPanel) return;
+    if (!showSettingsPanel && !openMarkerMenu) return;
     const handleClickOutside = (e) => {
-      if (settingsRef.current && !settingsRef.current.contains(e.target)) {
+      if (showSettingsPanel && settingsRef.current && !settingsRef.current.contains(e.target)) {
         setShowSettingsPanel(false);
       }
+      if (openMarkerMenu && markerMenuRef.current && !markerMenuRef.current.contains(e.target)) {
+        setOpenMarkerMenu(null);
+      }
     };
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [showSettingsPanel]);
+  }, [showSettingsPanel, openMarkerMenu]);
   const [currentTabId, setCurrentTabId] = useState4(
     controlledActiveTab ?? defaultTab ?? tabs?.[0]?.id ?? ""
   );
@@ -1640,33 +1685,20 @@ function CodeBox({
     [userOnMount]
   );
   const handleMarkerCounts = useCallback3(
-    (counts) => {
-      setMarkerCounts(counts);
-      lastJumpIndexRef.current = { errors: -1, warnings: -1 };
-      onValidationIssues?.(counts);
+    (info) => {
+      setMarkerCounts({ errors: info.errors, warnings: info.warnings });
+      setMarkerDetails(info.markers);
+      onValidationIssues?.({ errors: info.errors, warnings: info.warnings });
     },
     [onValidationIssues]
   );
-  const jumpToMarker = useCallback3((severity) => {
+  const jumpToLine = useCallback3((line, column) => {
     const ed = editorInstanceRef.current;
     if (!ed) return;
-    const model = ed.getModel();
-    if (!model) return;
-    const severityValue = severity === "error" ? 8 : 4;
-    const markers = getMonaco().editor.getModelMarkers({ resource: model.uri }).filter((m) => m.severity === severityValue).sort(
-      (a, b) => a.startLineNumber - b.startLineNumber || a.startColumn - b.startColumn
-    );
-    if (markers.length === 0) return;
-    const key = severity === "error" ? "errors" : "warnings";
-    const nextIndex = (lastJumpIndexRef.current[key] + 1) % markers.length;
-    lastJumpIndexRef.current[key] = nextIndex;
-    const marker = markers[nextIndex];
-    ed.revealLineInCenter(marker.startLineNumber);
-    ed.setPosition({
-      lineNumber: marker.startLineNumber,
-      column: marker.startColumn
-    });
+    ed.revealLineInCenter(line);
+    ed.setPosition({ lineNumber: line, column });
     ed.focus();
+    setOpenMarkerMenu(null);
   }, []);
   const settingsProps = {
     lineNumbers: settings.lineNumbers,
@@ -1676,56 +1708,88 @@ function CodeBox({
   };
   const actions = /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
     markerCounts.errors > 0 && /* @__PURE__ */ jsxs3(
-      "button",
+      "div",
       {
-        className: "elb-codebox-marker-badge elb-codebox-marker-badge--error",
-        onClick: () => jumpToMarker("error"),
-        title: `${markerCounts.errors} error${markerCounts.errors !== 1 ? "s" : ""} \u2014 click to jump`,
+        ref: openMarkerMenu === "error" ? markerMenuRef : void 0,
+        style: { position: "relative" },
         children: [
           /* @__PURE__ */ jsxs3(
-            "svg",
+            "button",
             {
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
+              className: "elb-codebox-marker-badge elb-codebox-marker-badge--error",
+              onClick: () => setOpenMarkerMenu(openMarkerMenu === "error" ? null : "error"),
               children: [
-                /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsx4("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
-                /* @__PURE__ */ jsx4("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+                /* @__PURE__ */ jsxs3(
+                  "svg",
+                  {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: [
+                      /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ jsx4("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+                      /* @__PURE__ */ jsx4("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx4("span", { children: markerCounts.errors })
               ]
             }
           ),
-          /* @__PURE__ */ jsx4("span", { children: markerCounts.errors })
+          openMarkerMenu === "error" && /* @__PURE__ */ jsx4(
+            MarkerMenu,
+            {
+              markers: markerDetails.filter((m) => m.severity === "error"),
+              onJump: jumpToLine
+            }
+          )
         ]
       }
     ),
     markerCounts.warnings > 0 && /* @__PURE__ */ jsxs3(
-      "button",
+      "div",
       {
-        className: "elb-codebox-marker-badge elb-codebox-marker-badge--warning",
-        onClick: () => jumpToMarker("warning"),
-        title: `${markerCounts.warnings} warning${markerCounts.warnings !== 1 ? "s" : ""} \u2014 click to jump`,
+        ref: openMarkerMenu === "warning" ? markerMenuRef : void 0,
+        style: { position: "relative" },
         children: [
           /* @__PURE__ */ jsxs3(
-            "svg",
+            "button",
             {
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
+              className: "elb-codebox-marker-badge elb-codebox-marker-badge--warning",
+              onClick: () => setOpenMarkerMenu(openMarkerMenu === "warning" ? null : "warning"),
               children: [
-                /* @__PURE__ */ jsx4("path", { d: "M12 3L2 21h20L12 3z" }),
-                /* @__PURE__ */ jsx4("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-                /* @__PURE__ */ jsx4("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+                /* @__PURE__ */ jsxs3(
+                  "svg",
+                  {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx4("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
+                      /* @__PURE__ */ jsx4("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+                      /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "17", r: ".5" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx4("span", { children: markerCounts.warnings })
               ]
             }
           ),
-          /* @__PURE__ */ jsx4("span", { children: markerCounts.warnings })
+          openMarkerMenu === "warning" && /* @__PURE__ */ jsx4(
+            MarkerMenu,
+            {
+              markers: markerDetails.filter((m) => m.severity === "warning"),
+              onJump: jumpToLine
+            }
+          )
         ]
       }
     ),
@@ -1920,6 +1984,26 @@ function CodeBox({
     }
   );
 }
+function MarkerMenu({
+  markers,
+  onJump
+}) {
+  return /* @__PURE__ */ jsx4("div", { className: "elb-codebox-marker-menu", children: markers.sort((a, b) => a.line - b.line || a.column - b.column).map((m, i) => /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      className: "elb-codebox-marker-menu-item",
+      onClick: () => onJump(m.line, m.column),
+      children: [
+        /* @__PURE__ */ jsxs3("span", { className: "elb-codebox-marker-menu-line", children: [
+          "Ln ",
+          m.line
+        ] }),
+        /* @__PURE__ */ jsx4("span", { className: "elb-codebox-marker-menu-msg", children: m.message })
+      ]
+    },
+    i
+  )) });
+}
 
 // src/components/atoms/grid.tsx
 import {
@@ -2593,10 +2677,14 @@ function Preview({
             const createNoopLogger = () => ({
               error: () => {
               },
+              warn: () => {
+              },
               info: () => {
               },
               debug: () => {
               },
+              json: () => {
+              },
               throw: (msg) => {
                 throw msg instanceof Error ? msg : new Error(msg);
               },
@@ -2633,6 +2721,8 @@ function Preview({
               logger: noopLogger,
               setIngest: async () => {
               },
+              setRespond: () => {
+              },
               config,
               env
             });