@digi-frontend/dgate-api-documentation 2.0.1-test.8 → 2.0.1-test.9

package/dist/index.cjs

@@ -842,13 +842,69 @@ var SidebarErrorBoundary = class extends react.default.Component {
 		return this.props.children;
 	}
 };
-const Sidebar = () => {
-	const expandedKeys = useStore((state) => state.view.expandedKeys);
-	const setExpandedKeys = useStore((state) => state.view.setExpandedKeys);
-	const setSelectedApi = useStore((state) => state.view.setSelectedApi);
-	const setSelectedEndpoint = useStore((state) => state.view.setSelectedEndpoint);
-	const [selectedNode, setSelectedNodeState] = (0, react.useState)();
-	const transformedData = useStore((state) => state.view.transformedData);
+const FallbackSidebar = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Sider, {
+		width: 280,
+		style: {
+			backgroundColor: "#f5f5f5",
+			border: "1px solid #d9d9d9"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: { padding: 16 },
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+					style: {
+						color: "#ff4d4f",
+						margin: 0,
+						marginBottom: 8
+					},
+					children: "Sidebar Error"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: {
+						margin: 0,
+						fontSize: "12px",
+						color: "#666"
+					},
+					children: "The sidebar component encountered an error and has been disabled."
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: {
+						margin: 0,
+						fontSize: "11px",
+						color: "#999",
+						marginTop: 8
+					},
+					children: "Check the console for more details."
+				})
+			]
+		})
+	});
+};
+const SafeSidebar = () => {
+	try {
+		const expandedKeys = useStore((state) => state.view.expandedKeys);
+		const setExpandedKeys = useStore((state) => state.view.setExpandedKeys);
+		const setSelectedApi = useStore((state) => state.view.setSelectedApi);
+		const setSelectedEndpoint = useStore((state) => state.view.setSelectedEndpoint);
+		const [selectedNode, setSelectedNodeState] = (0, react.useState)();
+		const transformedData = useStore((state) => state.view.transformedData);
+		console.log("[Sidebar] Store access successful, transformedData:", transformedData);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarContent, {
+			expandedKeys,
+			setExpandedKeys,
+			setSelectedApi,
+			setSelectedEndpoint,
+			selectedNode,
+			setSelectedNodeState,
+			transformedData
+		});
+	} catch (error) {
+		console.error("[Sidebar] Error accessing store or rendering:", error);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FallbackSidebar, {});
+	}
+};
+const SidebarContent = ({ expandedKeys, setExpandedKeys, setSelectedApi, setSelectedEndpoint, selectedNode, setSelectedNodeState, transformedData }) => {
 	const builtTreeData = (0, react.useMemo)(() => {
 		console.log("[Sidebar] transformedData:", transformedData);
 		const tree = buildTreeDataStructure(transformedData);
@@ -975,6 +1031,9 @@ const Sidebar = () => {
 		})
 	}) }));
 };
+const Sidebar = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SafeSidebar, {});
+};
 
 //#endregion
 //#region src/view/components/MainContent.tsx