Add Zendesk Integration

integrations/zendesk/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+    "extends": ["@gitbook/eslint-config/integration"]
+}

integrations/zendesk/gitbook-manifest.yaml

@@ -0,0 +1,36 @@
+name: zendesk
+title: Zendesk
+organization: d8f63b60-89ae-11e7-8574-5927d48c4877
+visibility: public
+description: ''
+summary: |
+    # Overview
+    https://support.zendesk.com/hc/en-us/articles/4593564000410-Setting-up-the-search-crawler
+categories:
+    - analytics
+script: src/index.tsx
+scopes:
+    - space:script:inject
+    - site:script:inject
+blocks:
+    - id: zendesk
+      title: Zendesk
+      description: My GitBook Integration
+secrets: {}
+configurations:
+    space:
+        properties:
+            site_tag:
+                type: string
+                title: Hotjar Site ID
+                description: Site Tag from Zendesk
+        required:
+            - site_tag
+    site:
+        properties:
+            site_tag:
+                type: string
+                title: Hotjar Site ID
+                description: Site Tag from Zendesk
+        required:
+            - site_tag

integrations/zendesk/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "zendesk",
+    "private": true,
+    "scripts": {
+        "lint": "eslint --ext .js,.jsx,.ts,.tsx .",
+        "typecheck": "tsc --noEmit",
+        "publish": "gitbook publish ."
+    },
+    "dependencies": {
+        "@gitbook/runtime": "*"
+    },
+    "devDependencies": {
+        "@gitbook/cli": "^0.15.1",
+        "@gitbook/eslint-config": "*",
+        "@gitbook/tsconfig": "*"
+    }
+}

integrations/zendesk/src/index.tsx

@@ -0,0 +1,44 @@
+import {
+    createIntegration,
+    FetchPublishScriptEventCallback,
+    RuntimeContext,
+    RuntimeEnvironment,
+} from '@gitbook/runtime';
+
+import script from './script.raw.js';
+
+type ZendeskRuntimeContext = RuntimeContext<
+    RuntimeEnvironment<
+        {},
+        {
+            site_tag?: string;
+        }
+    >
+>;
+
+export const handleFetchEvent: FetchPublishScriptEventCallback = async (
+    event,
+    { environment }: ZendeskRuntimeContext
+) => {
+    const trackingId =
+        environment.siteInstallation?.configuration?.site_tag ??
+        environment.spaceInstallation.configuration.site_tag;
+    if (!trackingId) {
+        throw new Error(
+            `The Zendesk site tag is missing from the configuration (ID: ${
+                'spaceId' in event ? event.spaceId : event.siteId
+            }).`
+        );
+    }
+
+    return new Response(script.replace('<TO_REPLACE>', trackingId), {
+        headers: {
+            'Content-Type': 'application/javascript',
+            'Cache-Control': 'max-age=604800',
+        },
+    });
+};
+
+export default createIntegration<ZendeskRuntimeContext>({
+    fetch_published_script: handleFetchEvent,
+});

integrations/zendesk/src/script.raw.js

@@ -0,0 +1,10 @@
+(function (z, e, n) {
+    const trackingID = '<TO_REPLACE>';
+    z._trackingID = trackingID;
+
+    z = e.getElementsByTagName('head')[0];
+    n = e.createElement('meta');
+    n.name = 'zd-site-verification';
+    n.content = `${z._trackingID}`;
+    z.appendChild(n);
+})(window, document);

integrations/zendesk/tsconfig.json

@@ -0,0 +1,6 @@
+{
+    "extends": "@gitbook/tsconfig/integration.json",
+    "compilerOptions": {
+        "lib": ["ES6", "DOM"],
+    }
+}