@digi-frontend/dgate-api-documentation 2.0.1-test.11 → 2.0.1-test.13

package/dist/index.js

@@ -1,40 +1,44 @@
-import "node:module";
-import { create } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
 import * as React$1 from "react";
 import { useEffect, useMemo, useState } from "react";
 import { Button, Input, Layout, Tag, Tree, Typography, theme } from "antd";
 import { useStyleRegister } from "@ant-design/cssinjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { create } from "zustand";
+import { devtools } from "zustand/middleware";
+import { immer } from "zustand/middleware/immer";
 import { nanoid } from "nanoid";
 import { AntdRegistry } from "@ant-design/nextjs-registry";
 
-//#region rolldown:runtime
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function() {
-	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
+//#region src/hooks/useStyle.ts
+function useStyle(componentName, stylesFn) {
+	const { token: token$1, theme: theme$1, hashId } = theme.useToken();
+	const scope = (className) => `.${hashId}.${componentName}-${className}`;
+	const cx = (...classes) => classes.map((cls) => `${componentName}-${cls} ${hashId}`).join(" ");
+	const wrapSSR = useStyleRegister({
+		theme: theme$1,
+		token: token$1,
+		path: [componentName]
+	}, () => stylesFn(token$1, scope));
+	return {
+		wrapSSR,
+		cx,
+		scope,
+		token: token$1,
+		hashId
+	};
+}
+
+//#endregion
+//#region src/view/components/Header.tsx
+const { Header: AntHeader } = Layout;
+const Header = () => {
+	const { wrapSSR, cx } = useStyle("Header", (token$1, scope) => ({ [scope("header")]: {
+		width: "100%",
+		height: "4rem",
+		backgroundColor: token$1.colorBgContainer
+	} }));
+	return wrapSSR(/* @__PURE__ */ jsx(AntHeader, { className: cx("header") }));
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 //#endregion
 //#region src/store/slices/view.ts
@@ -120,38 +124,6 @@ const createStore = (set) => ({
 const useStore = create()(devtools(immer(createStore), { name: "dgate-docs-store" }));
 var store_default = useStore;
 
-//#endregion
-//#region src/hooks/useStyle.ts
-function useStyle(componentName, stylesFn) {
-	const { token: token$1, theme: theme$1, hashId } = theme.useToken();
-	const scope = (className) => `.${hashId}.${componentName}-${className}`;
-	const cx = (...classes) => classes.map((cls) => `${componentName}-${cls} ${hashId}`).join(" ");
-	const wrapSSR = useStyleRegister({
-		theme: theme$1,
-		token: token$1,
-		path: [componentName]
-	}, () => stylesFn(token$1, scope));
-	return {
-		wrapSSR,
-		cx,
-		scope,
-		token: token$1,
-		hashId
-	};
-}
-
-//#endregion
-//#region src/view/components/Header.tsx
-const { Header: AntHeader } = Layout;
-const Header = () => {
-	const { wrapSSR, cx } = useStyle("Header", (token$1, scope) => ({ [scope("header")]: {
-		width: "100%",
-		height: "4rem",
-		backgroundColor: token$1.colorBgContainer
-	} }));
-	return wrapSSR(/* @__PURE__ */ jsx(AntHeader, { className: cx("header") }));
-};
-
 //#endregion
 //#region src/assets/Minify.svg
 var _path;
@@ -510,563 +482,391 @@ var token = {
 
 //#endregion
 //#region src/view/helper/sidebar.utils.ts
-var methodColors, buildTreeDataStructure, findNodeByKey, isApiSectionHighlighted, getAllTreeKeys, filterTreeData, getParentKey, getSidebarStyles;
-var init_sidebar_utils = __esm({ "src/view/helper/sidebar.utils.ts": (() => {
-	methodColors = {
-		GET: {
-			bg: token.colorPrimaryBgHover,
-			color: token.colorPrimary
-		},
-		POST: {
-			bg: token["green.1"],
-			color: token.colorSuccess
-		},
-		DELETE: {
-			bg: token.colorErrorBg,
-			color: token.colorError
-		},
-		PUT: {
-			bg: token.colorWarningBg,
-			color: token.colorWarning
-		},
-		PATCH: {
-			bg: token["volcano.5"],
-			color: token.colorWhite
-		},
-		OPTIONS: {
-			bg: token["geekblue.2"],
-			color: token["geekblue.6"]
-		},
-		HEAD: {
-			bg: token["purple.1"],
-			color: token["purple.5"]
-		},
-		TRACE: {
-			bg: token["cyan.1"],
-			color: token["cyan.5"]
+const methodColors = {
+	GET: {
+		bg: token.colorPrimaryBgHover,
+		color: token.colorPrimary
+	},
+	POST: {
+		bg: token["green.1"],
+		color: token.colorSuccess
+	},
+	DELETE: {
+		bg: token.colorErrorBg,
+		color: token.colorError
+	},
+	PUT: {
+		bg: token.colorWarningBg,
+		color: token.colorWarning
+	},
+	PATCH: {
+		bg: token["volcano.5"],
+		color: token.colorWhite
+	},
+	OPTIONS: {
+		bg: token["geekblue.2"],
+		color: token["geekblue.6"]
+	},
+	HEAD: {
+		bg: token["purple.1"],
+		color: token["purple.5"]
+	},
+	TRACE: {
+		bg: token["cyan.1"],
+		color: token["cyan.5"]
+	}
+};
+const buildTreeDataStructure = (data) => {
+	if (!data) return [];
+	return data.map((api) => {
+		return {
+			title: api.title,
+			key: api.id,
+			selectable: true,
+			data: api,
+			children: Object.entries(api.tags).map(([tag, endpoints]) => {
+				const tagId = `tag-${nanoid(8)}`;
+				return {
+					title: tag,
+					key: tagId,
+					selectable: false,
+					data: {
+						tagName: tag,
+						apiData: api
+					},
+					children: endpoints.map((endpoint) => {
+						return {
+							title: endpoint.summary,
+							key: endpoint.id,
+							isLeaf: true,
+							selectable: true,
+							method: endpoint.method,
+							data: {
+								endpoint,
+								api,
+								tagName: tag
+							}
+						};
+					})
+				};
+			})
+		};
+	});
+};
+const findNodeByKey = (nodes, targetKey) => {
+	for (const node of nodes) {
+		if (node.key === targetKey) return node;
+		if (node.children && node.children.length > 0) {
+			const found = findNodeByKey(node.children, targetKey);
+			if (found) return found;
 		}
+	}
+	return null;
+};
+const isApiSectionHighlighted = (apiKey, selectedNode, treeDataStructure) => {
+	if (!selectedNode || selectedNode.length === 0) return false;
+	const selectedKey = selectedNode[0];
+	if (selectedKey === apiKey) return false;
+	const findNodeParentApi = (nodes, targetKey) => {
+		for (const node of nodes) if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) {
+			const apiId = node.key;
+			if (node.children) for (const child of node.children) {
+				if (child.key === targetKey) return apiId;
+				if (child.children) {
+					for (const grandChild of child.children) if (grandChild.key === targetKey) return apiId;
+				}
+			}
+		}
+		return null;
 	};
-	buildTreeDataStructure = (data) => {
-		if (!data) return [];
-		return data.map((api) => {
-			return {
-				title: api.title,
-				key: api.id,
-				selectable: true,
-				data: api,
-				children: Object.entries(api.tags).map(([tag, endpoints]) => {
-					const tagId = `tag-${nanoid(8)}`;
-					return {
-						title: tag,
-						key: tagId,
-						selectable: false,
-						data: {
-							tagName: tag,
-							apiData: api
-						},
-						children: endpoints.map((endpoint) => {
-							return {
-								title: endpoint.summary,
-								key: endpoint.id,
-								isLeaf: true,
-								selectable: true,
-								method: endpoint.method,
-								data: {
-									endpoint,
-									api,
-									tagName: tag
-								}
-							};
-						})
-					};
-				})
-			};
+	const parentApiKey = findNodeParentApi(treeDataStructure, selectedKey);
+	return parentApiKey === apiKey;
+};
+const getAllTreeKeys = (data) => {
+	const keys = [];
+	const traverse = (nodes) => {
+		nodes.forEach((node) => {
+			keys.push(node.key);
+			if (node.children && node.children.length > 0) traverse(node.children);
 		});
 	};
-	findNodeByKey = (nodes, targetKey) => {
+	traverse(data);
+	return keys;
+};
+const filterTreeData = (data, searchText) => {
+	if (!searchText) return data;
+	const findOriginalNode = (nodes, key) => {
 		for (const node of nodes) {
-			if (node.key === targetKey) return node;
-			if (node.children && node.children.length > 0) {
-				const found = findNodeByKey(node.children, targetKey);
+			if (node.key === key) return node;
+			if (node.children) {
+				const found = findOriginalNode(node.children, key);
 				if (found) return found;
 			}
 		}
 		return null;
 	};
-	isApiSectionHighlighted = (apiKey, selectedNode, treeDataStructure) => {
-		if (!selectedNode || selectedNode.length === 0) return false;
-		const selectedKey = selectedNode[0];
-		if (selectedKey === apiKey) return false;
-		const findNodeParentApi = (nodes, targetKey) => {
-			for (const node of nodes) if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) {
-				const apiId = node.key;
-				if (node.children) for (const child of node.children) {
-					if (child.key === targetKey) return apiId;
-					if (child.children) {
-						for (const grandChild of child.children) if (grandChild.key === targetKey) return apiId;
-					}
-				}
-			}
-			return null;
-		};
-		const parentApiKey = findNodeParentApi(treeDataStructure, selectedKey);
-		return parentApiKey === apiKey;
-	};
-	getAllTreeKeys = (data) => {
-		const keys = [];
-		const traverse = (nodes) => {
-			nodes.forEach((node) => {
-				keys.push(node.key);
-				if (node.children && node.children.length > 0) traverse(node.children);
-			});
-		};
-		traverse(data);
-		return keys;
-	};
-	filterTreeData = (data, searchText) => {
-		if (!searchText) return data;
-		const findOriginalNode = (nodes, key) => {
-			for (const node of nodes) {
-				if (node.key === key) return node;
-				if (node.children) {
-					const found = findOriginalNode(node.children, key);
-					if (found) return found;
-				}
-			}
-			return null;
-		};
-		const filterNode = (node) => {
-			let titleText = "";
-			const originalNode = findOriginalNode(data, node.key);
-			if (originalNode && typeof originalNode.title === "string") titleText = originalNode.title;
-			else if (typeof node.title === "string") titleText = node.title;
-			let searchableText = titleText;
-			if (node.isLeaf && node.method) searchableText = `${node.method} ${titleText}`.toLowerCase();
-			else searchableText = titleText.toLowerCase();
-			const searchLower = searchText.toLowerCase();
-			const matchesSearch = searchableText.includes(searchLower);
-			if (node.children) {
-				const filteredChildren = node.children.map((child) => filterNode(child)).filter((child) => child !== null);
-				if (matchesSearch || filteredChildren.length > 0) return {
-					...node,
-					children: filteredChildren
-				};
-			} else if (matchesSearch) return node;
-			return null;
-		};
-		return data.map((node) => filterNode(node)).filter((node) => node !== null);
-	};
-	getParentKey = (key, tree) => {
-		for (let i = 0; i < tree.length; i++) {
-			const node = tree[i];
-			if (node.children) {
-				if (node.children.some((item) => item.key === key)) return node.key;
-				const parent = getParentKey(key, node.children);
-				if (parent) return parent;
-			}
-		}
+	const filterNode = (node) => {
+		let titleText = "";
+		const originalNode = findOriginalNode(data, node.key);
+		if (originalNode && typeof originalNode.title === "string") titleText = originalNode.title;
+		else if (typeof node.title === "string") titleText = node.title;
+		let searchableText = titleText;
+		if (node.isLeaf && node.method) searchableText = `${node.method} ${titleText}`.toLowerCase();
+		else searchableText = titleText.toLowerCase();
+		const searchLower = searchText.toLowerCase();
+		const matchesSearch = searchableText.includes(searchLower);
+		if (node.children) {
+			const filteredChildren = node.children.map((child) => filterNode(child)).filter((child) => child !== null);
+			if (matchesSearch || filteredChildren.length > 0) return {
+				...node,
+				children: filteredChildren
+			};
+		} else if (matchesSearch) return node;
 		return null;
 	};
-	getSidebarStyles = (token$1, scope) => ({
-		[scope("sider")]: {
-			backgroundColor: token$1.colorBgContainer,
-			maxWidth: "17.5rem",
-			overflowY: "auto",
-			overflowX: "clip"
-		},
-		[scope("content")]: { padding: token$1.padding },
-		[scope("controls")]: {
+	return data.map((node) => filterNode(node)).filter((node) => node !== null);
+};
+const getSidebarStyles = (token$1, scope) => ({
+	[scope("sider")]: {
+		backgroundColor: token$1.colorBgContainer,
+		maxWidth: "17.5rem",
+		overflowY: "auto",
+		overflowX: "clip"
+	},
+	[scope("content")]: { padding: token$1.padding },
+	[scope("controls")]: {
+		display: "flex",
+		gap: token$1.marginXS,
+		marginBottom: token$1.marginSM
+	},
+	[scope("search-input")]: { flex: 1 },
+	[scope("tree")]: {
+		backgroundColor: "transparent",
+		"& .ant-tree-node-content-wrapper": {
+			overflow: "hidden",
+			width: "100%",
 			display: "flex",
-			gap: token$1.marginXS,
-			marginBottom: token$1.marginSM
+			alignItems: "center"
 		},
-		[scope("search-input")]: { flex: 1 },
-		[scope("tree")]: {
-			backgroundColor: "transparent",
-			"& .ant-tree-node-content-wrapper": {
-				overflow: "hidden",
-				width: "100%",
-				display: "flex",
-				alignItems: "center"
-			},
-			"& .ant-tree-title": {
-				width: "100%",
-				overflow: "hidden",
-				display: "flex",
-				alignItems: "center",
-				marginBlock: "auto"
-			},
-			"& .ant-tree-treenode": {
-				width: "100%",
-				padding: 0
-			},
-			"& .ant-tree-node-content-wrapper:hover": { backgroundColor: token$1.colorFillTertiary }
-		},
-		[scope("endpoint-item")]: {
+		"& .ant-tree-title": {
+			width: "100%",
+			overflow: "hidden",
 			display: "flex",
 			alignItems: "center",
-			gap: token$1.marginXS,
-			width: "100%",
-			maxWidth: "100%",
-			minWidth: "100%"
-		},
-		[scope("method-tag")]: {
-			minWidth: "3.75rem",
-			textAlign: "center",
-			border: "none"
-		},
-		[scope("endpoint-text")]: {
-			flex: 1,
-			maxWidth: "100%"
+			marginBlock: "auto"
 		},
-		[scope("tag-title")]: {
-			color: token$1.colorText,
-			maxWidth: "100%",
-			display: "block"
-		},
-		[scope("api-title")]: {
-			color: token$1.colorText,
-			maxWidth: "100%",
-			display: "block",
-			padding: 0,
-			margin: 0,
-			"&.highlighted": { color: token$1.colorPrimary }
+		"& .ant-tree-treenode": {
+			width: "100%",
+			padding: 0
 		},
-		[scope("create-text")]: { color: token$1.colorTextSecondary }
-	});
-}) });
+		"& .ant-tree-node-content-wrapper:hover": { backgroundColor: token$1.colorFillTertiary }
+	},
+	[scope("endpoint-item")]: {
+		display: "flex",
+		alignItems: "center",
+		gap: token$1.marginXS,
+		width: "100%",
+		maxWidth: "100%",
+		minWidth: "100%"
+	},
+	[scope("method-tag")]: {
+		minWidth: "3.75rem",
+		textAlign: "center",
+		border: "none"
+	},
+	[scope("endpoint-text")]: {
+		flex: 1,
+		maxWidth: "100%"
+	},
+	[scope("tag-title")]: {
+		color: token$1.colorText,
+		maxWidth: "100%",
+		display: "block"
+	},
+	[scope("api-title")]: {
+		color: token$1.colorText,
+		maxWidth: "100%",
+		display: "block",
+		padding: 0,
+		margin: 0,
+		"&.highlighted": { color: token$1.colorPrimary }
+	},
+	[scope("create-text")]: { color: token$1.colorTextSecondary }
+});
 
 //#endregion
 //#region src/view/helper/sidebar.components.tsx
-var Text, EndpointItem, convertToRenderableTreeData;
-var init_sidebar_components = __esm({ "src/view/helper/sidebar.components.tsx": (() => {
-	init_sidebar_utils();
-	({Text} = Typography);
-	EndpointItem = ({ method, title, cx }) => {
-		const methodStyle = methodColors[method];
-		return /* @__PURE__ */ jsxs("div", {
-			className: cx("endpoint-item"),
-			children: [/* @__PURE__ */ jsx(Tag, {
-				className: cx("method-tag"),
-				style: {
-					backgroundColor: methodStyle?.bg,
-					color: methodStyle?.color,
-					border: "none"
-				},
-				children: method
-			}), /* @__PURE__ */ jsx(Text, {
-				className: cx("endpoint-text"),
-				ellipsis: { tooltip: title },
-				style: { flex: 1 },
-				children: title
-			})]
+const { Text } = Typography;
+const EndpointItem = ({ method, title, cx }) => {
+	const methodStyle = methodColors[method];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx("endpoint-item"),
+		children: [/* @__PURE__ */ jsx(Tag, {
+			className: cx("method-tag"),
+			style: {
+				backgroundColor: methodStyle?.bg,
+				color: methodStyle?.color,
+				border: "none"
+			},
+			children: method
+		}), /* @__PURE__ */ jsx(Text, {
+			className: cx("endpoint-text"),
+			ellipsis: { tooltip: title },
+			style: { flex: 1 },
+			children: title
+		})]
+	});
+};
+const convertToRenderableTreeData = (treeDataStructure, selectedNode, cx) => {
+	const renderNode = (node) => {
+		let title;
+		if (node.isLeaf && node.method) title = /* @__PURE__ */ jsx(EndpointItem, {
+			method: node.method,
+			title: typeof node.title === "string" ? node.title.replace(`${node.method} `, "") : "",
+			cx
 		});
-	};
-	convertToRenderableTreeData = (treeDataStructure, selectedNode, cx) => {
-		const renderNode = (node) => {
-			let title;
-			if (node.isLeaf && node.method) title = /* @__PURE__ */ jsx(EndpointItem, {
-				method: node.method,
-				title: typeof node.title === "string" ? node.title.replace(`${node.method} `, "") : "",
-				cx
-			});
-			else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) {
-				const isHighlighted = isApiSectionHighlighted(node.key, selectedNode, treeDataStructure);
-				title = /* @__PURE__ */ jsx(Text, {
-					className: cx("api-title") + (isHighlighted ? " highlighted" : ""),
-					ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
-					children: node.title
-				});
-			} else title = /* @__PURE__ */ jsx(Text, {
-				className: cx("tag-title"),
+		else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) {
+			const isHighlighted = isApiSectionHighlighted(node.key, selectedNode, treeDataStructure);
+			title = /* @__PURE__ */ jsx(Text, {
+				className: cx("api-title") + (isHighlighted ? " highlighted" : ""),
 				ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
 				children: node.title
 			});
-			return {
-				...node,
-				title,
-				children: node.children ? node.children.map(renderNode) : void 0
-			};
+		} else title = /* @__PURE__ */ jsx(Text, {
+			className: cx("tag-title"),
+			ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
+			children: node.title
+		});
+		return {
+			...node,
+			title,
+			children: node.children ? node.children.map(renderNode) : void 0
 		};
-		return treeDataStructure.map(renderNode);
 	};
-}) });
-
-//#endregion
-//#region src/view/helper/index.ts
-var helper_exports = {};
-__export(helper_exports, {
-	EndpointItem: () => EndpointItem,
-	buildTreeDataStructure: () => buildTreeDataStructure,
-	convertToRenderableTreeData: () => convertToRenderableTreeData,
-	filterTreeData: () => filterTreeData,
-	findNodeByKey: () => findNodeByKey,
-	getAllTreeKeys: () => getAllTreeKeys,
-	getParentKey: () => getParentKey,
-	getSidebarStyles: () => getSidebarStyles,
-	isApiSectionHighlighted: () => isApiSectionHighlighted,
-	methodColors: () => methodColors
-});
-var init_helper = __esm({ "src/view/helper/index.ts": (() => {
-	init_sidebar_utils();
-	init_sidebar_components();
-}) });
+	return treeDataStructure.map(renderNode);
+};
 
 //#endregion
 //#region src/view/components/Sidebar.tsx
 const { Sider } = Layout;
-const safeHelperCall = (fn, args, functionName) => {
-	try {
-		if (!fn) {
-			console.error(`[Sidebar] Function ${functionName} is not available`);
-			return null;
-		}
-		const result = fn(...args);
-		console.log(`[Sidebar] ${functionName} executed successfully`);
-		return result;
-	} catch (error) {
-		console.error(`[Sidebar] Error in ${functionName}:`, error);
-		return null;
-	}
-};
 const Sidebar = () => {
-	try {
-		let getAllTreeKeys$1, filterTreeData$1, getSidebarStyles$1, convertToRenderableTreeData$1, buildTreeDataStructure$1, findNodeByKey$1;
-		try {
-			const helperImports = (init_helper(), __toCommonJS(helper_exports));
-			getAllTreeKeys$1 = helperImports.getAllTreeKeys;
-			filterTreeData$1 = helperImports.filterTreeData;
-			getSidebarStyles$1 = helperImports.getSidebarStyles;
-			convertToRenderableTreeData$1 = helperImports.convertToRenderableTreeData;
-			buildTreeDataStructure$1 = helperImports.buildTreeDataStructure;
-			findNodeByKey$1 = helperImports.findNodeByKey;
-			console.log("[Sidebar] Helper functions imported successfully");
-		} catch (error) {
-			console.error("[Sidebar] Error importing helper functions:", error);
-			return /* @__PURE__ */ jsx(Sider, {
-				width: 280,
-				style: {
-					backgroundColor: "#f5f5f5",
-					border: "1px solid orange"
-				},
-				children: /* @__PURE__ */ jsxs("div", {
-					style: { padding: 16 },
-					children: [/* @__PURE__ */ jsx("h4", {
-						style: {
-							color: "#fa8c16",
-							margin: 0
-						},
-						children: "Import Error"
-					}), /* @__PURE__ */ jsx("p", {
-						style: {
-							fontSize: "12px",
-							color: "#666",
-							margin: "8px 0 0 0"
-						},
-						children: "Could not import helper functions. Check console."
-					})]
-				})
-			});
+	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] = useState();
+	const transformedData = useStore((state) => state.view.transformedData);
+	const builtTreeData = useMemo(() => buildTreeDataStructure(transformedData), [transformedData]);
+	const [searchValue, setSearchValue] = useState("");
+	const [autoExpandParent, setAutoExpandParent] = useState(true);
+	const { wrapSSR, cx } = useStyle("Sidebar", getSidebarStyles);
+	const handleSearch = (value) => {
+		if (value) {
+			const allKeys = getAllTreeKeys(builtTreeData);
+			setExpandedKeys(allKeys);
+			setSearchValue(value);
+			setAutoExpandParent(true);
+		} else {
+			setSearchValue(value);
+			setAutoExpandParent(false);
 		}
-		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] = useState();
-		const transformedData = useStore((state) => state.view.transformedData);
-		console.log("[Sidebar] Store access successful, transformedData:", transformedData);
-		const builtTreeData = useMemo(() => {
-			console.log("[Sidebar] Building tree data...");
-			return safeHelperCall(buildTreeDataStructure$1, [transformedData], "buildTreeDataStructure") || [];
-		}, [transformedData, buildTreeDataStructure$1]);
-		const [searchValue, setSearchValue] = useState("");
-		const [autoExpandParent, setAutoExpandParent] = useState(true);
-		let wrapSSR, cx;
-		try {
-			const styleResult = useStyle("Sidebar", getSidebarStyles$1);
-			wrapSSR = styleResult.wrapSSR;
-			cx = styleResult.cx;
-			console.log("[Sidebar] useStyle executed successfully");
-		} catch (error) {
-			console.error("[Sidebar] Error in useStyle:", error);
-			wrapSSR = (children) => children;
-			cx = (className) => className;
+	};
+	const renderTreeData = useMemo(() => {
+		return convertToRenderableTreeData(builtTreeData, selectedNode, cx);
+	}, [
+		builtTreeData,
+		selectedNode,
+		cx
+	]);
+	const filteredTreeData = useMemo(() => {
+		if (!searchValue) return renderTreeData;
+		const filteredOriginal = filterTreeData(builtTreeData, searchValue);
+		return convertToRenderableTreeData(filteredOriginal, selectedNode, cx);
+	}, [
+		builtTreeData,
+		searchValue,
+		selectedNode,
+		cx
+	]);
+	const collapseAll = () => {
+		setExpandedKeys([]);
+	};
+	const handleNodeSelection = (nodeData, nodeKey) => {
+		if (!nodeData) return null;
+		if (nodeKey.startsWith("endpoint-")) {
+			const endpointNodeData = nodeData;
+			setSelectedEndpoint(endpointNodeData.endpoint);
+			setSelectedApi(endpointNodeData.api);
+			return {
+				type: "endpoint",
+				endpoint: endpointNodeData.endpoint,
+				api: endpointNodeData.api,
+				tag: endpointNodeData.tagName
+			};
+		} else if (nodeKey.startsWith("api-") || nodeKey === "custom-auth") {
+			const apiData = nodeData;
+			setSelectedApi(apiData);
+			setSelectedEndpoint(null);
+			return {
+				type: "api",
+				api: apiData
+			};
+		} else {
+			const tagData = nodeData;
+			return {
+				type: "tag",
+				tag: tagData.tagName,
+				api: tagData.apiData
+			};
 		}
-		const handleSearch = (value) => {
-			try {
-				if (value) {
-					const allKeys = safeHelperCall(getAllTreeKeys$1, [builtTreeData], "getAllTreeKeys") || [];
-					setExpandedKeys(allKeys);
-					setSearchValue(value);
-					setAutoExpandParent(true);
-				} else {
-					setSearchValue(value);
-					setAutoExpandParent(false);
-				}
-			} catch (error) {
-				console.error("[Sidebar] Error in handleSearch:", error);
-			}
-		};
-		const renderTreeData = useMemo(() => {
-			console.log("[Sidebar] Converting to renderable tree data...");
-			return safeHelperCall(convertToRenderableTreeData$1, [
-				builtTreeData,
-				selectedNode,
-				cx
-			], "convertToRenderableTreeData") || [];
-		}, [
-			builtTreeData,
-			selectedNode,
-			cx,
-			convertToRenderableTreeData$1
-		]);
-		const filteredTreeData = useMemo(() => {
-			try {
-				if (!searchValue) return renderTreeData;
-				console.log("[Sidebar] Filtering tree data...");
-				const filteredOriginal = safeHelperCall(filterTreeData$1, [builtTreeData, searchValue], "filterTreeData") || [];
-				return safeHelperCall(convertToRenderableTreeData$1, [
-					filteredOriginal,
-					selectedNode,
-					cx
-				], "convertToRenderableTreeData for filtered") || [];
-			} catch (error) {
-				console.error("[Sidebar] Error in filteredTreeData:", error);
-				return [];
-			}
-		}, [
-			builtTreeData,
-			searchValue,
-			selectedNode,
-			cx,
-			renderTreeData,
-			filterTreeData$1,
-			convertToRenderableTreeData$1
-		]);
-		const collapseAll = () => {
-			try {
-				setExpandedKeys([]);
-			} catch (error) {
-				console.error("[Sidebar] Error in collapseAll:", error);
-			}
-		};
-		const handleNodeSelection = (nodeData, nodeKey) => {
-			try {
-				if (!nodeData) return null;
-				if (nodeKey.startsWith("endpoint-")) {
-					const endpointNodeData = nodeData;
-					setSelectedEndpoint(endpointNodeData.endpoint);
-					setSelectedApi(endpointNodeData.api);
-					return {
-						type: "endpoint",
-						endpoint: endpointNodeData.endpoint,
-						api: endpointNodeData.api,
-						tag: endpointNodeData.tagName
-					};
-				} else if (nodeKey.startsWith("api-") || nodeKey === "custom-auth") {
-					const apiData = nodeData;
-					setSelectedApi(apiData);
-					setSelectedEndpoint(null);
-					return {
-						type: "api",
-						api: apiData
-					};
-				} else {
-					const tagData = nodeData;
-					return {
-						type: "tag",
-						tag: tagData.tagName,
-						api: tagData.apiData
-					};
-				}
-			} catch (error) {
-				console.error("[Sidebar] Error in handleNodeSelection:", error);
-				return null;
-			}
-		};
-		const onTreeNodeSelect = (selectedKeys) => {
-			try {
-				const stringKeys = selectedKeys.map((key) => String(key));
-				console.log("[Sidebar] onTreeNodeSelect called with:", stringKeys);
-				if (stringKeys.length === 0) {
-					setSelectedNodeState([]);
-					setSelectedApi(null);
-					setSelectedEndpoint(null);
-					return;
-				}
-				const selectedKey = stringKeys[0];
-				const selectedNode$1 = safeHelperCall(findNodeByKey$1, [builtTreeData, selectedKey], "findNodeByKey");
-				if (selectedNode$1) handleNodeSelection(selectedNode$1.data, selectedKey);
-				setSelectedNodeState(stringKeys);
-			} catch (error) {
-				console.error("[Sidebar] Error in onTreeNodeSelect:", error);
-			}
-		};
-		return wrapSSR(/* @__PURE__ */ jsx(Sider, {
-			width: 280,
-			className: cx("sider"),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: cx("content"),
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: cx("controls"),
-					children: [/* @__PURE__ */ jsx(Input, {
-						placeholder: "Search by APIs or Endpoints",
-						value: searchValue,
-						onChange: (e) => handleSearch(e.target.value),
-						allowClear: true,
-						className: cx("search-input")
-					}), /* @__PURE__ */ jsx(Button, {
-						onClick: collapseAll,
-						title: "Collapse All",
-						icon: /* @__PURE__ */ jsx(Minify_default, {})
-					})]
-				}), /* @__PURE__ */ jsx(Tree, {
-					showLine: { showLeafIcon: false },
-					showIcon: false,
-					expandedKeys,
-					autoExpandParent,
-					selectedKeys: selectedNode,
-					onSelect: onTreeNodeSelect,
-					onExpand: (expandedKeysValue) => {
-						try {
-							setExpandedKeys(expandedKeysValue);
-							setAutoExpandParent(false);
-						} catch (error) {
-							console.error("[Sidebar] Error in onExpand:", error);
-						}
-					},
-					treeData: filteredTreeData,
-					className: cx("tree")
-				})]
-			})
-		}));
-	} catch (error) {
-		console.error("[Sidebar] Critical error in Sidebar component:", error);
-		return /* @__PURE__ */ jsx(Sider, {
-			width: 280,
-			style: {
-				backgroundColor: "#f5f5f5",
-				border: "1px solid red"
-			},
-			children: /* @__PURE__ */ jsxs("div", {
-				style: { padding: 16 },
-				children: [/* @__PURE__ */ jsx("h4", {
-					style: {
-						color: "#ff4d4f",
-						margin: 0
-					},
-					children: "Sidebar Error"
-				}), /* @__PURE__ */ jsx("p", {
-					style: {
-						fontSize: "12px",
-						color: "#666",
-						margin: "8px 0 0 0"
-					},
-					children: "Critical error occurred. Check console."
+	};
+	const onTreeNodeSelect = (selectedKeys) => {
+		const stringKeys = selectedKeys.map((key) => String(key));
+		if (stringKeys.length === 0) {
+			setSelectedNodeState([]);
+			setSelectedApi(null);
+			setSelectedEndpoint(null);
+			return;
+		}
+		const selectedKey = stringKeys[0];
+		const selectedNode$1 = findNodeByKey(builtTreeData, selectedKey);
+		if (selectedNode$1) handleNodeSelection(selectedNode$1.data, selectedKey);
+		setSelectedNodeState(stringKeys);
+	};
+	return wrapSSR(/* @__PURE__ */ jsx(Sider, {
+		width: 280,
+		className: cx("sider"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx("content"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: cx("controls"),
+				children: [/* @__PURE__ */ jsx(Input, {
+					placeholder: "Search by APIs or Endpoints",
+					value: searchValue,
+					onChange: (e) => handleSearch(e.target.value),
+					allowClear: true,
+					className: cx("search-input")
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: collapseAll,
+					title: "Collapse All",
+					icon: /* @__PURE__ */ jsx(Minify_default, {})
 				})]
-			})
-		});
-	}
+			}), /* @__PURE__ */ jsx(Tree, {
+				showLine: { showLeafIcon: false },
+				showIcon: false,
+				expandedKeys,
+				autoExpandParent,
+				selectedKeys: selectedNode,
+				onSelect: onTreeNodeSelect,
+				onExpand: (expandedKeysValue) => {
+					setExpandedKeys(expandedKeysValue);
+					setAutoExpandParent(false);
+				},
+				treeData: filteredTreeData,
+				className: cx("tree")
+			})]
+		})
+	}));
 };
 
 //#endregion
@@ -1156,5 +956,5 @@ const DocumentationLayout = ({ data }) => {
 };
 
 //#endregion
-export { DocumentationLayout, useStore };
+export { DocumentationLayout };
 //# sourceMappingURL=index.js.map