salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Filter loopback addresses when remote

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-03 22:05:26 +00:00
parent aad1337111
commit 0ca39d2fb0
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/ui/src/components/remote-access-overlay.tsx
View File

@@ -24,6 +24,13 @@ export function RemoteAccessOverlay(props: RemoteAccessOverlayProps) {
const addresses = createMemo<NetworkAddress[]>(() => meta()?.addresses ?? []) const addresses = createMemo<NetworkAddress[]>(() => meta()?.addresses ?? [])
const currentMode = createMemo(() => meta()?.listeningMode ?? preferences().listeningMode) const currentMode = createMemo(() => meta()?.listeningMode ?? preferences().listeningMode)
const allowExternalConnections = createMemo(() => currentMode() === "all") const allowExternalConnections = createMemo(() => currentMode() === "all")
const displayAddresses = createMemo(() => {
const list = addresses()
if (allowExternalConnections()) {
return list.filter((address) => address.scope !== "loopback")
}
return list.filter((address) => address.scope === "loopback")
})
const refreshMeta = async () => { const refreshMeta = async () => {
setLoading(true) setLoading(true)
@@ -177,9 +184,9 @@ export function RemoteAccessOverlay(props: RemoteAccessOverlayProps) {
<Show when={!loading()} fallback={<div class="remote-card">Loading addresses…</div>}> <Show when={!loading()} fallback={<div class="remote-card">Loading addresses…</div>}>
<Show when={!error()} fallback={<div class="remote-error">{error()}</div>}> <Show when={!error()} fallback={<div class="remote-error">{error()}</div>}>
<Show when={addresses().length > 0} fallback={<div class="remote-card">No addresses available yet.</div>}> <Show when={displayAddresses().length > 0} fallback={<div class="remote-card">No addresses available yet.</div>}>
<div class="remote-address-list"> <div class="remote-address-list">
<For each={addresses()}> <For each={displayAddresses()}>
{(address) => { {(address) => {
const expandedState = () => expandedUrl() === address.url const expandedState = () => expandedUrl() === address.url
const qr = () => qrCodes()[address.url] const qr = () => qrCodes()[address.url]