@digi-frontend/dgate-api-documentation 4.0.8 → 4.1.0

package/dist/index.mjs

@@ -1592,7 +1592,7 @@ const ViewModeApiHeader = ({ api, viewLayout, onViewLayoutChange }) => {
 };
 //#endregion
 //#region src/view/components/ApiPage/index.tsx
-const APIPage = () => {
+const APIPage = ({ apiOverride }) => {
 	const [selectedUrl, setSelectedUrl] = useState("");
 	const { view: { selectedApi, focusedTag, setFocusedTag } } = useStore();
 	const [viewStyle, setViewStyle] = useState("grid");
@@ -1638,7 +1638,7 @@ const APIPage = () => {
 		vertical: true,
 		gap: token.margin,
 		children: [selectedApi && /* @__PURE__ */ jsx(ViewModeApiHeader, {
-			api: selectedApi,
+			api: apiOverride ?? selectedApi,
 			viewLayout: viewStyle,
 			onViewLayoutChange: setViewStyle
 		}), Object.entries(getEndpointsForSelectedUrl()).sort(([a], [b]) => {
@@ -7290,7 +7290,7 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag
 							if (!desc?.trim()) return Promise.resolve();
 							if (!link?.trim()) return Promise.reject(/* @__PURE__ */ new Error("External Docs Link is required when Description is filled"));
 							try {
-								new URL(link);
+								if (!/^https?:\/\/[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,}(:[0-9]{1,5})?(\/.*)?$/.test(link)) return Promise.reject(/* @__PURE__ */ new Error("Please enter a valid URL"));
 								return Promise.resolve();
 							} catch {
 								return Promise.reject(/* @__PURE__ */ new Error("Please enter a valid URL"));
@@ -8485,7 +8485,7 @@ const EndpointPage = () => {
 };
 //#endregion
 //#region src/view/console/MainContent.tsx
-const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage }) => {
+const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage, apiOverride }) => {
 	const { focusedContent, transformedData } = useStore(({ view }) => view);
 	const { wrapSSR, cx, token } = useStyle("MainContent", (token, scope) => ({
 		[scope("inner-doc-container")]: {
@@ -8568,7 +8568,7 @@ const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage
 					children: "Reset Search"
 				})
 			]
-		}) : focusedContent === "ENDPOINT" ? /* @__PURE__ */ jsx(EndpointPage, {}) : /* @__PURE__ */ jsx(APIPage, {})
+		}) : focusedContent === "ENDPOINT" ? /* @__PURE__ */ jsx(EndpointPage, {}) : /* @__PURE__ */ jsx(APIPage, { apiOverride })
 	}));
 };
 //#endregion
@@ -8652,7 +8652,6 @@ function CodeboxSidebar$1() {
 		const queryParams = params.filter((p) => p.in === "query");
 		return [`curl --location '${serverUrl}${resolvedPath}${queryParams.length > 0 ? "?" + queryParams.map((p) => `${p.name}=sample-value`).join("&") : ""}'`, ...params.filter((p) => p.in === "header").map((p) => `--header '${p.name}: sample-value'`)];
 	})();
-	const hasAnyParams = (selectedEndpoint?.parameters ?? []).some((p) => p.in === "header" || p.in === "path" || p.in === "query");
 	const { token: antdToken, theme: themeConfig } = theme.useToken();
 	const isDark = themeConfig.id == 1;
 	const headerBg = isDark ? antdToken.colorBgElevated : "#1d2856";
@@ -8774,7 +8773,7 @@ function CodeboxSidebar$1() {
 	}));
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx("container"),
-		children: [hasAnyParams && /* @__PURE__ */ jsxs("div", {
+		children: [curlCommand && /* @__PURE__ */ jsxs("div", {
 			className: cx("rightCard", "rightCardRequest"),
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: cx("rightCardHeader"),
@@ -8978,6 +8977,21 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	const { useBreakpoint } = Grid;
 	const isMobile = !useBreakpoint().md;
 	const allEndpoints = useMemo(() => selectedApi ? Object.values(selectedApi.tags ?? {}).flat() : [], [selectedApi]);
+	const viewModeApi = 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
+		};
+	}, [
+		mode,
+		selectedApi,
+		localApiName,
+		localDescription
+	]);
 	useEffect(() => {
 		return () => {
 			resetStore();
@@ -9282,6 +9296,12 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	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,
@@ -9292,7 +9312,6 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 				...p.enum && p.enum.length > 0 ? { enum: p.enum } : {}
 			}
 		}));
-		if (JSON.stringify(selectedEndpoint.parameters ?? []) === JSON.stringify(openApiParams)) return;
 		const responseHeadersMap = (endpointResponseParams[epId] ?? []).reduce((acc, p) => {
 			acc[p.name] = {
 				schema: {
@@ -9308,14 +9327,21 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			...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;
 		setSelectedEndpoint({
 			...selectedEndpoint,
+			summary: patchedSummary,
+			description: patchedDesc,
+			tags: patchedTags,
 			parameters: openApiParams,
 			responses: patchedResponses
 		});
 	}, [
 		mode,
 		selectedEndpoint,
+		endpointNames,
+		endpointDescs,
+		endpointTags,
 		endpointParams,
 		endpointResponseParams,
 		setSelectedEndpoint
@@ -9665,7 +9691,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			/* @__PURE__ */ jsx("div", {
 				className: cx("section"),
 				children: /* @__PURE__ */ jsx(ApiDocumentationBar, {
-					apiName: selectedApi?.title || "API",
+					apiName: localApiName,
 					mode,
 					onModeChange: setMode,
 					onReset: () => setResetConfirmModal(true),
@@ -10024,7 +10050,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					children: [/* @__PURE__ */ jsx(MainContent, {
 						handleVisitLandingPage: _handleVisitLandingPage,
 						handleResetSearch,
-						searchEnabled: !!searchValue
+						searchEnabled: !!searchValue,
+						apiOverride: mode === "view" ? viewModeApi : void 0
 					}), !isMobile && focusedContent === "ENDPOINT" && /* @__PURE__ */ jsx(CodeboxSidebar$1, {})]
 				})]
 			}),