aljaz/pear-docs
1
0
Fork 0
mirror of https://github.com/aljazceru/pear-docs.git synced 2025-12-18 06:54:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add buttons to Copy URL, and open in Chrome

Browse Source
This commit is contained in:
Tobias Baunbaek
2024-02-01 13:17:20 +01:00
parent a0d53d9024
commit b386acce19
1 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
lib/devtools.js
View File

@@ -3,6 +3,7 @@ import http from 'http'
import { WebSocketServer } from 'ws' import { WebSocketServer } from 'ws'
import { Session } from 'pear-inspect' import { Session } from 'pear-inspect'
import b4a from 'b4a' import b4a from 'b4a'
import { spawn } from 'child_process'
customElements.define('developer-tooling', class extends HTMLElement { customElements.define('developer-tooling', class extends HTMLElement {
router = null router = null
@@ -29,20 +30,34 @@ customElements.define('developer-tooling', class extends HTMLElement {
.app { .app {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.25rem;
padding-top: 0.1rem;
padding-bottom: 0.15rem;
} }
.app .title { .app .title {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.app:hover .copy,
.app:hover .open-in-chrome,
.app:hover .remove { .app:hover .remove {
display: block; display: block;
} }
.app .copy,
.app .open-in-chrome {
margin-right: 10px;
}
.app .copy,
.app .open-in-chrome,
.app .remove { .app .remove {
cursor: pointer; cursor: pointer;
padding-right: 10px; background: #3a4816;
margin-left: calc(-1rem - 10px); color: #efeaea;
width: 1rem; padding: 0 0.25rem;
font-family: 'overpass-mono';
border-radius: 1px;
white-space: nowrap;
display: none; display: none;
} }
#remote-inspect-explain { #remote-inspect-explain {
@@ -159,10 +174,18 @@ customElements.define('developer-tooling', class extends HTMLElement {
const div = document.createElement('div') const div = document.createElement('div')
div.innerHTML = ` div.innerHTML = `
<div class="app"> <div class="app">
<div class="remove" data-session-id="${sessionId}">✕</div>
<div class="title">${app.title} (${app.url})</div> <div class="title">${app.title} (${app.url})</div>
<div class="copy">Copy URL</div>
<div class="open-in-chrome">Open in Chrome</div>
<div class="remove">✕</div>
</div> </div>
` `
div.querySelector('.copy').addEventListener('click', () => {
navigator.clipboard.writeText(`devtools://devtools/bundled/js_app.html?experiments=true&v8only=true&ws=127.0.0.1:${this.port}/${sessionId}`)
})
div.querySelector('.open-in-chrome').addEventListener('click', () => {
openChrome(`devtools://devtools/bundled/js_app.html?experiments=true&v8only=true&ws=127.0.0.1:${this.port}/${sessionId}`)
})
div.querySelector('.remove').addEventListener('click', () => { div.querySelector('.remove').addEventListener('click', () => {
this.apps.delete(sessionId) this.apps.delete(sessionId)
this.renderApps() this.renderApps()
@@ -300,3 +323,16 @@ function generateUuid () {
} }
return result return result
} }
function openChrome (url) {
const params = {
darwin: ['open', '-a', 'Google Chrome', url],
linux: ['google-chrome', url],
win32: ['start', 'chrome', url]
}[process.platform]
if (!params) throw new Error('Cannot open Chrome')
const [command, ...args] = params
spawn(command, args)
}