From 7a794ac3680bd64a39b93492d903fe9e0653d35f Mon Sep 17 00:00:00 2001
From: Steeve Pastorelli <steeve@gitbook.com>
Date: Wed, 10 Jun 2026 00:46:30 +0200
Subject: [PATCH 1/2] Add visitor claims demo integration

---
 .../visitor-claims-webframe-demo/README.md    |  22 ++
 .../assets/icon.png                           | Bin 0 -> 14269 bytes
 .../gitbook-manifest.yaml                     |  20 ++
 .../visitor-claims-webframe-demo/package.json |  21 ++
 .../src/index.tsx                             |  66 ++++++
 .../src/webframe.ts                           | 215 ++++++++++++++++++
 .../tsconfig.json                             |   3 +
 7 files changed, 347 insertions(+)
 create mode 100644 integrations/visitor-claims-webframe-demo/README.md
 create mode 100644 integrations/visitor-claims-webframe-demo/assets/icon.png
 create mode 100644 integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml
 create mode 100644 integrations/visitor-claims-webframe-demo/package.json
 create mode 100644 integrations/visitor-claims-webframe-demo/src/index.tsx
 create mode 100644 integrations/visitor-claims-webframe-demo/src/webframe.ts
 create mode 100644 integrations/visitor-claims-webframe-demo/tsconfig.json

diff --git a/integrations/visitor-claims-webframe-demo/README.md b/integrations/visitor-claims-webframe-demo/README.md
new file mode 100644
index 000000000..b2f37119d
--- /dev/null
+++ b/integrations/visitor-claims-webframe-demo/README.md
@@ -0,0 +1,22 @@
+# Visitor Claims Webframe Demo
+
+Dev/test integration for validating that GitBook/GBX passes adaptive visitor context into ContentKit webframes.
+
+The integration exposes one block, `visitorClaimsWebframeDemo`, which renders a self-contained webframe at `/webframe`. The webframe displays:
+
+- The full posted ContentKit webframe state.
+- `state.visitor`.
+- `state.visitor.claims`.
+- `state.visitor.isSet`.
+- Regular webframe `data` values, including `label` and `mode`, as part of the full state.
+
+## Test
+
+1. Enable and configure adaptive content for the target site/space.
+2. Install this integration in the target space.
+3. Add the **Visitor Claims Demo** integration block to a space page.
+4. Set visitor input/test values in the GitBook UI.
+5. Confirm the webframe displays `visitor.claims` and `visitor.isSet`.
+6. Open the browser console and check the `visitor-claims-webframe-demo: received state` log for the raw state object.
+
+If the webframe receives state without visitor context, it shows `No visitor context received.` while still rendering the full state JSON for debugging.
diff --git a/integrations/visitor-claims-webframe-demo/assets/icon.png b/integrations/visitor-claims-webframe-demo/assets/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ceb32a6a489652e050d50e58d78b9c794fb5e2c
GIT binary patch
literal 14269
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
VIGjN`?cj0*;)UAtQaR)I{~vIp%h><`

literal 0
HcmV?d00001

