crelte 0.1.0

package/dist/plugins/Events.d.ts

@@ -0,0 +1,11 @@
+import { CrelteRouted } from '../index.js';
+export default class Events {
+    inner: Map<string, Set<any>>;
+    constructor();
+    on(ev: 'loadGlobalData', fn: (cr: CrelteRouted) => Promise<any>): () => void;
+    on(ev: 'loadData', fn: (cr: CrelteRouted, entry: any, data: any) => Promise<any>): () => void;
+    on(ev: 'beforeRender', fn: (cr: CrelteRouted) => void): () => void;
+    remove(ev: string, fn: any): void;
+    trigger(ev: string, ...args: any[]): any[];
+}
+//# sourceMappingURL=Events.d.ts.map

package/dist/plugins/Events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Events.d.ts","sourceRoot":"","sources":["../../../../src/plugins/Events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,MAAM;IAC1B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;;IAU7B,EAAE,CACD,EAAE,EAAE,gBAAgB,EACpB,EAAE,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC,GAAG,CAAC,GACpC,MAAM,IAAI;IACb,EAAE,CACD,EAAE,EAAE,UAAU,EACd,EAAE,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,GAC3D,MAAM,IAAI;IACb,EAAE,CAAC,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,GAAG,MAAM,IAAI;IAelE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG;IAO1B,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE;CAM1C"}

package/dist/plugins/Events.js

@@ -0,0 +1,29 @@
+export default class Events {
+    inner;
+    constructor() {
+        this.inner = new Map();
+    }
+    on(ev, fn) {
+        let set = this.inner.get(ev);
+        if (!set) {
+            set = new Set();
+            this.inner.set(ev, set);
+        }
+        set.add(fn);
+        return () => {
+            set.delete(fn);
+        };
+    }
+    remove(ev, fn) {
+        const set = this.inner.get(ev);
+        if (!set)
+            return;
+        set.delete(fn);
+    }
+    trigger(ev, ...args) {
+        const set = this.inner.get(ev);
+        if (!set)
+            return [];
+        return Array.from(set).map(fn => fn(...args));
+    }
+}

package/dist/plugins/Plugins.d.ts

@@ -0,0 +1,12 @@
+import Crelte from '../Crelte.js';
+export interface Plugin {
+    name: string;
+}
+export type PluginCreator = (crelte: Crelte) => Plugin;
+export default class Plugins {
+    plugins: Map<string, Plugin>;
+    constructor();
+    add(plugin: Plugin): void;
+    get(name: string): Plugin | null;
+}
+//# sourceMappingURL=Plugins.d.ts.map

package/dist/plugins/Plugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plugins.d.ts","sourceRoot":"","sources":["../../../../src/plugins/Plugins.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,MAAM;IACtB,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,OAAO;IAC3B,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;IAM7B,GAAG,CAAC,MAAM,EAAE,MAAM;IAIlB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;CAGhC"}

package/dist/plugins/Plugins.js

@@ -0,0 +1,12 @@
+export default class Plugins {
+    plugins;
+    constructor() {
+        this.plugins = new Map();
+    }
+    add(plugin) {
+        this.plugins.set(plugin.name, plugin);
+    }
+    get(name) {
+        return this.plugins.get(name) ?? null;
+    }
+}

package/dist/plugins/index.d.ts

@@ -0,0 +1,5 @@
+import Events from './Events.js';
+import { Plugin, PluginCreator } from './Plugins.js';
+export type { Plugin, PluginCreator };
+export { Events };
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAErD,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/plugins/index.js

@@ -0,0 +1,2 @@
+import Events from './Events.js';
+export { Events };

package/dist/routing/History.d.ts

@@ -0,0 +1,22 @@
+export default interface History {
+    scrollY(): number;
+    replaceState(data: any, url?: string): void;
+    pushState(data: any, url: string): void;
+    open(url: string): void;
+}
+export declare class ClientHistory implements History {
+    scrollY(): number;
+    replaceState(data: any, url?: string): void;
+    pushState(data: any, url: string): void;
+    open(url: string): void;
+}
+export declare class ServerHistory implements History {
+    state: any | null;
+    url: string | null;
+    constructor();
+    scrollY(): number;
+    replaceState(data: any, url?: string): void;
+    pushState(data: any, url: string): void;
+    open(url: string): void;
+}
+//# sourceMappingURL=History.d.ts.map

