From 11f122caad4f32742203f62c7c194af6c6ee4632 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 26 Aug 2024 12:30:11 +0000
Subject: [PATCH 01/10] Bump vite from 5.4.1 to 5.4.2

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.4.1 to 5.4.2.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.4.2/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 164 +++++++++++++++++++++-------------------------
 package.json      |   2 +-
 2 files changed, 74 insertions(+), 92 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0254526..8473cd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,7 @@
       },
       "devDependencies": {
         "sass": "^1.77.8",
-        "vite": "^5.4.1"
+        "vite": "^5.4.2"
       }
     },
     "../../circuitpython-repl-js/repl.js": {
@@ -572,224 +572,208 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
-      "integrity": "sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.0.tgz",
+      "integrity": "sha512-WTWD8PfoSAJ+qL87lE7votj3syLavxunWhzCnx3XFxFiI/BA/r3X7MUM8dVrH8rb2r4AiO8jJsr3ZjdaftmnfA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz",
-      "integrity": "sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.0.tgz",
+      "integrity": "sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz",
-      "integrity": "sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.0.tgz",
+      "integrity": "sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz",
-      "integrity": "sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.0.tgz",
+      "integrity": "sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz",
-      "integrity": "sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.0.tgz",
+      "integrity": "sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz",
-      "integrity": "sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.0.tgz",
+      "integrity": "sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==",
       "cpu": [
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz",
-      "integrity": "sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.0.tgz",
+      "integrity": "sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz",
-      "integrity": "sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.0.tgz",
+      "integrity": "sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz",
-      "integrity": "sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.0.tgz",
+      "integrity": "sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz",
-      "integrity": "sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.0.tgz",
+      "integrity": "sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==",
       "cpu": [
         "riscv64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz",
-      "integrity": "sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.0.tgz",
+      "integrity": "sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz",
-      "integrity": "sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.0.tgz",
+      "integrity": "sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz",
-      "integrity": "sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.0.tgz",
+      "integrity": "sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz",
-      "integrity": "sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.0.tgz",
+      "integrity": "sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz",
-      "integrity": "sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.0.tgz",
+      "integrity": "sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==",
       "cpu": [
         "ia32"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz",
-      "integrity": "sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.0.tgz",
+      "integrity": "sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -799,8 +783,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
       "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@xterm/addon-fit": {
       "version": "0.10.0",
@@ -1227,11 +1210,10 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.0.tgz",
-      "integrity": "sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.21.0.tgz",
+      "integrity": "sha512-vo+S/lfA2lMS7rZ2Qoubi6I5hwZwzXeUIctILZLbHI+laNtvhhOIon2S1JksA5UEDQ7l3vberd0fxK44lTYjbQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.5"
       },
@@ -1243,22 +1225,22 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.18.0",
-        "@rollup/rollup-android-arm64": "4.18.0",
-        "@rollup/rollup-darwin-arm64": "4.18.0",
-        "@rollup/rollup-darwin-x64": "4.18.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.18.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.18.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.18.0",
-        "@rollup/rollup-linux-arm64-musl": "4.18.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.18.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.18.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.18.0",
-        "@rollup/rollup-linux-x64-gnu": "4.18.0",
-        "@rollup/rollup-linux-x64-musl": "4.18.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.18.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.18.0",
-        "@rollup/rollup-win32-x64-msvc": "4.18.0",
+        "@rollup/rollup-android-arm-eabi": "4.21.0",
+        "@rollup/rollup-android-arm64": "4.21.0",
+        "@rollup/rollup-darwin-arm64": "4.21.0",
+        "@rollup/rollup-darwin-x64": "4.21.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.21.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.21.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.21.0",
+        "@rollup/rollup-linux-arm64-musl": "4.21.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.21.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.21.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.21.0",
+        "@rollup/rollup-linux-x64-gnu": "4.21.0",
+        "@rollup/rollup-linux-x64-musl": "4.21.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.21.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.21.0",
+        "@rollup/rollup-win32-x64-msvc": "4.21.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -1342,14 +1324,14 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.1.tgz",
-      "integrity": "sha512-1oE6yuNXssjrZdblI9AfBbHCC41nnyoVoEZxQnID6yvQZAFBzxxkqoFLtHUMkYunL8hwOLEjgTuxpkRxvba3kA==",
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.2.tgz",
+      "integrity": "sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.41",
-        "rollup": "^4.13.0"
+        "rollup": "^4.20.0"
       },
       "bin": {
         "vite": "bin/vite.js"
diff --git a/package.json b/package.json
index fc890a7..6a7f1d3 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "sass": "^1.77.8",
-    "vite": "^5.4.1"
+    "vite": "^5.4.2"
   },
   "dependencies": {
     "@adafruit/ble-file-transfer-js": "adafruit/ble-file-transfer-js#1.0.2",

From c0a37390bea231b7de481218a31a260c62e11679 Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Thu, 29 Aug 2024 18:03:34 -0500
Subject: [PATCH 02/10] starting serial plotter

---
 index.html               | 15 +++++++++
 js/script.js             | 63 +++++++++++++++++++++++++++++++++++
 js/state.js              |  1 +
 js/workflows/workflow.js | 71 ++++++++++++++++++++++++++++++++++++++++
 package-lock.json        | 17 ++++++++++
 package.json             |  1 +
 sass/layout/_layout.scss | 12 +++++++
 7 files changed, 180 insertions(+)

diff --git a/index.html b/index.html
index 84d2111..151ba59 100644
--- a/index.html
+++ b/index.html
@@ -97,9 +97,24 @@
                 <div id="serial-bar">
                     <button class="purple-button btn-restart">Restart<i class="fa-solid fa-redo"></i></button>
                     <button class="purple-button btn-clear">Clear<i class="fa-solid fa-broom"></i></button>
+                    <button class="purple-button btn-plotter">Plotter<i class="fa-solid fa-chart-line"></i></button>
                     <div id="terminal-title"></div>
                 </div>
+                <div id="plotter" class="hidden">
+
+                    <label for="plot-type">Plot Type</label>
+                    <select id="plot-type">
+                        <option value="xt">Line Over Time</option>
+                        <option value="xy">Scatter</option>
+                    </select>
+
+                    <label for="buffer-size">Buffer Size</label>
+                    <input type="number" id="buffer-size" value="20">
+
+                    <canvas id="plotter-canvas"></canvas>
+                </div>
                 <div id="terminal"></div>
+
             </div>
         </div>
         <div id="footer-bar">
diff --git a/js/script.js b/js/script.js
index d562a46..1923f23 100644
--- a/js/script.js
+++ b/js/script.js
@@ -21,6 +21,8 @@ import { CONNTYPE } from './constants.js';
 import './layout.js'; // load for side effects only
 import { mainContent, showSerial } from './layout.js';
 
+import Chart from 'chart.js/auto'
+
 // Instantiate workflows
 let workflows = {};
 workflows[CONNTYPE.Ble] = new BLEWorkflow();
@@ -32,6 +34,7 @@ let unchanged = 0;
 let connectionPromise = null;
 
 const btnRestart = document.querySelector('.btn-restart');
+const btnPlotter = document.querySelector('.btn-plotter');
 const btnClear = document.querySelector('.btn-clear');
 const btnConnect = document.querySelectorAll('.btn-connect');
 const btnNew = document.querySelectorAll('.btn-new');
@@ -41,6 +44,8 @@ const btnSaveAs = document.querySelectorAll('.btn-save-as');
 const btnSaveRun = document.querySelectorAll('.btn-save-run');
 const btnInfo = document.querySelector('.btn-info');
 const terminalTitle = document.getElementById('terminal-title');
+const serialPlotter = document.getElementById('plotter');
+
 
 const messageDialog = new MessageModal("message");
 const connectionType = new ButtonValueDialog("connection-type");
@@ -129,9 +134,33 @@ btnRestart.addEventListener('click', async function(e) {
 
 // Clear Button
 btnClear.addEventListener('click', async function(e) {
+    if (workflow.plotterChart){
+        workflow.plotterChart.data.datasets.forEach((dataSet, index) => {
+            workflow.plotterChart.data.datasets[index] = {
+                label: "" + index,
+                data: []
+            }
+        });
+        workflow.plotterChart.data.labels = [];
+        workflow.plotterChart.options.scales.y.min = -1;
+        workflow.plotterChart.options.scales.y.max = 1;
+        workflow.plotterChart.maxDataValue  = 1;
+        workflow.plotterChart.minDataValue  = -1;
+        workflow.plotterChart.update();
+    }
     state.terminal.clear();
 });
 
+// Plotter Button
+btnPlotter.addEventListener('click', async function(e){
+    serialPlotter.classList.toggle("hidden");
+    if (!workflow.plotterEnabled){
+        await setupPlotterChart();
+        workflow.plotterEnabled = true;
+    }
+
+});
+
 btnInfo.addEventListener('click', async function(e) {
     if (await checkConnected()) {
         await workflow.showInfo(getDocState());
@@ -532,6 +561,40 @@ async function setupXterm() {
     });
 }
 
+async function setupPlotterChart() {
+    let initialData = []
+    Chart.defaults.backgroundColor = '#444444';
+    Chart.defaults.borderColor = '#000000';
+    Chart.defaults.color = '#000000';
+    Chart.defaults.aspectRatio = 3/2;
+    workflow.plotterChart = new Chart(
+        document.getElementById('plotter-canvas'),
+        {
+            type: 'line',
+
+            // responsive: true,
+            // maintainAspectRatio: false,
+            options: {
+                scales: {
+                    y: {
+                        min: -1,
+                        max: 1
+                    }
+                }
+            },
+            data: {
+                labels: initialData.map(row => row.timestamp),
+                datasets: [
+                    {
+                        label: '0',
+                        data: initialData.map(row => row.value)
+                    }
+                ]
+            }
+        }
+    );
+}
+
 function getBackend() {
     let backend = getUrlParam("backend");
     if (backend && isValidBackend(backend)) {
diff --git a/js/state.js b/js/state.js
index 7605b24..ba5dbea 100644
--- a/js/state.js
+++ b/js/state.js
@@ -1,4 +1,5 @@
 export default {
     terminal: null,
     fitter: null,
+    plotterChart: null,
 }
diff --git a/js/workflows/workflow.js b/js/workflows/workflow.js
index 42f5491..46993aa 100644
--- a/js/workflows/workflow.js
+++ b/js/workflows/workflow.js
@@ -30,6 +30,14 @@ function getWorkflowBackendName(workflow) {
     return Object.keys(validBackends).find(key => validBackends[key] === workflow) || null;
 }
 
+function stringToBytes(val) {
+    const result = [];
+    for (let i = 0; i < val.length; i++) {
+        result.push(val.charCodeAt(i));
+    }
+    return result;
+}
+
 class Workflow {
     constructor() {
         this.terminal = null;
@@ -47,6 +55,8 @@ class Workflow {
         this._unsavedDialog = new UnsavedDialog("unsaved");
         this._fileDialog = new FileDialog("files", this.showBusy.bind(this));
         this.repl = new REPL();
+        this.plotterEnabled = false;
+        this.plotterChart = false;
     }
 
     async init(params) {
@@ -59,6 +69,7 @@ class Workflow {
         this._loadFileContents = params.loadFileFunc;
         this._showMessage = params.showMessageFunc;
         this.loader = document.getElementById("loader");
+        this.plotterBufferSize = document.getElementById('buffer-size');
         if ("terminalTitle" in params) {
             this.terminalTitle = params.terminalTitle;
         }
@@ -158,7 +169,67 @@ class Workflow {
         return false;
     }
 
+    updatePlotterScales(){
+        this.plotterChart.options.scales.y.min = Math.min(...this.plotterChart.data.datasets[0].data) - 10
+        this.plotterChart.options.scales.y.max = Math.max(...this.plotterChart.data.datasets[0].data) + 10
+    }
+
     writeToTerminal(data) {
+        if (this.plotterEnabled) {
+
+
+            // if (data != "" && data != "\n"){
+            //     let dataValue = JSON.parse(data);
+            //     console.log("plotter is enabled, data is: " + data);
+            //     this.plotterChart.data.datasets[0].data.push({
+            //         value: dataValue,
+            //         //timestamp: new Date()
+            //     });
+            //     this.plotterChart.data.labels.push("")
+            //     console.log(this.plotterChart.data.datasets[0])
+            //     this.plotterChart.update();
+            // }
+
+
+            try{
+
+                let strippedData = data.replace("\r\n", "")
+                console.log("plotter is enabled, data is: '" + strippedData + "'");
+                console.log("bytes: " + stringToBytes(strippedData));
+                let dataValue = JSON.parse(parseFloat(strippedData));
+               /* if (this.plotterChart.minDataValue === undefined || (dataValue - 10) < this.plotterChart.minDataValue){
+                    this.plotterChart.minDataValue = dataValue - 10
+                    this.plotterChart.options.scales.y.min = dataValue - 10;
+                }
+                if (this.plotterChart.maxDataValue === undefined || (dataValue + 10) > this.plotterChart.maxDataValue){
+                    console.log("upping max to: " + dataValue + 10);
+                    this.plotterChart.maxDataValue = dataValue + 10;
+                    this.plotterChart.options.scales.y.max = dataValue + 10;
+                }*/
+
+                console.log("plotter is enabled, data is: " + data);
+
+                while (this.plotterChart.data.labels.length > this.plotterBufferSize.value){
+                    this.plotterChart.data.labels.shift();
+                    this.plotterChart.data.datasets[0].data.shift();
+                }
+
+                this.plotterChart.data.datasets[0].data.push(dataValue);
+                //this.plotterChart.data.labels.push(new Date())
+                this.plotterChart.data.labels.push("");
+                console.log(this.plotterChart.data.datasets[0]);
+                this.updatePlotterScales();
+                this.plotterChart.update();
+            } catch (e){
+
+                console.log("JSON parse error");
+                //console.log(e)
+                console.log(e.stack);
+                // This line isn't a valid data value
+            }
+
+
+        }
         this.terminal.write(data);
     }
 
diff --git a/package-lock.json b/package-lock.json
index 8473cd3..f0facd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "@xterm/addon-fit": "^0.10.0",
         "@xterm/addon-web-links": "^0.11.0",
         "@xterm/xterm": "^5.5.0",
+        "chart.js": "^4.4.4",
         "codemirror": "^6.0.1",
         "file-saver": "^2.0.5",
         "focus-trap": "^7.5.4",
@@ -536,6 +537,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz",
+      "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw=="
+    },
     "node_modules/@lezer/common": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.1.tgz",
@@ -849,6 +855,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/chart.js": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.4.tgz",
+      "integrity": "sha512-emICKGBABnxhMjUjlYRR12PmOXhJ2eJjEHL2/dZlWjxRAZT1D8xplLFq5M0tMQK8ja+wBS/tuVEJB5C6r7VxJA==",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
diff --git a/package.json b/package.json
index 6a7f1d3..36ce915 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/addon-web-links": "^0.11.0",
     "@xterm/xterm": "^5.5.0",
+    "chart.js": "^4.4.4",
     "codemirror": "^6.0.1",
     "file-saver": "^2.0.5",
     "focus-trap": "^7.5.4",
diff --git a/sass/layout/_layout.scss b/sass/layout/_layout.scss
index ec8cbc3..befbe15 100644
--- a/sass/layout/_layout.scss
+++ b/sass/layout/_layout.scss
@@ -72,6 +72,18 @@
 }
 
 #serial-page {
+    #plotter {
+        flex: 2 1 0;
+        background: #777;
+        position: relative;
+        width: 99%;
+        overflow: hidden;
+        padding: 10px 20px;
+
+        &.hidden{
+            display: none;
+        }
+    }
     #terminal {
         flex: 1 1 0%;
         background: #333;

From 3eafa572f7ce49c633ec9ba928a7af5ec35fb6c9 Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Fri, 30 Aug 2024 12:55:23 -0500
Subject: [PATCH 03/10] refactor plotter behavior to it's own file

---
 index.html               |   4 +-
 js/common/plotter.js     | 134 +++++++++++++++++++++++++++++++++++++++
 js/script.js             |   6 +-
 js/workflows/workflow.js |  68 +-------------------
 sass/layout/_layout.scss |   3 +
 5 files changed, 143 insertions(+), 72 deletions(-)
 create mode 100644 js/common/plotter.js

diff --git a/index.html b/index.html
index 151ba59..fc93a10 100644
--- a/index.html
+++ b/index.html
@@ -102,11 +102,11 @@
                 </div>
                 <div id="plotter" class="hidden">
 
-                    <label for="plot-type">Plot Type</label>
+                    <!--<label for="plot-type">Plot Type</label>
                     <select id="plot-type">
                         <option value="xt">Line Over Time</option>
                         <option value="xy">Scatter</option>
-                    </select>
+                    </select>-->
 
                     <label for="buffer-size">Buffer Size</label>
                     <input type="number" id="buffer-size" value="20">
diff --git a/js/common/plotter.js b/js/common/plotter.js
new file mode 100644
index 0000000..83fc997
--- /dev/null
+++ b/js/common/plotter.js
@@ -0,0 +1,134 @@
+let textLineBuffer = "";
+let textLine;
+
+let defaultColors = ['#8888ff', '#ff8888', '#88ff88'];
+
+/**
+ * @name LineBreakTransformer
+ * Helper to parse the incoming string messages into lines.
+ */
+class LineBreakTransformer {
+    constructor() {
+        // A container for holding stream data until a new line.
+        this.container = '';
+    }
+
+    transform(chunk, linesList) {
+        this.container += chunk;
+        const lines = this.container.split('\n');
+        this.container = lines.pop();
+        lines.forEach(line => linesList.push(line));
+    }
+
+}
+
+let lineTransformer = new LineBreakTransformer()
+
+export function plotValues(chartObj, serialMessage, bufferSize) {
+    /*
+    Given a string serialMessage, parse it into the plottable value(s) that
+    it contains if any, and plot those values onto the given chartObj. If
+    the serialMessage doesn't represent a complete textLine it will be stored
+    into a buffer and combined with subsequent serialMessages until a full
+    textLine is formed.
+     */
+    let currentLines = []
+    lineTransformer.transform(serialMessage, currentLines)
+
+    //console.log("currentLines: " + currentLines);
+
+    for (textLine of currentLines) {
+
+        textLine = textLine.replace("\r", "").replace("\n", "")
+        if (textLine.length === 0) {
+            continue;
+        }
+        //console.log("plotter is enabled, data is: '" + textLine + "'");
+        //console.log("bytes: " + stringToBytes(textLine));
+
+        let valuesToPlot;
+
+        //console.log("starts and ends: " + textLine.startsWith("(") + ", " + textLine.endsWith(")"));
+        // handle possible tuple in textLine
+        if (textLine.startsWith("(") && textLine.endsWith(")")) {
+            textLine = "[" + textLine.substring(1, textLine.length - 1) + "]";
+            console.log("after tuple conversion: " + textLine);
+        }
+
+        // handle possible list in textLine
+        if (textLine.startsWith("[") && textLine.endsWith("]")) {
+            valuesToPlot = JSON.parse(textLine);
+            for (let i = 0; i < valuesToPlot.length; i++) {
+                valuesToPlot[i] = parseFloat(valuesToPlot[i])
+            }
+
+        } else { // handle possible CSV in textLine
+            valuesToPlot = textLine.split(",")
+            for (let i = 0; i < valuesToPlot.length; i++) {
+                valuesToPlot[i] = parseFloat(valuesToPlot[i])
+            }
+        }
+
+        if (valuesToPlot === undefined || valuesToPlot.length === 0) {
+            continue;
+        }
+
+        try {
+            while (chartObj.data.labels.length > bufferSize) {
+                chartObj.data.labels.shift();
+                for (let i = 0; i < chartObj.data.datasets.length; i++) {
+                    while (chartObj.data.datasets[i].data.length > bufferSize) {
+                        chartObj.data.datasets[i].data.shift();
+                    }
+                }
+            }
+            chartObj.data.labels.push("");
+
+            for (let i = 0; i < valuesToPlot.length; i++) {
+                if (isNaN(valuesToPlot[i])) {
+                    continue;
+                }
+                if (i > chartObj.data.datasets.length - 1) {
+                    let curColor = '#000000';
+                    if (i < defaultColors.length) {
+                        curColor = defaultColors[i];
+                    }
+                    chartObj.data.datasets.push({
+                        label: i.toString(),
+                        data: [],
+                        borderColor: curColor,
+                        backgroundColor: curColor
+                    });
+                }
+                chartObj.data.datasets[i].data.push(valuesToPlot[i]);
+            }
+
+            updatePlotterScales(chartObj);
+            chartObj.update();
+        } catch (e) {
+
+            console.log("JSON parse error");
+            //console.log(e)
+            console.log(e.stack);
+            // This line isn't a valid data value
+        }
+    }
+}
+
+function stringToBytes(val) {
+    const result = [];
+    for (let i = 0; i < val.length; i++) {
+        result.push(val.charCodeAt(i));
+    }
+    return result;
+}
+
+function updatePlotterScales(chartObj) {
+    let allData = []
+    for (let i = 0; i < chartObj.data.datasets.length; i++) {
+        allData = allData.concat(chartObj.data.datasets[i].data)
+    }
+    chartObj.options.scales.y.min = Math.min(...allData) - 10
+    chartObj.options.scales.y.max = Math.max(...allData) + 10
+}
+
diff --git a/js/script.js b/js/script.js
index 1923f23..820b1d0 100644
--- a/js/script.js
+++ b/js/script.js
@@ -136,10 +136,7 @@ btnRestart.addEventListener('click', async function(e) {
 btnClear.addEventListener('click', async function(e) {
     if (workflow.plotterChart){
         workflow.plotterChart.data.datasets.forEach((dataSet, index) => {
-            workflow.plotterChart.data.datasets[index] = {
-                label: "" + index,
-                data: []
-            }
+            workflow.plotterChart.data.datasets[index].data = [];
         });
         workflow.plotterChart.data.labels = [];
         workflow.plotterChart.options.scales.y.min = -1;
@@ -562,6 +559,7 @@ async function setupXterm() {
 }
 
 async function setupPlotterChart() {
+
     let initialData = []
     Chart.defaults.backgroundColor = '#444444';
     Chart.defaults.borderColor = '#000000';
diff --git a/js/workflows/workflow.js b/js/workflows/workflow.js
index 46993aa..e5e7df2 100644
--- a/js/workflows/workflow.js
+++ b/js/workflows/workflow.js
@@ -4,6 +4,7 @@ import {FileHelper} from '../common/file.js';
 import {UnsavedDialog} from '../common/dialogs.js';
 import {FileDialog, FILE_DIALOG_OPEN, FILE_DIALOG_SAVE} from '../common/file_dialog.js';
 import {CONNTYPE, CONNSTATE} from '../constants.js';
+import {plotValues} from '../common/plotter.js'
 
 /*
  * This class will encapsulate all of the common workflow-related functions
@@ -30,14 +31,6 @@ function getWorkflowBackendName(workflow) {
     return Object.keys(validBackends).find(key => validBackends[key] === workflow) || null;
 }
 
-function stringToBytes(val) {
-    const result = [];
-    for (let i = 0; i < val.length; i++) {
-        result.push(val.charCodeAt(i));
-    }
-    return result;
-}
-
 class Workflow {
     constructor() {
         this.terminal = null;
@@ -169,66 +162,9 @@ class Workflow {
         return false;
     }
 
-    updatePlotterScales(){
-        this.plotterChart.options.scales.y.min = Math.min(...this.plotterChart.data.datasets[0].data) - 10
-        this.plotterChart.options.scales.y.max = Math.max(...this.plotterChart.data.datasets[0].data) + 10
-    }
-
     writeToTerminal(data) {
         if (this.plotterEnabled) {
-
-
-            // if (data != "" && data != "\n"){
-            //     let dataValue = JSON.parse(data);
-            //     console.log("plotter is enabled, data is: " + data);
-            //     this.plotterChart.data.datasets[0].data.push({
-            //         value: dataValue,
-            //         //timestamp: new Date()
-            //     });
-            //     this.plotterChart.data.labels.push("")
-            //     console.log(this.plotterChart.data.datasets[0])
-            //     this.plotterChart.update();
-            // }
-
-
-            try{
-
-                let strippedData = data.replace("\r\n", "")
-                console.log("plotter is enabled, data is: '" + strippedData + "'");
-                console.log("bytes: " + stringToBytes(strippedData));
-                let dataValue = JSON.parse(parseFloat(strippedData));
-               /* if (this.plotterChart.minDataValue === undefined || (dataValue - 10) < this.plotterChart.minDataValue){
-                    this.plotterChart.minDataValue = dataValue - 10
-                    this.plotterChart.options.scales.y.min = dataValue - 10;
-                }
-                if (this.plotterChart.maxDataValue === undefined || (dataValue + 10) > this.plotterChart.maxDataValue){
-                    console.log("upping max to: " + dataValue + 10);
-                    this.plotterChart.maxDataValue = dataValue + 10;
-                    this.plotterChart.options.scales.y.max = dataValue + 10;
-                }*/
-
-                console.log("plotter is enabled, data is: " + data);
-
-                while (this.plotterChart.data.labels.length > this.plotterBufferSize.value){
-                    this.plotterChart.data.labels.shift();
-                    this.plotterChart.data.datasets[0].data.shift();
-                }
-
-                this.plotterChart.data.datasets[0].data.push(dataValue);
-                //this.plotterChart.data.labels.push(new Date())
-                this.plotterChart.data.labels.push("");
-                console.log(this.plotterChart.data.datasets[0]);
-                this.updatePlotterScales();
-                this.plotterChart.update();
-            } catch (e){
-
-                console.log("JSON parse error");
-                //console.log(e)
-                console.log(e.stack);
-                // This line isn't a valid data value
-            }
-
-
+            plotValues(this.plotterChart, data, this.plotterBufferSize.value);
         }
         this.terminal.write(data);
     }
diff --git a/sass/layout/_layout.scss b/sass/layout/_layout.scss
index befbe15..961ca0d 100644
--- a/sass/layout/_layout.scss
+++ b/sass/layout/_layout.scss
@@ -111,6 +111,9 @@
             }
         }
     }
+    #buffer-size{
+        width: 70px;
+    }
 }
 
 #ble-instructions,

From 7ac8b0b52e1bc27f98d36ca0e5fffc1d0523ca73 Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Fri, 30 Aug 2024 13:00:34 -0500
Subject: [PATCH 04/10] remove unused statements and whitespace

---
 index.html   | 4 ----
 js/script.js | 2 --
 js/state.js  | 1 -
 3 files changed, 7 deletions(-)

diff --git a/index.html b/index.html
index fc93a10..98c650c 100644
--- a/index.html
+++ b/index.html
@@ -101,20 +101,16 @@
                     <div id="terminal-title"></div>
                 </div>
                 <div id="plotter" class="hidden">
-
                     <!--<label for="plot-type">Plot Type</label>
                     <select id="plot-type">
                         <option value="xt">Line Over Time</option>
                         <option value="xy">Scatter</option>
                     </select>-->
-
                     <label for="buffer-size">Buffer Size</label>
                     <input type="number" id="buffer-size" value="20">
-
                     <canvas id="plotter-canvas"></canvas>
                 </div>
                 <div id="terminal"></div>
-
             </div>
         </div>
         <div id="footer-bar">
diff --git a/js/script.js b/js/script.js
index 820b1d0..94b54a2 100644
--- a/js/script.js
+++ b/js/script.js
@@ -141,8 +141,6 @@ btnClear.addEventListener('click', async function(e) {
         workflow.plotterChart.data.labels = [];
         workflow.plotterChart.options.scales.y.min = -1;
         workflow.plotterChart.options.scales.y.max = 1;
-        workflow.plotterChart.maxDataValue  = 1;
-        workflow.plotterChart.minDataValue  = -1;
         workflow.plotterChart.update();
     }
     state.terminal.clear();
diff --git a/js/state.js b/js/state.js
index ba5dbea..7605b24 100644
--- a/js/state.js
+++ b/js/state.js
@@ -1,5 +1,4 @@
 export default {
     terminal: null,
     fitter: null,
-    plotterChart: null,
 }

From e57e7da6dadc524c67708836d1854c8a1a93fd58 Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Fri, 30 Aug 2024 14:44:19 -0500
Subject: [PATCH 05/10] re-fit the terminal when plotter is hidden or revealed

---
 js/script.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/js/script.js b/js/script.js
index 94b54a2..42d6572 100644
--- a/js/script.js
+++ b/js/script.js
@@ -153,6 +153,7 @@ btnPlotter.addEventListener('click', async function(e){
         await setupPlotterChart();
         workflow.plotterEnabled = true;
     }
+    state.fitter.fit();
 
 });
 

From 06a13ccf15c917c1758d2fd958197074b15bf7b9 Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Sat, 31 Aug 2024 11:23:20 -0500
Subject: [PATCH 06/10] toned down the gridlines. added gridline select.
 refactor setupPlotter into plotter.js.

---
 index.html               |  7 ++++
 js/common/plotter.js     | 81 ++++++++++++++++++++++++++++++++++++++++
 js/script.js             | 38 ++-----------------
 js/workflows/workflow.js |  5 +++
 4 files changed, 96 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 98c650c..5c34ab6 100644
--- a/index.html
+++ b/index.html
@@ -108,6 +108,13 @@
                     </select>-->
                     <label for="buffer-size">Buffer Size</label>
                     <input type="number" id="buffer-size" value="20">
+                    <label for="plot-gridlines-select">Grid Lines</label>
+                    <select id="plot-gridlines-select">
+                        <option value="both">Both</option>
+                        <option value="x">X Only</option>
+                        <option value="y">Y Only</option>
+                        <option value="none">None</option>
+                    </select>
                     <canvas id="plotter-canvas"></canvas>
                 </div>
                 <div id="terminal"></div>
diff --git a/js/common/plotter.js b/js/common/plotter.js
index 83fc997..2a3d494 100644
--- a/js/common/plotter.js
+++ b/js/common/plotter.js
@@ -1,3 +1,5 @@
+import Chart from "chart.js/auto";
+
 let textLineBuffer = "";
 let textLine;
 
@@ -83,6 +85,12 @@ export function plotValues(chartObj, serialMessage, bufferSize) {
                 }
             }
             chartObj.data.labels.push("");
+            /*chartObj.data.labels.push(new Date().toLocaleString('en-US', {
+                hour: 'numeric', // numeric, 2-digit
+                minute: 'numeric', // numeric, 2-digit
+                second: 'numeric', // numeric, 2-digit
+                millisecond: 'numeric', // numeric, 2-digit
+            }));*/
 
             for (let i = 0; i < valuesToPlot.length; i++) {
                 if (isNaN(valuesToPlot[i])) {
@@ -132,3 +140,76 @@ function updatePlotterScales(chartObj) {
     chartObj.options.scales.y.max = Math.max(...allData) + 10
 }
 
+export async function setupPlotterChart(workflow) {
+
+    let initialData = []
+    Chart.defaults.backgroundColor = '#444444';
+    Chart.defaults.borderColor = '#000000';
+    Chart.defaults.color = '#000000';
+    Chart.defaults.aspectRatio = 3/2;
+    workflow.plotterChart = new Chart(
+        document.getElementById('plotter-canvas'),
+        {
+            type: 'line',
+
+            // responsive: true,
+            // maintainAspectRatio: false,
+            options: {
+                animation: false,
+                scales: {
+                    y: {
+                        min: -1,
+                        max: 1,
+                        grid:{
+                            color: "#666"
+                        },
+                        border: {
+                            color: "#444"
+                        }
+
+                    },
+                    x:{
+                        grid: {
+                            display: true,
+                            color: "#666"
+                        },
+                        border: {
+                            color: "#444"
+                        }
+                    }
+                }
+            },
+            data: {
+                labels: initialData.map(row => row.timestamp),
+                datasets: [
+                    {
+                        label: '0',
+                        data: initialData.map(row => row.value)
+                    }
+                ]
+            }
+        }
+    );
+    workflow.plotterGridLines.addEventListener('change', (event) => {
+        //console.log("data: " + event.target);
+        //console.dir(event.target);
+        //console.log("value: " + event.target.value);
+        //console.log(workflow.plotterGridLines.value);
+        let gridChoice = event.target.value;
+        if (gridChoice === "x"){
+            workflow.plotterChart.options.scales.x.grid.display = true;
+            workflow.plotterChart.options.scales.y.grid.display = false;
+        }else if (gridChoice === "y"){
+            workflow.plotterChart.options.scales.y.grid.display = true;
+            workflow.plotterChart.options.scales.x.grid.display = false;
+        }else if (gridChoice === "both"){
+            workflow.plotterChart.options.scales.y.grid.display = true;
+            workflow.plotterChart.options.scales.x.grid.display = true;
+        }else if (gridChoice === "none"){
+            workflow.plotterChart.options.scales.y.grid.display = false;
+            workflow.plotterChart.options.scales.x.grid.display = false;
+        }
+        workflow.plotterChart.update();
+    });
+
+}
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index 42d6572..8299274 100644
--- a/js/script.js
+++ b/js/script.js
@@ -19,6 +19,7 @@ import { ButtonValueDialog, MessageModal } from './common/dialogs.js';
 import { isLocal, switchUrl, getUrlParam } from './common/utilities.js';
 import { CONNTYPE } from './constants.js';
 import './layout.js'; // load for side effects only
+import {setupPlotterChart} from "./common/plotter.js";
 import { mainContent, showSerial } from './layout.js';
 
 import Chart from 'chart.js/auto'
@@ -150,7 +151,7 @@ btnClear.addEventListener('click', async function(e) {
 btnPlotter.addEventListener('click', async function(e){
     serialPlotter.classList.toggle("hidden");
     if (!workflow.plotterEnabled){
-        await setupPlotterChart();
+        await setupPlotterChart(workflow);
         workflow.plotterEnabled = true;
     }
     state.fitter.fit();
@@ -557,40 +558,7 @@ async function setupXterm() {
     });
 }
 
-async function setupPlotterChart() {
-
-    let initialData = []
-    Chart.defaults.backgroundColor = '#444444';
-    Chart.defaults.borderColor = '#000000';
-    Chart.defaults.color = '#000000';
-    Chart.defaults.aspectRatio = 3/2;
-    workflow.plotterChart = new Chart(
-        document.getElementById('plotter-canvas'),
-        {
-            type: 'line',
-
-            // responsive: true,
-            // maintainAspectRatio: false,
-            options: {
-                scales: {
-                    y: {
-                        min: -1,
-                        max: 1
-                    }
-                }
-            },
-            data: {
-                labels: initialData.map(row => row.timestamp),
-                datasets: [
-                    {
-                        label: '0',
-                        data: initialData.map(row => row.value)
-                    }
-                ]
-            }
-        }
-    );
-}
+
 
 function getBackend() {
     let backend = getUrlParam("backend");
diff --git a/js/workflows/workflow.js b/js/workflows/workflow.js
index e5e7df2..bb12d27 100644
--- a/js/workflows/workflow.js
+++ b/js/workflows/workflow.js
@@ -63,6 +63,11 @@ class Workflow {
         this._showMessage = params.showMessageFunc;
         this.loader = document.getElementById("loader");
         this.plotterBufferSize = document.getElementById('buffer-size');
+        this.plotterGridLines = document.getElementById('plot-gridlines-select');
+        console.log("gridLineSelect " + this.plotterGridLines);
+
+
+
         if ("terminalTitle" in params) {
             this.terminalTitle = params.terminalTitle;
         }

From b5fd90be0f2898fc4a4f7ab52a4da0f984efb867 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 9 Sep 2024 12:54:13 +0000
Subject: [PATCH 07/10] Bump sass from 1.77.8 to 1.78.0

Bumps [sass](https://github.com/sass/dart-sass) from 1.77.8 to 1.78.0.
- [Release notes](https://github.com/sass/dart-sass/releases)
- [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md)
- [Commits](https://github.com/sass/dart-sass/compare/1.77.8...1.78.0)

---
updated-dependencies:
- dependency-name: sass
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8473cd3..93ce072 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
         "jszip": "^3.10.1"
       },
       "devDependencies": {
-        "sass": "^1.77.8",
+        "sass": "^1.78.0",
         "vite": "^5.4.2"
       }
     },
@@ -1251,9 +1251,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.77.8",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.8.tgz",
-      "integrity": "sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==",
+      "version": "1.78.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.78.0.tgz",
+      "integrity": "sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ==",
       "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
diff --git a/package.json b/package.json
index 6a7f1d3..83edd9f 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "sass": "^1.77.8",
+    "sass": "^1.78.0",
     "vite": "^5.4.2"
   },
   "dependencies": {

From 8f8fe6578d9e183f53877ba654d9ae7e8100e3df Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 9 Sep 2024 16:55:34 +0000
Subject: [PATCH 08/10] Bump vite from 5.4.2 to 5.4.3

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.4.2 to 5.4.3.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.4.3/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 22 +++++++++++-----------
 package.json      |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 93ce072..bd8bbce 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,7 @@
       },
       "devDependencies": {
         "sass": "^1.78.0",
-        "vite": "^5.4.2"
+        "vite": "^5.4.3"
       }
     },
     "../../circuitpython-repl-js/repl.js": {
@@ -1129,9 +1129,9 @@
       "license": "(MIT AND Zlib)"
     },
     "node_modules/picocolors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
+      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
       "dev": true
     },
     "node_modules/picomatch": {
@@ -1148,9 +1148,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.41",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
-      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
+      "version": "8.4.45",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
+      "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
       "dev": true,
       "funding": [
         {
@@ -1324,13 +1324,13 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.2.tgz",
-      "integrity": "sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==",
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.3.tgz",
+      "integrity": "sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.21.3",
-        "postcss": "^8.4.41",
+        "postcss": "^8.4.43",
         "rollup": "^4.20.0"
       },
       "bin": {
diff --git a/package.json b/package.json
index 83edd9f..2e10277 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "sass": "^1.78.0",
-    "vite": "^5.4.2"
+    "vite": "^5.4.3"
   },
   "dependencies": {
     "@adafruit/ble-file-transfer-js": "adafruit/ble-file-transfer-js#1.0.2",

From 1ffd06220eac906aa1452eb80375ba81ebd22f80 Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Wed, 11 Sep 2024 10:05:00 -0500
Subject: [PATCH 09/10] cleanup code, remove unused things, add comments to
 functions

---
 index.html               |  5 -----
 js/common/plotter.js     | 44 ++++++++++------------------------------
 js/script.js             |  6 ------
 js/workflows/workflow.js |  4 ----
 4 files changed, 11 insertions(+), 48 deletions(-)

diff --git a/index.html b/index.html
index 5c34ab6..9328fe7 100644
--- a/index.html
+++ b/index.html
@@ -101,11 +101,6 @@
                     <div id="terminal-title"></div>
                 </div>
                 <div id="plotter" class="hidden">
-                    <!--<label for="plot-type">Plot Type</label>
-                    <select id="plot-type">
-                        <option value="xt">Line Over Time</option>
-                        <option value="xy">Scatter</option>
-                    </select>-->
                     <label for="buffer-size">Buffer Size</label>
                     <input type="number" id="buffer-size" value="20">
                     <label for="plot-gridlines-select">Grid Lines</label>
diff --git a/js/common/plotter.js b/js/common/plotter.js
index 2a3d494..c224b05 100644
--- a/js/common/plotter.js
+++ b/js/common/plotter.js
@@ -37,20 +37,15 @@ export function plotValues(chartObj, serialMessage, bufferSize) {
     let currentLines = []
     lineTransformer.transform(serialMessage, currentLines)
 
-    //console.log("currentLines: " + currentLines);
-
     for (textLine of currentLines) {
 
         textLine = textLine.replace("\r", "").replace("\n", "")
         if (textLine.length === 0) {
             continue;
         }
-        //console.log("plotter is enabled, data is: '" + textLine + "'");
-        //console.log("bytes: " + stringToBytes(textLine));
 
         let valuesToPlot;
 
-        //console.log("starts and ends: " + textLine.startsWith("(") + ", " + textLine.endsWith(")"));
         // handle possible tuple in textLine
         if (textLine.startsWith("(") && textLine.endsWith(")")) {
             textLine = "[" + textLine.substring(1, textLine.length - 1) + "]";
@@ -85,12 +80,6 @@ export function plotValues(chartObj, serialMessage, bufferSize) {
                 }
             }
             chartObj.data.labels.push("");
-            /*chartObj.data.labels.push(new Date().toLocaleString('en-US', {
-                hour: 'numeric', // numeric, 2-digit
-                minute: 'numeric', // numeric, 2-digit
-                second: 'numeric', // numeric, 2-digit
-                millisecond: 'numeric', // numeric, 2-digit
-            }));*/
 
             for (let i = 0; i < valuesToPlot.length; i++) {
                 if (isNaN(valuesToPlot[i])) {
@@ -114,24 +103,17 @@ export function plotValues(chartObj, serialMessage, bufferSize) {
             updatePlotterScales(chartObj);
             chartObj.update();
         } catch (e) {
-
             console.log("JSON parse error");
-            //console.log(e)
-            console.log(e.stack);
             // This line isn't a valid data value
         }
     }
 }
 
-function stringToBytes(val) {
-    const result = [];
-    for (let i = 0; i < val.length; i++) {
-        result.push(val.charCodeAt(i));
-    }
-    return result;
-}
-
 function updatePlotterScales(chartObj) {
+    /*
+    Update the scale of the plotter so that maximum and minimum values are sure
+    to be shown within the plotter instead of going outside the visible range.
+     */
     let allData = []
     for (let i = 0; i < chartObj.data.datasets.length; i++) {
         allData = allData.concat(chartObj.data.datasets[i].data)
@@ -141,7 +123,9 @@ function updatePlotterScales(chartObj) {
 }
 
 export async function setupPlotterChart(workflow) {
-
+    /*
+    Initialize the plotter chart and configure it.
+     */
     let initialData = []
     Chart.defaults.backgroundColor = '#444444';
     Chart.defaults.borderColor = '#000000';
@@ -151,9 +135,6 @@ export async function setupPlotterChart(workflow) {
         document.getElementById('plotter-canvas'),
         {
             type: 'line',
-
-            // responsive: true,
-            // maintainAspectRatio: false,
             options: {
                 animation: false,
                 scales: {
@@ -166,7 +147,6 @@ export async function setupPlotterChart(workflow) {
                         border: {
                             color: "#444"
                         }
-
                     },
                     x:{
                         grid: {
@@ -190,11 +170,10 @@ export async function setupPlotterChart(workflow) {
             }
         }
     );
+
+    // Set up a listener to respond to user changing the grid choice configuration
+    // dropdown
     workflow.plotterGridLines.addEventListener('change', (event) => {
-        //console.log("data: " + event.target);
-        //console.dir(event.target);
-        //console.log("value: " + event.target.value);
-        //console.log(workflow.plotterGridLines.value);
         let gridChoice = event.target.value;
         if (gridChoice === "x"){
             workflow.plotterChart.options.scales.x.grid.display = true;
@@ -211,5 +190,4 @@ export async function setupPlotterChart(workflow) {
         }
         workflow.plotterChart.update();
     });
-
-}
\ No newline at end of file
+}
diff --git a/js/script.js b/js/script.js
index 8299274..0215817 100644
--- a/js/script.js
+++ b/js/script.js
@@ -22,8 +22,6 @@ import './layout.js'; // load for side effects only
 import {setupPlotterChart} from "./common/plotter.js";
 import { mainContent, showSerial } from './layout.js';
 
-import Chart from 'chart.js/auto'
-
 // Instantiate workflows
 let workflows = {};
 workflows[CONNTYPE.Ble] = new BLEWorkflow();
@@ -47,7 +45,6 @@ const btnInfo = document.querySelector('.btn-info');
 const terminalTitle = document.getElementById('terminal-title');
 const serialPlotter = document.getElementById('plotter');
 
-
 const messageDialog = new MessageModal("message");
 const connectionType = new ButtonValueDialog("connection-type");
 
@@ -155,7 +152,6 @@ btnPlotter.addEventListener('click', async function(e){
         workflow.plotterEnabled = true;
     }
     state.fitter.fit();
-
 });
 
 btnInfo.addEventListener('click', async function(e) {
@@ -558,8 +554,6 @@ async function setupXterm() {
     });
 }
 
-
-
 function getBackend() {
     let backend = getUrlParam("backend");
     if (backend && isValidBackend(backend)) {
diff --git a/js/workflows/workflow.js b/js/workflows/workflow.js
index bb12d27..0889768 100644
--- a/js/workflows/workflow.js
+++ b/js/workflows/workflow.js
@@ -64,10 +64,6 @@ class Workflow {
         this.loader = document.getElementById("loader");
         this.plotterBufferSize = document.getElementById('buffer-size');
         this.plotterGridLines = document.getElementById('plot-gridlines-select');
-        console.log("gridLineSelect " + this.plotterGridLines);
-
-
-
         if ("terminalTitle" in params) {
             this.terminalTitle = params.terminalTitle;
         }

From 76816748fbeca54dd5f08d858836d7974091e2fa Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Wed, 11 Sep 2024 10:15:04 -0500
Subject: [PATCH 10/10] revert changes accidentally merged from main

---
 package-lock.json | 30 +++++++++++++++---------------
 package.json      |  4 ++--
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 578a79a..f0facd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,8 +23,8 @@
         "jszip": "^3.10.1"
       },
       "devDependencies": {
-        "sass": "^1.78.0",
-        "vite": "^5.4.3"
+        "sass": "^1.77.8",
+        "vite": "^5.4.2"
       }
     },
     "../../circuitpython-repl-js/repl.js": {
@@ -1146,9 +1146,9 @@
       "license": "(MIT AND Zlib)"
     },
     "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
       "dev": true
     },
     "node_modules/picomatch": {
@@ -1165,9 +1165,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.45",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
-      "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
+      "version": "8.4.41",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
+      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
       "dev": true,
       "funding": [
         {
@@ -1268,9 +1268,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.78.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.78.0.tgz",
-      "integrity": "sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ==",
+      "version": "1.77.8",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.8.tgz",
+      "integrity": "sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==",
       "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
@@ -1341,13 +1341,13 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "5.4.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.3.tgz",
-      "integrity": "sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==",
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.2.tgz",
+      "integrity": "sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
+        "postcss": "^8.4.41",
         "rollup": "^4.20.0"
       },
       "bin": {
diff --git a/package.json b/package.json
index 73182df..36ce915 100644
--- a/package.json
+++ b/package.json
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "sass": "^1.78.0",
-    "vite": "^5.4.3"
+    "sass": "^1.77.8",
+    "vite": "^5.4.2"
   },
   "dependencies": {
     "@adafruit/ble-file-transfer-js": "adafruit/ble-file-transfer-js#1.0.2",