diff --git a/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml b/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml
new file mode 100644
index 000000000..60461a2a9
--- /dev/null
+++ b/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml
@@ -0,0 +1,20 @@
+name: visitor-claims-webframe-demo
+title: Visitor Claims Webframe Demo
+icon: ./assets/icon.png
+organization: 7RDn7qEEPSHhRACRvwrt
+description: Dev/test integration for inspecting ContentKit webframe visitor context.
+summary: |
+    # Overview
+
+    This development-only integration renders a ContentKit webframe and displays the full state GitBook posts into it.
+
+    # How it works
+
+    Add the Visitor Claims Webframe Demo block to a space page. The webframe displays regular ContentKit webframe data alongside any visitor context injected by GitBook, including `visitor.claims` and `visitor.isSet`.
+visibility: private
+script: ./src/index.tsx
+scopes: []
+blocks:
+    - id: visitorClaimsWebframeDemo
+      title: Visitor Claims Demo
+      description: Inspect visitor claims passed into a ContentKit webframe.
diff --git a/integrations/visitor-claims-webframe-demo/package.json b/integrations/visitor-claims-webframe-demo/package.json
new file mode 100644
index 000000000..7efedf29f
--- /dev/null
+++ b/integrations/visitor-claims-webframe-demo/package.json
@@ -0,0 +1,21 @@
+{
+    "name": "@gitbook/integration-visitor-claims-webframe-demo",
+    "version": "0.0.0",
+    "private": true,
+    "dependencies": {
+        "@gitbook/api": "*",
+        "@gitbook/runtime": "*",
+        "itty-router": "^2.6.1"
+    },
+    "devDependencies": {
+        "@gitbook/cli": "workspace:*",
+        "@gitbook/tsconfig": "workspace:*"
+    },
+    "scripts": {
+        "typecheck": "tsc --noEmit",
+        "check": "gitbook check",
+        "publish-integrations": "gitbook publish .",
+        "publish-integrations-staging": "gitbook publish .",
+        "dev": "gitbook dev ."
+    }
+}
diff --git a/integrations/visitor-claims-webframe-demo/src/index.tsx b/integrations/visitor-claims-webframe-demo/src/index.tsx
new file mode 100644
index 000000000..12a7857be
--- /dev/null
+++ b/integrations/visitor-claims-webframe-demo/src/index.tsx
@@ -0,0 +1,66 @@
+import { Router } from 'itty-router';
+
+import {
+    createComponent,
+    createIntegration,
+    FetchEventCallback,
+    RuntimeContext,
+} from '@gitbook/runtime';
+
+import { webFrameHTML } from './webframe';
+
+const visitorClaimsWebframeDemo = createComponent({
+    componentId: 'visitorClaimsWebframeDemo',
+    async render(_element, { environment }) {
+        const webframeURL = new URL(`${environment.integration.urls.publicEndpoint}/webframe`);
+        webframeURL.searchParams.set('v', String(environment.integration.version));
+
+        return (
+            <block>
+                <webframe
+                    source={{
+                        url: webframeURL.toString(),
+                    }}
+                    data={{
+                        label: 'Visitor claims webframe demo',
+                        mode: 'dev-test',
+                    }}
+                />
+            </block>
+        );
+    },
+});
+
+const handleFetchEvent: FetchEventCallback<RuntimeContext> = async (request, context) => {
+    const { environment } = context;
+    const router = Router({
+        base: new URL(
+            environment.spaceInstallation?.urls?.publicEndpoint ||
+                environment.installation?.urls.publicEndpoint ||
+                environment.integration.urls.publicEndpoint,
+        ).pathname,
+    });
+
+    router.get(
+        '/webframe',
+        async () =>
+            new Response(webFrameHTML, {
+                headers: {
+                    'Content-Type': 'text/html; charset=utf-8',
+                    'Cache-Control': 'no-store',
+                },
+            }),
+    );
+
+    const response = await router.handle(request, context);
+    if (!response) {
+        return new Response('No route matching', { status: 404 });
+    }
+
+    return response;
+};
+
+export default createIntegration({
+    fetch: handleFetchEvent,
+    components: [visitorClaimsWebframeDemo],
+});
diff --git a/integrations/visitor-claims-webframe-demo/src/webframe.ts b/integrations/visitor-claims-webframe-demo/src/webframe.ts
new file mode 100644
index 000000000..6b8461d0e
--- /dev/null
+++ b/integrations/visitor-claims-webframe-demo/src/webframe.ts
@@ -0,0 +1,215 @@
+export const webFrameHTML: string = `
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="color-scheme" content="light dark">
+        <title>Visitor claims webframe demo</title>
+        <style>
+            :root {
+                color-scheme: light dark;
+                font-family:
+                    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+                    sans-serif;
+                background: #f8fafc;
+                color: #111827;
+            }
+
+            * {
+                box-sizing: border-box;
+            }
+
+            body {
+                margin: 0;
+                padding: 16px;
+                background: #f8fafc;
+            }
+
+            main {
+                display: grid;
+                gap: 12px;
+                max-width: 960px;
+            }
+
+            h1,
+            h2,
+            p {
+                margin: 0;
+            }
+
+            h1 {
+                font-size: 18px;
+                font-weight: 700;
+            }
+
+            h2 {
+                font-size: 13px;
+                font-weight: 700;
+                text-transform: uppercase;
+                color: #4b5563;
+            }
+
+            .panel {
+                border: 1px solid #d1d5db;
+                border-radius: 8px;
+                background: #ffffff;
+                padding: 14px;
+            }
+
+            .status {
+                display: grid;
+                gap: 4px;
+                border-left: 4px solid #f59e0b;
+            }
+
+            .status.has-visitor {
+                border-left-color: #22c55e;
+            }
+
+            .status-title {
+                font-weight: 700;
+            }
+
+            .status-detail {
+                color: #4b5563;
+                font-size: 13px;
+            }
+
+            .grid {
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+                gap: 12px;
+            }
+
+            pre {
+                margin: 10px 0 0;
+                padding: 12px;
+                overflow: auto;
+                border-radius: 6px;
+                background: #111827;
+                color: #f9fafb;
+                font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+                white-space: pre-wrap;
+                word-break: break-word;
+            }
+
+            code {
+                font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+            }
+
+            @media (prefers-color-scheme: dark) {
+                :root,
+                body {
+                    background: #030712;
+                    color: #f9fafb;
+                }
+
+                .panel {
+                    background: #111827;
+                    border-color: #374151;
+                }
+
+                h2,
+                .status-detail {
+                    color: #d1d5db;
+                }
+
+                pre {
+                    background: #030712;
+                    color: #f9fafb;
+                    border: 1px solid #374151;
+                }
+            }
+        </style>
+    </head>
+    <body>
+        <main>
+            <section class="panel">
+                <h1>Visitor claims webframe demo</h1>
+            </section>
+
+            <section class="panel status" data-status-panel>
+                <p class="status-title" data-status>No webframe state received yet.</p>
+            </section>
+
+            <section class="panel">
+                <h2>Full webframe state</h2>
+                <pre data-state>{}</pre>
+            </section>
+
+            <section class="grid">
+                <article class="panel">
+                    <h2>state.visitor</h2>
+                    <pre data-visitor>null</pre>
+                </article>
+            </section>
+
+           
+        </main>
+
+        <script>
+            const gitbookWebFrame = window.parent;
+            const statusPanel = document.querySelector('[data-status-panel]');
+            const status = document.querySelector('[data-status]');
+            const stateOutput = document.querySelector('[data-state]');
+            const visitorOutput = document.querySelector('[data-visitor]');
+            
+
+            function sendAction(payload) {
+                gitbookWebFrame?.postMessage({ action: payload }, '*');
+            }
+
+            function format(value) {
+                return JSON.stringify(value, null, 2);
+            }
+
+            function resize() {
+                window.requestAnimationFrame(() => {
+                    const height = Math.max(
+                        document.documentElement.scrollHeight,
+                        document.body.scrollHeight,
+                        120,
+                    );
+
+                    sendAction({
+                        action: '@webframe.resize',
+                        size: {
+                            height,
+                            aspectRatio: window.innerWidth / height,
+                        },
+                    });
+                });
+            }
+
+            function renderState(state) {
+                const visitor = state?.visitor;
+                const hasVisitor = Boolean(visitor);
+
+                stateOutput.textContent = format(state ?? {});
+                visitorOutput.textContent = format(visitor ?? null);
+
+                statusPanel.classList.toggle('has-visitor', hasVisitor);
+                status.textContent = hasVisitor
+                    ? 'Visitor context received.'
+                    : 'No visitor context received.';
+
+                resize();
+            }
+
+            window.addEventListener('message', (event) => {
+                const state = event.data?.state;
+                if (!state) {
+                    return;
+                }
+
+                console.info('visitor-claims-webframe-demo: received state', state);
+                renderState(state);
+            });
+
+            sendAction({ action: '@webframe.ready' });
+            resize();
+        </script>
+    </body>
+</html>
+`;
diff --git a/integrations/visitor-claims-webframe-demo/tsconfig.json b/integrations/visitor-claims-webframe-demo/tsconfig.json
new file mode 100644
index 000000000..1a48f875b
--- /dev/null
+++ b/integrations/visitor-claims-webframe-demo/tsconfig.json
@@ -0,0 +1,3 @@
+{
+    "extends": "@gitbook/tsconfig/integration.json"
+}

