unpoly-rails 3.0.0.rc2 → 3.0.0.rc3

data/assets/unpoly/unpoly.es6.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.0.0-rc2'
+    version: '3.0.0-rc3'
 };
 
 
@@ -111,15 +111,15 @@ up.util = (function () {
             return block;
         }
     }
-    function map(array, block) {
-        if (array.length === 0) {
+    function map(list, block) {
+        if (list.length === 0) {
             return [];
         }
         block = iteratee(block);
         let mapped = [];
-        for (let i = 0; i < array.length; i++) {
-            let element = array[i];
-            mapped.push(block(element, i));
+        let i = 0;
+        for (let item of list) {
+            mapped.push(block(item, i++));
         }
         return mapped;
     }
@@ -131,8 +131,9 @@ up.util = (function () {
         return map(array, pairer).reduce(merger, {});
     }
     function each(array, block) {
-        for (let i = 0; i < array.length; i++) {
-            block(array[i], i);
+        let i = 0;
+        for (let item of array) {
+            block(item, i++);
         }
     }
     function isNull(object) {
@@ -309,10 +310,11 @@ up.util = (function () {
     function some(list, tester) {
         return !!findResult(list, tester);
     }
-    function findResult(array, tester) {
+    function findResult(list, tester) {
         tester = iteratee(tester);
-        for (let i = 0; i < array.length; i++) {
-            const result = tester(array[i], i);
+        let i = 0;
+        for (let item of list) {
+            const result = tester(item, i++);
             if (result) {
                 return result;
             }
@@ -321,8 +323,9 @@ up.util = (function () {
     function every(list, tester) {
         tester = iteratee(tester);
         let match = true;
-        for (let i = 0; i < list.length; i++) {
-            if (!tester(list[i], i)) {
+        let i = 0;
+        for (let item of list) {
+            if (!tester(item, i++)) {
                 match = false;
                 break;
             }
@@ -494,7 +497,7 @@ up.util = (function () {
     function flatMap(array, block) {
         return flatten(map(array, block));
     }
-    function always(promise, callback) {
+    function always(promise, callback = identity) {
         return promise.then(callback, callback);
     }
     function newDeferred() {
@@ -596,7 +599,7 @@ up.util = (function () {
         Object.defineProperty(object, prop, { get });
     }
     function defineDelegates(object, props, targetProvider) {
-        wrapList(props).forEach(function (prop) {
+        for (let prop of props) {
             Object.defineProperty(object, prop, {
                 get() {
                     const target = targetProvider.call(this);
@@ -611,7 +614,7 @@ up.util = (function () {
                     target[prop] = newValue;
                 }
             });
-        });
+        }
     }
     function stringifyArg(arg) {
         let string;
@@ -706,6 +709,14 @@ up.util = (function () {
             };
         }
     }
+    function safeStringifyJSON(value) {
+        let json = JSON.stringify(value);
+        return escapeHighASCII(json);
+    }
+    function escapeHighASCII(string) {
+        let unicodeEscape = (char) => "\\u" + char.charCodeAt(0).toString(16).padStart(4, '0');
+        return string.replace(/[^\x00-\x7F]/g, unicodeEscape);
+    }
     return {
         parseURL,
         normalizeURL,
@@ -801,7 +812,8 @@ up.util = (function () {
         sprintf,
         renameKeys,
         negate,
-        memoizeMethod
+        memoizeMethod,
+        safeStringifyJSON,
     };
 })();
 
@@ -1162,9 +1174,17 @@ up.element = (function () {
         klass = klass.replace(/:/g, '\\:');
         return `.${klass}`;
     }
-    function createDocumentFromHTML(html) {
+    function createBrokenDocumentFromHTML(html) {
         return new DOMParser().parseFromString(html, 'text/html');
     }
+    function fixScriptish(scriptish) {
+        let clone = document.createElement(scriptish.tagName);
+        for (let { name, value } of scriptish.attributes) {
+            clone.setAttribute(name, value);
+        }
+        clone.textContent = scriptish.innerHTML;
+        scriptish.replaceWith(clone);
+    }
     function createFromHTML(html) {
         const range = document.createRange();
         range.setStart(document.body, 0);
@@ -1427,7 +1447,8 @@ up.element = (function () {
         isSingleton,
         attrSelector,
         tagName: elementTagName,
-        createDocumentFromHTML,
+        createBrokenDocumentFromHTML,
+        fixScriptish,
         createFromHTML,
         get root() { return getRoot(); },
         paint,
@@ -1624,82 +1645,26 @@ up.LogConfig = class LogConfig extends up.Config {
 /***/ (() => {
 
 const u = up.util;
-up.Cache = class Cache {
-    constructor(config = {}) {
-        this.config = config;
+up.FIFOCache = class FIFOCache {
+    constructor({ capacity = 10, normalizeKey = u.identity } = {}) {
         this.map = new Map();
+        this.capacity = capacity;
+        this.normalizeKey = normalizeKey;
     }
-    size() {
-        return this.map.size;
-    }
-    maxSize() {
-        return u.evalOption(this.config.size);
-    }
-    evictAge() {
-        return u.evalOption(this.config.evictAge);
-    }
-    normalizeStoreKey(key) {
-        return key;
-    }
-    isDisabled() {
-        return this.maxSize() === 0 || this.evictAge() === 0;
-    }
-    evict() {
-        this.map.clear();
-    }
-    records() {
-        return this.map.values();
-    }
-    makeRoomForAnotherRecord() {
-        const maxSize = this.maxSize();
-        const currentSize = this.size();
-        if (!maxSize || currentSize < maxSize)
-            return;
-        let records = Array.from(this.records());
-        records.sort((a, b) => b.createdAt - a.createdAt);
-        const overflow = currentSize - maxSize + 1;
-        for (let i = 0; i < overflow; i++) {
-            let key = records.pop().key;
-            this.map.delete(key);
-        }
-    }
-    alias(oldKey, newKey) {
-        const value = this.get(oldKey);
-        if (u.isDefined(value)) {
-            this.set(newKey, value);
-        }
+    get(key) {
+        key = this.normalizeKey(key);
+        return this.map.get(key);
     }
     set(key, value) {
-        if (this.isDisabled())
-            return;
-        this.makeRoomForAnotherRecord();
-        key = this.normalizeStoreKey(key);
-        const createdAt = new Date();
-        const record = { key, value, createdAt };
-        this.map.set(key, record);
-    }
-    remove(key) {
-        key = this.normalizeStoreKey(key);
-        this.map.delete(key);
-    }
-    isUsable(record) {
-        const evictAge = this.evictAge();
-        if (!evictAge)
-            return true;
-        const age = new Date() - record.createdAt;
-        return age < evictAge;
-    }
-    get(key) {
-        const storeKey = this.normalizeStoreKey(key);
-        let record = this.map.get(storeKey);
-        if (record) {
-            if (this.isUsable(record)) {
-                return record.value;
-            }
-            else {
-                this.remove(key);
-            }
+        if (this.map.size === this.capacity) {
+            let oldestKey = this.map.keys().next().value;
+            this.map.delete(oldestKey);
         }
+        key = this.normalizeKey(key);
+        this.map.set(key, value);
+    }
+    clear() {
+        this.map.clear();
     }
 };
 
@@ -4161,44 +4126,6 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
 /* 47 */
 /***/ (() => {
 
-const u = up.util;
-const e = up.element;
-up.HTMLWrapper = class HTMLWrapper {
-    constructor(tagName) {
-        this.tagName = tagName;
-        const openTag = `<${this.tagName}[^>]*>`;
-        const closeTag = `</${this.tagName}>`;
-        const innerHTML = "(.|\\s)*?";
-        this.pattern = new RegExp(openTag + innerHTML + closeTag, 'ig');
-        this.attrName = `up-wrapped-${this.tagName}`;
-    }
-    strip(html) {
-        return html.replace(this.pattern, '');
-    }
-    wrap(html) {
-        return html.replace(this.pattern, this.wrapMatch.bind(this));
-    }
-    wrapMatch(match) {
-        this.didWrap = true;
-        return '<meta name="' + this.attrName + '" value="' + u.escapeHTML(match) + '">';
-    }
-    unwrap(element) {
-        if (!this.didWrap) {
-            return;
-        }
-        for (let wrappedChild of element.querySelectorAll(`meta[name='${this.attrName}']`)) {
-            const originalHTML = wrappedChild.getAttribute('value');
-            const restoredElement = e.createFromHTML(originalHTML);
-            wrappedChild.replaceWith(restoredElement);
-        }
-    }
-};
-
-
-/***/ }),
-/* 48 */
-/***/ (() => {
-
 const e = up.element;
 const u = up.util;
 up.Layer = class Layer extends up.Record {
@@ -4412,11 +4339,14 @@ up.Layer = class Layer extends up.Record {
         let focusedElement = document.activeElement;
         return focusedElement !== document.body && this.element.contains(focusedElement);
     }
+    reset() {
+        Object.assign(this, this.defaults());
+    }
 };
 
 
 /***/ }),
-/* 49 */
+/* 48 */
 /***/ (() => {
 
 const e = up.element;
@@ -4696,7 +4626,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
 
 
 /***/ }),
-/* 50 */
+/* 49 */
 /***/ (() => {
 
 up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
@@ -4733,7 +4663,7 @@ up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
 
 
 /***/ }),
-/* 51 */
+/* 50 */
 /***/ (() => {
 
 var _a;
@@ -4771,7 +4701,7 @@ up.Layer.OverlayWithViewport = (_a = class OverlayWithViewport extends up.Layer.
 
 
 /***/ }),
-/* 52 */
+/* 51 */
 /***/ (() => {
 
 var _a;
@@ -4808,9 +4738,6 @@ up.Layer.Root = (_a = class Root extends up.Layer {
         cannotCloseRoot() {
             up.fail('Cannot close the root layer');
         }
-        reset() {
-            Object.assign(this, this.defaults());
-        }
         toString() {
             return "root layer";
         }
@@ -4820,7 +4747,7 @@ up.Layer.Root = (_a = class Root extends up.Layer {
 
 
 /***/ }),
-/* 53 */
+/* 52 */
 /***/ (() => {
 
 var _a;
@@ -4831,7 +4758,7 @@ up.Layer.Modal = (_a = class Modal extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 54 */
+/* 53 */
 /***/ (() => {
 
 var _a;
@@ -4842,7 +4769,7 @@ up.Layer.Popup = (_a = class Popup extends up.Layer.OverlayWithTether {
 
 
 /***/ }),
-/* 55 */
+/* 54 */
 /***/ (() => {
 
 var _a;
@@ -4853,7 +4780,7 @@ up.Layer.Drawer = (_a = class Drawer extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 56 */
+/* 55 */
 /***/ (() => {
 
 var _a;
@@ -4864,7 +4791,7 @@ up.Layer.Cover = (_a = class Cover extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 57 */
+/* 56 */
 /***/ (() => {
 
 const u = up.util;
@@ -4954,7 +4881,7 @@ up.LayerLookup = class LayerLookup {
 
 
 /***/ }),
-/* 58 */
+/* 57 */
 /***/ (() => {
 
 const u = up.util;
@@ -5067,7 +4994,7 @@ up.LayerStack = class LayerStack extends Array {
 
 
 /***/ }),
-/* 59 */
+/* 58 */
 /***/ (() => {
 
 up.LinkFeedbackURLs = class LinkFeedbackURLs {
@@ -5098,7 +5025,7 @@ up.LinkFeedbackURLs = class LinkFeedbackURLs {
 
 
 /***/ }),
-/* 60 */
+/* 59 */
 /***/ (() => {
 
 const u = up.util;
@@ -5168,7 +5095,7 @@ up.LinkPreloader = class LinkPreloader {
 
 
 /***/ }),
-/* 61 */
+/* 60 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -5277,7 +5204,7 @@ up.MotionController = class MotionController {
 
 
 /***/ }),
-/* 62 */
+/* 61 */
 /***/ (() => {
 
 const u = up.util;
@@ -5369,7 +5296,7 @@ up.NonceableCallback = class NonceableCallback {
 
 
 /***/ }),
-/* 63 */
+/* 62 */
 /***/ (() => {
 
 const u = up.util;
@@ -5447,7 +5374,7 @@ up.OptionsParser = class OptionsParser {
 
 
 /***/ }),
-/* 64 */
+/* 63 */
 /***/ (() => {
 
 const e = up.element;
@@ -5515,7 +5442,7 @@ up.OverlayFocus = class OverlayFocus {
 
 
 /***/ }),
-/* 65 */
+/* 64 */
 /***/ (() => {
 
 const u = up.util;
@@ -5746,7 +5673,7 @@ up.Params = class Params {
 
 
 /***/ }),
-/* 66 */
+/* 65 */
 /***/ (() => {
 
 const e = up.element;
@@ -5796,7 +5723,7 @@ up.ProgressBar = class ProgressBar {
 
 
 /***/ }),
-/* 67 */
+/* 66 */
 /***/ (() => {
 
 const u = up.util;
@@ -5913,7 +5840,7 @@ up.RenderOptions = (function () {
 
 
 /***/ }),
-/* 68 */
+/* 67 */
 /***/ (() => {
 
 up.RenderResult = class RenderResult extends up.Record {
@@ -5941,7 +5868,7 @@ up.RenderResult = class RenderResult extends up.Record {
 
 
 /***/ }),
-/* 69 */
+/* 68 */
 /***/ (() => {
 
 var _a;
@@ -5954,7 +5881,7 @@ up.Request = (_a = class Request extends up.Record {
             if (this.wrapMethod == null) {
                 this.wrapMethod = up.network.config.wrapMethod;
             }
-            this.normalizeForCaching();
+            this.normalize();
             if ((this.target || this.layer || this.origin) && !options.basic) {
                 const layerLookupOptions = { origin: this.origin };
                 this.layer = up.layer.get(this.layer, layerLookupOptions);
@@ -5966,6 +5893,7 @@ up.Request = (_a = class Request extends up.Record {
             }
             this.deferred = u.newDeferred();
             (_a = this.badResponseTime) !== null && _a !== void 0 ? _a : (this.badResponseTime = u.evalOption(up.network.config.badResponseTime, this));
+            this.addAutoHeaders();
         }
         keys() {
             return [
@@ -5977,7 +5905,6 @@ up.Request = (_a = class Request extends up.Record {
                 'failTarget',
                 'headers',
                 'timeout',
-                'preload',
                 'background',
                 'cache',
                 'expireCache',
@@ -5990,11 +5917,12 @@ up.Request = (_a = class Request extends up.Record {
                 'failContext',
                 'origin',
                 'fragments',
-                'queuedAt',
+                'builtAt',
                 'wrapMethod',
                 'contentType',
                 'payload',
                 'onQueued',
+                'onLoading',
                 'fail',
                 'abortable',
                 'badResponseTime',
@@ -6005,7 +5933,8 @@ up.Request = (_a = class Request extends up.Record {
                 state: 'new',
                 abortable: true,
                 headers: {},
-                timeout: up.network.config.timeout
+                timeout: up.network.config.timeout,
+                builtAt: new Date(),
             };
         }
         get xhr() {
@@ -6028,10 +5957,7 @@ up.Request = (_a = class Request extends up.Record {
             var _a;
             return (_a = this.fragments) === null || _a === void 0 ? void 0 : _a[0];
         }
-        followState(sourceRequest) {
-            u.delegate(this, ['deferred', 'state', 'preload', 'expired'], () => sourceRequest);
-        }
-        normalizeForCaching() {
+        normalize() {
             this.method = u.normalizeMethod(this.method);
             this.extractHashFromURL();
             this.transferParamsToURL();
@@ -6078,16 +6004,29 @@ up.Request = (_a = class Request extends up.Record {
             (_a = this.onQueued) === null || _a === void 0 ? void 0 : _a.call(this, this);
         }
         load() {
+            var _a;
             if (this.state !== 'new')
                 return;
-            this.state = 'loading';
-            this.expired = false;
-            new up.Request.XHRRenderer(this).buildAndSend({
-                onload: () => this.onXHRLoad(),
-                onerror: () => this.onXHRError(),
-                ontimeout: () => this.onXHRTimeout(),
-                onabort: () => this.onXHRAbort()
-            });
+            if (this.emitLoad()) {
+                this.state = 'loading';
+                this.normalize();
+                (_a = this.onLoading) === null || _a === void 0 ? void 0 : _a.call(this);
+                this.expired = false;
+                new up.Request.XHRRenderer(this).buildAndSend({
+                    onload: () => this.onXHRLoad(),
+                    onerror: () => this.onXHRError(),
+                    ontimeout: () => this.onXHRTimeout(),
+                    onabort: () => this.onXHRAbort()
+                });
+                return true;
+            }
+            else {
+                this.abort({ reason: 'Prevented by event listener' });
+            }
+        }
+        emitLoad() {
+            let event = this.emit('up:request:load', { log: ['Loading %s', this.description] });
+            return !event.defaultPrevented;
         }
         loadPage() {
             up.network.abort();
@@ -6131,18 +6070,19 @@ up.Request = (_a = class Request extends up.Record {
             this.emit('up:request:offline', { log: message });
         }
         respondWith(response) {
-            if (this.state !== 'loading')
+            this.response = response;
+            if (this.isSettled())
                 return;
             this.state = 'loaded';
             if (response.ok) {
-                return this.deferred.resolve(response);
+                this.deferred.resolve(response);
             }
             else {
-                return this.deferred.reject(response);
+                this.deferred.reject(response);
             }
         }
         isSettled() {
-            return (this.state !== 'new') && (this.state !== 'loading');
+            return (this.state !== 'new') && (this.state !== 'loading') && (this.state !== 'tracking');
         }
         csrfHeader() {
             return up.protocol.csrfHeader();
@@ -6189,24 +6129,6 @@ up.Request = (_a = class Request extends up.Record {
             }
             return new up.Response(responseAttrs);
         }
-        cacheKey() {
-            return JSON.stringify([
-                this.method,
-                this.url,
-                this.params.toQuery(),
-                this.metaProps()
-            ]);
-        }
-        metaProps() {
-            const props = {};
-            for (let key of u.evalOption(up.network.config.requestMetaKeys, this)) {
-                const value = this[key];
-                if (u.isGiven(value)) {
-                    props[key] = value;
-                }
-            }
-            return props;
-        }
         buildEventEmitter(args) {
             return up.EventEmitter.fromEmitArgs(args, {
                 layer: this.layer,
@@ -6232,9 +6154,27 @@ up.Request = (_a = class Request extends up.Record {
                 return u.some(subtreeElements, (subtreeElement) => subtreeElement.contains(fragment));
             });
         }
-        get queueAge() {
-            const now = new Date();
-            return now - this.queuedAt;
+        get age() {
+            return new Date() - this.builtAt;
+        }
+        header(name) {
+            return this.headers[name];
+        }
+        addAutoHeaders() {
+            for (let key of ['target', 'failTarget', 'mode', 'failMode', 'context', 'failContext']) {
+                this.addAutoHeader(up.protocol.headerize(key), this[key]);
+            }
+            let csrfHeader, csrfToken;
+            if ((csrfHeader = this.csrfHeader()) && (csrfToken = this.csrfToken())) {
+                this.addAutoHeader(csrfHeader, csrfToken);
+            }
+            this.addAutoHeader(up.protocol.headerize('version'), up.version);
+        }
+        addAutoHeader(name, value) {
+            if (u.isOptions(value) || u.isArray(value)) {
+                value = u.safeStringifyJSON(value);
+            }
+            this.headers[name] = value;
         }
         static tester(condition, { except } = {}) {
             let testFn;
@@ -6252,8 +6192,7 @@ up.Request = (_a = class Request extends up.Record {
                 testFn = (_request) => condition;
             }
             if (except) {
-                let exceptCacheKey = except.cacheKey();
-                return (request) => (request.cacheKey() !== exceptCacheKey) && testFn(request);
+                return (request) => !up.cache.willHaveSameResponse(request, except) && testFn(request);
             }
             else {
                 return testFn;
@@ -6267,39 +6206,158 @@ up.Request = (_a = class Request extends up.Record {
 
 
 /***/ }),
-/* 70 */
-/***/ (() => {
+/* 69 */
+/***/ (function() {
 
-let u = up.util;
-up.Request.Cache = class Cache extends up.Cache {
-    maxSize() {
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+const u = up.util;
+up.Request.Cache = class Cache {
+    constructor() {
+        this.reset();
+    }
+    reset() {
+        this.varyInfo = {};
+        this.map = new Map();
+    }
+    cacheKey(request) {
+        let influencingHeaders = this.getPreviousInfluencingHeaders(request);
+        let varyPart = u.flatMap(influencingHeaders, (headerName) => [headerName, request.header(headerName)]);
+        return [request.description, ...varyPart].join(':');
+    }
+    getPreviousInfluencingHeaders(request) {
+        var _a, _b;
+        return ((_a = this.varyInfo)[_b = request.description] || (_a[_b] = new Set()));
+    }
+    get(request) {
+        request = this.wrap(request);
+        let cacheKey = this.cacheKey(request);
+        let cachedRequest = this.map.get(cacheKey);
+        if (cachedRequest) {
+            if (this.isUsable(cachedRequest)) {
+                return cachedRequest;
+            }
+            else {
+                this.map.delete(cacheKey);
+            }
+        }
+    }
+    get capacity() {
         return up.network.config.cacheSize;
     }
-    evictAge() {
-        return up.network.config.cacheEvictAge;
+    isUsable(request) {
+        return request.age < up.network.config.cacheEvictAge;
     }
-    normalizeStoreKey(request) {
-        return u.wrapValue(up.Request, request).cacheKey();
+    put(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            request = this.wrap(request);
+            this.makeRoom();
+            let cacheKey = this.updateCacheKey(request);
+            this.map.set(cacheKey, request);
+        });
+    }
+    updateCacheKey(request) {
+        let oldCacheKey = this.cacheKey(request);
+        let { response } = request;
+        if (response) {
+            this.mergePreviousHeaderNames(request, response);
+            let newCacheKey = this.cacheKey(request);
+            this.renameMapKey(oldCacheKey, newCacheKey);
+            return newCacheKey;
+        }
+        else {
+            return oldCacheKey;
+        }
+    }
+    renameMapKey(oldKey, newKey) {
+        if (oldKey !== newKey && this.map.has(oldKey)) {
+            this.map.set(newKey, this.map.get(oldKey));
+            this.map.delete(oldKey);
+        }
+    }
+    mergePreviousHeaderNames(request, response) {
+        let headersInfluencingResponse = response.ownInfluncingHeaders;
+        if (headersInfluencingResponse.length) {
+            let previousInfluencingHeaders = this.getPreviousInfluencingHeaders(request);
+            for (let headerName of headersInfluencingResponse) {
+                previousInfluencingHeaders.add(headerName);
+            }
+        }
+    }
+    alias(existingCachedRequest, newRequest) {
+        existingCachedRequest = this.wrap(existingCachedRequest);
+        newRequest = this.wrap(newRequest);
+        this.track(existingCachedRequest, newRequest, { force: true });
+        this.put(newRequest);
+        return newRequest;
+    }
+    track(existingRequest, newRequest, options = {}) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            newRequest.trackedRequest = existingRequest;
+            newRequest.state = 'tracking';
+            let value = yield u.always(existingRequest);
+            if (value instanceof up.Response) {
+                if (options.force || this.isCacheCompatible(existingRequest, newRequest)) {
+                    newRequest.fromCache = true;
+                    newRequest.respondWith(value);
+                    u.delegate(newRequest, ['expired', 'state'], () => existingRequest);
+                }
+                else {
+                    delete newRequest.trackedRequest;
+                    newRequest.state = 'new';
+                    (_a = options.onIncompatible) === null || _a === void 0 ? void 0 : _a.call(options, newRequest);
+                }
+            }
+            else {
+                newRequest.state = existingRequest.state;
+                newRequest.deferred.reject(value);
+            }
+        });
+    }
+    willHaveSameResponse(existingRequest, newRequest) {
+        return existingRequest === newRequest || existingRequest === newRequest.trackedRequest;
+    }
+    delete(request) {
+        request = this.wrap(request);
+        let cacheKey = this.cacheKey(request);
+        this.map.delete(cacheKey);
     }
     evict(condition = true, testerOptions) {
-        this.eachMatch(condition, testerOptions, ({ key }) => this.map.delete(key));
+        this.eachMatch(condition, testerOptions, (request) => this.delete(request));
     }
     expire(condition = true, testerOptions) {
-        this.eachMatch(condition, testerOptions, ({ value: request }) => request.expired = true);
+        this.eachMatch(condition, testerOptions, (request) => request.expired = true);
+    }
+    makeRoom() {
+        while (this.map.size >= this.capacity) {
+            let oldestKey = this.map.keys().next().value;
+            this.map.delete(oldestKey);
+        }
     }
     eachMatch(condition = true, testerOptions, fn) {
         let tester = up.Request.tester(condition, testerOptions);
-        for (let record of this.records()) {
-            if (tester(record.value)) {
-                fn(record);
-            }
-        }
+        let results = u.filter(this.map.values(), tester);
+        u.each(results, fn);
+    }
+    isCacheCompatible(request1, request2) {
+        return this.cacheKey(request1) === this.cacheKey(request2);
+    }
+    wrap(requestOrOptions) {
+        return u.wrapValue(up.Request, requestOrOptions);
     }
 };
 
 
 /***/ }),
-/* 71 */
+/* 70 */
 /***/ (() => {
 
 const u = up.util;
@@ -6318,7 +6376,6 @@ up.Request.Queue = class Queue {
     asap(request) {
         request.runQueuedCallbacks();
         u.always(request, responseOrError => this.onRequestSettled(request, responseOrError));
-        request.queuedAt = new Date();
         this.scheduleSlowTimer(request);
         this.queueRequest(request);
         u.microtask(() => this.poke());
@@ -6330,7 +6387,7 @@ up.Request.Queue = class Queue {
         }
     }
     scheduleSlowTimer(request) {
-        let timeUntilLate = Math.max(request.badResponseTime - request.queueAge, 0);
+        let timeUntilLate = Math.max(request.badResponseTime - request.age, 0);
         u.timer(timeUntilLate, () => this.checkLate());
     }
     getMaxConcurrency() {
@@ -6352,13 +6409,8 @@ up.Request.Queue = class Queue {
         return u.remove(this.queuedRequests, request);
     }
     sendRequestNow(request) {
-        if (request.emit('up:request:load', { log: ['Loading %s %s', request.method, request.url] }).defaultPrevented) {
-            request.abort({ reason: 'Prevented by event listener' });
-        }
-        else {
-            request.normalizeForCaching();
+        if (request.load()) {
             this.currentRequests.push(request);
-            request.load();
         }
     }
     onRequestSettled(request, responseOrError) {
@@ -6408,13 +6460,13 @@ up.Request.Queue = class Queue {
     isLate() {
         const allForegroundRequests = u.reject(this.allRequests, 'background');
         const timerTolerance = 1;
-        return u.some(allForegroundRequests, request => request.queueAge >= (request.badResponseTime - timerTolerance));
+        return u.some(allForegroundRequests, (request) => request.age >= (request.badResponseTime - timerTolerance));
     }
 };
 
 
 /***/ }),
-/* 72 */
+/* 71 */
 /***/ (() => {
 
 const u = up.util;
@@ -6453,7 +6505,7 @@ up.Request.FormRenderer = class FormRenderer {
 
 
 /***/ }),
-/* 73 */
+/* 72 */
 /***/ (() => {
 
 var _a;
@@ -6471,21 +6523,13 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
                 xhr.timeout = this.request.timeout;
             }
             xhr.open(this.getMethod(), this.request.url);
-            const metaProps = this.request.metaProps();
-            for (let key in metaProps) {
-                this.addHeader(xhr, up.protocol.headerize(key), metaProps[key]);
-            }
-            for (let header in this.request.headers) {
-                this.addHeader(xhr, header, this.request.headers[header]);
-            }
-            let csrfHeader, csrfToken;
-            if ((csrfHeader = this.request.csrfHeader()) && (csrfToken = this.request.csrfToken())) {
-                this.addHeader(xhr, csrfHeader, csrfToken);
-            }
-            this.addHeader(xhr, up.protocol.headerize('version'), up.version);
             let contentType = this.getContentType();
             if (contentType) {
-                this.addHeader(xhr, 'Content-Type', contentType);
+                xhr.setRequestHeader('Content-Type', contentType);
+            }
+            for (let headerName in this.request.headers) {
+                let headerValue = this.request.headers[headerName];
+                xhr.setRequestHeader(headerName, headerValue);
             }
             Object.assign(xhr, handlers);
             xhr.send(this.getPayload());
@@ -6507,12 +6551,6 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
             this.finalizePayload();
             return this.payload;
         }
-        addHeader(xhr, header, value) {
-            if (u.isOptions(value) || u.isArray(value)) {
-                value = JSON.stringify(value);
-            }
-            xhr.setRequestHeader(header, value);
-        }
         finalizePayload() {
             this.payload = this.request.payload;
             this.contentType = this.request.contentType;
@@ -6539,7 +6577,7 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
 
 
 /***/ }),
-/* 74 */
+/* 73 */
 /***/ (() => {
 
 const u = up.util;
@@ -6579,6 +6617,10 @@ up.Response = class Response extends up.Record {
         var _a;
         return this.headers[name] || ((_a = this.xhr) === null || _a === void 0 ? void 0 : _a.getResponseHeader(name));
     }
+    get ownInfluncingHeaders() {
+        let influencingHeaders = up.protocol.influencingHeadersFromResponse(this);
+        return u.filter(influencingHeaders, (headerName) => this.request.header(headerName));
+    }
     get contentType() {
         return this.header('Content-Type');
     }
@@ -6612,7 +6654,7 @@ up.Response = class Response extends up.Record {
 
 
 /***/ }),
-/* 75 */
+/* 74 */
 /***/ (() => {
 
 var _a;
@@ -6620,12 +6662,13 @@ const u = up.util;
 const e = up.element;
 up.ResponseDoc = (_a = class ResponseDoc {
         constructor(options) {
-            this.noscriptWrapper = new up.HTMLWrapper('noscript');
-            this.scriptWrapper = new up.HTMLWrapper('script');
             this.root =
                 this.parseDocument(options) ||
                     this.parseFragment(options) ||
                     this.parseContent(options);
+            if (!up.fragment.config.runScripts) {
+                this.root.querySelectorAll('script').forEach((e) => e.remove());
+            }
             this.cspNonces = options.cspNonces;
             if (options.origin) {
                 let originSelector = up.fragment.tryToTarget(options.origin);
@@ -6635,7 +6678,11 @@ up.ResponseDoc = (_a = class ResponseDoc {
             }
         }
         parseDocument(options) {
-            return this.parse(options.document, e.createDocumentFromHTML);
+            let document = this.parse(options.document, e.createBrokenDocumentFromHTML);
+            if (document) {
+                this.scriptishNeedFix = true;
+                return document;
+            }
         }
         parseContent(options) {
             let content = options.content || '';
@@ -6643,7 +6690,6 @@ up.ResponseDoc = (_a = class ResponseDoc {
             target = u.map(up.fragment.parseTargetSteps(target), 'selector').join(',');
             const matchingElement = e.createFromSelector(target);
             if (u.isString(content)) {
-                content = this.wrapHTML(content);
                 matchingElement.innerHTML = content;
             }
             else {
@@ -6656,7 +6702,6 @@ up.ResponseDoc = (_a = class ResponseDoc {
         }
         parse(value, parseFn = e.createFromHTML) {
             if (u.isString(value)) {
-                value = this.wrapHTML(value);
                 value = parseFn(value);
             }
             return value;
@@ -6664,19 +6709,9 @@ up.ResponseDoc = (_a = class ResponseDoc {
         rootSelector() {
             return up.fragment.toTarget(this.root);
         }
-        wrapHTML(html) {
-            html = this.noscriptWrapper.wrap(html);
-            if (up.fragment.config.runScripts) {
-                html = this.scriptWrapper.wrap(html);
-            }
-            else {
-                html = this.scriptWrapper.strip(html);
-            }
-            return html;
-        }
         getTitle() {
             var _a;
-            return (_a = this.root.querySelector("head title")) === null || _a === void 0 ? void 0 : _a.textContent;
+            return (_a = this.root.querySelector('head title')) === null || _a === void 0 ? void 0 : _a.textContent;
         }
         select(selector) {
             let finder = new up.FragmentFinder({
@@ -6687,9 +6722,10 @@ up.ResponseDoc = (_a = class ResponseDoc {
             return finder.find();
         }
         finalizeElement(element) {
-            this.noscriptWrapper.unwrap(element);
             up.NonceableCallback.adoptNonces(element, this.cspNonces);
-            this.scriptWrapper.unwrap(element);
+            if (this.scriptishNeedFix) {
+                element.querySelectorAll('noscript, script').forEach(e.fixScriptish);
+            }
         }
     },
     (() => {
@@ -6699,7 +6735,7 @@ up.ResponseDoc = (_a = class ResponseDoc {
 
 
 /***/ }),
-/* 76 */
+/* 75 */
 /***/ (() => {
 
 const e = up.element;
@@ -6794,7 +6830,7 @@ up.RevealMotion = class RevealMotion {
 
 
 /***/ }),
-/* 77 */
+/* 76 */
 /***/ (() => {
 
 const u = up.util;
@@ -6835,7 +6871,7 @@ up.Selector = class Selector {
 
 
 /***/ }),
-/* 78 */
+/* 77 */
 /***/ (() => {
 
 const u = up.util;
@@ -6956,7 +6992,7 @@ up.Tether = class Tether {
 
 
 /***/ }),
-/* 79 */
+/* 78 */
 /***/ (() => {
 
 const u = up.util;
@@ -7037,7 +7073,7 @@ up.URLPattern = class URLPattern {
 
 
 /***/ }),
-/* 80 */
+/* 79 */
 /***/ (() => {
 
 up.framework = (function () {
@@ -7121,7 +7157,7 @@ up.boot = up.framework.boot;
 
 
 /***/ }),
-/* 81 */
+/* 80 */
 /***/ (() => {
 
 up.event = (function () {
@@ -7224,7 +7260,7 @@ up.emit = up.event.emit;
 
 
 /***/ }),
-/* 82 */
+/* 81 */
 /***/ (() => {
 
 up.protocol = (function () {
@@ -7240,6 +7276,9 @@ up.protocol = (function () {
             return parseFn(value);
         }
     };
+    function targetFromXHR(xhr) {
+        return extractHeader(xhr, 'target');
+    }
     function parseModifyCacheValue(value) {
         if (value === 'false') {
             return false;
@@ -7261,6 +7300,10 @@ up.protocol = (function () {
     function methodFromXHR(xhr) {
         return extractHeader(xhr, 'method', u.normalizeMethod);
     }
+    function titleFromXHR(xhr) {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = up.migrate).titleFromXHR) === null || _b === void 0 ? void 0 : _b.call(_a, xhr)) !== null && _c !== void 0 ? _c : extractHeader(xhr, 'title', JSON.parse);
+    }
     function eventPlansFromXHR(xhr) {
         return extractHeader(xhr, 'events', JSON.parse);
     }
@@ -7276,11 +7319,9 @@ up.protocol = (function () {
     function locationFromXHR(xhr) {
         return extractHeader(xhr, 'location') || xhr.responseURL;
     }
-    function titleFromXHR(xhr) {
-        return extractHeader(xhr, 'title');
-    }
-    function targetFromXHR(xhr) {
-        return extractHeader(xhr, 'target');
+    function influencingHeadersFromResponse(response) {
+        let varyHeaderValue = response.header('Vary');
+        return u.parseTokens(varyHeaderValue, { separator: 'comma' });
     }
     const config = new up.Config(() => ({
         methodParam: '_method',
@@ -7356,12 +7397,13 @@ up.protocol = (function () {
         headerize,
         wrapMethod,
         cspNoncesFromHeader,
+        influencingHeadersFromResponse,
     };
 })();
 
 
 /***/ }),
-/* 83 */
+/* 82 */
 /***/ (() => {
 
 up.log = (function () {
@@ -7447,7 +7489,7 @@ up.warn = up.log.warn;
 
 
 /***/ }),
-/* 84 */
+/* 83 */
 /***/ (() => {
 
 up.syntax = (function () {
@@ -7593,7 +7635,7 @@ up.hello = up.syntax.hello;
 
 
 /***/ }),
-/* 85 */
+/* 84 */
 /***/ (() => {
 
 up.history = (function () {
@@ -7663,7 +7705,7 @@ up.history = (function () {
     }
     function restoreStateOnPop(state) {
         if (!(state === null || state === void 0 ? void 0 : state.up)) {
-            up.puts('pop', 'Ignoring a history state not owned by Unpoly');
+            up.puts('popstate', 'Ignoring a history state not owned by Unpoly');
             return;
         }
         let location = currentLocation();
@@ -7730,10 +7772,10 @@ up.history = (function () {
 
 
 /***/ }),
-/* 86 */
+/* 85 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(87);
+__webpack_require__(86);
 const u = up.util;
 const e = up.element;
 up.fragment = (function () {
@@ -7784,7 +7826,7 @@ up.fragment = (function () {
         autoRevalidate: (response) => response.expired,
         skipResponse: defaultSkipResponse
     }));
-    u.delegate(config, 'mainTargets', () => up.layer.config.any);
+    u.delegate(config, ['mainTargets'], () => up.layer.config.any);
     function reset() {
         config.reset();
     }
@@ -8251,20 +8293,20 @@ up.destroy = up.fragment.destroy;
 up.render = up.fragment.render;
 up.navigate = up.fragment.navigate;
 up.visit = up.fragment.visit;
-u.delegate(up, 'context', () => up.layer.current);
+u.delegate(up, ['context'], () => up.layer.current);
 
 
 /***/ }),
-/* 87 */
+/* 86 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 88 */
+/* 87 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(89);
+__webpack_require__(88);
 up.viewport = (function () {
     const u = up.util;
     const e = up.element;
@@ -8447,7 +8489,7 @@ up.viewport = (function () {
         }
     }
     function newStateCache() {
-        return new up.Cache({ size: 30, key: up.history.normalizeURL });
+        return new up.FIFOCache({ capacity: 30, normalizeKey: up.history.normalizeURL });
     }
     function parseOptions(args) {
         const options = u.copy(u.extractOptions(args));
@@ -8586,13 +8628,13 @@ up.reveal = up.viewport.reveal;
 
 
 /***/ }),
-/* 89 */
+/* 88 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 90 */
+/* 89 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -8858,10 +8900,10 @@ up.animate = up.motion.animate;
 
 
 /***/ }),
-/* 91 */
+/* 90 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(92);
+__webpack_require__(91);
 const u = up.util;
 up.network = (function () {
     const config = new up.Config(() => ({
@@ -8877,7 +8919,6 @@ up.network = (function () {
         autoCache(request) { return request.isSafe(); },
         expireCache(request, _response) { return !request.isSafe(); },
         evictCache: false,
-        requestMetaKeys: ['target', 'failTarget', 'mode', 'failMode', 'context', 'failContext'],
         progressBar: true,
         timeout: 90000,
     }));
@@ -8888,14 +8929,14 @@ up.network = (function () {
         abortRequests();
         queue.reset();
         config.reset();
-        cache.evict();
+        cache.reset();
         progressBar === null || progressBar === void 0 ? void 0 : progressBar.destroy();
         progressBar = null;
     }
     function makeRequest(...args) {
         const options = parseRequestOptions(args);
         const request = new up.Request(options);
-        useCachedRequest(request) || queueRequest(request);
+        processRequest(request);
         return request;
     }
     function parseRequestOptions(args) {
@@ -8907,31 +8948,31 @@ up.network = (function () {
         (_b = (_a = up.migrate).handleRequestOptions) === null || _b === void 0 ? void 0 : _b.call(_a, options);
         return options;
     }
-    function useCachedRequest(request) {
+    function processRequest(request) {
+        useCachedRequest(request) || queueRequest(request);
+    }
+    function useCachedRequest(newRequest) {
         let cachedRequest;
-        if (request.willCache() && (cachedRequest = cache.get(request))) {
-            up.puts('up.request()', 'Re-using previous request to %s %s', request.method, request.url);
-            if (!request.preload) {
+        if (newRequest.willCache() && (cachedRequest = cache.get(newRequest))) {
+            up.puts('up.request()', 'Re-using previous request to %s', newRequest.description);
+            if (!newRequest.background) {
                 queue.promoteToForeground(cachedRequest);
             }
-            request.followState(cachedRequest);
-            request.fromCache = true;
+            cache.track(cachedRequest, newRequest, { onIncompatible: processRequest });
             return true;
         }
     }
     function queueRequest(request) {
-        if (request.preload && !request.isSafe()) {
-            up.fail('Will not preload request to %s', request.description);
-        }
         handleCaching(request);
         queue.asap(request);
         return true;
     }
     function handleCaching(request) {
         if (request.willCache()) {
-            cache.set(request, request);
+            cache.put(request);
+            request.onLoading = () => cache.put(request);
         }
-        return u.always(request, function (response) {
+        u.always(request, function (response) {
             var _a, _b, _c, _d;
             let expireCache = (_b = (_a = response.expireCache) !== null && _a !== void 0 ? _a : request.expireCache) !== null && _b !== void 0 ? _b : u.evalOption(config.expireCache, request, response);
             if (expireCache) {
@@ -8942,7 +8983,7 @@ up.network = (function () {
                 cache.evict(evictCache, { except: request });
             }
             if (cache.get(request)) {
-                cache.set(request, request);
+                cache.put(request);
             }
             if (!response.ok) {
                 cache.evict(request);
@@ -9008,13 +9049,13 @@ up.cache = up.network.cache;
 
 
 /***/ }),
-/* 92 */
+/* 91 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 93 */
+/* 92 */
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -9026,7 +9067,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-__webpack_require__(94);
+__webpack_require__(93);
 const u = up.util;
 const e = up.element;
 up.layer = (function () {
@@ -9267,16 +9308,16 @@ up.layer = (function () {
 
 
 /***/ }),
-/* 94 */
+/* 93 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 95 */
+/* 94 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(96);
+__webpack_require__(95);
 up.link = (function () {
     const u = up.util;
     const e = up.element;
@@ -9425,16 +9466,22 @@ up.link = (function () {
     }
     function preload(link, options) {
         link = up.fragment.get(link);
-        if (!shouldPreload()) {
-            return Promise.reject(new up.Error('Link preloading is disabled'));
+        let issue = preloadIssue(link);
+        if (issue) {
+            return Promise.reject(new up.Error(issue));
         }
         const guardEvent = up.event.build('up:link:preload', { log: ['Preloading link %o', link] });
         return follow(link, Object.assign(Object.assign({ abortable: false }, options), { guardEvent, preload: true }));
     }
-    function shouldPreload() {
-        let goodConnection = u.negate(up.network.shouldReduceRequests);
-        return u.evalAutoOption(config.preloadEnabled, goodConnection);
+    function preloadIssue(link) {
+        if (!u.evalAutoOption(config.preloadEnabled, autoPreloadEnabled, link)) {
+            return 'Preloading is disabled';
+        }
+        else if (!isSafe(link)) {
+            return 'Will not preload an unsafe link';
+        }
     }
+    const autoPreloadEnabled = u.negate(up.network.shouldReduceRequests);
     function followMethod(link, options = {}) {
         return u.normalizeMethod(options.method || link.getAttribute('up-method') || link.getAttribute('data-method'));
     }
@@ -9561,13 +9608,13 @@ up.follow = up.link.follow;
 
 
 /***/ }),
-/* 96 */
+/* 95 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 97 */
+/* 96 */
 /***/ (() => {
 
 up.form = (function () {
@@ -9967,7 +10014,7 @@ up.validate = up.form.validate;
 
 
 /***/ }),
-/* 98 */
+/* 97 */
 /***/ (() => {
 
 up.feedback = (function () {
@@ -10084,7 +10131,7 @@ up.feedback = (function () {
 
 
 /***/ }),
-/* 99 */
+/* 98 */
 /***/ (() => {
 
 up.radio = (function () {
@@ -10162,7 +10209,7 @@ up.radio = (function () {
 
 
 /***/ }),
-/* 100 */
+/* 99 */
 /***/ (() => {
 
 (function () {
@@ -10300,16 +10347,15 @@ __webpack_require__(82);
 __webpack_require__(83);
 __webpack_require__(84);
 __webpack_require__(85);
-__webpack_require__(86);
-__webpack_require__(88);
+__webpack_require__(87);
+__webpack_require__(89);
 __webpack_require__(90);
-__webpack_require__(91);
-__webpack_require__(93);
-__webpack_require__(95);
+__webpack_require__(92);
+__webpack_require__(94);
+__webpack_require__(96);
 __webpack_require__(97);
 __webpack_require__(98);
 __webpack_require__(99);
-__webpack_require__(100);
 up.framework.onEvaled();
 
 })();