docusaurus-theme-openapi-docs 0.0.0-550 → 0.0.0-554

package/lib/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = docusaurusThemeOpenAPI;
 var _path = _interopRequireDefault(require("path"));
-var _webpack = require("webpack");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* ============================================================================
  * Copyright (c) Palo Alto Networks
@@ -14,6 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 
+const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
 function docusaurusThemeOpenAPI() {
   return {
     name: "docusaurus-theme-openapi",
@@ -29,16 +29,7 @@ function docusaurusThemeOpenAPI() {
     },
     configureWebpack() {
       return {
-        plugins: [new _webpack.ProvidePlugin({
-          Buffer: [require.resolve("buffer/"), "Buffer"],
-          process: require.resolve("process/browser")
-        })],
-        resolve: {
-          fallback: {
-            buffer: require.resolve("buffer/"),
-            process: require.resolve("process/browser")
-          }
-        }
+        plugins: [new NodePolyfillPlugin()]
       };
     }
   };

package/lib/theme/ApiDemoPanel/Curl/index.js

@@ -219,7 +219,9 @@ function Curl({
         return <CodeTab value={lang.language} label={""} key={lang.variant ? `${lang.language}-${lang.variant}` : lang.language} attributes={{
           className: `code__tab--${lang.logoClass}`
         }}>
-              <_CodeBlock.default language={lang.highlight}>{codeText}</_CodeBlock.default>
+              <_CodeBlock.default language={lang.highlight} className={_stylesModule.default.codeBlock}>
+                {codeText}
+              </_CodeBlock.default>
             </CodeTab>;
       })}
       </_CodeTabs.default>

package/lib/theme/ApiDemoPanel/Curl/styles.module.css

@@ -82,3 +82,8 @@
   background: var(--ifm-menu-color-background-active);
   color: var(--ifm-menu-color-active);
 }
+
+.codeBlock code {
+  max-width: revert;
+  max-height: revert;
+}

package/lib-next/index.js

@@ -6,7 +6,7 @@
  * ========================================================================== */
 
 import path from "path";
-import { ProvidePlugin } from "webpack";
+const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
 export default function docusaurusThemeOpenAPI() {
   return {
     name: "docusaurus-theme-openapi",
@@ -22,18 +22,7 @@ export default function docusaurusThemeOpenAPI() {
     },
     configureWebpack() {
       return {
-        plugins: [
-          new ProvidePlugin({
-            Buffer: [require.resolve("buffer/"), "Buffer"],
-            process: require.resolve("process/browser"),
-          }),
-        ],
-        resolve: {
-          fallback: {
-            buffer: require.resolve("buffer/"),
-            process: require.resolve("process/browser"),
-          },
-        },
+        plugins: [new NodePolyfillPlugin()],
       };
     },
   };

package/lib-next/theme/ApiDemoPanel/Curl/index.js

@@ -256,7 +256,9 @@ function Curl({ postman, codeSamples }) {
                 className: `code__tab--${lang.logoClass}`,
               }}
             >
-              <CodeBlock language={lang.highlight}>{codeText}</CodeBlock>
+              <CodeBlock language={lang.highlight} className={styles.codeBlock}>
+                {codeText}
+              </CodeBlock>
             </CodeTab>
           );
         })}

package/lib-next/theme/ApiDemoPanel/Curl/styles.module.css

@@ -82,3 +82,8 @@
   background: var(--ifm-menu-color-background-active);
   color: var(--ifm-menu-color-active);
 }
+
+.codeBlock code {
+  max-width: revert;
+  max-height: revert;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-550",
+  "version": "0.0.0-554",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -55,6 +55,7 @@
     "file-saver": "^2.0.5",
     "immer": "^9.0.7",
     "lodash": "^4.17.20",
+    "node-polyfill-webpack-plugin": "^2.0.1",
     "process": "^0.11.10",
     "react-live": "^3.1.1",
     "react-magic-dropzone": "^1.0.1",
@@ -73,5 +74,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "a5a66956330a8dad1705e3f9e281b5ecc6c3c42f"
+  "gitHead": "a922f85a5e5f5eb6e47126baaa5b0ca1d26f07f7"
 }

package/src/index.ts

@@ -8,7 +8,8 @@
 import path from "path";
 
 import type { Plugin } from "@docusaurus/types";
-import { ProvidePlugin } from "webpack";
+
+const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
 
 export default function docusaurusThemeOpenAPI(): Plugin<void> {
   return {
@@ -29,18 +30,7 @@ export default function docusaurusThemeOpenAPI(): Plugin<void> {
 
     configureWebpack() {
       return {
-        plugins: [
-          new ProvidePlugin({
-            Buffer: [require.resolve("buffer/"), "Buffer"],
-            process: require.resolve("process/browser"),
-          }),
-        ],
-        resolve: {
-          fallback: {
-            buffer: require.resolve("buffer/"),
-            process: require.resolve("process/browser"),
-          },
-        },
+        plugins: [new NodePolyfillPlugin()],
       };
     },
   };

package/src/theme/ApiDemoPanel/Curl/index.tsx

@@ -280,7 +280,9 @@ function Curl({ postman, codeSamples }: Props) {
               }
               attributes={{ className: `code__tab--${lang.logoClass}` }}
             >
-              <CodeBlock language={lang.highlight}>{codeText}</CodeBlock>
+              <CodeBlock language={lang.highlight} className={styles.codeBlock}>
+                {codeText}
+              </CodeBlock>
             </CodeTab>
           );
         })}

package/src/theme/ApiDemoPanel/Curl/styles.module.css

@@ -82,3 +82,8 @@
   background: var(--ifm-menu-color-background-active);
   color: var(--ifm-menu-color-active);
 }
+
+.codeBlock code {
+  max-width: revert;
+  max-height: revert;
+}