magnus/chrome-dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: magnus:0c0811a5fced096497a1627f8a4d66da6344dca5
Branches Tags
magnus:main
magnus:v5
magnus:v4
magnus:v3
magnus:v2
magnus:v1
...
compare: magnus:2098da3417695370598d21ae386be9af1fb90ea5
Branches Tags
magnus:main
magnus:v5
magnus:v4
magnus:v3
magnus:v2
magnus:v1

2 commits
0c0811a5fc ... 2098da3417

Author SHA1 Message Date
Magnus Åhall
2098da3417 Implemented configurable debugging port, bumped to v2 2025-11-10 10:18:34 +01:00
Magnus Åhall
5a15824ed5 Nicer handling of dead tabs, introduced version. 2025-11-10 10:02:34 +01:00
3 changed files with 45 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

27
main.go
View file

@ -7,6 +7,7 @@ import (
"embed"
"encoding/json"
"flag"
"fmt"
"html/template"
"io"
"log"
@ -16,10 +17,12 @@ import (
"strings"
)
const VERSION = "v2"
var (
flagVerbose bool
flagWsURL string
flagWatch string
flagVersion bool
flagDebuggingPort int
//go:embed static
fs embed.FS
@ -27,10 +30,15 @@ var (
func main() {
flag.BoolVar(&flagVerbose, "v", false, "verbose")
flag.StringVar(&flagWsURL, "ws", "ws://127.0.0.1:9222", "devtools url")
flag.StringVar(&flagWatch, "watch", "", "Files to watch")
flag.BoolVar(&flagVersion, "version", false, "Print version and exit")
flag.IntVar(&flagDebuggingPort, "port", 9222, "Chrome debugging port")
flag.Parse()
if flagVersion {
fmt.Println(VERSION)
return
}
http.HandleFunc("/", pageIndex)
http.HandleFunc("/css/main.css", pageCSS)
@ -70,7 +78,11 @@ func pageIndex(w http.ResponseWriter, r *http.Request) { // {{{
return
}
tmpl.Execute(w, sites)
data := map[string]any{
"Sites": sites,
"VERSION": VERSION,
}
tmpl.Execute(w, data)
} // }}}
func pageCSS(w http.ResponseWriter, r *http.Request) { // {{{
w.Header().Add("Content-Type", "text/css")
@ -97,7 +109,7 @@ func actionSites(w http.ResponseWriter, r *http.Request) { // {{{
func actionBrowserStart(w http.ResponseWriter, r *http.Request) { // {{{
body, _ := io.ReadAll(r.Body)
userDataDir := replaceTilde(string(body))
browser := exec.Command("google-chrome", "--user-data-dir="+string(userDataDir), "--remote-debugging-port=9222")
browser := exec.Command("google-chrome", "--user-data-dir="+string(userDataDir), fmt.Sprintf("--remote-debugging-port=%d", flagDebuggingPort))
err := browser.Start()
if err != nil {
log.Println(err)
@ -127,7 +139,8 @@ func actionStart(w http.ResponseWriter, r *http.Request) { // {{{
var site Site
expandedWatch := replaceTilde(req.Watch)
site, err = NewSite(flagWsURL, req.URL, expandedWatch)
wsURL := fmt.Sprintf("ws://127.0.0.1:%d", flagDebuggingPort)
site, err = NewSite(wsURL, req.URL, expandedWatch)
if err != nil {
log.Println(err)
}

6
static/css/main.css
View file

@ -3,6 +3,12 @@ body {
margin: 32px;
}
#version {
position: absolute;
right: 16px;
top: 16px;
}
input {
font-size: 1em;
}

17
static/html/index.html
View file

@ -44,8 +44,9 @@
for (const uuid of Object.keys(json.Sites)) {
const site = json.Sites[uuid]
if (site.StopLoop) {
document.querySelector(`.url[data-uuid="${uuid}"]`)?.classList.add('dead')
document.querySelector(`.watch[data-uuid="${uuid}"]`)?.classList.add('dead')
const els = document.querySelectorAll(`[data-uuid="${uuid}"]`)
for (const el of els)
el.remove()
}
}
})
@ -64,6 +65,7 @@
</script>
<body>
<div id="version">{{ .VERSION }}</div>
<div class="browser">
<h1>Browser</h1>
<input type="text" class="user-data-dir" placeholder="~/.local/share/chrome-dev">
@ -81,14 +83,15 @@
<input type="text" class="new watch" placeholder="~/example.com/css/">
<button onclick="newSite()">Start</button>
{{ range . }}
{{ range .Sites }}
{{ if .StopLoop }}
{{ continue }}
{{ end }}
<div class="line"></div>
<div class="url {{ if .StopLoop }}dead{{ end }}" data-uuid="{{ .UUID }}">{{ .URL }}</div>
<div class="watch {{ if .StopLoop }}dead{{ end }}" data-uuid="{{ .UUID }}">{{ .Watch }}</div>
<div class="stop" onclick="stopSite('{{ .UUID }}')">{{ if not .StopLoop }}❌{{ end }}</div>
<div class="line" data-uuid="{{ .UUID }}"></div>
<div class="url" data-uuid="{{ .UUID }}">{{ .URL }}</div>
<div class="watch" data-uuid="{{ .UUID }}">{{ .Watch }}</div>
<div class="stop" onclick="stopSite('{{ .UUID }}')" data-uuid="{{ .UUID }}">{{ if not .StopLoop }}❌{{
end }}</div>
{{ end }}
</div>
<script>init()</script>