67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import { TemplateResult } from "lit";
|
|
|
|
import { ROUTE_SEPARATOR } from "../../constants";
|
|
import { Route } from "./Route";
|
|
|
|
export class RouteMatch {
|
|
route: Route;
|
|
arguments: { [key: string]: string };
|
|
fullUrl?: string;
|
|
|
|
constructor(route: Route) {
|
|
this.route = route;
|
|
this.arguments = {};
|
|
}
|
|
|
|
render(): TemplateResult {
|
|
return this.route.render(this.arguments);
|
|
}
|
|
|
|
toString(): string {
|
|
return `<RouteMatch url=${this.fullUrl} route=${this.route} arguments=${JSON.stringify(
|
|
this.arguments,
|
|
)}>`;
|
|
}
|
|
}
|
|
|
|
export function getURLParam<T>(key: string, fallback: T): T {
|
|
const params = getURLParams();
|
|
if (key in params) {
|
|
return params[key] as T;
|
|
}
|
|
return fallback;
|
|
}
|
|
|
|
export function getURLParams(): { [key: string]: unknown } {
|
|
const params = {};
|
|
if (window.location.hash.includes(ROUTE_SEPARATOR)) {
|
|
const urlParts = window.location.hash.slice(1, Infinity).split(ROUTE_SEPARATOR, 2);
|
|
const rawParams = decodeURIComponent(urlParts[1]);
|
|
try {
|
|
return JSON.parse(rawParams);
|
|
} catch {
|
|
return params;
|
|
}
|
|
}
|
|
return params;
|
|
}
|
|
|
|
export function setURLParams(params: { [key: string]: unknown }, replace = true): void {
|
|
const paramsString = JSON.stringify(params);
|
|
const currentUrl = window.location.hash.slice(1, Infinity).split(ROUTE_SEPARATOR)[0];
|
|
const newUrl = `#${currentUrl};${encodeURIComponent(paramsString)}`;
|
|
if (replace) {
|
|
history.replaceState(undefined, "", newUrl);
|
|
} else {
|
|
history.pushState(undefined, "", newUrl);
|
|
}
|
|
}
|
|
|
|
export function updateURLParams(params: { [key: string]: unknown }, replace = true): void {
|
|
const currentParams = getURLParams();
|
|
for (const key in params) {
|
|
currentParams[key] = params[key] as string;
|
|
}
|
|
setURLParams(currentParams, replace);
|
|
}
|