Release/v2.0.7

package.json

@@ -12,15 +12,19 @@
     "test:watch": "vitest"
   },
   "dependencies": {
+    "@mdi/js": "^7.4.47",
+    "echarts": "^6.0.0",
     "lit": "^3.3.2"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@evilmartians/lefthook": "^2.1.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-terser": "^0.4.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "eslint": "^10.0.3",
+    "happy-dom": "^20.9.0",
     "markdownlint-cli2": "^0.21.0",
     "prettier": "^3.8.1",
     "rollup": "^4.0.0",

rollup.config.mjs

@@ -1,9 +1,26 @@
+import replace from "@rollup/plugin-replace";
 import resolve from "@rollup/plugin-node-resolve";
 import terser from "@rollup/plugin-terser";
 import typescript from "@rollup/plugin-typescript";
 
 const dev = process.env.ROLLUP_WATCH === "true";
-const plugins = [resolve({ browser: true }), typescript(), ...(dev ? [] : [terser()])];
+const plugins = [
+  // ECharts (and some Lit internals) reference process.env.NODE_ENV for
+  // dev-mode warning code. ``process`` doesn't exist in the browser, so
+  // without this replacement the bundle throws ``ReferenceError: process
+  // is not defined`` on first import and the entire panel fails to
+  // mount. Replace at build time so the dead branches get DCE'd by
+  // terser.
+  replace({
+    preventAssignment: true,
+    values: {
+      "process.env.NODE_ENV": JSON.stringify(dev ? "development" : "production"),
+    },
+  }),
+  resolve({ browser: true }),
+  typescript(),
+  ...(dev ? [] : [terser()]),
+];
 
 export default [
   {