feat(overlay): add manual overlay initialization and support for Capacitor apps

[erkamyaman]

Still exploring this one, so it's a draft for now. Inspired by @NathanWalker's NativeScript work in #16.

Ionic/Capacitor apps run in a WebView, so the overlay already worked there. It just couldn't connect back to the devtools server on my machine.

Two small fixes:

• initOverlay now accepts connectionMeta. The app can't fetch __connection.json cross-origin, so you pass it in.
• Added /overlay/manual, which doesn't auto-start. /overlay still does. Without it you get a second connection that fails, plus the popup button on the phone.

import('@santoshyadavdev/ng-devtools/overlay/manual').then(({ initOverlay }) =>
  initOverlay({
    baseURL: 'http://localhost:4000/__ng-devtools/',
    connectionMeta: { backend: 'sse', sse: { path: '__sse' } },
  }),
);

capacitor-demo.mp4

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

---

_{Comment @coderabbitai help to get the list of available commands.}