docusaurus-theme-openapi-docs 0.0.0-989 → 0.0.0-990

package/lib/theme/ApiExplorer/Request/index.js

@@ -158,15 +158,36 @@ function Request({ item }) {
     paramsArray.push(param);
   });
   const methods = (0, react_hook_form_1.useForm)({ shouldFocusError: false });
+  const handleEventStream = async (res) => {
+    res.headers &&
+      dispatch((0, slice_1.setHeaders)(Object.fromEntries(res.headers)));
+    dispatch((0, slice_1.setCode)(res.status));
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let result = "";
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      result += decoder.decode(value, { stream: true });
+      dispatch((0, slice_1.setResponse)(result));
+    }
+  };
+  const handleResponse = async (res) => {
+    dispatch((0, slice_1.setResponse)(await res.text()));
+    dispatch((0, slice_1.setCode)(res.status));
+    res.headers &&
+      dispatch((0, slice_1.setHeaders)(Object.fromEntries(res.headers)));
+  };
   const onSubmit = async (data) => {
     dispatch((0, slice_1.setResponse)("Fetching..."));
     try {
       await delay(1200);
       const res = await (0, makeRequest_1.default)(postmanRequest, proxy, body);
-      dispatch((0, slice_1.setResponse)(await res.text()));
-      dispatch((0, slice_1.setCode)(res.status));
-      res.headers &&
-        dispatch((0, slice_1.setHeaders)(Object.fromEntries(res.headers)));
+      if (res.headers.get("content-type")?.includes("text/event-stream")) {
+        await handleEventStream(res);
+      } else {
+        await handleResponse(res);
+      }
     } catch (e) {
       console.log(e);
       dispatch((0, slice_1.setResponse)("Connection failed"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-989",
+  "version": "0.0.0-990",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -36,7 +36,7 @@
     "@types/lodash": "^4.14.176",
     "@types/pako": "^2.0.3",
     "concurrently": "^5.2.0",
-    "docusaurus-plugin-openapi-docs": "0.0.0-989",
+    "docusaurus-plugin-openapi-docs": "0.0.0-990",
     "docusaurus-plugin-sass": "^0.2.3",
     "eslint-plugin-prettier": "^5.0.1"
   },
@@ -79,5 +79,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "c6aa1f9066187180826016bc9ebe19b1bd3ff9f8"
+  "gitHead": "c8648dddd1cbf0df998e9f19260596e91b8f79ca"
 }

package/src/theme/ApiExplorer/Request/index.tsx

@@ -95,14 +95,37 @@ function Request({ item }: { item: ApiItem }) {
 
   const methods = useForm({ shouldFocusError: false });
 
+  const handleEventStream = async (res) => {
+    res.headers && dispatch(setHeaders(Object.fromEntries(res.headers)));
+    dispatch(setCode(res.status));
+
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let result = "";
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      result += decoder.decode(value, { stream: true });
+      dispatch(setResponse(result));
+    }
+  };
+
+  const handleResponse = async (res) => {
+    dispatch(setResponse(await res.text()));
+    dispatch(setCode(res.status));
+    res.headers && dispatch(setHeaders(Object.fromEntries(res.headers)));
+  };
+
   const onSubmit = async (data) => {
     dispatch(setResponse("Fetching..."));
     try {
       await delay(1200);
       const res = await makeRequest(postmanRequest, proxy, body);
-      dispatch(setResponse(await res.text()));
-      dispatch(setCode(res.status));
-      res.headers && dispatch(setHeaders(Object.fromEntries(res.headers)));
+      if (res.headers.get("content-type")?.includes("text/event-stream")) {
+        await handleEventStream(res);
+      } else {
+        await handleResponse(res);
+      }
     } catch (e: any) {
       console.log(e);
       dispatch(setResponse("Connection failed"));