Update dependencies (#303)

* Migrate terser plugin

* Update dependencies

package.json

@@ -12,29 +12,29 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.0",
-    "@rollup/plugin-typescript": "^8.2.1",
-    "@types/w3c-web-serial": "^1.0.1",
-    "prettier": "^2.3.0",
-    "rollup": "^2.50.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "serve": "^14.0.1",
-    "typescript": "^4.3.2"
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@rollup/plugin-terser": "^0.2.1",
+    "@types/w3c-web-serial": "^1.0.3",
+    "prettier": "^2.8.1",
+    "rollup": "^3.9.1",
+    "serve": "^14.1.2",
+    "typescript": "^4.9.4"
   },
   "dependencies": {
-    "@material/mwc-button": "^0.26.1",
-    "@material/mwc-checkbox": "^0.26.1",
-    "@material/mwc-circular-progress": "^0.26.1",
-    "@material/mwc-dialog": "^0.26.1",
-    "@material/mwc-formfield": "^0.26.1",
-    "@material/mwc-icon-button": "^0.26.1",
-    "@material/mwc-textfield": "^0.26.1",
+    "@material/mwc-button": "^0.27.0",
+    "@material/mwc-checkbox": "^0.27.0",
+    "@material/mwc-circular-progress": "^0.27.0",
+    "@material/mwc-dialog": "^0.27.0",
+    "@material/mwc-formfield": "^0.27.0",
+    "@material/mwc-icon-button": "^0.27.0",
+    "@material/mwc-textfield": "^0.27.0",
     "esptool-js": "github:espressif/esptool-js#076af269f44daa5b7823031221f39bf22124c129",
-    "improv-wifi-serial-sdk": "^2.2.2",
-    "lit": "^2.0.0",
-    "pako": "^2.0.4",
-    "tslib": "^2.3.1"
+    "improv-wifi-serial-sdk": "^2.3.0",
+    "lit": "^2.5.0",
+    "pako": "^2.1.0",
+    "tslib": "^2.4.1"
   }
 }

rollup.config.js → rollup.config.mjs

@@ -1,7 +1,7 @@
-import { nodeResolve } from "@rollup/plugin-node-resolve";
+import nodeResolve from "@rollup/plugin-node-resolve";
 import json from "@rollup/plugin-json";
-import { terser } from "rollup-plugin-terser";
-import { babel } from "@rollup/plugin-babel";
+import terser from "@rollup/plugin-terser";
+import babel from "@rollup/plugin-babel";
 
 const config = {
   input: "dist/install-button.js",
@@ -26,7 +26,7 @@ if (process.env.NODE_ENV === "production") {
     terser({
       ecma: 2019,
       toplevel: true,
-      output: {
+      format: {
         comments: false,
       },
     })

src/install-button.ts

@@ -114,9 +114,7 @@ export class InstallButton extends HTMLElement {
       "replaceSync" in CSSStyleSheet.prototype
     ) {
       const sheet = new CSSStyleSheet();
-      // @ts-expect-error
       sheet.replaceSync(InstallButton.style);
-      // @ts-expect-error
       this.renderRoot.adoptedStyleSheets = [sheet];
     } else {
       const styleSheet = document.createElement("style");