@alignable/bifrost 0.0.9 → 0.0.10

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

@@ -0,0 +1,25 @@
+import { HeadDetails } from "./head_details";
+import { Location } from "./location";
+export declare class Snapshot {
+    static wrap(value: Snapshot | string | HTMLHtmlElement): Snapshot;
+    static fromHTMLString(html: string): Snapshot;
+    static fromHTMLElement(htmlElement: HTMLHtmlElement): Snapshot;
+    readonly headDetails: HeadDetails;
+    readonly bodyElement: HTMLBodyElement;
+    constructor(headDetails: HeadDetails, bodyElement: HTMLBodyElement);
+    clone(): Snapshot;
+    getRootLocation(): Location;
+    getCacheControlValue(): string | undefined;
+    getElementForAnchor(anchor: string): Element | null;
+    getPermanentElements(): Element[];
+    getPermanentElementById(id: string): Element | null;
+    getPermanentElementsPresentInSnapshot(snapshot: Snapshot): Element[];
+    findFirstAutofocusableElement(): Element | null;
+    hasAnchor(anchor: string): boolean;
+    isPreviewable(): boolean;
+    isCacheable(): boolean;
+    isVisitable(): boolean;
+    getSetting(name: string): string | undefined;
+    getSetting(name: string, defaultValue: string): string;
+}
+//# sourceMappingURL=snapshot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/snapshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,qBAAa,QAAQ;IACnB,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,eAAe;IAUtD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM;IAMlC,MAAM,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe;IAQnD,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,WAAW,EAAE,eAAe,CAAC;gBAE1B,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe;IAKlE,KAAK,IAAI,QAAQ;IAOjB,eAAe;IAKf,oBAAoB;IAIpB,mBAAmB,CAAC,MAAM,EAAE,MAAM;IAUlC,oBAAoB;IAMpB,uBAAuB,CAAC,EAAE,EAAE,MAAM;IAIlC,qCAAqC,CAAC,QAAQ,EAAE,QAAQ;IAMxD,6BAA6B;IAI7B,SAAS,CAAC,MAAM,EAAE,MAAM;IAIxB,aAAa;IAIb,WAAW;IAIX,WAAW;IAMX,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAC5C,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM;CAKvD"}

package/dist/lib/turbolinks/snapshot.js

@@ -0,0 +1,77 @@
+import { HeadDetails } from "./head_details";
+import { Location } from "./location";
+import { array } from "./util";
+export class Snapshot {
+    static wrap(value) {
+        if (value instanceof this) {
+            return value;
+        }
+        else if (typeof value == "string") {
+            return this.fromHTMLString(value);
+        }
+        else {
+            return this.fromHTMLElement(value);
+        }
+    }
+    static fromHTMLString(html) {
+        const element = document.createElement("html");
+        element.innerHTML = html;
+        return this.fromHTMLElement(element);
+    }
+    static fromHTMLElement(htmlElement) {
+        const headElement = htmlElement.querySelector("head");
+        const bodyElement = htmlElement.querySelector("body") || document.createElement("body");
+        const headDetails = HeadDetails.fromHeadElement(headElement);
+        return new this(headDetails, bodyElement);
+    }
+    constructor(headDetails, bodyElement) {
+        this.headDetails = headDetails;
+        this.bodyElement = bodyElement;
+    }
+    clone() {
+        return new Snapshot(this.headDetails, this.bodyElement.cloneNode(true));
+    }
+    getRootLocation() {
+        const root = this.getSetting("root", "/");
+        return new Location(root);
+    }
+    getCacheControlValue() {
+        return this.getSetting("cache-control");
+    }
+    getElementForAnchor(anchor) {
+        try {
+            return this.bodyElement.querySelector(`[id='${anchor}'], a[name='${anchor}']`);
+        }
+        catch {
+            return null;
+        }
+    }
+    getPermanentElements() {
+        return array(this.bodyElement.querySelectorAll("[id][data-turbolinks-permanent]"));
+    }
+    getPermanentElementById(id) {
+        return this.bodyElement.querySelector(`#${id}[data-turbolinks-permanent]`);
+    }
+    getPermanentElementsPresentInSnapshot(snapshot) {
+        return this.getPermanentElements().filter(({ id }) => snapshot.getPermanentElementById(id));
+    }
+    findFirstAutofocusableElement() {
+        return this.bodyElement.querySelector("[autofocus]");
+    }
+    hasAnchor(anchor) {
+        return this.getElementForAnchor(anchor) != null;
+    }
+    isPreviewable() {
+        return this.getCacheControlValue() != "no-preview";
+    }
+    isCacheable() {
+        return this.getCacheControlValue() != "no-cache";
+    }
+    isVisitable() {
+        return this.getSetting("visit-control") != "reload";
+    }
+    getSetting(name, defaultValue) {
+        const value = this.headDetails.getMetaValue(`turbolinks-${name}`);
+        return value == null ? defaultValue : value;
+    }
+}

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