package/dist/routing/History.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"History.d.ts","sourceRoot":"","sources":["../../../../src/routing/History.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,OAAO;IAC/B,OAAO,IAAI,MAAM,CAAC;IAClB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,qBAAa,aAAc,YAAW,OAAO;IAC5C,OAAO,IAAI,MAAM;IAIjB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI;IAI3C,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAIvC,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAGvB;AAED,qBAAa,aAAc,YAAW,OAAO;IAC5C,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;;IAOnB,OAAO,IAAI,MAAM;IAIjB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI;IAK3C,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAKvC,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAGvB"}

package/dist/routing/History.js

@@ -0,0 +1,36 @@
+export class ClientHistory {
+    scrollY() {
+        return window.scrollY;
+    }
+    replaceState(data, url) {
+        history.replaceState(data, '', url);
+    }
+    pushState(data, url) {
+        history.pushState(data, '', url);
+    }
+    open(url) {
+        window.location.href = url;
+    }
+}
+export class ServerHistory {
+    state;
+    url;
+    constructor() {
+        this.state = null;
+        this.url = null;
+    }
+    scrollY() {
+        return 0;
+    }
+    replaceState(data, url) {
+        this.state = data;
+        this.url = url ?? null;
+    }
+    pushState(data, url) {
+        this.state = data;
+        this.url = url;
+    }
+    open(url) {
+        this.url = url;
+    }
+}

package/dist/routing/InnerRouter.d.ts

@@ -0,0 +1,111 @@
+import Route from './Route.js';
+import Site, { SiteFromGraphQl } from './Site.js';
+import History from './History.js';
+export type InnerRouterOpts = {
+    preloadOnMouseOver: boolean;
+};
+/**
+ * Manages event listeners or functions.
+ */
+export default class InnerRouter {
+    sites: Site[];
+    route: Route | null;
+    site: Site;
+    history: History;
+    preloadOnMouseOver: boolean;
+    /**
+     * @param changeHistory returns a function you need to call when you are ready to
+     update the window history (note do not call this after another onRoute call was made)
+     */
+    onRoute: (route: Route, site: Site, changeHistory: () => void) => void;
+    onPreload: (route: Route, site: Site) => void;
+    private scrollDebounceTimeout;
+    /**
+     * Creates a new Router
+     *
+     * @param sites - sites needs to be from craft-graphql-sites plugin
+     * @param opts - Options for the router
+     */
+    constructor(sites: SiteFromGraphQl[], opts: InnerRouterOpts);
+    /**
+     * Initializes the router when running on the client.
+     */
+    initClient(): void;
+    /**
+     * Initializes the router when running on the server.
+     */
+    initServer(): void;
+    /**
+     * Get a site and if possible use the accept lang header.
+     *
+     * @param {(string|null)} [acceptLang=null] Accept Language header.
+     * @return {Site}
+     */
+    siteByAcceptLang(acceptLang?: string | null): Site;
+    /**
+     * Get the default site
+     */
+    defaultSite(): Site;
+    /**
+     * Tries to get a site by it's id
+     */
+    siteById(id: number): Site | null;
+    /**
+     * Resolve a url or Route and convert it to a Route
+     *
+     * @param target
+     * @return Returns null if the url does not match our host (the protocol get's ignored)
+     */
+    targetToRoute(target: string | URL | Route): Route;
+    /**
+     * Resolve a url and convert it to a Route
+     *
+     * @param url
+     * @return Returns null if the url does not match our host (the protocol get's ignored)
+     */
+    routeFromUrl(fullUrl: URL): Route;
+    listen(): void;
+    /**
+     * Open's a route
+     *
+     * @param route a route object or an url or uri, never input the same route object again
+     * @param pushState if true pushed the state to the window.history
+     */
+    open(target: string | URL | Route, pushState?: boolean): void;
+    /**
+     * Sets a route
+     *
+     * Will trigger an onRoute event but will not store any scroll progress
+     * or modify the history
+     *
+     * @param route
+     */
+    setRoute(route: Route): void;
+    /**
+     * This pushes the state of the route without triggering a currentRoute
+     * or currentSiteId change
+     *
+     * You can use when using pagination for example change the route object
+     * (search argument) and then call pushState
+     *
+     * @param route, never input the same route object again
+     */
+    pushState(route: Route): void;
+    /**
+     * This replaces the state of the route without triggering a currentRoute
+     * or currentSiteId change
+     *
+     * @param route, never input the same route object again
+     */
+    replaceState(route: Route): void;
+    /**
+     * Preload a url
+     *
+     * This will only work if the origin of the url matches the current site
+     *
+     * @param url
+     */
+    preload(target: string | URL | Route): void;
+    domReady(route: Route): void;
+}
+//# sourceMappingURL=InnerRouter.d.ts.map

