@alignable/bifrost 0.0.9 → 0.0.10

package/dist/lib/turbolinks/util.js

@@ -0,0 +1,85 @@
+export function array(values) {
+    return Array.prototype.slice.call(values);
+}
+export const closest = (() => {
+    const html = document.documentElement;
+    const match = html.matches ||
+        html.webkitMatchesSelector ||
+        html.msMatchesSelector ||
+        html.mozMatchesSelector;
+    const closest = html.closest ||
+        function (selector) {
+            let element = this;
+            while (element) {
+                if (match.call(element, selector)) {
+                    return element;
+                }
+                else {
+                    element = element.parentElement;
+                }
+            }
+        };
+    return function (element, selector) {
+        return closest.call(element, selector);
+    };
+})();
+export function defer(callback) {
+    setTimeout(callback, 1);
+}
+export function dispatch(eventName, { target, cancelable, data } = {}) {
+    const event = document.createEvent("Events");
+    event.initEvent(eventName, true, cancelable == true);
+    event.data = data || {};
+    // Fix setting `defaultPrevented` when `preventDefault()` is called
+    // http://stackoverflow.com/questions/23349191/event-preventdefault-is-not-working-in-ie-11-for-custom-events
+    if (event.cancelable && !preventDefaultSupported) {
+        const { preventDefault } = event;
+        event.preventDefault = function () {
+            if (!this.defaultPrevented) {
+                Object.defineProperty(this, "defaultPrevented", { get: () => true });
+            }
+            preventDefault.call(this);
+        };
+    }
+    (target || document).dispatchEvent(event);
+    return event;
+}
+const preventDefaultSupported = (() => {
+    const event = document.createEvent("Events");
+    event.initEvent("test", true, true);
+    event.preventDefault();
+    return event.defaultPrevented;
+})();
+export function unindent(strings, ...values) {
+    const lines = trimLeft(interpolate(strings, values)).split("\n");
+    const match = lines[0].match(/^\s+/);
+    const indent = match ? match[0].length : 0;
+    return lines.map((line) => line.slice(indent)).join("\n");
+}
+function trimLeft(string) {
+    return string.replace(/^\n/, "");
+}
+function interpolate(strings, values) {
+    return strings.reduce((result, string, i) => {
+        const value = values[i] == undefined ? "" : values[i];
+        return result + string + value;
+    }, "");
+}
+export function uuid() {
+    return Array.apply(null, { length: 36 })
+        .map((_, i) => {
+        if (i == 8 || i == 13 || i == 18 || i == 23) {
+            return "-";
+        }
+        else if (i == 14) {
+            return "4";
+        }
+        else if (i == 19) {
+            return (Math.floor(Math.random() * 4) + 8).toString(16);
+        }
+        else {
+            return Math.floor(Math.random() * 15).toString(16);
+        }
+    })
+        .join("");
+}

package/dist/lib/turbolinks/view.d.ts

