diff --git a/lib/devtools.js b/lib/devtools.js index d6b8df0..d5413fa 100644 --- a/lib/devtools.js +++ b/lib/devtools.js @@ -54,7 +54,7 @@ customElements.define('developer-tooling', class extends HTMLElement { } h2 { margin: 0 } - p { + p { margin-block-start: 0.75em; margin-block-end: 0.75em; } @@ -95,14 +95,13 @@ customElements.define('developer-tooling', class extends HTMLElement {
Some application setup is required to enable remote debugging
Install the pear-inspect module into the application
npm install pear-inspect
Add the following code to the application, before any other code:
-if (Pear.config.dev) {
- const { Inspector } = await import('pear-inspect')
+if (Pear.config.dev) {
+ const { Inspector } = await import('@holepunchto/pear-inspect')
const inpector = await new Inspector()
const key = await inpector.enable()
console.log('Pear Inspector key:', key.toString('hex'))
@@ -110,7 +109,7 @@ customElements.define('developer-tooling', class extends HTMLElement {
When the application is opened in development mode the inspection key will be logged.
Paste the logged key into the input and use a compatible inspect protocol tool, such as chrome://inspect to view the remote target
-