ts-trace-viewer integration (WIP)

.github/workflows/ci.yml

@@ -74,6 +74,9 @@ jobs:
       - name: Install
         run: pnpm i
 
+      - name: UiBuild
+        run: pnpm ui:build
+
       - name: Build
         run: pnpm build
 

.gitignore

@@ -4,6 +4,9 @@
 .nitro
 .cache
 dist
+out
+spa/dist
+*.vsix
 
 # Node dependencies
 node_modules

.vscode/settings.json

@@ -1,4 +1,15 @@
 {
   "npm.packageManager": "pnpm",
-  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+  "cSpell.words": [
+    "antfu",
+    "Trpc",
+    "tsperf"
+  ],
+  "eslint.experimental.useFlatConfig": true,
+  "eslint.format.enable": true,
+  "eslint.lintTask.enable": false,
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  }
 }

.vscodeignore

@@ -3,3 +3,4 @@ node_modules
 test
 .github
 .vscode
+spa

debug.sh

@@ -0,0 +1,3 @@
+pnpm ui:build --sourcemap &&
+pnpm build --sourcemap &&
+code ./playground --extensionDevelopmentPath=.  --inspect-extensions 3300

eslint.config.mjs

@@ -4,5 +4,7 @@ export default antfu({
   stylistic: true,
   ignores: [
     'playground/**',
+    'spa/.quasar/**',
+    'out/**',
   ],
 })

messages/src/messages.ts

@@ -0,0 +1,36 @@
+import z from 'zod'
+
+export const ping = z.object({
+  message: z.literal('ping'),
+})
+export type Ping = z.infer<typeof ping>
+
+export const pong = z.object({
+  message: z.literal('pong'),
+})
+export type Pong = z.infer<typeof pong>
+
+export const gotoPosition = z.object({
+  message: z.literal('gotoPosition'),
+  fileName: z.string(),
+  pos: z.number(),
+})
+export type GotoPosition = z.infer<typeof gotoPosition>
+
+export const gotoLocation = z.object({
+  message: z.literal('gotoLocation'),
+  fileName: z.string(),
+  line: z.number(),
+  character: z.number(),
+})
+export type GotoLocation = z.infer<typeof gotoPosition>
+
+export const traceFile = z.object({
+  message: z.literal('traceFile'),
+  fileName: z.string(),
+  traceString: z.string(),
+})
+export type TraceFile = z.infer<typeof traceFile>
+
+export type Message = z.infer<typeof message>
+export const message = z.union([ping, pong, gotoLocation, gotoPosition, traceFile])

package.json

@@ -30,9 +30,58 @@
     "onLanguage:typescript",
     "workspaceContains:tsconfig.json"
   ],
+  "contributes": {
+    "configuration": {
+      "title": "tsperf.tracer",
+      "properties": {
+        "tsperf.tracer.checkTimeWarning": {
+          "type": "number",
+          "default": 1,
+          "description": "Warn when type check times exceed this number of seconds"
+        },
+        "tsperf.tracer.port": {
+          "type": "number",
+          "default": 3000,
+          "description": "port to run local web server on"
+        }
+      }
+    },
+    "commandPalette": [
+      {
+        "command": "tsperf.tracer.sendTrace",
+        "when": "!notebookEditorFocused && editorLangId == 'json'"
+      }
+    ],
+    "commands": [
+      {
+        "command": "tsperf.tracer.openInBrowser",
+        "title": "Open trace view in browser",
+        "icon": {
+          "dark": "resources/todo.svg",
+          "light": "resources/todo.svg"
+        }
+      },
+      {
+        "command": "tsperf.tracer.runTrace",
+        "title": "tsc trace",
+        "icon": {
+          "dark": "resources/todo.svg",
+          "light": "resources/todo.svg"
+        }
+      },
+      {
+        "command": "tsperf.tracer.sendTrace",
+        "title": "Send Trace to Trace Viewer",
+        "when": "!notebookEditorFocused && editorLangId == 'json'"
+      }
+    ]
+  },
   "scripts": {
+    "pretest": "npm run ui:build && npm run build && npm run lint",
     "build": "rollup -c",
-    "dev": "nr build --watch",
+    "dev": "nr build --watch --sourcemap",
+    "ui:dev": "nuxt dev ui",
+    "ui:build": "nuxt build ui",
     "lint": "eslint .",
     "vscode:prepublish": "nr build",
     "publish": "vsce publish --no-dependencies",
@@ -41,6 +90,9 @@
     "typecheck": "tsc --noEmit && pnpm --filter ui typecheck",
     "release": "bumpp && nr publish"
   },
+  "dependencies": {
+    "zod": "^3.23.8"
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^2.17.0",
     "@antfu/ni": "^0.21.12",

playground/index.js

@@ -0,0 +1,15 @@
+"use strict";
+const example = {};
+const exampleUsage1 = example();
+const exampleUsage2 = exampleUsage1();
+const exampleUsage3 = exampleUsage2();
+const exampleUsage4 = exampleUsage3();
+const exampleUsage5 = exampleUsage4();
+const exampleUsage6 = exampleUsage5();
+const exampleUsage7 = exampleUsage6();
+const exampleUsage8 = exampleUsage7();
+const exampleUsage9 = exampleUsage8();
+const exampleUsage10 = exampleUsage9();
+const exampleUsage11 = exampleUsage10();
+//
+//