package/dist/routing/InnerRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerRouter.d.ts","sourceRoot":"","sources":["../../../../src/routing/InnerRouter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,OAAyC,MAAM,cAAc,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG;IAC7B,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACvE,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAE9C,OAAO,CAAC,qBAAqB,CAAa;IAE1C;;;;;OAKG;gBACS,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,eAAe;IAmB3D;;OAEG;IACH,UAAU;IAkBV;;OAEG;IACH,UAAU;IAEV;;;;;OAKG;IACH,gBAAgB,CAAC,UAAU,GAAE,MAAM,GAAG,IAAW,GAAG,IAAI;IAsCxD;;OAEG;IACH,WAAW,IAAI,IAAI;IAInB;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIjC;;;;;OAKG;IACH,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,KAAK;IAiBlD;;;;;OAKG;IACH,YAAY,CAAC,OAAO,EAAE,GAAG,GAAG,KAAK;IA8BjC,MAAM;IA0FN;;;;;OAKG;IACH,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,EAAE,SAAS,GAAE,OAAc;IAkC5D;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK;IAOrB;;;;;;;;OAQG;IACH,SAAS,CAAC,KAAK,EAAE,KAAK;IAYtB;;;;;OAKG;IACH,YAAY,CAAC,KAAK,EAAE,KAAK;IAYzB;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK;IAmBpC,QAAQ,CAAC,KAAK,EAAE,KAAK;CAgErB"}

package/dist/routing/InnerRouter.js

