Sketch visual tracer (#40)

Author: mattiamanzati

.changeset/long-glasses-appear.md

@@ -0,0 +1,5 @@
+---
+"effect-vscode": minor
+---
+
+Adds a visual tracer for connected clients

.vscodeignore

@@ -8,3 +8,11 @@ vsc-extension-quickstart.md
 **/.eslintrc.json
 **/*.map
 **/*.ts
+.claude
+.changeset
+.github
+tracer/
+eslint.config.mjs
+flake.*
+pnpm-lock.yaml
+*.tsbuildinfo

package.json

@@ -84,6 +84,11 @@
         "command": "effect.revealFiberCurrentSpan",
         "title": "Effect Dev Tools: Reveal Fiber Current Span Location",
         "icon": "$(go-to-file)"
+      },
+      {
+        "command": "effect.resetTracerExtended",
+        "title": "Effect Dev Tools: Reset Tracer Extended",
+        "icon": "$(refresh)"
       }
     ],
     "viewsContainers": {
@@ -93,6 +98,13 @@
           "title": "Effect Dev Tools",
           "icon": "resources/icons/effect-light.svg"
         }
+      ],
+      "panel": [
+        {
+          "id": "effect-tracer-panel",
+          "title": "Effect Tracer",
+          "icon": "resources/icons/effect-light.svg"
+        }
       ]
     },
     "views": {
@@ -126,6 +138,13 @@
           "name": "Effect Fibers",
           "when": "inDebugMode"
         }
+      ],
+      "effect-tracer-panel": [
+        {
+          "type": "webview",
+          "id": "effect-tracer-extended",
+          "name": "Effect Tracer"
+        }
       ]
     },
     "viewsWelcome": [
@@ -160,6 +179,11 @@
           "command": "effect.resetTracer",
           "when": "view === effect-tracer",
           "group": "navigation"
+        },
+        {
+          "command": "effect.resetTracerExtended",
+          "when": "view === effect-tracer-extended",
+          "group": "navigation"
         }
       ],
       "view/item/context": [
@@ -182,7 +206,7 @@
   },
   "scripts": {
     "vscode:prepublish": "pnpm build",
-    "build": "tsup --config tsup.instrumentation.config.ts && tsup",
+    "build": "pnpm --filter \"tracer\" run build && tsup --config tsup.instrumentation.config.ts && tsup",
     "dev": "tsup --watch",
     "lint": "eslint src",
     "lint-fix": "eslint src --fix",
@@ -193,21 +217,21 @@
     "@changesets/changelog-github": "^0.5.1",
     "@changesets/cli": "^2.29.5",
     "@effect/eslint-plugin": "^0.3.2",
-    "@effect/experimental": "^0.52.2",
-    "@effect/language-service": "^0.27.2",
-    "@effect/platform": "^0.88.1",
-    "@effect/platform-node": "^0.91.0",
-    "@swc/core": "^1.12.14",
+    "@effect/experimental": "^0.54.1",
+    "@effect/language-service": "^0.31.2",
+    "@effect/platform": "^0.90.0",
+    "@effect/platform-node": "^0.94.0",
+    "@swc/core": "^1.13.3",
     "@types/mocha": "^10.0.10",
-    "@types/node": "~24.0.14",
+    "@types/node": "~24.1.0",
     "@types/vscode": "^1.84.0",
     "@types/ws": "^8.18.1",
-    "@typescript-eslint/eslint-plugin": "^8.37.0",
-    "@typescript-eslint/parser": "^8.37.0",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
     "@vscode/test-electron": "^2.5.2",
     "@vscode/vsce": "^3.6.0",
-    "effect": "^3.16.16",
-    "eslint": "^9.31.0",
+    "effect": "^3.17.3",
+    "eslint": "^9.32.0",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",
@@ -218,7 +242,7 @@
     "tslib": "^2.8.1",
     "tsup": "^8.5.0",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0",
+    "typescript-eslint": "^8.38.0",
     "ws": "^8.18.3"
   },
   "sideEffects": false,