From a22f682caf1994bc9b7964f464a65a7f3a3026d0 Mon Sep 17 00:00:00 2001
From: Steeve Pastorelli <steeve@gitbook.com>
Date: Thu, 11 Jun 2026 15:43:05 +0200
Subject: [PATCH 2/2] Add scope to manifest

---
 .../visitor-claims-webframe-demo/gitbook-manifest.yaml        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml b/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml
index 60461a2a9..8bf0801f4 100644
--- a/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml
+++ b/integrations/visitor-claims-webframe-demo/gitbook-manifest.yaml
@@ -1,7 +1,7 @@
 name: visitor-claims-webframe-demo
 title: Visitor Claims Webframe Demo
 icon: ./assets/icon.png
-organization: 7RDn7qEEPSHhRACRvwrt
+organization: QkobkeMSkvQjA19eKq3n
 description: Dev/test integration for inspecting ContentKit webframe visitor context.
 summary: |
     # Overview
@@ -13,7 +13,7 @@ summary: |
     Add the Visitor Claims Webframe Demo block to a space page. The webframe displays regular ContentKit webframe data alongside any visitor context injected by GitBook, including `visitor.claims` and `visitor.isSet`.
 visibility: private
 script: ./src/index.tsx
-scopes: []
+scopes: ['site:visitor:claims']
 blocks:
     - id: visitorClaimsWebframeDemo
       title: Visitor Claims Demo