@digi-frontend/dgate-api-documentation 4.2.4 → 4.2.6

package/dist/index.cjs

@@ -704,6 +704,99 @@ const getSidebarStyles$1 = (token, scope) => ({
 	}
 });
 //#endregion
+//#region src/view/helper/patch-endpoint.ts
+/** Convert an editor ParameterFormValues into an OpenAPI request Parameter. */
+const toOpenApiParam = (p) => ({
+	name: p.name,
+	in: p.in,
+	required: p.required,
+	...p.description ? { description: p.description } : {},
+	schema: {
+		type: p.type,
+		...p.enum && p.enum.length > 0 ? { enum: p.enum } : {}
+	}
+});
+/** Convert editor response ParameterFormValues into an OpenAPI response headers map. */
+const toResponseHeaders = (params) => params.reduce((acc, p) => {
+	acc[p.name] = {
+		schema: {
+			type: p.type,
+			...p.enum && p.enum.length > 0 ? { enum: p.enum } : {}
+		},
+		required: p.required,
+		...p.description ? { description: p.description } : {}
+	};
+	return acc;
+}, {});
+/**
+* Apply the local (unsaved) edits for a single endpoint onto a clone of the
+* stored endpoint. Absent edits fall back to the endpoint's existing value, so
+* unedited fields are never wiped.
+*/
+const buildPatchedEndpoint = (ep, edits) => {
+	const localName = edits.names[ep.id];
+	const localDesc = edits.descs[ep.id];
+	const localTags = edits.tags[ep.id];
+	const localParams = edits.params[ep.id];
+	const localResponseParams = edits.responseParams[ep.id];
+	const localResponseBody = edits.responseBody[ep.id];
+	const parameters = localParams !== void 0 ? localParams.map(toOpenApiParam) : ep.parameters;
+	const responseHeadersMap = localResponseParams && localResponseParams.length > 0 ? toResponseHeaders(localResponseParams) : null;
+	const responses = Object.fromEntries(Object.entries(ep.responses ?? {}).map(([code, resp]) => {
+		const patchedExample = localResponseBody?.[code];
+		const existingJson = resp.content?.["application/json"];
+		const content = patchedExample !== void 0 ? {
+			...resp.content,
+			"application/json": {
+				...existingJson ?? { schema: {} },
+				example: patchedExample
+			}
+		} : resp.content;
+		return [code, {
+			...resp,
+			headers: responseHeadersMap ?? resp.headers,
+			...content ? { content } : {}
+		}];
+	}));
+	const tags = localTags ?? ep.tags;
+	return {
+		...ep,
+		summary: localName !== void 0 ? localName : ep.summary,
+		description: localDesc !== void 0 ? localDesc : ep.description,
+		tags,
+		parameters,
+		responses
+	};
+};
+/**
+* Build a fully-patched copy of `selectedApi` that reflects all unsaved local
+* edits, so View-mode surfaces (API page cards, endpoint detail, Codebox,
+* sidebar tree) preview changes before saving. Endpoints are re-grouped under
+* their edited primary tag. Returns the same `selectedApi` reference when no
+* edit changes the result, to keep memo consumers stable.
+*/
+const buildPatchedApi = (selectedApi, edits) => {
+	const patchedTags = {};
+	Object.entries(selectedApi.tags ?? {}).forEach(([bucketKey, endpoints]) => {
+		endpoints.forEach((ep) => {
+			const patched = buildPatchedEndpoint(ep, edits);
+			const newKey = edits.tags[ep.id]?.[0] ?? ep.tagName ?? bucketKey;
+			const endpoint = newKey === patched.tagName ? patched : {
+				...patched,
+				tagName: newKey
+			};
+			(patchedTags[newKey] ??= []).push(endpoint);
+		});
+	});
+	const patched = {
+		...selectedApi,
+		title: edits.apiTitle ?? selectedApi.title,
+		description: edits.apiDescription ?? selectedApi.description,
+		tags: patchedTags
+	};
+	return JSON.stringify(patched) === JSON.stringify(selectedApi) ? selectedApi : patched;
+};
+//#endregion
 //#region src/utils/OverflowTooltip.tsx
 const OverflowTooltip = ({ title, children, className, style, placement }) => {
 	const ref = (0, react.useRef)(null);
@@ -1697,9 +1790,10 @@ const APIPage = ({ apiOverride }) => {
 		if (selectedApi?.servers && !selectedUrl) setSelectedUrl(selectedApi?.servers?.[0].url);
 	}, [selectedApi?.servers]);
 	const getEndpointsForSelectedUrl = () => {
-		if (!selectedApi) return {};
-		const tags = selectedApi.tags || {};
-		const curl = selectedApi.curl || [];
+		const api = apiOverride ?? selectedApi;
+		if (!api) return {};
+		const tags = api.tags || {};
+		const curl = api.curl || [];
 		const filtered = {};
 		Object.keys(tags).forEach((tagKey) => {
 			filtered[tagKey] = tags[tagKey].map((endpoint) => {
@@ -7880,8 +7974,9 @@ const EditModeSidebar = ({ selectedItem, onSelectItem, endpoints, hasGeneralErro
 						border: "none"
 					},
 					children: ep.method
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 					className: cx("path"),
+					title: ep.path,
 					style: { color: selectedItem.type === "endpoint" && selectedItem.key === ep.id ? token.colorPrimary : token.colorText },
 					children: ep.path
 				})] })
@@ -8660,7 +8755,11 @@ const EndpointPage = () => {
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Breadcrumb, { items: [
 						{
 							href: "",
-							title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedApi?.title || "API Name" }),
+							title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+								title: selectedApi?.title || "API Name",
+								style: { maxWidth: "200px" },
+								children: selectedApi?.title || "API Name"
+							}),
 							onClick: (e) => {
 								e.preventDefault();
 								setSelectedNodeKey(selectedApi?.id);
@@ -8683,13 +8782,17 @@ const EndpointPage = () => {
 									color: token.colorTextTertiary,
 									gap: "0.25rem"
 								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedEndpoint?.tagName || "default" })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+									title: selectedEndpoint?.tagName || "default",
+									style: { maxWidth: "200px" },
+									children: selectedEndpoint?.tagName || "default"
+								})
 							})
 						},
 						{ title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 							title: selectedEndpoint?.summary || "Endpoint Name",
 							style: { maxWidth: "300px" },
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedEndpoint?.summary || "Endpoint Name" })
+							children: selectedEndpoint?.summary || "Endpoint Name"
 						}) }
 					] })]
 				}),
