Add Smartcat Translator integration

integrations/smartcat/.eslintrc.json

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

integrations/smartcat/.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+package-lock.json 

integrations/smartcat/gitbook-manifest.yaml

@@ -0,0 +1,21 @@
+name: smartcat
+title: Smartcat
+organization: gitbook
+visibility: unlisted
+description: 'Add Smartcat to your GitBook to translate your content.'
+script: src/index.tsx
+scopes:
+    - space:script:inject
+    - site:script:inject
+secrets: {}
+contentSecurityPolicy:
+    script-src: https://cdn.smartcat-proxy.com;
+configurations:
+    site:
+        properties:
+            site_tag:
+                type: string
+                title: Smartcat Site Tag
+                description: Available in Smartcat’s settings.
+        required:
+            - site_tag

integrations/smartcat/package.json

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

integrations/smartcat/src/index.tsx

@@ -0,0 +1,35 @@
+import {
+    createIntegration,
+    FetchPublishScriptEventCallback,
+    RuntimeContext,
+    RuntimeEnvironment,
+} from '@gitbook/runtime';
+
+import script from './script.raw.js';
+
+type SmartcatRuntimeContext = RuntimeContext<
+    RuntimeEnvironment<
+        {},
+        {
+            site_tag?: string;
+        }
+    >
+>;
+
+export const handleFetchEvent: FetchPublishScriptEventCallback = async (
+    event,
+    { environment }: SmartcatRuntimeContext
+) => {
+    const smartCatScriptTag = environment.siteInstallation?.configuration?.site_tag;
+
+    return new Response(script.replace('<TO_REPLACE>', smartCatScriptTag), {
+        headers: {
+            'Content-Type': 'application/javascript',
+            'Cache-Control': 'max-age=604800',
+        },
+    });
+};
+
+export default createIntegration<SmartcatRuntimeContext>({
+    fetch_published_script: handleFetchEvent,
+});

integrations/smartcat/src/script.raw.js

@@ -0,0 +1,29 @@
+function loadScript() {
+    const smartCatScriptTag = '<TOREPLACE>';
+
+    const smartcatOrgIDRegExp =
+        'https://cdn.smartcat-proxy.com/([^/]+)/script-v1/__translator.js?hash=.*';
+
+    const smartcatHashRegExp =
+        'https://cdn.smartcat-proxy.com/[^/]+/script-v1/__translator.js?hash=([^/]+)';
+
+    const smartcatOrgID = smartCatScriptTag.match(smartcatOrgIDRegExp)[1];
+    const smartcatHash = smartCatScriptTag.match(smartcatHashRegExp)[1];
+
+    const divElement = document.createElement('div');
+    divElement.id = 'scLangSelectorContainer';
+    divElement.style.cssText = 'position:fixed; right:10px; bottom:10px; z-index:9999;';
+    document.body.appendChild(divElement);
+    const script = document.createElement('script');
+    script.id = 'sc-script';
+    script.src = `https://cdn.smartcat-proxy.com/${smartcatOrgID}/script-v1/__translator.js?hash=${smartcatHash}`;
+    document.head.appendChild(script);
+}
+
+(function () {
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', loadScript);
+    } else {
+        loadScript();
+    }
+})();

integrations/smartcat/tsconfig.json

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