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.

The Capacitor dock in the hub is no longer "Coming Soon". It now shows the setup steps and links to the new Capacitor guide.

import('@pangular-inspector/devtools/overlay-manual').then(({ initOverlay }) =>
  initOverlay({
    baseURL: 'http://localhost:4000/__pangular/',
    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

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

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