Merge branch 'main' of github.com:avo-hq/avodocs

avo-hq · Sep 11, 2024 · 9d56845 · 9d56845
2 parents 2509e32 + fc03b73
commit 9d56845
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 0 deletions.
diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
@@ -15,6 +15,60 @@ const config = {
     },
   },
   head: [
+    [
+      "script",
+      {
+        src: "https://unpkg.com/@inkeep/[email protected]/dist/embed.js",
+        type: "module",
+        defer: true,
+      },
+    ],
+    ["script", { src: "/static/addInkeep.js", type: "module", defer: true }],
+//     [;
+//       'script',
+//       {},
+//       `// Embed the widget using the Inkeep.embed() function.
+// const config = {
+//   componentType: "ChatButton",
+//   // optional -- for syncing UI color mode
+//   colorModeSync: {
+//     observedElement: document.documentElement,
+//     isDarkModeCallback: (el) => {
+//       return el.classList.contains("dark");
+//     },
+//     colorModeAttribute: "class",
+//   },
+//   properties: {
+//     chatButtonType: "PILL",
+//     baseSettings: {
+//       apiKey: import.meta.env.VITE_INKEEP_API_KEY, // required
+//       integrationId: import.meta.env.VITE_INKEEP_INTEGRATION_ID, // required
+//       organizationId: import.meta.env.VITE_INKEEP_ORGANIZATION_ID, // required
+//       primaryBrandColor: "#1398FE", // your brand color, widget color scheme is derived from this
+//       organizationDisplayName: "Avo",
+//       // ...optional settings
+//       chatButtonText: "Ask the AI Assistant",
+//     },
+//     modalSettings: {
+//       // optional settings
+//     },
+//     searchSettings: {
+//       // optional settings
+//     },
+//     aiChatSettings: {
+//       // optional settings
+//       botAvatarSrcUrl: "/logomark.png", // use your own bot avatar
+//       // quickQuestions: [
+//       //   "Example question 1?",
+//       //   "Example question 2?",
+//       //   "Example question 3?",
+//       // ],
+//     },
+//   },
+// };
+
+// const inkeepWidget = Inkeep().embed(config);`
+//     ],
     // <script async="" src="https://www.google-analytics.com/analytics.js"></script>
     [
       'script',

diff --git a/docs/public/logomark.jpg b/docs/public/logomark.jpg
diff --git a/docs/public/static/addInkeep.js b/docs/public/static/addInkeep.js
@@ -0,0 +1,41 @@
+// Embed the widget using the `Inkeep.embed()` function.
+const config = {
+  componentType: "ChatButton",
+  // optional -- for syncing UI color mode
+  colorModeSync: {
+    observedElement: document.documentElement,
+    isDarkModeCallback: (el) => {
+      return el.classList.contains("dark");
+    },
+    colorModeAttribute: "class",
+  },
+  properties: {
+    chatButtonType: "PILL",
+    baseSettings: {
+      apiKey: "389a67786d65d3ed8f59715c9e61d4a782c33269e7a89919", // required
+      integrationId: "cm0wbyzba009blzci5h1bxbg8", // required
+      organizationId: "org_IqSqx2i7H6DlDzGS", // required
+      primaryBrandColor: "#1398FE", // your brand color, widget color scheme is derived from this
+      organizationDisplayName: "Avo",
+      // ...optional settings
+      chatButtonText: "Ask the AI Assistant",
+    },
+    modalSettings: {
+      // optional settings
+    },
+    searchSettings: {
+      // optional settings
+    },
+    aiChatSettings: {
+      // optional settings
+      botAvatarSrcUrl: "/logomark.png", // use your own bot avatar
+      // quickQuestions: [
+      //   "Example question 1?",
+      //   "Example question 2?",
+      //   "Example question 3?",
+      // ],
+    },
+  },
+};
+
+const inkeepWidget = Inkeep().embed(config);