@@ -0,0 +1,397 @@
+import Route from './Route.js';
+import Site from './Site.js';
+import { ClientHistory, ServerHistory } from './History.js';
+/**
+ * Manages event listeners or functions.
+ */
+export default class InnerRouter {
+    sites;
+    route;
+    site;
+    history;
+    preloadOnMouseOver;
+    /**
+     * @param changeHistory returns a function you need to call when you are ready to
+     update the window history (note do not call this after another onRoute call was made)
+     */
+    onRoute;
+    onPreload;
+    scrollDebounceTimeout;
+    /**
+     * Creates a new Router
+     *
+     * @param sites - sites needs to be from craft-graphql-sites plugin
+     * @param opts - Options for the router
+     */
+    constructor(sites, opts) {
+        this.sites = sites.map(s => new Site(s));
+        this.route = null;
+        this.site = this.defaultSite();
+        // @ts-ignore
+        this.history = import.meta.env.SSR
+            ? new ServerHistory()
+            : new ClientHistory();
+        this.preloadOnMouseOver = opts.preloadOnMouseOver;
+        // this.preloadListeners = new Listeners();
+        this.onRoute = () => { };
+        this.onPreload = () => { };
+        this.scrollDebounceTimeout = null;
+    }
+    /**
+     * Initializes the router when running on the client.
+     */
+    initClient() {
+        this.listen();
+        // let's first try to load from the state
+        const route = this.targetToRoute(window.location.href);
+        route._fillFromState(window.history.state);
+        route.origin = 'init';
+        if (route.search.get('x-craft-live-preview')) {
+            route.origin = 'live-preview-init';
+        }
+        window.history.scrollRestoration = 'manual';
+        this.open(route, false);
+    }
+    /**
+     * Initializes the router when running on the server.
+     */
+    initServer() { }
+    /**
+     * Get a site and if possible use the accept lang header.
+     *
+     * @param {(string|null)} [acceptLang=null] Accept Language header.
+     * @return {Site}
+     */
+    siteByAcceptLang(acceptLang = null) {
+        if (!acceptLang)
+            return this.defaultSite();
+        const directives = acceptLang
+            .split(',')
+            .map(d => d.trim())
+            .filter(d => !!d);
+        // let's expect that weights are correctly ordered
+        const languages = directives
+            .map(d => {
+            const lang = d.split(';');
+            return lang[0].trim();
+        })
+            .filter(d => !!d);
+        // find a site which matches the language
+        // first try to match the full language
+        for (const lang of languages) {
+            const site = this.sites.find(s => s.language === lang);
+            if (site)
+                return site;
+        }
+        // if we don't find any language which matches
+        // try to match languages without the -
+        for (let lang of languages) {
+            lang = lang.split('-')[0];
+            const site = this.sites.find(s => {
+                const sLang = s.language.split('-')[0];
+                return sLang === lang;
+            });
+            if (site)
+                return site;
+        }
+        // we did not find a match then just return the first site
+        return this.defaultSite();
+    }
+    /**
+     * Get the default site
+     */
+    defaultSite() {
+        return this.sites[0];
+    }
+    /**
+     * Tries to get a site by it's id
+     */
+    siteById(id) {
+        return this.sites.find(s => s.id === id) ?? null;
+    }
+    /**
+     * Resolve a url or Route and convert it to a Route
+     *
+     * @param target
+     * @return Returns null if the url does not match our host (the protocol get's ignored)
+     */
+    targetToRoute(target) {
+        if (typeof target === 'string') {
+            if (target.startsWith('/')) {
+                const site = this.site;
+                target = new URL(site.uri + target, site.url);
+            }
+            else {
+                target = new URL(target);
+            }
+        }
+        if (target instanceof URL) {
+            return this.routeFromUrl(target);
+        }
+        return target;
+    }
+    /**
+     * Resolve a url and convert it to a Route
+     *
+     * @param url
+     * @return Returns null if the url does not match our host (the protocol get's ignored)
+     */
+    routeFromUrl(fullUrl) {
+        // strip stuff we dont need from url
+        const route = new Route(fullUrl, null);
+        const url = route.url;
+        let site = null;
+        // get the site which matches the url the most
+        for (const s of this.sites) {
+            const siteUri = s.uri;
+            // make sure the start of the url matches
+            if (url.host !== s.url.host || !url.pathname.startsWith(siteUri)) {
+                continue;
+            }
+            // make sure that after the base url a slash follows or nothing
+            const uri = url.pathname.substring(siteUri.length);
+            if (uri.length > 0 && !uri.startsWith('/'))
+                continue;
+            /// make sure we get the most matched site
+            if (site && site.uri.length > siteUri.length)
+                continue;
+            site = s;
+        }
+        route.site = site;
+        return route;
+    }
+    listen() {
+        window.addEventListener('click', async (e) => {
+            // @ts-ignore
+            const link = e.target.closest('a');
+            const openInNewTab = e.metaKey || e.ctrlKey || e.shiftKey;
+            const saveLink = e.altKey;
+            if (!link || !link.href || openInNewTab || saveLink)
+                return;
+            if (link.target.toLowerCase() === '_blank')
+                return;
+            if (!link.href.startsWith('http'))
+                return;
+            e.preventDefault();
+            const route = this.routeFromUrl(link.href);
+            if (this.route?.eq(route))
+                return;
+            route.origin = 'click';
+            this.open(route);
+        });
+        if (this.preloadOnMouseOver) {
+            let currentMouseOver = null;
+            window.addEventListener('mouseover', e => {
+                // @ts-ignore
+                const link = e.target.closest('a');
+                if (currentMouseOver && link === currentMouseOver)
+                    return;
+                if (link && link.target.toLowerCase() === '_blank')
+                    return;
+                if (link && !link.hasAttribute('data-no-preload')) {
+                    this.preload(link.href);
+                }
+                currentMouseOver = link;
+            });
+        }
+        // store the scrollY position every 200ms
+        // we can't do this at the time of the open call since the pop event
+        // has already changed to a new history state so we can't update our
+        // current/previous state
+        // eslint-disable-next-line no-constant-condition
+        if (true) {
+            window.addEventListener('scroll', () => {
+                const current = this.route;
+                if (!current)
+                    return;
+                // store the scroll position
+                current.scrollY = window.scrollY;
+                if (this.scrollDebounceTimeout)
+                    return;
+                // this might cause `Attempt to use history.replaceState() more than
+                // 100 times per 30 seconds` in safari
+                // since we wait a moment we should almost ever be fine
+                this.scrollDebounceTimeout = setTimeout(() => {
+                    if (!this.route || !current.eq(this.route))
+                        return;
+                    // use the latest state
+                    this.history.replaceState(this.route._toState());
+                    if (current.origin === 'live-preview-init') {
+                        sessionStorage.setItem('live-preview-scroll', 
+                        // use the latest scrollY
+                        this.route.scrollY + '');
+                    }
+                    this.scrollDebounceTimeout = null;
+                }, 280);
+            });
+        }
+        window.addEventListener('popstate', async (e) => {
+            if (!('route' in e.state))
+                return;
+            const route = this.targetToRoute(window.location.href);
+            route._fillFromState(e.state);
+            route.origin = 'pop';
+            // since the pop event replaced our state we can't replace the state
+            // for the scrollY in our open call so we just clear the current
+            // route since it is now already the new route
+            this.route = null;
+            this.open(route, false);
+        });
+    }
+    /**
+     * Open's a route
+     *
+     * @param route a route object or an url or uri, never input the same route object again
+     * @param pushState if true pushed the state to the window.history
+     */
+    open(target, pushState = true) {
+        const route = this.targetToRoute(target);
+        const current = this.route;
+        if (current) {
+            // if the scrollY will still be updated we clear the timeout
+            // since we should have the latest scrollY
+            if (this.scrollDebounceTimeout) {
+                clearTimeout(this.scrollDebounceTimeout);
+                this.scrollDebounceTimeout = null;
+            }
+            // store the scroll position
+            current.scrollY = this.history.scrollY();
+            this.history.replaceState(current._toState());
+        }
+        // if the domain of the current site is different than the domain of the
+        // new site we need to do a window.location.href call
+        if (current && current.url.origin !== route.url.origin) {
+            this.history.open(route.url.href);
+            return;
+        }
+        if (pushState) {
+            route.index = (current?.index ?? 0) + 1;
+            this.onRoute(route, route.site ?? this.site, () => {
+                this.pushState(route);
+            });
+        }
+        else {
+            this.setRoute(route);
+        }
+    }
+    /**
+     * Sets a route
+     *
+     * Will trigger an onRoute event but will not store any scroll progress
+     * or modify the history
+     *
+     * @param route
+     */
+    setRoute(route) {
+        this.route = route;
+        if (route.site)
+            this.site = route.site;
+        this.onRoute(route, this.site, () => { });
+    }
+    /**
+     * This pushes the state of the route without triggering a currentRoute
+     * or currentSiteId change
+     *
+     * You can use when using pagination for example change the route object
+     * (search argument) and then call pushState
+     *
+     * @param route, never input the same route object again
+     */
+    pushState(route) {
+        const url = route.url;
+        this.history.pushState(route._toState(), url.pathname + url.search + url.hash);
+        this.route = route;
+        if (route.site)
+            this.site = route.site;
+    }
+    /**
+     * This replaces the state of the route without triggering a currentRoute
+     * or currentSiteId change
+     *
+     * @param route, never input the same route object again
+     */
+    replaceState(route) {
+        const url = route.url;
+        this.history.replaceState(route._toState(), url.pathname + url.search + url.hash);
+        this.route = route;
+        if (route.site)
+            this.site = route.site;
+    }
+    /**
+     * Preload a url
+     *
+     * This will only work if the origin of the url matches the current site
+     *
+     * @param url
+     */
+    preload(target) {
+        const route = this.targetToRoute(target);
+        // if the domain of the current site is different than the domain of the
+        // new site id does not make sense to preload
+        if (this.site.url.origin !== route.url.origin) {
+            return;
+        }
+        const current = this.route;
+        const site = route.site ?? this.site;
+        // if the origin matches, the route will be able to be load
+        // so let's preload it
+        if (current && current.url.origin === route.url.origin) {
+            this.onPreload(route, site);
+        }
+    }
+    domReady(route) {
+        // scroll to target
+        let scrollTo = null;
+        // if the route is a live preview init and we have a scrollY stored
+        // scroll to that
+        if (route.origin === 'live-preview-init') {
+            const scrollY = sessionStorage.getItem('live-preview-scroll');
+            if (scrollY) {
+                scrollTo = {
+                    top: parseInt(scrollY),
+                    behavior: 'instant',
+                };
+            }
+            // if we have a hash and the route was not visited
+        }
+        else if (route.hash &&
+            ((route.origin === 'init' && typeof route.scrollY !== 'number') ||
+                route.origin === 'click')) {
+            const el = document.getElementById(route.hash.substring(1));
+            if (el) {
+                scrollTo = {
+                    intoView: el,
+                    behavior: 'smooth',
+                };
+            }
+        }
+        // restore scroll position
+        if (!scrollTo &&
+            route.origin !== 'click' &&
+            typeof route.scrollY === 'number') {
+            scrollTo = {
+                top: route.scrollY,
+                behavior: 'instant',
+            };
+        }
+        // scroll to the top if nothing else matches
+        if (!scrollTo) {
+            scrollTo = {
+                top: 0,
+                behavior: 'instant',
+            };
+        }
+        if ('top' in scrollTo) {
+            window.scrollTo({
+                top: scrollTo.top,
+                behavior: scrollTo.behavior,
+            });
+        }
+        else {
+            scrollTo.intoView.scrollIntoView({
+                behavior: scrollTo.behavior,
+                block: 'start',
+            });
+        }
+    }
+}