README change and fixing Opey env.example and some debug messages at API Days with Nemo

.env.example

@@ -21,8 +21,10 @@ VITE_OPB_SERVER_SESSION_PASSWORD=very secret
 VITE_OBP_REDIS_URL = redis://127.0.0.1:6379
 
 # Enable the chatbot interface "Opey"
+# Note: For Opey to be connected you will need to create a public key for API Explorer II
+# To do this: 
 VITE_CHATBOT_ENABLED=false
-VITE_CHATBOT_ENDPOINT_URL=http://localhost:5000
+VITE_CHATBOT_URL=http://localhost:5000
 
 # Product styling setting
 #VITE_OBP_LINKS_COLOR="#52b165"

README.md

@@ -37,6 +37,16 @@ or
 npm run dev
 ```
 
+##### Get a Consumer Key for the OBP-API
+
+API Explorer needs a Consumer Key / Secret to access the Open Bank Project API with OAuth.
+To get this Consumer, go to the Portal of OBP-API, login and "Get a Consumer Key".
+The callback URL (if running locally) should be http://localhost:5173/api/callback
+Copy and paste the Consumer Key and Consumer Secret and add it to your .env file here.
+You can use .env.example as a basis of your .env file. 
+
+
+
 ##### ~~Run Unit Tests with [Vitest](https://vitest.dev/)~~
 
 <strike>

auto-imports.d.ts

@@ -1,7 +1,9 @@
 /* eslint-disable */
 /* prettier-ignore */
 // @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
 

components.d.ts

@@ -3,11 +3,9 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     ChatWidget: typeof import('./src/components/ChatWidget.vue')['default']
     Collections: typeof import('./src/components/Collections.vue')['default']

src/components/ChatWidget.vue

@@ -85,6 +85,7 @@
     },
     created() {
       this.chatBotUrl = import.meta.env.VITE_CHATBOT_URL
+      console.log('here is this.chatBotUrl: ', this.chatBotUrl)
       this.obpApiHost = inject(obpApiHostKey);
       this.checkLoginStatus();
     },

src/stores/connection.ts

@@ -44,6 +44,7 @@ export const useConnectionStore = defineStore("connection", {
      */
     bindEvents() {
       socket.on("connect", () => {
+        console.log("websocket connection established")
         this.isConnected = true;
       });