Allow to copy in embed (#4251)

.changeset/sharp-cities-care.md

@@ -0,0 +1,5 @@
+---
+"@gitbook/embed": patch
+---
+
+Allow copying in embed

packages/embed/src/client/createGitBookFrame.ts

@@ -44,6 +44,16 @@ export function createGitBookFrame(iframe: HTMLIFrameElement): GitBookFrameClien
     if (!iframe.contentWindow) {
         throw new Error('Iframe must have a content window');
     }
+
+    const allowTokens = iframe.allow
+        .split(';')
+        .map((token) => token.trim())
+        .filter(Boolean);
+
+    if (!allowTokens.includes('clipboard-write')) {
+        iframe.allow = [...allowTokens, 'clipboard-write'].join('; ');
+    }
+
     const channel = createChannel(iframe.contentWindow);
 
     channel.receive((message: FrameToParentMessage) => {

packages/embed/src/react/GitBookFrame.tsx

@@ -76,6 +76,7 @@ export function GitBookFrame(props: GitBookFrameProps) {
             src={frameURL}
             width="100%"
             height="100%"
+            allow="clipboard-write"
             className={className}
             style={colorScheme ? { colorScheme } : undefined}
         />

packages/embed/src/standalone/index.ts

@@ -101,6 +101,7 @@ function getIframe() {
         widgetIframe?.remove();
         widgetIframe = document.createElement('iframe');
         widgetIframe.id = 'gitbook-widget-iframe';
+        widgetIframe.allow = 'clipboard-write';
         if (frameOptions?.colorScheme) {
             widgetIframe.style.colorScheme = frameOptions.colorScheme;
         }