diff --git a/CHANGELOG.md b/CHANGELOG.md index 47aae85..d625451 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,15 @@ # Change Log All notable changes to this project will be documented in this file. +## [v2.1.0] - 2025- +### Added +- Rewrited GUI in SolidJS and TypeScript +- Prometheus integration [#181](https://github.com/aceberg/WatchYourLAN/pull/181) + +### Fixed +- Vite: file names +- Node Path bug + ## [v2.0.4] - 2024-10-21 ### Added - Notification test [#147](https://github.com/aceberg/WatchYourLAN/issues/147) diff --git a/frontend/package.json b/frontend/package.json index 4f48039..4c06ce6 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -1,7 +1,7 @@ { "name": "watchyourlan", "private": true, - "version": "0.0.0", + "version": "2.1.0", "type": "module", "scripts": { "dev": "vite", diff --git a/frontend/src/components/Body/TableHead.tsx b/frontend/src/components/Body/TableHead.tsx index 7b4955f..b36700a 100644 --- a/frontend/src/components/Body/TableHead.tsx +++ b/frontend/src/components/Body/TableHead.tsx @@ -7,7 +7,7 @@ function TableHead() { const handleSort = (sortBy: string) => { sortBy === "MAC" ? sortBy = "Mac" : ''; sortBy === "Hardware" ? sortBy = "Hw" : ''; - sortBy === "Online" ? sortBy = "Now" : ''; + sortBy === "On" ? sortBy = "Now" : ''; sortByAnyField(sortBy as keyof Host); }; @@ -15,7 +15,7 @@ function TableHead() { - {(key) => + {(key) => {key} {_props.host.Iface} {_props.host.IP} {_props.host.Mac} - {_props.host.Hw} + {_props.host.Hw.slice(0,12)+".."} {_props.host.Date}
diff --git a/frontend/src/components/Config/About.tsx b/frontend/src/components/Config/About.tsx index da02aff..965fe4e 100644 --- a/frontend/src/components/Config/About.tsx +++ b/frontend/src/components/Config/About.tsx @@ -28,7 +28,7 @@ function About() {

● Store History in DB - if off, the History will be stored only in memory and will be lost on app restart. Though, it will keep the app DB smaller and InfluxDB is recommended for long term History storage

● PG Connect URL - address to connect to PostgreSQL DB. (Example: postgres://username:password@192.168.0.1:5432/dbname?sslmode=disable). Full list of URL parameters here

● If you find this app useful, please, donate

-

● Commission you own app (Golang, HTML/JS, Flutter). Contact here

+

● Commission you own app (Golang, React/SolidJS). Contact here

) diff --git a/frontend/src/components/Filter.tsx b/frontend/src/components/Filter.tsx index 55a7a26..b1fe4df 100644 --- a/frontend/src/components/Filter.tsx +++ b/frontend/src/components/Filter.tsx @@ -25,8 +25,8 @@ function Filter() { diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx index 4560ccb..a54ca60 100644 --- a/frontend/src/components/Header.tsx +++ b/frontend/src/components/Header.tsx @@ -10,7 +10,7 @@ function Header() { const setCurrentTheme = async () => { setAppConfig(await apiGetConfig()); - const theme = appConfig().Theme?appConfig().Theme:"minty"; + const theme = appConfig().Theme?appConfig().Theme:"sand"; const color = appConfig().Color?appConfig().Color:"dark"; if (appConfig().NodePath == '') { diff --git a/frontend/src/components/HistShow.tsx b/frontend/src/components/HistShow.tsx index 4a25e71..8919f97 100644 --- a/frontend/src/components/HistShow.tsx +++ b/frontend/src/components/HistShow.tsx @@ -6,7 +6,7 @@ function HistShow(_props: any) { localStorage.setItem(_props.name, showStr); setShow(+showStr); - show() == 0 ? setShow(198) : ''; + show() == 0 ? setShow(200) : ''; }; return ( diff --git a/frontend/src/components/HostPage/HistCard.tsx b/frontend/src/components/HostPage/HistCard.tsx index 6ef9c7c..9c67693 100644 --- a/frontend/src/components/HostPage/HistCard.tsx +++ b/frontend/src/components/HostPage/HistCard.tsx @@ -6,7 +6,7 @@ function HistCard(_props: any) { const showStr = localStorage.getItem("hostShow") as string; setShow(+showStr); - (show() === 0 || isNaN(show())) ? setShow(570) : ''; + (show() === 0 || isNaN(show())) ? setShow(500) : ''; return (
diff --git a/frontend/src/functions/api.ts b/frontend/src/functions/api.ts index 5a572a9..94858c0 100644 --- a/frontend/src/functions/api.ts +++ b/frontend/src/functions/api.ts @@ -9,7 +9,7 @@ export const apiGetAllHosts = async () => { export const apiGetConfig = async () => { - const url = apiPath+'/api/config/'; + const url = apiPath+'/api/config'; const res = await (await fetch(url)).json(); return res; diff --git a/frontend/src/functions/exports.ts b/frontend/src/functions/exports.ts index fcef127..31c1eb2 100644 --- a/frontend/src/functions/exports.ts +++ b/frontend/src/functions/exports.ts @@ -90,4 +90,4 @@ export const [appConfig, setAppConfig] = createSignal(emptyConf); export const [editNames, setEditNames] = createSignal(false); -export const [show, setShow] = createSignal(198); \ No newline at end of file +export const [show, setShow] = createSignal(200); \ No newline at end of file diff --git a/frontend/src/pages/Body.tsx b/frontend/src/pages/Body.tsx index 3cc2912..1e7e2ee 100644 --- a/frontend/src/pages/Body.tsx +++ b/frontend/src/pages/Body.tsx @@ -18,7 +18,7 @@ function Body() { {(host, index) => - + } diff --git a/frontend/src/pages/History.tsx b/frontend/src/pages/History.tsx index 2d6390a..97d9096 100644 --- a/frontend/src/pages/History.tsx +++ b/frontend/src/pages/History.tsx @@ -8,7 +8,7 @@ function History() { const showStr = localStorage.getItem("histShow") as string; setShow(+showStr); - (show() === 0 || isNaN(show())) ? setShow(198) : ''; + (show() === 0 || isNaN(show())) ? setShow(200) : ''; return (
diff --git a/internal/web/public/assets/Config.js b/internal/web/public/assets/Config.js index faace6e..243c9d1 100644 --- a/internal/web/public/assets/Config.js +++ b/internal/web/public/assets/Config.js @@ -1 +1 @@ -import{c as Q,o as et,a as lt,t,i as l,b as c,s as G,d as W,e as d,S as V,f as e,F as J,g as rt,h as it,j as M}from"./index.js";var st=t('
About ()

● After changing Host or Port the app must be restarted

● Shoutrrr URL provides notifications to Discord, Email, Gotify, Telegram and other services. Link to documentation

● Interfaces - one or more, space separated

● Timeout (seconds) - time between scans

● Args for arp-scan - pass your own arguments to arp-scan. Enable debug log level to see resulting command. (Example: -r 1). See docs for more.

● Arp Strings - can setup scans for vlans, docker0 and etcetera. See docs for more.

● Trim History - remove history after (hours)

● Store History in DB - if off, the History will be stored only in memory and will be lost on app restart. Though, it will keep the app DB smaller and InfluxDB is recommended for long term History storage

● PG Connect URL - address to connect to PostgreSQL DB. (Example: postgres://username:password@192.168.0.1:5432/dbname?sslmode=disable). Full list of URL parameters here

● If you find this app useful, please, donate

● Commission you own app (Golang, HTML/JS, Flutter). Contact here');function nt(){const[i,n]=Q(""),[a,s]=Q("");return et(async()=>{const r=await lt();n(r),s("https://github.com/aceberg/WatchYourLAN/releases/tag/"+r)}),(()=>{var r=st(),o=r.firstChild,p=o.firstChild,b=p.nextSibling;return l(b,i),c(()=>G(b,"href",a())),r})()}var at=t("

Basic config
Host
Port
Theme
Color mode
Local node-bootstrap URL
Shoutrrr URL
'),ct=t("