aljaz/pear-docs
1
0
Fork 0
mirror of https://github.com/aljazceru/pear-docs.git synced 2025-12-17 14:34:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Indentation

Browse Source
This commit is contained in:
Tobias Baunbaek
2024-01-31 12:04:32 +01:00
parent cbd7d5863e
commit 7dee63edba
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
lib/devtools.js
View File

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