@@ -0,0 +1,18 @@
+import { Location } from "./location";
+import { Snapshot } from "./snapshot";
+export declare class SnapshotCache {
+    readonly keys: string[];
+    readonly snapshots: {
+        [url: string]: Snapshot;
+    };
+    readonly size: number;
+    constructor(size: number);
+    has(location: Location): boolean;
+    get(location: Location): Snapshot | undefined;
+    put(location: Location, snapshot: Snapshot): Snapshot;
+    read(location: Location): Snapshot;
+    write(location: Location, snapshot: Snapshot): void;
+    touch(location: Location): void;
+    trim(): void;
+}
+//# sourceMappingURL=snapshot_cache.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot_cache.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/snapshot_cache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,qBAAa,aAAa;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAM;IAC7B,QAAQ,CAAC,SAAS,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,CAAM;IACrD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;gBAEV,IAAI,EAAE,MAAM;IAIxB,GAAG,CAAC,QAAQ,EAAE,QAAQ;IAItB,GAAG,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS;IAQ7C,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;IAQ1C,IAAI,CAAC,QAAQ,EAAE,QAAQ;IAIvB,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;IAI5C,KAAK,CAAC,QAAQ,EAAE,QAAQ;IAQxB,IAAI;CAKL"}

package/dist/lib/turbolinks/snapshot_cache.js

@@ -0,0 +1,42 @@
+export class SnapshotCache {
+    constructor(size) {
+        this.keys = [];
+        this.snapshots = {};
+        this.size = size;
+    }
+    has(location) {
+        return location.toCacheKey() in this.snapshots;
+    }
+    get(location) {
+        if (this.has(location)) {
+            const snapshot = this.read(location);
+            this.touch(location);
+            return snapshot;
+        }
+    }
+    put(location, snapshot) {
+        this.write(location, snapshot);
+        this.touch(location);
+        return snapshot;
+    }
+    // Private
+    read(location) {
+        return this.snapshots[location.toCacheKey()];
+    }
+    write(location, snapshot) {
+        this.snapshots[location.toCacheKey()] = snapshot;
+    }
+    touch(location) {
+        const key = location.toCacheKey();
+        const index = this.keys.indexOf(key);
+        if (index > -1)
+            this.keys.splice(index, 1);
+        this.keys.unshift(key);
+        this.trim();
+    }
+    trim() {
+        for (const key of this.keys.splice(this.size)) {
+            delete this.snapshots[key];
+        }
+    }
+}

package/dist/lib/turbolinks/snapshot_renderer copy.d.ts

