unpoly-rails 3.0.0 → 3.1.1

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.0.0'
+    version: '3.1.1'
 };
 
 
@@ -194,6 +194,9 @@ up.util = (function () {
     function isRegExp(object) {
         return object instanceof RegExp;
     }
+    function isError(object) {
+        return object instanceof Error;
+    }
     function isJQuery(object) {
         return up.browser.canJQuery() && object instanceof jQuery;
     }
@@ -389,8 +392,8 @@ up.util = (function () {
     function queueMicrotask(task) {
         return Promise.resolve().then(task);
     }
-    function last(array) {
-        return array[array.length - 1];
+    function last(value) {
+        return value[value.length - 1];
     }
     function contains(value, subValue) {
         return value.indexOf(subValue) >= 0;
@@ -615,14 +618,20 @@ up.util = (function () {
             });
         }
     }
-    function stringifyArg(arg) {
+    function stringifyArg(arg, placeholder = '%o') {
         let string;
         const maxLength = 200;
-        let closer = '';
+        if (placeholder === '%c') {
+            return '';
+        }
+        if (placeholder === '%s' && isGiven(arg)) {
+            arg = arg.toString();
+        }
         if (isString(arg)) {
-            string = arg.replace(/[\n\r\t ]+/g, ' ');
-            string = string.replace(/^[\n\r\t ]+/, '');
-            string = string.replace(/[\n\r\t ]$/, '');
+            string = arg.trim().replace(/[\n\r\t ]+/g, ' ');
+            if (placeholder === '%o') {
+                string = JSON.stringify(string);
+            }
         }
         else if (isUndefined(arg)) {
             string = 'undefined';
@@ -632,24 +641,21 @@ up.util = (function () {
         }
         else if (isArray(arg)) {
             string = `[${map(arg, stringifyArg).join(', ')}]`;
-            closer = ']';
         }
         else if (isJQuery(arg)) {
             string = `$(${map(arg, stringifyArg).join(', ')})`;
-            closer = ')';
         }
         else if (isElement(arg)) {
             string = `<${arg.tagName.toLowerCase()}`;
-            for (let attr of ['id', 'name', 'class']) {
+            for (let attr of ['id', 'up-id', 'name', 'class']) {
                 let value = arg.getAttribute(attr);
                 if (value) {
                     string += ` ${attr}="${value}"`;
                 }
             }
             string += ">";
-            closer = '>';
         }
-        else if (isRegExp(arg)) {
+        else if (isRegExp(arg) || isError(arg)) {
             string = arg.toString();
         }
         else {
@@ -666,14 +672,13 @@ up.util = (function () {
             }
         }
         if (string.length > maxLength) {
-            string = `${string.substr(0, maxLength)} …`;
-            string += closer;
+            string = `${string.substr(0, maxLength)}…${last(string)}`;
         }
         return string;
     }
-    const SPRINTF_PLACEHOLDERS = /%[oOdisf]/g;
+    const SPRINTF_PLACEHOLDERS = /%[oOdisfc]/g;
     function sprintf(message, ...args) {
-        return message.replace(SPRINTF_PLACEHOLDERS, () => stringifyArg(args.shift()));
+        return message.replace(SPRINTF_PLACEHOLDERS, (placeholder) => stringifyArg(args.shift(), placeholder));
     }
     function negate(fn) {
         return function (...args) {
@@ -2319,7 +2324,12 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
                             let cursorProps = up.viewport.copyCursorProps(viewport);
                             return () => up.viewport.copyCursorProps(cursorProps, viewport);
                         });
-                        document.body.append(keepable);
+                        if (this.willChangeElement(document.body)) {
+                            keepPlan.newElement.replaceWith(keepable);
+                        }
+                        else {
+                            document.body.append(keepable);
+                        }
                         keepPlans.push(keepPlan);
                     }
                 }
@@ -2434,6 +2444,9 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
             const oldFragments = u.map(this.steps, 'oldElement');
             return u.some(oldFragments, up.fragment.hasAutoHistory);
         }
+        willChangeElement(element) {
+            return u.some(this.steps, (step) => step.oldElement.contains(element));
+        }
     },
     (() => {
         u.memoizeMethod(_a.prototype, [
@@ -3517,16 +3530,19 @@ up.FormValidator = class FormValidator {
         this.honorAbort();
     }
     honorAbort() {
-        up.fragment.onAborted(this.form, ({ target }) => {
-            this.dirtySolutions = u.reject(this.dirtySolutions, ({ element }) => target.contains(element));
-        });
+        up.fragment.onAborted(this.form, { around: true }, ({ target }) => this.unscheduleSolutionsWithin(target));
+    }
+    unscheduleSolutionsWithin(container) {
+        this.dirtySolutions = u.reject(this.dirtySolutions, ({ element }) => container.contains(element));
     }
     resetNextRenderPromise() {
         this.nextRenderPromise = u.newDeferred();
     }
     watchContainer(fieldOrForm) {
         let { event } = this.originOptions(fieldOrForm);
-        up.on(fieldOrForm, event, () => up.error.muteUncriticalRejection(this.validate({ origin: fieldOrForm })));
+        let guard = () => up.fragment.isAlive(fieldOrForm);
+        let callback = () => up.error.muteUncriticalRejection(this.validate({ origin: fieldOrForm }));
+        up.on(fieldOrForm, event, { guard }, callback);
     }
     validate(options = {}) {
         let solutions = this.getSolutions(options);
@@ -3562,13 +3578,19 @@ up.FormValidator = class FormValidator {
         if (u.isString(target) && target) {
             up.puts('up.validate()', 'Validating target "%s"', target);
             let simpleSelectors = up.fragment.splitTarget(target);
-            return simpleSelectors.map(function (simpleSelector) {
-                return {
-                    element: up.fragment.get(simpleSelector, { origin }),
-                    target: simpleSelector,
-                    origin
-                };
-            });
+            return u.compact(simpleSelectors.map(function (simpleSelector) {
+                let element = up.fragment.get(simpleSelector, { origin });
+                if (element) {
+                    return {
+                        element,
+                        target: simpleSelector,
+                        origin
+                    };
+                }
+                else {
+                    up.fail('Validation target "%s" does not match an element', simpleSelector);
+                }
+            }));
         }
     }
     getElementSolutions(element) {
@@ -3602,7 +3624,7 @@ up.FormValidator = class FormValidator {
         up.error.muteUncriticalRejection(this.doRenderDirtySolutions());
     }
     async doRenderDirtySolutions() {
-        this.dirtySolutions = u.filter(this.dirtySolutions, ({ element, origin }) => element.isConnected && origin.isConnected);
+        this.dirtySolutions = u.filter(this.dirtySolutions, ({ element, origin }) => up.fragment.isAlive(element) && up.fragment.isAlive(origin));
         if (!this.dirtySolutions.length || this.rendering) {
             return;
         }
@@ -5652,7 +5674,6 @@ up.RenderOptions = (function () {
         saveFocus: true,
         focus: 'keep',
         abort: 'target',
-        revalidate: 'auto',
         failOptions: true,
     };
     const PRELOAD_OVERRIDES = {
@@ -7306,6 +7327,7 @@ up.protocol = (function () {
 /***/ (() => {
 
 up.log = (function () {
+    const u = up.util;
     const config = new up.LogConfig();
     function reset() {
         config.reset();
@@ -7323,13 +7345,11 @@ up.log = (function () {
     function printToStreamStyled(stream, trace, customStyles, message, ...args) {
         if (message) {
             if (config.format) {
-                args.unshift('color: #666666; padding: 1px 3px; border: 1px solid #bbbbbb; border-radius: 2px; font-size: 90%; display: inline-block;' + customStyles, '');
-                message = `%c${trace}%c ${message}`;
+                console[stream](`%c${trace}%c ${message}`, 'color: #666666; padding: 1px 3px; border: 1px solid #bbbbbb; border-radius: 2px; font-size: 90%; display: inline-block;' + customStyles, '', ...args);
             }
             else {
-                message = `[${trace}] ${message}`;
+                console[stream](`[${trace}] ${u.sprintf(message, ...args)}`);
             }
-            console[stream](message, ...args);
         }
     }
     function printUserEvent(event) {
@@ -7713,12 +7733,13 @@ up.fragment = (function () {
         verifyDerivedTarget: true,
         navigateOptions: {
             cache: 'auto',
+            revalidate: 'auto',
             feedback: true,
             fallback: true,
             focus: 'auto',
             scroll: 'auto',
             history: 'auto',
-            peel: true
+            peel: true,
         },
         matchAroundOrigin: true,
         runScripts: true,
@@ -7785,10 +7806,12 @@ up.fragment = (function () {
         const parent = options.parent || document;
         return up.emit(parent, 'up:fragment:destroyed', { fragment, parent, log });
     }
-    function isDestroying(element) {
-        return !!element.closest('.up-destroying');
+    function isNotDestroying(element) {
+        return !element.closest('.up-destroying');
+    }
+    function isAlive(fragment) {
+        return fragment.isConnected && isNotDestroying(fragment);
     }
-    const isNotDestroying = u.negate(isDestroying);
     function getSmart(...args) {
         const options = u.extractOptions(args);
         const selector = args.pop();
@@ -8138,8 +8161,10 @@ up.fragment = (function () {
             up.emit(element, 'up:fragment:aborted', { log: false });
         }
     }
-    function onAborted(fragment, callback) {
-        let guard = (event) => event.target.contains(fragment);
+    function onAborted(fragment, ...args) {
+        let callback = u.extractCallback(args);
+        let options = u.extractOptions(args);
+        let guard = (event) => event.target.contains(fragment) || (options.around && fragment.contains(event.target));
         let unsubscribe = up.on('up:fragment:aborted', { guard }, callback);
         up.destructor(fragment, unsubscribe);
         return unsubscribe;
@@ -8187,6 +8212,7 @@ up.fragment = (function () {
         onAborted,
         splitTarget,
         parseTargetSteps,
+        isAlive,
     };
 })();
 up.reload = up.fragment.reload;
@@ -9345,7 +9371,6 @@ up.link = (function () {
         parser.booleanOrString('transition');
         parser.string('easing');
         parser.number('duration');
-        up.migrate.parseFollowOptions?.(parser);
         if (!options.guardEvent) {
             options.guardEvent = up.event.build('up:link:follow', { log: 'Following link' });
         }
@@ -9493,7 +9518,8 @@ up.link = (function () {
         convertClicks,
         config,
         combineFollowableSelectors,
-        preloadSelector: fullPreloadSelector
+        preloadSelector: fullPreloadSelector,
+        followSelector: fullFollowSelector,
     };
 })();
 up.follow = up.link.follow;
@@ -9892,6 +9918,7 @@ up.form = (function () {
         disable: disableContainer,
         group: findGroup,
         groupSolution: findGroupSolution,
+        groupSelectors: getGroupSelectors,
         get: getForm,
     };
 })();