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

Nicer handling of dead tabs, introduced version.

Browse source
This commit is contained in:
Magnus Åhall 2025-11-10 10:02:34 +01:00
parent 0c0811a5fc
commit 5a15824ed5
3 changed files with 26 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

8
main.go
View file

@ -16,6 +16,8 @@ import (
"strings"
)
const VERSION = "v1"
var (
flagVerbose bool
flagWsURL string
@ -70,7 +72,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")

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>