@@ -0,0 +1,45 @@
+import { HeadDetails } from "./head_details";
+import { Renderer, RenderDelegate, RenderCallback } from "./renderer";
+import { Snapshot } from "./snapshot";
+export type PermanentElement = Element & {
+    id: string;
+};
+export type Placeholder = {
+    element: Element;
+    permanentElement: PermanentElement;
+};
+type BodyRenderer = (body: string) => void;
+export declare class SnapshotRenderer extends Renderer {
+    delegate?: RenderDelegate;
+    readonly currentSnapshot: Snapshot;
+    readonly currentHeadDetails: HeadDetails;
+    readonly newSnapshot: Snapshot;
+    readonly newHeadDetails: HeadDetails;
+    readonly newBody: HTMLBodyElement;
+    readonly isPreview: boolean;
+    renderBody: BodyRenderer;
+    static render(delegate: RenderDelegate, callback: RenderCallback, currentSnapshot: Snapshot, newSnapshot: Snapshot, isPreview: boolean, renderBody: BodyRenderer): Promise<void>;
+    constructor(currentSnapshot: Snapshot, newSnapshot: Snapshot, isPreview: boolean, renderBody: BodyRenderer);
+    render(delegate: RenderDelegate, callback: RenderCallback): Promise<void>;
+    mergeHead(): Promise<void>;
+    replaceBody(): void;
+    shouldRender(): boolean;
+    trackedElementsAreIdentical(): boolean;
+    copyNewHeadStylesheetElements(): void;
+    copyNewHeadScriptElements(onScriptsLoaded: () => void): void;
+    removeCurrentHeadProvisionalElements(): void;
+    copyNewHeadProvisionalElements(): void;
+    relocateCurrentBodyPermanentElements(): Placeholder[];
+    replacePlaceholderElementsWithClonedPermanentElements(placeholders: Placeholder[]): void;
+    activateNewBodyScriptElements(): void;
+    assignNewBody(): void;
+    focusFirstAutofocusableElement(): void;
+    getNewHeadStylesheetElements(): Element[];
+    getNewHeadScriptElements(): HTMLScriptElement[];
+    getCurrentHeadProvisionalElements(): Element[];
+    getNewHeadProvisionalElements(): Element[];
+    getCurrentBodyPermanentElements(): PermanentElement[];
+    getNewBodyScriptElements(): HTMLScriptElement[];
+}
+export {};
+//# sourceMappingURL=snapshot_renderer%20copy.d.ts.map

package/dist/lib/turbolinks/snapshot_renderer copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot_renderer copy.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/snapshot_renderer copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAK3C,qBAAa,gBAAiB,SAAQ,QAAQ;IAC5C,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC;IACnC,QAAQ,CAAC,kBAAkB,EAAE,WAAW,CAAC;IACzC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC/B,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,YAAY,CAAC;IAGzB,MAAM,CAAC,MAAM,CACX,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,cAAc,EACxB,eAAe,EAAE,QAAQ,EACzB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,YAAY;gBAWxB,eAAe,EAAE,QAAQ,EACzB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,YAAY;IAYpB,MAAM,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc;IAczD,SAAS;IAmBf,WAAW;IAOX,YAAY;IAIZ,2BAA2B;IAO3B,6BAA6B;IAM7B,yBAAyB,CAAC,eAAe,EAAE,MAAM,IAAI;IAoCrD,oCAAoC;IAMpC,8BAA8B;IAM9B,oCAAoC;IAoBpC,qDAAqD,CACnD,YAAY,EAAE,WAAW,EAAE;IAQ7B,6BAA6B;IAO7B,aAAa;IAOb,8BAA8B;IAO9B,4BAA4B;IAM5B,wBAAwB;IAMxB,iCAAiC;IAIjC,6BAA6B;IAI7B,+BAA+B,IAAI,gBAAgB,EAAE;IAMrD,wBAAwB;CAGzB"}

package/dist/lib/turbolinks/snapshot_renderer copy.js

