Merge pull request #198 from couchbase/DOC-14221-move-to-ask-ai

DOC-14221 move to ask ai

Author: osfameron

src/js/12-chatbox.js

@@ -1,8 +1,9 @@
 ;(function () {
   var iframeLoader = new window.ChatBotUiLoader.IframeLoader()
 
-  const iframeOrigin = document.head.querySelector(
-    'meta[name="page-chatbot-origin"]')?.content ||
+  const qs = (q) => document.head.querySelector(q)?.content
+
+  const iframeOrigin = qs('meta[name="page-chatbot-origin"]') ||
       'https://d2sozpdiqok6m4.cloudfront.net'
 
   const origin = window.parent.origin
@@ -36,12 +37,60 @@
     },
   }
 
+  const clientContext = {
+    product: {
+      value: qs('meta[name="docsearch:component_title"]'),
+      description: 'The specific product the user is reading about',
+    },
+    surface: {
+      value: 'docs',
+      description: 'The user is reading the Couchbase Docs',
+    },
+    service: {
+      value: qs('meta[name="docsearch:component_title"]'),
+      description: 'The specific product the user is reading about.',
+    },
+    page: {
+      route: {
+        value: qs('meta[name="page-url"]'),
+        description: 'The URL of the current page the user is reading',
+      },
+      breadcrumbs: {
+        value: qs('meta[name="docsearch:breadcrumbs"]'),
+        description: 'The navigation path to the current page',
+      },
+      title: {
+        value: document.head.querySelector('title')?.innerHTML,
+        description: 'The title of the current page the user is reading',
+      },
+      description: 'The specific page the user is on, which can give context for their query',
+    },
+    component: {
+      id: {
+        value: qs('meta[name="docsearch:component_title"]'),
+        description: 'The component that the user is reading about',
+      },
+      edition: {
+        value: qs('meta[name="docsearch:edition"]'),
+        description: 'The edition (e.g. Enterprise or Community) of the product the user is reading about',
+      },
+      version: {
+        value: qs('meta[name="docsearch:cversion"]'),
+        description: 'The version of the product the user is reading about',
+      },
+      description: 'The component that the user is reading about',
+    },
+  }
+
   // load the iframe
   iframeLoader
     .load(chatbotUiconfig)
     .then(function () {
       iframeLoader.api.ping()
+
       // perform actions on the parent dependent on the chatbot loading.
+      iframeLoader.api.setClientContext(clientContext)
+
       // document.getElementById('send-intent').setAttribute('disabled', false)
     })
     .catch(function (error) {