@@ -8699,7 +8802,8 @@ const EndpointPage = () => {
 						display: "flex",
 						alignItems: "center",
 						gap: 12,
-						margin: 0
+						margin: 0,
+						minWidth: 0
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tag, {
 						style: {
@@ -8714,7 +8818,11 @@ const EndpointPage = () => {
 						children: selectedEndpoint?.method
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 						title: selectedEndpoint?.summary ?? "--",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedEndpoint?.summary?.replace(selectedEndpoint?.method, "") ?? "--" })
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: selectedEndpoint?.summary?.replace(selectedEndpoint?.method, "") ?? "--"
 					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Paragraph, {
@@ -9283,17 +9391,27 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	const viewModeApi = (0, react$1.useMemo)(() => {
 		if (!selectedApi) return null;
 		if (mode !== "view") return selectedApi;
-		if (localApiName === selectedApi.title && localDescription === selectedApi.description) return selectedApi;
-		return {
-			...selectedApi,
-			title: localApiName,
-			description: localDescription
-		};
+		return buildPatchedApi(selectedApi, {
+			apiTitle: localApiName,
+			apiDescription: localDescription,
+			names: endpointNames,
+			descs: endpointDescs,
+			tags: endpointTags,
+			params: endpointParams,
+			responseParams: endpointResponseParams,
+			responseBody: endpointResponseBody
+		});
 	}, [
 		mode,
 		selectedApi,
 		localApiName,
-		localDescription
+		localDescription,
+		endpointNames,
+		endpointDescs,
+		endpointTags,
+		endpointParams,
+		endpointResponseParams,
+		endpointResponseBody
 	]);
 	(0, react$1.useEffect)(() => {
 		return () => {
@@ -9619,58 +9737,32 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		setBannerVisible(hasChanges);
 	}, [hasChanges]);
 	(0, react$1.useEffect)(() => {
-		if (mode !== "view" || !selectedEndpoint) return;
-		const epId = selectedEndpoint.id;
-		const localName = endpointNames[epId];
-		const localDesc = endpointDescs[epId];
-		const localEpTags = endpointTags[epId];
-		const patchedSummary = localName !== void 0 && localName !== selectedEndpoint.summary ? localName : selectedEndpoint.summary;
-		const patchedDesc = localDesc !== void 0 && localDesc !== selectedEndpoint.description ? localDesc : selectedEndpoint.description;
-		const patchedTags = localEpTags !== void 0 && JSON.stringify(localEpTags) !== JSON.stringify(selectedEndpoint.tags ?? []) ? localEpTags : selectedEndpoint.tags;
-		const openApiParams = (endpointParams[epId] ?? []).map((p) => ({
-			name: p.name,
-			in: p.in,
-			required: p.required,
-			...p.description ? { description: p.description } : {},
-			schema: {
-				type: p.type,
-				...p.enum && p.enum.length > 0 ? { enum: p.enum } : {}
-			}
-		}));
-		const responseHeadersMap = (endpointResponseParams[epId] ?? []).reduce((acc, p) => {
-			acc[p.name] = {
-				schema: {
-					type: p.type,
-					...p.enum && p.enum.length > 0 ? { enum: p.enum } : {}
-				},
-				required: p.required,
-				...p.description ? { description: p.description } : {}
-			};
-			return acc;
-		}, {});
-		const patchedResponses = Object.fromEntries(Object.entries(selectedEndpoint.responses ?? {}).map(([code, resp]) => [code, {
-			...resp,
-			headers: Object.keys(responseHeadersMap).length > 0 ? responseHeadersMap : resp.headers
-		}]));
-		if (selectedEndpoint.summary === patchedSummary && selectedEndpoint.description === patchedDesc && JSON.stringify(selectedEndpoint.tags ?? []) === JSON.stringify(patchedTags ?? []) && JSON.stringify(selectedEndpoint.parameters ?? []) === JSON.stringify(openApiParams) && JSON.stringify(selectedEndpoint.responses) === JSON.stringify(patchedResponses)) return;
+		if (mode !== "view" || !selectedEndpoint || !viewModeApi) return;
+		const patched = Object.values(viewModeApi.tags ?? {}).flat().find((e) => e.id === selectedEndpoint.id);
+		if (!patched) return;
+		if (selectedEndpoint.summary === patched.summary && selectedEndpoint.description === patched.description && JSON.stringify(selectedEndpoint.tags ?? []) === JSON.stringify(patched.tags ?? []) && JSON.stringify(selectedEndpoint.parameters ?? []) === JSON.stringify(patched.parameters ?? []) && JSON.stringify(selectedEndpoint.responses) === JSON.stringify(patched.responses)) return;
 		setSelectedEndpoint({
-			...selectedEndpoint,
-			summary: patchedSummary,
-			description: patchedDesc,
-			tags: patchedTags,
-			parameters: openApiParams,
-			responses: patchedResponses
+			...patched,
+			parentApiId: selectedEndpoint.parentApiId
 		});
 	}, [
 		mode,
 		selectedEndpoint,
-		endpointNames,
-		endpointDescs,
-		endpointTags,
-		endpointParams,
-		endpointResponseParams,
+		viewModeApi,
 		setSelectedEndpoint
 	]);
+	(0, react$1.useEffect)(() => {
+		if (!selectedApi || !transformedData?.length) return;
+		const rebuilt = buildTreeDataStructure(mode === "view" && viewModeApi ? transformedData.map((api) => api.contextPath === selectedApi.contextPath ? viewModeApi : api) : transformedData);
+		if (JSON.stringify(rebuilt) !== JSON.stringify(builtTreeData)) setBuiltTreeData(rebuilt);
+	}, [
+		mode,
+		viewModeApi,
+		transformedData,
+		selectedApi,
+		builtTreeData,
+		setBuiltTreeData
+	]);
 	const handleAddTag = (tag) => {
 		const newTag = {
 			name: tag.name,