@@ -0,0 +1,179 @@
+import { Renderer } from "./renderer";
+import { array, createScriptElement } from "./util";
+const allHeadScriptsEverRun = {};
+let firstLoad = true;
+export class SnapshotRenderer extends Renderer {
+    // todo: dont need this?
+    static render(delegate, callback, currentSnapshot, newSnapshot, isPreview, renderBody) {
+        return new this(currentSnapshot, newSnapshot, isPreview, renderBody).render(delegate, callback);
+    }
+    constructor(currentSnapshot, newSnapshot, isPreview, renderBody) {
+        super();
+        this.currentSnapshot = currentSnapshot;
+        this.currentHeadDetails = currentSnapshot.headDetails;
+        this.newSnapshot = newSnapshot;
+        this.newHeadDetails = newSnapshot.headDetails;
+        this.newBody = newSnapshot.bodyElement;
+        this.isPreview = isPreview;
+        this.renderBody = renderBody;
+    }
+    async render(delegate, callback) {
+        this.delegate = delegate;
+        if (this.shouldRender()) {
+            this.replaceBody();
+            if (!this.isPreview) {
+                this.focusFirstAutofocusableElement();
+            }
+            await this.mergeHead();
+            callback();
+        }
+        else {
+            this.invalidateView();
+        }
+    }
+    async mergeHead() {
+        if (firstLoad) {
+            // TODO: messy code
+            for (const [outerHTML, details] of Object.entries(this.currentHeadDetails.detailsByOuterHTML)) {
+                allHeadScriptsEverRun[outerHTML] = true;
+            }
+        }
+        firstLoad = false;
+        return new Promise((resolve) => {
+            this.copyNewHeadStylesheetElements();
+            this.copyNewHeadScriptElements(resolve);
+            this.removeCurrentHeadProvisionalElements();
+            this.copyNewHeadProvisionalElements();
+        });
+    }
+    replaceBody() {
+        const placeholders = this.relocateCurrentBodyPermanentElements();
+        this.activateNewBodyScriptElements();
+        this.assignNewBody(); // todo: react.
+        this.replacePlaceholderElementsWithClonedPermanentElements(placeholders);
+    }
+    shouldRender() {
+        return this.newSnapshot.isVisitable() && this.trackedElementsAreIdentical();
+    }
+    trackedElementsAreIdentical() {
+        return (this.currentHeadDetails.getTrackedElementSignature() ==
+            this.newHeadDetails.getTrackedElementSignature());
+    }
+    copyNewHeadStylesheetElements() {
+        for (const element of this.getNewHeadStylesheetElements()) {
+            document.head.appendChild(element);
+        }
+    }
+    copyNewHeadScriptElements(onScriptsLoaded) {
+        let blockingLoaded = [];
+        const dispatch = () => {
+            this.activateNewBodyScriptElements();
+            this.focusFirstAutofocusableElement();
+            onScriptsLoaded();
+        };
+        for (const element of this.getNewHeadScriptElements()) {
+            const runBefore = element.outerHTML in allHeadScriptsEverRun;
+            if (!runBefore) {
+                let cb = false;
+                if (!element.defer && element.src) {
+                    const idx = blockingLoaded.length;
+                    cb = () => {
+                        blockingLoaded[idx] = true;
+                        if (blockingLoaded.every((v) => v)) {
+                            dispatch();
+                        }
+                    };
+                    blockingLoaded.push(false);
+                }
+                const script = createScriptElement(element);
+                if (cb) {
+                    script.addEventListener("load", cb);
+                }
+                document.head.appendChild(script);
+                allHeadScriptsEverRun[element.outerHTML] = true;
+            }
+        }
+        if (blockingLoaded.length === 0) {
+            // //TODO: raf waits for react to finish... not 100% sure of the reliability
+            requestAnimationFrame(dispatch);
+        }
+    }
+    removeCurrentHeadProvisionalElements() {
+        for (const element of this.getCurrentHeadProvisionalElements()) {
+            document.head.removeChild(element);
+        }
+    }
+    copyNewHeadProvisionalElements() {
+        for (const element of this.getNewHeadProvisionalElements()) {
+            document.head.appendChild(element);
+        }
+    }
+    relocateCurrentBodyPermanentElements() {
+        return this.getCurrentBodyPermanentElements().reduce((placeholders, permanentElement) => {
+            const newElement = this.newSnapshot.getPermanentElementById(permanentElement.id);
+            if (newElement) {
+                const placeholder = createPlaceholderForPermanentElement(permanentElement);
+                replaceElementWithElement(permanentElement, placeholder.element);
+                replaceElementWithElement(newElement, permanentElement);
+                return [...placeholders, placeholder];
+            }
+            else {
+                return placeholders;
+            }
+        }, []);
+    }
+    replacePlaceholderElementsWithClonedPermanentElements(placeholders) {
+        for (const { element, permanentElement } of placeholders) {
+            const clonedElement = permanentElement.cloneNode(true);
+            replaceElementWithElement(element, clonedElement);
+        }
+    }
+    activateNewBodyScriptElements() {
+        for (const inertScriptElement of this.getNewBodyScriptElements()) {
+            const activatedScriptElement = createScriptElement(inertScriptElement);
+            replaceElementWithElement(inertScriptElement, activatedScriptElement);
+        }
+    }
+    assignNewBody() {
+        replaceElementWithElement(document.querySelector("#alignablewebnextjsframe").firstElementChild, this.newBody);
+    }
+    focusFirstAutofocusableElement() {
+        const element = this.newSnapshot.findFirstAutofocusableElement();
+        if (elementIsFocusable(element)) {
+            element.focus();
+        }
+    }
+    getNewHeadStylesheetElements() {
+        return this.newHeadDetails.getStylesheetElementsNotInDetails(this.currentHeadDetails);
+    }
+    getNewHeadScriptElements() {
+        return this.newHeadDetails.getScriptElementsNotInDetails(this.currentHeadDetails);
+    }
+    getCurrentHeadProvisionalElements() {
+        return this.currentHeadDetails.getProvisionalElements();
+    }
+    getNewHeadProvisionalElements() {
+        return this.newHeadDetails.getProvisionalElements();
+    }
+    getCurrentBodyPermanentElements() {
+        return this.currentSnapshot.getPermanentElementsPresentInSnapshot(this.newSnapshot);
+    }
+    getNewBodyScriptElements() {
+        return array(this.newBody.querySelectorAll("script"));
+    }
+}
+function createPlaceholderForPermanentElement(permanentElement) {
+    const element = document.createElement("meta");
+    element.setAttribute("name", "turbolinks-permanent-placeholder");
+    element.setAttribute("content", permanentElement.id);
+    return { element, permanentElement };
+}
+function replaceElementWithElement(fromElement, toElement) {
+    const parentElement = fromElement.parentElement;
+    if (parentElement) {
+        return parentElement.replaceChild(toElement, fromElement);
+    }
+}
+function elementIsFocusable(element) {
+    return element && typeof element.focus == "function";
+}

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

