Adds a watch script to make it easier to develop and iterate on the p…

…lugin

package.json

@@ -14,8 +14,10 @@
     "e2e:update": "yarn cypress install && yarn grafana-e2e run --update-screenshots",
     "server": "docker-compose up --build",
     "sign": "npx --yes @grafana/sign-plugin",
-    "copy": "docker cp ./dist portfolio-grafana-grafana-1:/var/lib/grafana-plugins/chatbot-panel",
-    "pack": "npm-run-all build copy"
+    "copy-to-container": "docker cp ./dist portfolio-grafana-grafana-1:/var/lib/grafana-plugins/chatbot-panel",
+    "restart-container": "docker restart portfolio-grafana-grafana-1",
+    "local-deploy": "npm-run-all build copy-to-container restart-container",
+    "watch-dist": "nodemon --watch ./dist --exec \"yarn run copy-to-container && yarn run restart-container\""
   },
   "author": "Target Energy Solutions",
   "license": "Apache-2.0",
@@ -51,6 +53,8 @@
     "identity-obj-proxy": "3.0.0",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
+    "nodemon": "^3.0.1",
+    "npm-run-all": "^4.1.5",
     "prettier": "^2.5.0",
     "replace-in-file-webpack-plugin": "^1.0.6",
     "sass": "1.56.1",

src/components/dso-chat-bot/DsoChatbot.tsx

@@ -73,12 +73,46 @@ export const DsoChatBot = () => {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        mode: 'no-cors',
       },
       body: JSON.stringify({ messages: messages, functions: [] }),
     }
-    const response = await fetch(url, options)
-    console.log('response:::::::::', response)
+
+    try {
+      const response = await fetch(url, options)
+      if (!response.ok) {
+        console.log('Request to the generate endpoint failed')
+        return
+      }
+      const reader = response.body!.getReader()
+      const decoder = new TextDecoder('utf-8')
+      let resultText = ''
+
+      while (true) {
+        const { done, value } = await reader.read()
+        if (done) {
+          break
+        }
+        // Massage and parse the chunk of data
+        const chunk = decoder.decode(value)
+        const lines = chunk.split('\\n')
+        const parsedLines = lines
+          .map((line) => line.replace(/^data: /, '').trim()) // Remove the "data: " prefix
+          .filter((line) => line !== '' && line !== '[DONE]') // Remove empty lines and "[DONE]"
+          .map((line) => JSON.parse(line)) // Parse the JSON string
+
+        for (const parsedLine of parsedLines) {
+          const { choices } = parsedLine
+          const { delta } = choices[0]
+          const { content } = delta
+          // Update the UI with the new content
+          if (content) {
+            resultText += content
+          }
+        }
+      }
+
+      console.log('Generate response:', resultText)
+    } catch (err) {}
   }, [addMessageToChatContent, chatContent, text])
 
   /** Callbacks */