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

package/dist/index.js

@@ -1,20 +1,48 @@
+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 React, { useMemo, useState } 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 { 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+//#endregion
 //#region src/store/slices/view.ts
 const createViewSlice = (set) => ({ view: {
 	selectedNodeKey: null,
 	expandedKeys: ["custom-auth", "api-name-01"],
-	originalData: null,
-	transformedData: null,
+	originalData: [],
+	transformedData: [],
 	selectedApi: null,
 	selectedEndpoint: null,
 	setSelectedNode: (key) => set((state) => {
@@ -90,6 +118,7 @@ const createStore = (set) => ({
 	...createEditorSlice(set)
 });
 const useStore = create()(devtools(immer(createStore), { name: "dgate-docs-store" }));
+var store_default = useStore;
 
 //#endregion
 //#region src/hooks/useStyle.ts
@@ -481,391 +510,563 @@ var token = {
 
 //#endregion
 //#region src/view/helper/sidebar.utils.ts
-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;
-				}
-			}
+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"]
 		}
-		return null;
 	};
-	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);
+	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
+								}
+							};
+						})
+					};
+				})
+			};
 		});
 	};
-	traverse(data);
-	return keys;
-};
-const filterTreeData = (data, searchText) => {
-	if (!searchText) return data;
-	const findOriginalNode = (nodes, key) => {
+	findNodeByKey = (nodes, targetKey) => {
 		for (const node of nodes) {
-			if (node.key === key) return node;
-			if (node.children) {
-				const found = findOriginalNode(node.children, key);
+			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 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;
+	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;
+			}
+		}
 		return null;
 	};
-	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%",
+	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",
-			alignItems: "center"
+			gap: token$1.marginXS,
+			marginBottom: token$1.marginSM
 		},
-		"& .ant-tree-title": {
-			width: "100%",
-			overflow: "hidden",
+		[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")]: {
 			display: "flex",
 			alignItems: "center",
-			marginBlock: "auto"
-		},
-		"& .ant-tree-treenode": {
+			gap: token$1.marginXS,
 			width: "100%",
-			padding: 0
+			maxWidth: "100%",
+			minWidth: "100%"
 		},
-		"& .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 }
-});
+		[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
-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
+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
+			})]
 		});
-		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" : ""),
+	};
+	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"),
 				ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
 				children: node.title
 			});
-		} 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 {
+				...node,
+				title,
+				children: node.children ? node.children.map(renderNode) : void 0
+			};
 		};
+		return treeDataStructure.map(renderNode);
 	};
-	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();
+}) });
 
 //#endregion
 //#region src/view/components/Sidebar.tsx
 const { Sider } = Layout;
-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] = 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 safeHelperCall = (fn, args, functionName) => {
+	try {
+		if (!fn) {
+			console.error(`[Sidebar] Function ${functionName} is not available`);
+			return null;
 		}
-	};
-	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 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 onTreeNodeSelect = (selectedKeys) => {
-		const stringKeys = selectedKeys.map((key) => String(key));
-		if (stringKeys.length === 0) {
-			setSelectedNodeState([]);
-			setSelectedApi(null);
-			setSelectedEndpoint(null);
-			return;
+		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 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);
+		const handleSearch = (value) => {
+			try {
+				if (value) {
+					const allKeys = safeHelperCall(getAllTreeKeys$1, [builtTreeData], "getAllTreeKeys") || [];
+					setExpandedKeys(allKeys);
+					setSearchValue(value);
+					setAutoExpandParent(true);
+				} else {
+					setSearchValue(value);
 					setAutoExpandParent(false);
-				},
-				treeData: filteredTreeData,
-				className: cx("tree")
-			})]
-		})
-	}));
+				}
+			} 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."
+				})]
+			})
+		});
+	}
 };
 
 //#endregion
@@ -884,34 +1085,50 @@ const MainContent = () => {
 };
 
 //#endregion
-//#region src/view/layout.tsx
-function ErrorBoundary({ children }) {
-	const [error, setError] = useState(null);
-	if (error) return /* @__PURE__ */ jsxs("div", {
-		style: {
-			color: "red",
-			padding: 24
-		},
-		children: [
-			/* @__PURE__ */ jsx("h2", { children: "Something went wrong in DocumentationLayout." }),
-			/* @__PURE__ */ jsx("pre", { children: error.message }),
-			/* @__PURE__ */ jsx("pre", { children: error.stack })
-		]
-	});
-	return /* @__PURE__ */ jsx(ErrorCatcher, {
-		onError: setError,
-		children
-	});
-}
-var ErrorCatcher = class extends React.Component {
-	componentDidCatch(error) {
-		this.props.onError(error);
-	}
-	render() {
-		return this.props.children;
+//#region src/view/helper/mutate.ts
+const transformOpenApiToDocs = (api) => {
+	const groupedPathsByTags = { default: [] };
+	const validTags = new Set(api?.tags?.map(({ name }) => name) || []);
+	const contextPath = Object.keys(api.paths)[0];
+	for (const [path, methods] of Object.entries(api.paths)) for (const [method, methodData] of Object.entries(methods)) {
+		const entry = {
+			...methodData,
+			method: method?.toUpperCase(),
+			path
+		};
+		const resourceTags = methodData.tags ?? [];
+		const matchedTags = resourceTags.filter((tag) => validTags.has(tag));
+		if (matchedTags.length > 0) matchedTags.forEach((tag) => {
+			if (!groupedPathsByTags[tag]) groupedPathsByTags[tag] = [];
+			groupedPathsByTags[tag].push({
+				...entry,
+				id: `endpoint-${nanoid(8)}`
+			});
+		});
+		else groupedPathsByTags.default.push({
+			...entry,
+			id: `endpoint-${nanoid(8)}`
+		});
 	}
+	return {
+		...api.info,
+		id: `api-${nanoid(8)}`,
+		contextPath,
+		tags: groupedPathsByTags,
+		servers: api.servers
+	};
 };
-const DocumentationLayout = () => {
+
+//#endregion
+//#region src/view/layout.tsx
+const DocumentationLayout = ({ data }) => {
+	const { setOriginalData } = store_default(({ view }) => view);
+	const { setTransformedData } = store_default(({ view }) => view);
+	useEffect(() => {
+		setOriginalData(data);
+		const transformedData = data.map(transformOpenApiToDocs);
+		setTransformedData(transformedData);
+	}, [data]);
 	const { cx } = useStyle("DocumentationLayout", (token$1, scope) => ({
 		[scope("container")]: {
 			display: "flex",
@@ -929,13 +1146,13 @@ const DocumentationLayout = () => {
 			gap: token$1.marginLG
 		}
 	}));
-	return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(AntdRegistry, { children: /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx(AntdRegistry, { children: /* @__PURE__ */ jsxs("div", {
 		className: cx("container"),
 		children: [/* @__PURE__ */ jsx(Header, {}), /* @__PURE__ */ jsxs("div", {
 			className: cx("layout"),
 			children: [/* @__PURE__ */ jsx(Sidebar, {}), /* @__PURE__ */ jsx(MainContent, {})]
 		})]
-	}) }) });
+	}) });
 };
 
 //#endregion