use npm serial-plotter package

Author: fstasi

arduino-ide-extension/package.json

@@ -4,10 +4,11 @@
   "description": "An extension for Theia building the Arduino IDE",
   "license": "AGPL-3.0-or-later",
   "scripts": {
-    "prepare": "yarn download-cli && yarn download-fwuploader && yarn download-ls && yarn clean && yarn download-examples && yarn build && yarn test",
+    "prepare": "yarn download-cli && yarn download-fwuploader && yarn download-ls && yarn copy-serial-plotter && yarn clean && yarn download-examples && yarn build && yarn test",
     "clean": "rimraf lib",
     "download-cli": "node ./scripts/download-cli.js",
     "download-fwuploader": "node ./scripts/download-fwuploader.js",
+    "copy-serial-plotter": "npx ncp ../node_modules/arduino-serial-plotter-webapp ./build/arduino-serial-plotter-webapp",
     "download-ls": "node ./scripts/download-ls.js",
     "download-examples": "node ./scripts/download-examples.js",
     "generate-protocol": "node ./scripts/generate-protocol.js",
@@ -18,6 +19,7 @@
     "test:watch": "mocha --watch --watch-files lib \"./lib/test/**/*.test.js\""
   },
   "dependencies": {
+    "arduino-serial-plotter-webapp": "0.0.2",
     "@grpc/grpc-js": "^1.3.7",
     "@theia/application-package": "1.18.0",
     "@theia/core": "1.18.0",

arduino-ide-extension/src/node/plotter/plotter-backend-contribution.ts

@@ -10,21 +10,20 @@ export class PlotterBackendContribution
   async initialize(): Promise<void> {}
 
   configure(app: express.Application): void {
-    app.use(
-      express.static(
-        path.join(
-          __dirname,
-          '../../../node_modules/arduino-serial-plotter-webapp/build'
-        )
-      )
-    );
-    app.get('/plotter', (req, res) =>
-      res.sendFile(
-        path.join(
-          __dirname,
-          '../../../node_modules/arduino-serial-plotter-webapp/build/index.html'
-        )
-      )
-    );
+    const relativePath = [
+      '..',
+      '..',
+      '..',
+      'build',
+      'arduino-serial-plotter-webapp',
+      'build',
+    ];
+    app.use(express.static(path.join(__dirname, ...relativePath)));
+    app.get('/plotter', (req, res) => {
+      console.log(
+        `Serving serial plotter on http://${req.headers.host}${req.url}`
+      );
+      res.sendFile(path.join(__dirname, ...relativePath, 'index.html'));
+    });
   }
 }

yarn.lock

@@ -4109,6 +4109,11 @@ archive-type@^4.0.0:
   dependencies:
     file-type "^4.2.0"
 
+[email protected]:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/arduino-serial-plotter-webapp/-/arduino-serial-plotter-webapp-0.0.1.tgz#a66b512df72432bdb0f48495955351e637190943"
+  integrity sha512-6k+8MF6LtMdEZUSDh1FY/pmrI2wCTpFTVriEt5/sa9vJKnoZxkxwoSZzbYNtsqbJU2D4knzoVyS4J/LjaTbkOg==
+
 are-we-there-yet@~1.1.2:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"