docusaurus-theme-openapi-docs 0.0.0-beta.732 → 0.0.0-beta.734

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

@@ -101,7 +101,10 @@ function Response({ item }) {
       "div",
       {
         style: {
-          backgroundColor: prismTheme.plain.backgroundColor,
+          backgroundColor:
+            code && prettyResponse !== "Fetching..."
+              ? prismTheme.plain.backgroundColor
+              : "transparent",
           paddingLeft: "1rem",
           paddingTop: "1rem",
           ...((prettyResponse === "Fetching..." || !code) && {

package/lib/theme/ApiExplorer/persistanceMiddleware.js

@@ -11,6 +11,7 @@ const slice_1 = require("@theme/ApiExplorer/Authorization/slice");
 const storage_utils_1 = require("./storage-utils");
 function createPersistanceMiddleware(options) {
   const persistanceMiddleware = (storeAPI) => (next) => (action) => {
+    console.log(action);
     const result = next(action);
     const state = storeAPI.getState();
     const storage = (0, storage_utils_1.createStorage)("sessionStorage");
@@ -32,12 +33,12 @@ function createPersistanceMiddleware(options) {
       }
     }
     // TODO: determine way to rehydrate without flashing
-    // if (action.type === "contentType/setContentType") {
-    //   storage.setItem("contentType", action.payload);
-    // }
-    // if (action.type === "accept/setAccept") {
-    //   storage.setItem("accept", action.payload);
-    // }
+    if (action.type === "contentType/setContentType") {
+      storage.setItem("contentType", action.payload);
+    }
+    if (action.type === "accept/setAccept") {
+      storage.setItem("accept", action.payload);
+    }
     if (action.type === "server/setServer") {
       storage.setItem("server", action.payload);
     }

package/lib/theme/MimeTabs/index.js

@@ -58,7 +58,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
-const slice_1 = __importDefault(require("@theme/ApiExplorer/Accept/slice"));
+const slice_1 = require("@theme/ApiExplorer/Accept/slice");
 const slice_2 = require("@theme/ApiExplorer/ContentType/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const clsx_1 = __importDefault(require("clsx"));
@@ -105,7 +105,7 @@ function TabList({
       if (isRequestSchema) {
         dispatch((0, slice_2.setContentType)(newTabValue));
       } else {
-        dispatch((0, slice_1.default)(newTabValue));
+        dispatch((0, slice_1.setAccept)(newTabValue));
       }
       blockElementScrollPositionUntilNextRender(newTab);
       selectValue(newTabValue);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-beta.732",
+  "version": "0.0.0-beta.734",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -44,7 +44,7 @@
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.1.0",
     "crypto-js": "^4.1.1",
-    "docusaurus-plugin-openapi-docs": "0.0.0-beta.732",
+    "docusaurus-plugin-openapi-docs": "0.0.0-beta.734",
     "docusaurus-plugin-sass": "^0.2.3",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.20",
@@ -69,5 +69,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "5064146aec8b53df3643bc02fd5357ca7592ad80"
+  "gitHead": "0abb3024ce2916b118112072b11dd407512b6da2"
 }

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

@@ -88,7 +88,10 @@ function Response({ item }: { item: NonNullable<ApiItem> }) {
       </div>
       <div
         style={{
-          backgroundColor: prismTheme.plain.backgroundColor,
+          backgroundColor:
+            code && prettyResponse !== "Fetching..."
+              ? prismTheme.plain.backgroundColor
+              : "transparent",
           paddingLeft: "1rem",
           paddingTop: "1rem",
           ...((prettyResponse === "Fetching..." || !code) && {

package/src/theme/ApiExplorer/persistanceMiddleware.ts

@@ -19,6 +19,7 @@ import { createStorage, hashArray } from "./storage-utils";
 export function createPersistanceMiddleware(options: ThemeConfig["api"]) {
   const persistanceMiddleware: Middleware<{}, RootState, AppDispatch> =
     (storeAPI) => (next) => (action) => {
+      console.log(action);
       const result = next(action);
 
       const state = storeAPI.getState();
@@ -45,13 +46,13 @@ export function createPersistanceMiddleware(options: ThemeConfig["api"]) {
       }
 
       // TODO: determine way to rehydrate without flashing
-      // if (action.type === "contentType/setContentType") {
-      //   storage.setItem("contentType", action.payload);
-      // }
+      if (action.type === "contentType/setContentType") {
+        storage.setItem("contentType", action.payload);
+      }
 
-      // if (action.type === "accept/setAccept") {
-      //   storage.setItem("accept", action.payload);
-      // }
+      if (action.type === "accept/setAccept") {
+        storage.setItem("accept", action.payload);
+      }
 
       if (action.type === "server/setServer") {
         storage.setItem("server", action.payload);

package/src/theme/MimeTabs/index.tsx

@@ -21,7 +21,7 @@ import {
 } from "@docusaurus/theme-common/internal";
 import { TabItemProps } from "@docusaurus/theme-common/lib/utils/tabsUtils";
 import useIsBrowser from "@docusaurus/useIsBrowser";
-import setAccept from "@theme/ApiExplorer/Accept/slice";
+import { setAccept } from "@theme/ApiExplorer/Accept/slice";
 import { setContentType } from "@theme/ApiExplorer/ContentType/slice";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { RootState } from "@theme/ApiItem/store";

package/src/theme-openapi.d.ts

@@ -74,6 +74,7 @@ declare module "@theme/ApiExplorer/Accept" {
 }
 
 declare module "@theme/ApiExplorer/Accept/slice" {
+  export { setAccept };
   export default accept as Reducer<State, AnyAction>;
 }