feat: support integrations inside reusable content blocks

Author: Antoine-C

packages/gitbook/src/components/DocumentView/Integration/IntegrationBlock.tsx

@@ -12,23 +12,34 @@ import { renderIntegrationUi } from './server-actions';
 export async function IntegrationBlock(props: BlockProps<DocumentBlockIntegration>) {
     const { block, context, style } = props;
 
-    if (!context.contentContext?.space) {
-        throw new Error('integration block requires a content.spaceId');
+    if (!context.contentContext?.space && !props.block.data.spaceId) {
+        throw new Error('integration block requires a spaceId');
     }
 
+    // When the block originates from a cross-space reusable content, the server adds a spaceId so the integration is
+    // looked up in the correct source space.
+    const spaceId =  props.block.data.spaceId ?? context.contentContext.space.id;
+
     const initialInput: RenderIntegrationUI = {
         componentId: block.data.block,
         props: block.data.props,
         action: block.data.action,
         context: {
             type: 'document',
-            spaceId: context.contentContext?.space.id,
+            spaceId,
             editable: false,
             theme: 'light', // TODO: how to handle this without moving rendering to the client side?
         },
     };
 
-    const initialResponse = await fetchSafeIntegrationUI(context.contentContext, {
+    const dataFetcher = block.meta?.token
+        ? context.contentContext.dataFetcher.withToken({ apiToken: block.meta.token })
+        : context.contentContext.dataFetcher;
+
+    const initialResponse = await fetchSafeIntegrationUI({
+        ...context.contentContext,
+        dataFetcher
+    }, {
         integrationName: block.data.integration,
         request: initialInput,
     });