@@ -0,0 +1,43 @@
+import { HeadDetails } from "./head_details";
+import { RenderCallback, RenderDelegate, Renderer } from "./renderer";
+import { Snapshot } from "./snapshot";
+export { RenderCallback, RenderDelegate } from "./renderer";
+export type PermanentElement = Element & {
+    id: string;
+};
+export type Placeholder = {
+    element: Element;
+    permanentElement: PermanentElement;
+};
+export declare class SnapshotRenderer extends Renderer {
+    readonly delegate: RenderDelegate;
+    readonly currentSnapshot: Snapshot;
+    readonly currentHeadDetails: HeadDetails;
+    readonly newSnapshot: Snapshot;
+    readonly newHeadDetails: HeadDetails;
+    readonly newBody: HTMLBodyElement;
+    readonly isPreview: boolean;
+    static render(delegate: RenderDelegate, callback: RenderCallback, currentSnapshot: Snapshot, newSnapshot: Snapshot, isPreview: boolean): void;
+    constructor(delegate: RenderDelegate, currentSnapshot: Snapshot, newSnapshot: Snapshot, isPreview: boolean);
+    render(callback: RenderCallback): void;
+    mergeHead(): void;
+    replaceBody(): void;
+    shouldRender(): boolean;
+    trackedElementsAreIdentical(): boolean;
+    copyNewHeadStylesheetElements(): void;
+    copyNewHeadScriptElements(): void;
+    removeCurrentHeadProvisionalElements(): void;
+    copyNewHeadProvisionalElements(): void;
+    relocateCurrentBodyPermanentElements(): Placeholder[];
+    replacePlaceholderElementsWithClonedPermanentElements(placeholders: Placeholder[]): void;
+    activateNewBodyScriptElements(): void;
+    assignNewBody(): void;
+    focusFirstAutofocusableElement(): void;
+    getNewHeadStylesheetElements(): Element[];
+    getNewHeadScriptElements(): Element[];
+    getCurrentHeadProvisionalElements(): Element[];
+    getNewHeadProvisionalElements(): Element[];
+    getCurrentBodyPermanentElements(): PermanentElement[];
+    getNewBodyScriptElements(): HTMLScriptElement[];
+}
+//# sourceMappingURL=snapshot_renderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot_renderer.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/snapshot_renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,QAAQ;IAC5C,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC;IACnC,QAAQ,CAAC,kBAAkB,EAAE,WAAW,CAAC;IACzC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC/B,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAE5B,MAAM,CAAC,MAAM,CACX,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,cAAc,EACxB,eAAe,EAAE,QAAQ,EACzB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,OAAO;gBAQlB,QAAQ,EAAE,cAAc,EACxB,eAAe,EAAE,QAAQ,EACzB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,OAAO;IAYpB,MAAM,CAAC,QAAQ,EAAE,cAAc;IAe/B,SAAS;IAOT,WAAW;IAOX,YAAY;IAIZ,2BAA2B;IAO3B,6BAA6B;IAM7B,yBAAyB;IAMzB,oCAAoC;IAMpC,8BAA8B;IAM9B,oCAAoC;IAoBpC,qDAAqD,CACnD,YAAY,EAAE,WAAW,EAAE;IAQ7B,6BAA6B;IAQ7B,aAAa;IAOb,8BAA8B;IAO9B,4BAA4B;IAM5B,wBAAwB;IAMxB,iCAAiC;IAIjC,6BAA6B;IAI7B,+BAA+B,IAAI,gBAAgB,EAAE;IAMrD,wBAAwB;CAGzB"}

