Integrate chatbot into the app menu

bioimage-io · Feb 29, 2024 · a9304d1 · a9304d1
1 parent 679e151
commit a9304d1
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/public/index.ejs b/public/index.ejs
@@ -31,7 +31,6 @@
   <meta name="msapplication-TileImage" content="<%= BASE_URL %>static/icons/ms-icon-144x144.png">
   <meta name="theme-color" content="#ffffff">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <script type="text/javascript" src="https://lib.imjoy.io/imjoy-loader.js"></script>
   <title><%= site_name %></title>
 </head>
 
@@ -57,6 +56,7 @@
   })();
 </script>
 <!-- End Matomo Code -->
+<script type="text/javascript" src="https://lib.imjoy.io/imjoy-loader.js"></script>
 </body>
 
 </html>
diff --git a/site.config.json b/site.config.json
@@ -13,7 +13,7 @@
   "og_image": "https://bioimage.io/static/img/bioimage-io-banner.png",
   "og_description": "Advanced AI models in one-click",
   "background_image": "static/img/zoo-background.svg",
-  "manifest_url": "https://bioimage-io.github.io/collection-bioimage-io/rdf.json",
+  "manifest_url": "https://bioimage-io.github.io/collection-bioimage-io/collection.json",
   "explore_button_text": "🚀 Explore the Zoo",
   "subscribe_url": "https://docs.google.com/forms/d/e/1FAIpQLSfQhTjXOuTXZNtalprbsXMPd4ct2ydiMhlPc2lhcs6WY4yo0w/viewform?embedded=true",
   "contact_form_url": "https://oeway.typeform.com/to/K3j2tJt7",

diff --git a/src/App.vue b/src/App.vue
@@ -73,7 +73,7 @@ export default {
   computed: {
     ...mapState({
       showNavbar: state => state.showNavbar,
-      siteConfig: state => state.siteConfig
+      siteConfig: state => state.siteConfig,
     })
   },
   mounted() {

diff --git a/src/bioEngine.js b/src/bioEngine.js
@@ -27,6 +27,7 @@ const imjoyReady = new Promise((resolve, reject) => {
   resolveImJoy = resolve;
   rejectImJoy = reject;
 });
+
 export async function setupBioEngine() {
   const queryString = window.location.href.split("#")[1].split("?")[1];
   const urlParams = new URLSearchParams(queryString);
@@ -191,6 +192,13 @@ export async function setupBioEngine() {
           api.createWindow({ src: "https://jupyter.imjoy.io" });
         }
       });
+      app.addMenuItem({
+        label: "🤖 BioImage.IO Chatbot",
+        async callback() {
+          await api.createWindow({"src": "https://staging.chat.bioimage.io/public/apps/bioimageio-chatbot-client/chat", name: "BioImage.IO Chatbot"});
+          await app.loadPlugin("https://raw.githubusercontent.com/bioimage-io/bioimageio-chatbot/main/bioimageio_chatbot/static/bioimage-model-zoo-extension.imjoy.html");
+        }
+      });
       // expose global variables
       window.api = api;
       window.imjoy = app.imjoy;