@@ -0,0 +1,21 @@
+import { Location } from "./location";
+import { Snapshot } from "./snapshot";
+import { RenderCallback, RenderDelegate } from "./snapshot_renderer";
+export type RenderOptions = {
+    snapshot: Snapshot;
+    error: string;
+    isPreview: boolean;
+};
+export declare class View {
+    readonly delegate: RenderDelegate;
+    readonly htmlElement: HTMLHtmlElement;
+    constructor(delegate: RenderDelegate);
+    getRootLocation(): Location;
+    getElementForAnchor(anchor: string): Element | null;
+    getSnapshot(): Snapshot;
+    render({ snapshot, error, isPreview }: Partial<RenderOptions>, callback: RenderCallback): void;
+    markAsPreview(isPreview: boolean | undefined): void;
+    renderSnapshot(snapshot: Snapshot, isPreview: boolean | undefined, callback: RenderCallback): void;
+    renderError(error: string | undefined, callback: RenderCallback): void;
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/lib/turbolinks/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,cAAc,EACd,cAAc,EAEf,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,qBAAa,IAAI;IACf,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,WAAW,kBAA+C;gBAEvD,QAAQ,EAAE,cAAc;IAIpC,eAAe,IAAI,QAAQ;IAI3B,mBAAmB,CAAC,MAAM,EAAE,MAAM;IAIlC,WAAW,IAAI,QAAQ;IAIvB,MAAM,CACJ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,EACtD,QAAQ,EAAE,cAAc;IAY1B,aAAa,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS;IAQ5C,cAAc,CACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,GAAG,SAAS,EAC9B,QAAQ,EAAE,cAAc;IAW1B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,cAAc;CAGhE"}

package/dist/lib/turbolinks/view.js

@@ -0,0 +1,42 @@
+import { ErrorRenderer } from "./error_renderer";
+import { Snapshot } from "./snapshot";
+import { SnapshotRenderer, } from "./snapshot_renderer";
+export class View {
+    constructor(delegate) {
+        this.htmlElement = document.documentElement;
+        this.delegate = delegate;
+    }
+    getRootLocation() {
+        return this.getSnapshot().getRootLocation();
+    }
+    getElementForAnchor(anchor) {
+        return this.getSnapshot().getElementForAnchor(anchor);
+    }
+    getSnapshot() {
+        return Snapshot.fromHTMLElement(this.htmlElement);
+    }
+    render({ snapshot, error, isPreview }, callback) {
+        this.markAsPreview(isPreview);
+        if (snapshot) {
+            this.renderSnapshot(snapshot, isPreview, callback);
+        }
+        else {
+            this.renderError(error, callback);
+        }
+    }
+    // Private
+    markAsPreview(isPreview) {
+        if (isPreview) {
+            this.htmlElement.setAttribute("data-turbolinks-preview", "");
+        }
+        else {
+            this.htmlElement.removeAttribute("data-turbolinks-preview");
+        }
+    }
+    renderSnapshot(snapshot, isPreview, callback) {
+        SnapshotRenderer.render(this.delegate, callback, this.getSnapshot(), snapshot, isPreview || false);
+    }
+    renderError(error, callback) {
+        ErrorRenderer.render(this.delegate, callback, error || "");
+    }
+}

package/dist/lib/turbolinks/visit.d.ts

@@ -0,0 +1,73 @@
+import { Adapter } from "./adapter";
+import { Controller, RestorationData } from "./controller";
+import { HttpRequest } from "./http_request";
+import { Location } from "./location";
+import { RenderCallback } from "./renderer";
+import { Snapshot } from "./snapshot";
+import { Action } from "./types";
+export declare enum TimingMetric {
+    visitStart = "visitStart",
+    requestStart = "requestStart",
+    requestEnd = "requestEnd",
+    visitEnd = "visitEnd"
+}
+export type TimingMetrics = Partial<{
+    [metric in TimingMetric]: any;
+}>;
+export declare enum VisitState {
+    initialized = "initialized",
+    started = "started",
+    canceled = "canceled",
+    failed = "failed",
+    completed = "completed"
+}
+export declare class Visit {
+    readonly controller: Controller;
+    readonly action: Action;
+    readonly adapter: Adapter;
+    readonly identifier: string;
+    readonly restorationIdentifier: string;
+    readonly timingMetrics: TimingMetrics;
+    followedRedirect: boolean;
+    frame?: number;
+    historyChanged: boolean;
+    location: Location;
+    progress: number;
+    referrer?: Location;
+    redirectedToLocation?: Location;
+    request?: HttpRequest;
+    response?: string;
+    restorationData?: RestorationData;
+    scrolled: boolean;
+    snapshotCached: boolean;
+    state: VisitState;
+    constructor(controller: Controller, location: Location, action: Action, restorationIdentifier?: string);
+    start(): void;
+    cancel(): void;
+    complete(): void;
+    fail(): void;
+    changeHistory(): void;
+    issueRequest(): void;
+    getCachedSnapshot(): Snapshot | undefined;
+    hasCachedSnapshot(): boolean;
+    loadCachedSnapshot(): void;
+    loadResponse(): void;
+    followRedirect(): void;
+    requestStarted(): void;
+    requestProgressed(progress: number): void;
+    requestCompletedWithResponse(response: string, redirectedToLocation?: Location): void;
+    requestFailedWithStatusCode(statusCode: number, response?: string): void;
+    requestFinished(): void;
+    performScroll: () => void;
+    scrollToRestoredPosition(): true | undefined;
+    scrollToAnchor(): true | undefined;
+    scrollToTop(): void;
+    recordTimingMetric(metric: TimingMetric): void;
+    getTimingMetrics(): TimingMetrics;
+    getHistoryMethodForAction(action: Action): (locatable: import("./location").Locatable, restorationIdentifier: string) => void;
+    shouldIssueRequest(): boolean;
+    cacheSnapshot(): void;
+    render(callback: RenderCallback): void;
+    cancelRender(): void;
+}
+//# sourceMappingURL=visit.d.ts.map

package/dist/lib/turbolinks/visit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visit.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/visit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAGjC,oBAAY,YAAY;IACtB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;KAAG,MAAM,IAAI,YAAY,GAAG,GAAG;CAAE,CAAC,CAAC;AAEvE,oBAAY,UAAU;IACpB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,qBAAa,KAAK;IAChB,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,UAAU,SAAU;IAC7B,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACvC,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAM;IAE3C,gBAAgB,UAAS;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,UAAS;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,SAAK;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,oBAAoB,CAAC,EAAE,QAAQ,CAAC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,UAAS;IACjB,cAAc,UAAS;IACvB,KAAK,aAA0B;gBAG7B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,qBAAqB,GAAE,MAAe;IASxC,KAAK;IAQL,MAAM;IAUN,QAAQ;IASR,IAAI;IAOJ,aAAa;IAWb,YAAY;IAQZ,iBAAiB;IAcjB,iBAAiB;IAIjB,kBAAkB;IAelB,YAAY;IAqBZ,cAAc;IAad,cAAc;IAKd,iBAAiB,CAAC,QAAQ,EAAE,MAAM;IAOlC,4BAA4B,CAC1B,QAAQ,EAAE,MAAM,EAChB,oBAAoB,CAAC,EAAE,QAAQ;IAOjC,2BAA2B,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAKjE,eAAe;IAOf,aAAa,aASX;IAEF,wBAAwB;IAUxB,cAAc;IAOd,WAAW;IAMX,kBAAkB,CAAC,MAAM,EAAE,YAAY;IAIvC,gBAAgB,IAAI,aAAa;IAMjC,yBAAyB,CAAC,MAAM,EAAE,MAAM;IAUxC,kBAAkB;IAIlB,aAAa;IAOb,MAAM,CAAC,QAAQ,EAAE,cAAc;IAQ/B,YAAY;CAMb"}

package/dist/lib/turbolinks/visit.js

@@ -0,0 +1,227 @@
+import { HttpRequest } from "./http_request";
+import { Snapshot } from "./snapshot";
+import { uuid } from "./util";
+export var TimingMetric;
+(function (TimingMetric) {
+    TimingMetric["visitStart"] = "visitStart";
+    TimingMetric["requestStart"] = "requestStart";
+    TimingMetric["requestEnd"] = "requestEnd";
+    TimingMetric["visitEnd"] = "visitEnd";
+})(TimingMetric || (TimingMetric = {}));
+export var VisitState;
+(function (VisitState) {
+    VisitState["initialized"] = "initialized";
+    VisitState["started"] = "started";
+    VisitState["canceled"] = "canceled";
+    VisitState["failed"] = "failed";
+    VisitState["completed"] = "completed";
+})(VisitState || (VisitState = {}));
+export class Visit {
+    constructor(controller, location, action, restorationIdentifier = uuid()) {
+        this.identifier = uuid();
+        this.timingMetrics = {};
+        this.followedRedirect = false;
+        this.historyChanged = false;
+        this.progress = 0;
+        this.scrolled = false;
+        this.snapshotCached = false;
+        this.state = VisitState.initialized;
+        // Scrolling
+        this.performScroll = () => {
+            if (!this.scrolled) {
+                if (this.action == "restore") {
+                    this.scrollToRestoredPosition() || this.scrollToTop();
+                }
+                else {
+                    this.scrollToAnchor() || this.scrollToTop();
+                }
+                this.scrolled = true;
+            }
+        };
+        this.controller = controller;
+        this.location = location;
+        this.action = action;
+        this.adapter = controller.adapter;
+        this.restorationIdentifier = restorationIdentifier;
+    }
+    start() {
+        if (this.state == VisitState.initialized) {
+            this.recordTimingMetric(TimingMetric.visitStart);
+            this.state = VisitState.started;
+            this.adapter.visitStarted(this);
+        }
+    }
+    cancel() {
+        if (this.state == VisitState.started) {
+            if (this.request) {
+                this.request.cancel();
+            }
+            this.cancelRender();
+            this.state = VisitState.canceled;
+        }
+    }
+    complete() {
+        if (this.state == VisitState.started) {
+            this.recordTimingMetric(TimingMetric.visitEnd);
+            this.state = VisitState.completed;
+            this.adapter.visitCompleted(this);
+            this.controller.visitCompleted(this);
+        }
+    }
+    fail() {
+        if (this.state == VisitState.started) {
+            this.state = VisitState.failed;
+            this.adapter.visitFailed(this);
+        }
+    }
+    changeHistory() {
+        if (!this.historyChanged) {
+            const actionForHistory = this.location.isEqualTo(this.referrer)
+                ? "replace"
+                : this.action;
+            const method = this.getHistoryMethodForAction(actionForHistory);
+            method.call(this.controller, this.location, this.restorationIdentifier);
+            this.historyChanged = true;
+        }
+    }
+    issueRequest() {
+        if (this.shouldIssueRequest() && !this.request) {
+            this.progress = 0;
+            this.request = new HttpRequest(this, this.location, this.referrer);
+            this.request.send();
+        }
+    }
+    getCachedSnapshot() {
+        const snapshot = this.controller.getCachedSnapshotForLocation(this.location);
+        if (snapshot &&
+            (!this.location.anchor || snapshot.hasAnchor(this.location.anchor))) {
+            if (this.action == "restore" || snapshot.isPreviewable()) {
+                return snapshot;
+            }
+        }
+    }
+    hasCachedSnapshot() {
+        return this.getCachedSnapshot() != null;
+    }
+    loadCachedSnapshot() {
+        const snapshot = this.getCachedSnapshot();
+        if (snapshot) {
+            const isPreview = this.shouldIssueRequest();
+            this.render(() => {
+                this.cacheSnapshot();
+                this.controller.render({ snapshot, isPreview }, this.performScroll);
+                this.adapter.visitRendered(this);
+                if (!isPreview) {
+                    this.complete();
+                }
+            });
+        }
+    }
+    loadResponse() {
+        const { request, response } = this;
+        if (request && response) {
+            this.render(() => {
+                this.cacheSnapshot();
+                if (request.failed) {
+                    this.controller.render({ error: this.response }, this.performScroll);
+                    this.adapter.visitRendered(this);
+                    this.fail();
+                }
+                else {
+                    this.controller.render({ snapshot: Snapshot.fromHTMLString(response) }, this.performScroll);
+                    this.adapter.visitRendered(this);
+                    this.complete();
+                }
+            });
+        }
+    }
+    followRedirect() {
+        if (this.redirectedToLocation && !this.followedRedirect) {
+            this.location = this.redirectedToLocation;
+            this.controller.replaceHistoryWithLocationAndRestorationIdentifier(this.redirectedToLocation, this.restorationIdentifier);
+            this.followedRedirect = true;
+        }
+    }
+    // HTTP request delegate
+    requestStarted() {
+        this.recordTimingMetric(TimingMetric.requestStart);
+        this.adapter.visitRequestStarted(this);
+    }
+    requestProgressed(progress) {
+        this.progress = progress;
+        if (this.adapter.visitRequestProgressed) {
+            this.adapter.visitRequestProgressed(this);
+        }
+    }
+    requestCompletedWithResponse(response, redirectedToLocation) {
+        this.response = response;
+        this.redirectedToLocation = redirectedToLocation;
+        this.adapter.visitRequestCompleted(this);
+    }
+    requestFailedWithStatusCode(statusCode, response) {
+        this.response = response;
+        this.adapter.visitRequestFailedWithStatusCode(this, statusCode);
+    }
+    requestFinished() {
+        this.recordTimingMetric(TimingMetric.requestEnd);
+        this.adapter.visitRequestFinished(this);
+    }
+    scrollToRestoredPosition() {
+        const position = this.restorationData
+            ? this.restorationData.scrollPosition
+            : undefined;
+        if (position) {
+            this.controller.scrollToPosition(position);
+            return true;
+        }
+    }
+    scrollToAnchor() {
+        if (this.location.anchor != null) {
+            this.controller.scrollToAnchor(this.location.anchor);
+            return true;
+        }
+    }
+    scrollToTop() {
+        this.controller.scrollToPosition({ x: 0, y: 0 });
+    }
+    // Instrumentation
+    recordTimingMetric(metric) {
+        this.timingMetrics[metric] = new Date().getTime();
+    }
+    getTimingMetrics() {
+        return { ...this.timingMetrics };
+    }
+    // Private
+    getHistoryMethodForAction(action) {
+        switch (action) {
+            case "replace":
+                return this.controller
+                    .replaceHistoryWithLocationAndRestorationIdentifier;
+            case "advance":
+            case "restore":
+                return this.controller.pushHistoryWithLocationAndRestorationIdentifier;
+        }
+    }
+    shouldIssueRequest() {
+        return this.action == "restore" ? !this.hasCachedSnapshot() : true;
+    }
+    cacheSnapshot() {
+        if (!this.snapshotCached) {
+            this.controller.cacheSnapshot();
+            this.snapshotCached = true;
+        }
+    }
+    render(callback) {
+        this.cancelRender();
+        this.frame = requestAnimationFrame(() => {
+            delete this.frame;
+            callback.call(this);
+        });
+    }
+    cancelRender() {
+        if (this.frame) {
+            cancelAnimationFrame(this.frame);
+            delete this.frame;
+        }
+    }
+}

package/dist/renderer/+config.d.ts

@@ -15,6 +15,12 @@ declare const _default: {
         documentProps: {
             env: "server-and-client";
         };
+        isLoggedIn: {
+            env: "server-and-client";
+        };
+        scripts: {
+            env: "server-and-client";
+        };
     };
 };
 export default _default;