package/dist/lib/turbolinks/snapshot_renderer.js

@@ -0,0 +1,139 @@
+import { Renderer } from "./renderer";
+import { array } from "./util";
+export class SnapshotRenderer extends Renderer {
+    static render(delegate, callback, currentSnapshot, newSnapshot, isPreview) {
+        return new this(delegate, currentSnapshot, newSnapshot, isPreview).render(callback);
+    }
+    constructor(delegate, currentSnapshot, newSnapshot, isPreview) {
+        super();
+        this.delegate = delegate;
+        this.currentSnapshot = currentSnapshot;
+        this.currentHeadDetails = currentSnapshot.headDetails;
+        this.newSnapshot = newSnapshot;
+        this.newHeadDetails = newSnapshot.headDetails;
+        this.newBody = newSnapshot.bodyElement;
+        this.isPreview = isPreview;
+    }
+    render(callback) {
+        if (this.shouldRender()) {
+            this.mergeHead();
+            this.renderView(() => {
+                this.replaceBody();
+                if (!this.isPreview) {
+                    this.focusFirstAutofocusableElement();
+                }
+                callback();
+            });
+        }
+        else {
+            this.invalidateView();
+        }
+    }
+    mergeHead() {
+        this.copyNewHeadStylesheetElements();
+        this.copyNewHeadScriptElements();
+        this.removeCurrentHeadProvisionalElements();
+        this.copyNewHeadProvisionalElements();
+    }
+    replaceBody() {
+        const placeholders = this.relocateCurrentBodyPermanentElements();
+        this.activateNewBodyScriptElements();
+        this.assignNewBody();
+        this.replacePlaceholderElementsWithClonedPermanentElements(placeholders);
+    }
+    shouldRender() {
+        return this.newSnapshot.isVisitable() && this.trackedElementsAreIdentical();
+    }
+    trackedElementsAreIdentical() {
+        return (this.currentHeadDetails.getTrackedElementSignature() ==
+            this.newHeadDetails.getTrackedElementSignature());
+    }
+    copyNewHeadStylesheetElements() {
+        for (const element of this.getNewHeadStylesheetElements()) {
+            document.head.appendChild(element);
+        }
+    }
+    copyNewHeadScriptElements() {
+        for (const element of this.getNewHeadScriptElements()) {
+            document.head.appendChild(this.createScriptElement(element));
+        }
+    }
+    removeCurrentHeadProvisionalElements() {
+        for (const element of this.getCurrentHeadProvisionalElements()) {
+            document.head.removeChild(element);
+        }
+    }
+    copyNewHeadProvisionalElements() {
+        for (const element of this.getNewHeadProvisionalElements()) {
+            document.head.appendChild(element);
+        }
+    }
+    relocateCurrentBodyPermanentElements() {
+        return this.getCurrentBodyPermanentElements().reduce((placeholders, permanentElement) => {
+            const newElement = this.newSnapshot.getPermanentElementById(permanentElement.id);
+            if (newElement) {
+                const placeholder = createPlaceholderForPermanentElement(permanentElement);
+                replaceElementWithElement(permanentElement, placeholder.element);
+                replaceElementWithElement(newElement, permanentElement);
+                return [...placeholders, placeholder];
+            }
+            else {
+                return placeholders;
+            }
+        }, []);
+    }
+    replacePlaceholderElementsWithClonedPermanentElements(placeholders) {
+        for (const { element, permanentElement } of placeholders) {
+            const clonedElement = permanentElement.cloneNode(true);
+            replaceElementWithElement(element, clonedElement);
+        }
+    }
+    activateNewBodyScriptElements() {
+        for (const inertScriptElement of this.getNewBodyScriptElements()) {
+            const activatedScriptElement = this.createScriptElement(inertScriptElement);
+            replaceElementWithElement(inertScriptElement, activatedScriptElement);
+        }
+    }
+    assignNewBody() {
+        replaceElementWithElement(document.querySelector("#alignablewebnextjsframe").firstElementChild, this.newBody);
+    }
+    focusFirstAutofocusableElement() {
+        const element = this.newSnapshot.findFirstAutofocusableElement();
+        if (elementIsFocusable(element)) {
+            element.focus();
+        }
+    }
+    getNewHeadStylesheetElements() {
+        return this.newHeadDetails.getStylesheetElementsNotInDetails(this.currentHeadDetails);
+    }
+    getNewHeadScriptElements() {
+        return this.newHeadDetails.getScriptElementsNotInDetails(this.currentHeadDetails);
+    }
+    getCurrentHeadProvisionalElements() {
+        return this.currentHeadDetails.getProvisionalElements();
+    }
+    getNewHeadProvisionalElements() {
+        return this.newHeadDetails.getProvisionalElements();
+    }
+    getCurrentBodyPermanentElements() {
+        return this.currentSnapshot.getPermanentElementsPresentInSnapshot(this.newSnapshot);
+    }
+    getNewBodyScriptElements() {
+        return array(this.newBody.querySelectorAll("script"));
+    }
+}
+function createPlaceholderForPermanentElement(permanentElement) {
+    const element = document.createElement("meta");
+    element.setAttribute("name", "turbolinks-permanent-placeholder");
+    element.setAttribute("content", permanentElement.id);
+    return { element, permanentElement };
+}
+function replaceElementWithElement(fromElement, toElement) {
+    const parentElement = fromElement.parentElement;
+    if (parentElement) {
+        return parentElement.replaceChild(toElement, fromElement);
+    }
+}
+function elementIsFocusable(element) {
+    return element && typeof element.focus == "function";
+}

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

