Highlight error sources with twinkleplop, update to Solid rc.9

.changeset/solid-rc-9.md

@@ -0,0 +1,7 @@
+---
+'@solidjs/start-devtools': patch
+---
+
+Build against Solid 2.0.0-rc.9.
+
+Solid now compiles JSX with `@solidjs/compiler`, and its runtime no longer reads the event handlers the old `@dom-expressions/compiler` writes, so the toolbar is built with the new compiler.

.changeset/twinkleplop-highlighting.md

@@ -0,0 +1,9 @@
+---
+'@solidjs/start-devtools': patch
+---
+
+Highlight error sources with twinkleplop instead of shiki.
+
+The code view now highlights synchronously, so a stack frame's source appears with the panel rather than a moment later, and the toolbar no longer ships a WebAssembly grammar engine. The built package drops from 8.1 MB to 3.6 MB, and the error viewer chunk from 1.1 MB to 273 kB.
+The panel highlights the whole file and keeps twenty-five lines on each side of the frame, which is about as far as the view scrolls. Cutting the file before highlighting it left the highlighter reading a block comment or template literal it never saw open, and the colours fell apart from there. The view opens on the frame's line.
+The frame's line is marked with the `focus` directive and the word it points at with `err`, both written as comments above the file. The code itself is never edited to carry them, and marker lines are dropped from the output.

package.json

@@ -29,7 +29,7 @@
     "format": "oxfmt --write",
     "format:check": "oxfmt --check",
     "test": "vitest run",
-    "test:e2e": "playwright test",
+    "test:e2e": "NODE_OPTIONS=--conditions=development playwright test",
     "typecheck": "tsc --noEmit -p tsconfig.tests.json",
     "release": "pnpm build && changeset publish"
   },
@@ -57,26 +57,29 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
-    "@changesets/cli": "^2.30.0",
-    "@dom-expressions/compiler": "^0.50.0-next.43",
+    "@changesets/cli": "^3.0.3",
     "@jridgewell/trace-mapping": "^0.3.31",
-    "@playwright/test": "^1.62.1",
-    "@solidjs/vite-plugin": "3.0.0-next.35",
-    "@solidjs/web": "^2.0.0-rc.0",
-    "@types/node": "^24.0.0",
+    "@playwright/test": "^1.63.0",
+    "@solidjs/compiler": "^2.0.0-rc.9",
+    "@solidjs/vite-plugin": "3.0.0-next.44",
+    "@solidjs/web": "^2.0.0-rc.9",
+    "@twinkleplop/annotation": "^0.1.4",
+    "@twinkleplop/theme-github": "^0.2.1",
+    "@twinkleplop/tsx": "^0.1.4",
+    "@twinkleplop/typescript": "^0.1.4",
+    "@types/node": "^26.6.2",
     "error-stack-parser-es": "^2.0.1",
     "html-to-image": "^1.11.13",
-    "oxfmt": "^0.64.0",
-    "publint": "^0.3.23",
-    "rolldown": "^1.2.4",
-    "rolldown-plugin-dts": "^0.28.2",
-    "seroval": "^1.6.0",
-    "shiki": "^4.3.1",
-    "solid-js": "^2.0.0-rc.0",
+    "oxfmt": "^0.70.0",
+    "publint": "^0.3.24",
+    "rolldown": "^1.2.9",
+    "rolldown-plugin-dts": "^0.28.6",
+    "seroval": "^1.6.7",
+    "solid-js": "^2.0.0-rc.9",
     "terracotta": "2.0.0-next.9",
     "typescript": "^7.0.2",
-    "vite": "^8.2.1",
-    "vitest": "^4.1.11"
+    "vite": "^8.3.0",
+    "vitest": "^5.0.1"
   },
   "packageManager": "pnpm@11.22.0"
 }