Skip to main content

Lower-level API

Even though you'll mostly need to consume the location through the Router, you might need to dive deeper at some point.

getLocation​

Returns the exploded location (a Location object)

import { getLocation /*, Location */ } from "@zoontek/chicane";

type Location = {
  path: string[]; // path split on `/`
  search: Record<string, string | string[]>;
  raw: { path: string; search: string };
  toString(): string; // returns the imploded location
};

const location: Location = getLocation();
console.log(location.path);

subscribeToLocation​

Subscribes to location changes, and passes a Location object to the listener.

import { subscribeToLocation } from "@zoontek/chicane";

subscribeToLocation((location: Location) => {
  console.log("Location changed!");
  console.log(location);
});

encodeSearch / decodeSearch​

Implode and explode search params.

import { encodeSearch, decodeSearch } from "@zoontek/chicane";

encodeSearch({ invitation: "542022247745", users: ["frank", "chris"] });
// -> "?invitation=542022247745&users=frank&users=chris"

decodeSearch("?invitation=542022247745&users=frank&users=chris");
// -> { invitation: "542022247745", users: ["frank", "chris"] }

pushUnsafe / replaceUnsafe​

Escape hatch. Similar to Router.push and Router.replace but accepts a unique string argument.

import { pushUnsafe, replaceUnsafe } from "@zoontek/chicane";

pushUnsafe("/");
replaceUnsafe("?name=frank");