@@ -0,0 +1,7 @@
+export type Action = "advance" | "replace" | "restore";
+export declare function isAction(action: any): action is Action;
+export type Position = {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,MAAM,CAEtD;AAED,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/lib/turbolinks/types.js

@@ -0,0 +1,3 @@
+export function isAction(action) {
+    return action == "advance" || action == "replace" || action == "restore";
+}

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

@@ -0,0 +1,14 @@
+export declare function array<T>(values: ArrayLike<T>): T[];
+export declare const closest: (element: Element, selector: string) => Element | null;
+export declare function defer(callback: () => any): void;
+export type DispatchOptions = {
+    target: EventTarget;
+    cancelable: boolean;
+    data: any;
+};
+export declare function dispatch(eventName: string, { target, cancelable, data }?: Partial<DispatchOptions>): Event & {
+    data: any;
+};
+export declare function unindent(strings: TemplateStringsArray, ...values: any[]): string;
+export declare function uuid(): string;
+//# sourceMappingURL=util.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../lib/turbolinks/util.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAElD;AAED,eAAO,MAAM,OAAO,YAwBQ,OAAO,YAAY,MAAM,mBAGjD,CAAC;AAEL,wBAAgB,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,QAExC;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,wBAAgB,QAAQ,CACtB,SAAS,EAAE,MAAM,EACjB,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAE,OAAO,CAAC,eAAe,CAAM;UAEK,GAAG;EAkBpE;AASD,wBAAgB,QAAQ,CACtB,OAAO,EAAE,oBAAoB,EAC7B,GAAG,MAAM,EAAE,GAAG,EAAE,GACf,MAAM,CAKR;AAaD,wBAAgB,IAAI,WAcnB"}