39 lines
2.1 KiB
TypeScript
39 lines
2.1 KiB
TypeScript
"use client"
|
|
|
|
import { useMemo } from "react"
|
|
import { useSearchParams } from "next/navigation"
|
|
import { readUptimeUrl, readResourceUrl, patchUptimeUrl, type ResourceTypeFilter, type UptimeTab, type ProbeStatusFilter, type UrlSetter } from "@/lib/data-filters/uptime-url-state"
|
|
|
|
export function useUptimeUrlState() {
|
|
const raw = useSearchParams().toString()
|
|
const state = useMemo(() => readUptimeUrl(new URLSearchParams(raw)), [raw])
|
|
const resource = useMemo(() => readResourceUrl(new URLSearchParams(raw)), [raw])
|
|
function write(changes: Record<string, string | null>, replace = false) {
|
|
const href = patchUptimeUrl(new URLSearchParams(window.location.search), changes) + window.location.hash
|
|
if (href === window.location.pathname + window.location.search + window.location.hash) return
|
|
if (replace) window.history.replaceState(null, "", href)
|
|
else window.history.pushState(null, "", href)
|
|
}
|
|
const setStatusFilter: UrlSetter<ProbeStatusFilter> = value => {
|
|
const current = readUptimeUrl(new URLSearchParams(window.location.search)).status
|
|
const next = typeof value === "function" ? value(current) : value
|
|
write({ status: next === "all" ? null : next })
|
|
}
|
|
const setServerFilter: UrlSetter<string[]> = value => {
|
|
const current = readUptimeUrl(new URLSearchParams(window.location.search)).servers
|
|
const next = typeof value === "function" ? value(current) : value
|
|
write({ servers: next.length ? JSON.stringify(next) : null })
|
|
}
|
|
return {
|
|
resource,
|
|
setResourceSearch: (rq: string) => write({ rq }, true),
|
|
setResourceType: (type: ResourceTypeFilter) => write({ rtype: type === "all" ? null : type }),
|
|
resetResources: () => write({ rq: null, rtype: null }),
|
|
tab: state.tab, search: state.search, statusFilter: state.status, serverFilter: state.servers, error: state.error,
|
|
setTab: (tab: UptimeTab) => write({ tab: tab === "probes" ? null : tab }),
|
|
setSearch: (q: string) => write({ q }, true), setStatusFilter, setServerFilter,
|
|
resetFilters: () => write({ q: null, status: null, servers: null }),
|
|
resetUrl: () => write({ tab: null, q: null, status: null, servers: null }),
|
|
}
|
|
}
|