docusaurus-theme-openapi-docs 5.0.0 → 5.0.2

package/lib/theme/ApiExplorer/ApiCodeBlock/CopyButton/index.js

@@ -71,14 +71,25 @@ exports.default = CopyButton;
 const react_1 = __importStar(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
 const clsx_1 = __importDefault(require("clsx"));
-const copy_text_to_clipboard_1 = __importDefault(
-  require("copy-text-to-clipboard")
-);
+async function copyToClipboard(text) {
+  // The clipboard API is only defined in secure contexts (HTTPS / localhost).
+  // See https://developer.mozilla.org/en-US/docs/Web/API/Clipboard
+  if (navigator.clipboard) {
+    return navigator.clipboard.writeText(text);
+  }
+  // Fall back to copy-text-to-clipboard for non-secure contexts (e.g. HTTP
+  // on a local network). The fallback is lazily loaded to avoid bundle
+  // overhead for the common HTTPS case.
+  const { default: copy } = await Promise.resolve().then(() =>
+    __importStar(require("copy-text-to-clipboard"))
+  );
+  return copy(text);
+}
 function CopyButton({ code, className }) {
   const [isCopied, setIsCopied] = (0, react_1.useState)(false);
   const copyTimeout = (0, react_1.useRef)(undefined);
-  const handleCopyCode = (0, react_1.useCallback)(() => {
-    (0, copy_text_to_clipboard_1.default)(code);
+  const handleCopyCode = (0, react_1.useCallback)(async () => {
+    await copyToClipboard(code);
     setIsCopied(true);
     copyTimeout.current = window.setTimeout(() => {
       setIsCopied(false);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -38,7 +38,7 @@
     "@types/postman-collection": "^3.5.11",
     "@types/react-modal": "^3.16.3",
     "concurrently": "^9.2.0",
-    "docusaurus-plugin-openapi-docs": "^5.0.0",
+    "docusaurus-plugin-openapi-docs": "^5.0.2",
     "docusaurus-plugin-sass": "^0.2.6",
     "eslint-plugin-prettier": "^5.5.1"
   },
@@ -82,5 +82,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "516bd48c628fb16b7fe90d8f996168ab75ce5562"
+  "gitHead": "2cfff9eee1b2fadb15c21bf8eff21c32121b16e7"
 }

package/src/theme/ApiExplorer/ApiCodeBlock/CopyButton/index.tsx

@@ -9,21 +9,33 @@ import React, { useCallback, useState, useRef, useEffect } from "react";
 
 import { translate } from "@docusaurus/Translate";
 import clsx from "clsx";
-import copy from "copy-text-to-clipboard";
 
 interface CopyButtonProps {
   code: string;
   className?: string;
 }
 
+async function copyToClipboard(text: string) {
+  // The clipboard API is only defined in secure contexts (HTTPS / localhost).
+  // See https://developer.mozilla.org/en-US/docs/Web/API/Clipboard
+  if (navigator.clipboard) {
+    return navigator.clipboard.writeText(text);
+  }
+  // Fall back to copy-text-to-clipboard for non-secure contexts (e.g. HTTP
+  // on a local network). The fallback is lazily loaded to avoid bundle
+  // overhead for the common HTTPS case.
+  const { default: copy } = await import("copy-text-to-clipboard");
+  return copy(text);
+}
+
 export default function CopyButton({
   code,
   className,
 }: CopyButtonProps): React.JSX.Element {
   const [isCopied, setIsCopied] = useState(false);
   const copyTimeout = useRef<number | undefined>(undefined);
-  const handleCopyCode = useCallback(() => {
-    copy(code);
+  const handleCopyCode = useCallback(async () => {
+    await copyToClipboard(code);
     setIsCopied(true);
     copyTimeout.current = window.setTimeout(() => {
       setIsCopied(false);