Allow easy debugging (setting breakpoints) of a Genkit app in VSCode

[pavelgj]

Right now it's not possible to debug when running the app via genkit start because it Genkit CLI starts a sub-process and doesn't pass along debug settings (ex. can't pass --inspect flag to be able to attach a debugger).

Today you need to run your actual app in debug mode (F5). You'll need to set the env vars in the launch config...
You'll be able to set breakpoints, but you won't have the dev UI...
To get the dev ui you you need to manually set "GENKIT_ENV": "dev" and then attach the dev UI to the running process -- genkit start -a http://localhost:3100.

Would be great to have a "Debug Genkit App" VSCode option. This might require a Genkit VSCode extension.

[dario-digregorio]

When using it with the firebase emulators together you can use this launch configuration:

{
      "type": "node",
      "request": "attach",
      "name": "Attach Functions",
      "port": 9229,
      "restart": true,
      "skipFiles": [
        "<node_internals>/**"
      ]
    },

But it does not work always. It seems like you need to call some function calls before the process attaches.

[pavelgj]

When using it with the firebase emulators together you can use this launch configuration:

{
      "type": "node",
      "request": "attach",
      "name": "Attach Functions",
      "port": 9229,
      "restart": true,
      "skipFiles": [
        "<node_internals>/**"
      ]
    },

But it does not work always. It seems like you need to call some function calls before the process attaches.

You can specify --inspect-functions option which will initialize the functions without needing to manually invoke then first:

https://firebase.google.com/docs/genkit/firebase#developing_using_firebase_local_emulator_suite