Tem como debugar via VSCODE um po-ui executando dentro do protheus?

[leandroayala]

Existe uma forma de debugar via VSCODE a aplicação po-ui executada dentro do webapp?

Hoje só utilizo o debug do chrome.

[pedrodominguesp]

Olá @leandroayala, tudo bem?

Sim, é possível depurar uma aplicação PO UI no VS Code, mesmo quando ela está sendo executada dentro do WebApp do Protheus.

Na prática, o PO UI continua sendo uma aplicação Angular comum, e o fato de estar rodando dentro de um iframe no WebApp não impede o uso do VS Code para depuração. Abaixo deixo uma sugestão de abordagem que pode funcionar dependendo do seu ambiente:
Sugestão de caminho:

Instale a extensão Debugger for Chrome (ou Edge) no VS Code, dependendo da versão do VSCODE essa extensão já vem instalada.

Crie um arquivo .vscode/launch.json com a seguinte configuração:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Debug PO UI no WebApp",
      "url": "http://localhost:8080", // ajuste conforme a URL do seu ambiente
      "webRoot": "${workspaceFolder}",
      "sourceMaps": true
    }
  ]
}

Ajuste a propriedade url para apontar para o endereço onde o WebApp está carregando a aplicação PO UI.

Inicie a depuração no VS Code, coloque os breakpoints e interaja normalmente com a aplicação.

Importante: como cada ambiente pode ter configurações específicas (path, proxy, porta, modo de build etc.), essa é apenas uma sugestão de configuração base.
Podem ser necessários ajustes do seu lado para que funcione corretamente.