package/dist/renderer/+config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"+config.d.ts","sourceRoot":"","sources":["../../renderer/+config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,wBAYgC"}
+{"version":3,"file":"+config.d.ts","sourceRoot":"","sources":["../../renderer/+config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAcgC"}

package/dist/renderer/+config.js

@@ -1,5 +1,5 @@
 export default {
-    passToClient: ["layoutProps", "pageProps", "redirectTo", "documentProps"],
+    passToClient: ["layoutProps", "pageProps", "redirectTo", "documentProps", "isLoggedIn", "scripts"],
     onRenderClient: "import:@alignable/bifrost/renderer/onRenderClient",
     onRenderHtml: "import:@alignable/bifrost/renderer/onRenderHtml",
     onBeforeRoute: "import:@alignable/bifrost/renderer/onBeforeRoute",
@@ -9,5 +9,7 @@ export default {
         Layout: { env: "server-and-client" },
         layoutProps: { env: "server-and-client" },
         documentProps: { env: "server-and-client" },
+        isLoggedIn: { env: "server-and-client" },
+        scripts: { env: "server-and-client" },
     },
 };

package/dist/renderer/onBeforeRoute.d.ts

@@ -1,9 +1,9 @@
 export default function onBeforeRoute(_pageContext: any): {
     pageContext: {
         _pageId: string;
+        layoutProps: Record<string, unknown>;
         proxySendClient?: import("../types/internal.js").Proxy | undefined;
         layout: string;
-        layoutProps: Record<string, unknown>;
     };
 } | undefined;
 //# sourceMappingURL=onBeforeRoute.d.ts.map

package/dist/renderer/onRenderClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onRenderClient.d.ts","sourceRoot":"","sources":["../../renderer/onRenderClient.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAUhE,wBAA8B,cAAc,CAC1C,WAAW,EAAE,wBAAwB,iBA8BtC"}
+{"version":3,"file":"onRenderClient.d.ts","sourceRoot":"","sources":["../../renderer/onRenderClient.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAWhE,wBAA8B,cAAc,CAC1C,WAAW,EAAE,wBAAwB,iBAmCtC"}

package/dist/renderer/onRenderClient.js

@@ -6,6 +6,7 @@ import { getDocumentProps } from "./getDocumentProps.js";
 import { cacheProxiedBody } from "../lib/snapshots.js";
 import { navigateAnywhere } from "../lib/navigateAnywhere.js";
 import { setupTurbolinks } from "../lib/turbolinks.js";
+import { formatMetaObject } from "./utils/formatMetaObject.js";
 setupTurbolinks();
 export default async function onRenderClient(pageContext) {
     if (navigateAnywhere(pageContext.redirectTo))
@@ -18,11 +19,16 @@ export default async function onRenderClient(pageContext) {
         throw new Error("Client-side render() hook expects Layout to be exported");
     document.removeEventListener("click", turbolinksClickListener);
     cacheProxiedBody();
-    const { title = "", description = "" } = getDocumentProps(pageContext);
+    const { title = "", description = "", viewport } = getDocumentProps(pageContext);
     document.title = title;
     document.head
         .querySelector("meta[name='description']")
         ?.setAttribute("content", description);
+    if (viewport) {
+        document.head
+            .querySelector("meta[name='viewport']")
+            ?.setAttribute("content", formatMetaObject(viewport));
+    }
     const page = (React.createElement(PageShell, { pageContext: pageContext },
         React.createElement(Layout, { ...layoutProps },
             React.createElement(Page, { ...pageProps }))));

package/dist/renderer/onRenderHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onRenderHtml.d.ts","sourceRoot":"","sources":["../../renderer/onRenderHtml.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,wBAA8B,YAAY,CACxC,WAAW,EAAE,wBAAwB;;;GA0CtC"}
+{"version":3,"file":"onRenderHtml.d.ts","sourceRoot":"","sources":["../../renderer/onRenderHtml.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,wBAA8B,YAAY,CACxC,WAAW,EAAE,wBAAwB;;;GAmDtC"}

package/dist/renderer/onRenderHtml.js

@@ -3,6 +3,7 @@ import React from "react";
 import { PageShell } from "../lib/PageShell.js";
 import { escapeInject, dangerouslySkipEscape } from "vite-plugin-ssr/server";
 import { getDocumentProps } from "./getDocumentProps.js";
+import { formatMetaObject } from "./utils/formatMetaObject.js";
 export default async function onRenderHtml(pageContext) {
     const { Page, pageProps } = pageContext;
     const { Layout, layoutProps } = pageContext.config;
@@ -13,17 +14,24 @@ export default async function onRenderHtml(pageContext) {
     const pageHtml = ReactDOMServer.renderToString(React.createElement(PageShell, { pageContext: pageContext },
         React.createElement(Layout, { ...layoutProps },
             React.createElement(Page, { ...pageProps }))));
+    const { googleAnalytics, osano } = pageContext.config.scripts;
+    const googleAnalyticsTag = dangerouslySkipEscape(googleAnalytics);
+    const osanoTag = dangerouslySkipEscape(osano);
     // // See https://vite-plugin-ssr.com/head
-    const { title = "", description = "" } = getDocumentProps(pageContext);
+    const { title = "", description = "", viewport } = getDocumentProps(pageContext);
     if (!title) {
         console.warn(`No title set for ${pageContext.urlOriginal}!`);
     }
+    const viewportTag = !viewport ? "" : escapeInject `<meta content="${formatMetaObject(viewport)}" name="viewport">`;
     const documentHtml = escapeInject `<!DOCTYPE html>
     <html lang="en">
       <head>
+      ${googleAnalyticsTag}
+      ${osanoTag}
       <title>${title}</title>
       <meta name="title" property="og:title" content="${title}"/>
       <meta name="description" content="${description}"/>
+      ${viewportTag}
       </head>
       <body>
         <div id="page-view">${dangerouslySkipEscape(pageHtml)}</div>

package/dist/renderer/utils/formatMetaObject.d.ts

@@ -0,0 +1,4 @@
+export declare function formatMetaObject(obj: {
+    [key: string]: string;
+}): string;
+//# sourceMappingURL=formatMetaObject.d.ts.map

package/dist/renderer/utils/formatMetaObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatMetaObject.d.ts","sourceRoot":"","sources":["../../../renderer/utils/formatMetaObject.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,GAAG,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,UAE9D"}

package/dist/renderer/utils/formatMetaObject.js

@@ -0,0 +1,3 @@
+export function formatMetaObject(obj) {
+    return Object.entries(obj).map((e) => e.join("=")).join(", ");
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alignable/bifrost",
   "repository": "https://github.com/Alignable/bifrost.git",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {

package/dist/proxy/pages/onPageTransitionEnd.d.ts

@@ -1,3 +0,0 @@
-import { PageContextBuiltInClientWithClientRouting } from "vite-plugin-ssr/types";
-export default function onPageTransitionEnd(pageContext: PageContextBuiltInClientWithClientRouting): void;
-//# sourceMappingURL=onPageTransitionEnd.d.ts.map

package/dist/proxy/pages/onPageTransitionEnd.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"onPageTransitionEnd.d.ts","sourceRoot":"","sources":["../../../proxy/pages/onPageTransitionEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yCAAyC,EAAE,MAAM,uBAAuB,CAAC;AAGlF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,WAAW,EAAE,yCAAyC,QAGvD"}

package/dist/proxy/pages/onPageTransitionEnd.js

@@ -1,3 +0,0 @@
-export default function onPageTransitionEnd(pageContext) {
-    // TODO: We're just guessing with the request. handle failed and failedwithstatuscode
-}