fix: Fix frontend build when using VSCode debugger

This was slightly broken after we moved to turbo, but now that we've changed how tailwind works it's 100% broken, we can fix it by:

- using the same bin/start-frontend script
- add a new `SKIP_TYPEGEN` script for those (like me) who wanna skip typegen
  - This is a requirement for VSCode debug mode because typegen crashes because it doesn't pass Typescript checks sadly

Author: rafaeelaudibert

.vscode/launch.json

@@ -6,7 +6,7 @@
     "configurations": [
         {
             "name": "Frontend",
-            "command": "bin/turbo --filter=@posthog/frontend start",
+            "command": "bin/start-frontend",
             "request": "launch",
             "type": "node-terminal",
             "cwd": "${workspaceFolder}",
@@ -17,21 +17,24 @@
         },
         {
             "name": "Frontend (no typegen)",
-            "command": "pnpm start-http",
+            "command": "bin/start-frontend",
             "request": "launch",
             "type": "node-terminal",
-            "cwd": "${workspaceFolder}/frontend",
+            "cwd": "${workspaceFolder}",
             "presentation": {
                 "group": "main"
             },
-            "skipFiles": ["${workspaceFolder}/node_modules/kea-typegen/**/*.js"]
+            "skipFiles": ["${workspaceFolder}/node_modules/kea-typegen/**/*.js"],
+            "env": {
+                "SKIP_TYPEGEN": "1"
+            }
         },
         {
             "name": "Frontend (https)",
-            "command": "bin/turbo --filter=@posthog/frontend start",
+            "command": "bin/start-frontend",
             "request": "launch",
             "type": "node-terminal",
-            "cwd": "${workspaceFolder}/frontend",
+            "cwd": "${workspaceFolder}",
             "presentation": {
                 "group": "main"
             },
@@ -276,7 +279,6 @@
             ],
             "stopAll": true,
             "presentation": {
-                "order": 1,
                 "group": "compound"
             }
         },
@@ -292,37 +294,35 @@
             ],
             "stopAll": true,
             "presentation": {
-                "order": 1,
                 "group": "compound"
             }
         },
         {
-            "name": "PostHog (local billing)",
+            "name": "PostHog (https)",
             "configurations": [
-                "Backend (with local billing)",
+                "Backend",
                 "Celery Threaded Pool",
-                "Frontend",
+                "Celery Beat",
+                "Frontend (https)",
                 "Plugin Server",
                 "Temporal Worker"
             ],
             "stopAll": true,
             "presentation": {
-                "order": 2,
                 "group": "compound"
             }
         },
         {
-            "name": "PostHog (https)",
+            "name": "PostHog (local billing)",
             "configurations": [
-                "Backend",
+                "Backend (with local billing)",
                 "Celery Threaded Pool",
-                "Frontend (https)",
+                "Frontend",
                 "Plugin Server",
                 "Temporal Worker"
             ],
             "stopAll": true,
             "presentation": {
-                "order": 2,
                 "group": "compound"
             }
         }

bin/start-frontend

@@ -9,4 +9,10 @@ set -e
 export DEBUG=0
 
 pnpm --filter=@posthog/frontend... install
-bin/turbo --filter=@posthog/frontend start
+
+# Choose between start and start-no-typegen based on SKIP_TYPEGEN env variable
+if [ "${SKIP_TYPEGEN}" = "1" ]; then
+    bin/turbo --filter=@posthog/frontend start-no-typegen
+else
+    bin/turbo --filter=@posthog/frontend start
+fi

frontend/package.json

@@ -24,6 +24,7 @@
         "build:tailwind": "pnpm --filter=@posthog/tailwind build",
         "watch:tailwind": "pnpm --filter=@posthog/tailwind start",
         "start": "concurrently -n ESBUILD,TYPEGEN,TAILWIND -c yellow,green,blue \"pnpm start-http\" \"pnpm run typegen:watch\" \"sleep 40 && pnpm watch:tailwind\"",
+        "start-no-typegen": "concurrently -n ESBUILD,TAILWIND -c yellow,blue \"pnpm start-http\" \"sleep 40 && pnpm watch:tailwind\"",
         "start-http": "pnpm clean && pnpm copy-scripts && pnpm build:esbuild --dev",
         "start-docker": "pnpm start-http --host 0.0.0.0",
         "typegen:write": "cd .. && kea-typegen write --delete --show-ts-errors",

turbo.json

@@ -23,6 +23,11 @@
             "persistent": true,
             "cache": false
         },
+        "start-no-typegen": {
+            "dependsOn": ["^build"],
+            "persistent": true,
+            "cache": false
+        },
         "dev": {
             "dependsOn": ["^build"],
             "persistent": true,