26 lines
668 B
TypeScript
26 lines
668 B
TypeScript
|
/** @source wouter example */
|
||
|
|
import { useState, useEffect } from 'preact/hooks'
|
||
|
|
|
||
|
|
// (excluding the leading '#' symbol)
|
||
|
|
const currentLocation = () => {
|
||
|
|
return window.location.hash.replace(/^#/, '') || '/'
|
||
|
|
}
|
||
|
|
|
||
|
|
const navigate = (to: string) => (window.location.hash = to)
|
||
|
|
|
||
|
|
export const useHashLocation = () => {
|
||
|
|
const [loc, setLoc] = useState(currentLocation())
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
// this function is called whenever the hash changes
|
||
|
|
const handler = () => setLoc(currentLocation())
|
||
|
|
|
||
|
|
// subscribe to hash changes
|
||
|
|
window.addEventListener('hashchange', handler)
|
||
|
|
|
||
|
|
return () => window.removeEventListener('hashchange', handler)
|
||
|
|
}, [])
|
||
|
|
|
||
|
|
return [loc, navigate]
|
||
|
|
}
|