@webqit/webflo 0.10.4 → 0.11.1

package/package.json

@@ -12,7 +12,7 @@
     "vanila-javascript"
   ],
   "homepage": "https://webqit.io/tooling/webflo",
-  "version": "0.10.4",
+  "version": "0.11.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@octokit/webhooks": "^7.15.1",
     "@webqit/backpack": "^0.1.0",
-    "@webqit/oohtml-ssr": "^1.0.3",
+    "@webqit/oohtml-ssr": "^1.1.0",
     "@webqit/util": "^0.8.9",
     "client-sessions": "^0.8.0",
     "esbuild": "^0.14.38",

package/src/Context.js

@@ -17,7 +17,7 @@ export default class Context {
             this[prop] = this.dict[prop];
         }
         if (arguments.length > 1) {
-            this.dict.CWD = CD;
+            Object.defineProperty(this.dict, 'CWD', { get: () => CD });
         }
     }
 

package/src/config-pi/runtime/Client.js

@@ -23,8 +23,10 @@ export default class Client extends Dotfile {
     withDefaults(config) {
         return _merge(true, {
             bundle_filename: 'bundle.js',
-            support_oohtml: true,
-            support_service_worker: true,
+            public_base_url: '/',
+            spa_routing: true,
+            oohtml_support: 'full',
+            service_worker_support: true,
             worker_scope: '/',
             worker_filename: 'worker.js',
         }, config);
@@ -32,6 +34,16 @@ export default class Client extends Dotfile {
 
     // Questions generator
     questions(config, choices = {}) {
+        // Choices
+        const CHOICES = _merge({
+            oohtml_support: [
+                {value: 'full', title: 'Full'},
+                {value: 'namespacing', title: 'namespacing'},
+                {value: 'scripting', title: 'scripting'},
+                {value: 'templating', title: 'templating'},
+                {value: 'none', title: 'none'},
+            ],
+        }, choices);
         // Questions
         return [
             {
@@ -41,30 +53,46 @@ export default class Client extends Dotfile {
                 initial: config.bundle_filename,
             },
             {
-                name: 'support_oohtml',
+                name: 'public_base_url',
+                type: 'text',
+                message: '[public_base_url]: Enter the base-URL for public resource URLs',
+                initial: DATA.public_base_url,
+                validation: ['important'],
+            },
+            {
+                name: 'spa_routing',
                 type: 'toggle',
-                message: 'Support rendering with OOHTML? (Adds OOHTML to your app\'s bundle.)',
+                message: '[spa_routing]: Enable Single Page Routing Mode',
                 active: 'YES',
                 inactive: 'NO',
-                initial: config.support_oohtml,
+                initial: config.spa_routing,
+                validation: ['important'],
+            },
+            {
+                name: 'oohtml_support',
+                type: 'select',
+                message: '[oohtml_support]: (Adds OOHTML to your app\'s bundle.) Specify OOHTML support level',
+                choices: CHOICES.oohtml_support,
+                initial: this.indexOfInitial(CHOICES.oohtml_support, config.oohtml_support),
+                validation: ['important'],
             },
             {
-                name: 'support_service_worker',
+                name: 'service_worker_support',
                 type: 'toggle',
                 message: 'Support Service Worker?',
                 active: 'YES',
                 inactive: 'NO',
-                initial: config.support_service_worker,
+                initial: config.service_worker_support,
             },
             {
                 name: 'worker_scope',
-                type: (prev, answers) => answers.support_service_worker ? 'text' : null,
+                type: (prev, answers) => answers.service_worker_support ? 'text' : null,
                 message: 'Specify the Service Worker scope',
                 initial: config.worker_scope,
             },
             {
                 name: 'worker_filename',
-                type: (prev, answers) => answers.support_service_worker ? 'text' : null,
+                type: (prev, answers) => answers.service_worker_support ? 'text' : null,
                 message: 'Specify the Service Worker filename',
                 initial: config.worker_filename,
             },

package/src/config-pi/runtime/Server.js

@@ -29,6 +29,7 @@ export default class Server extends Dotfile {
                 force: false,
             },
             force_www: '',
+            oohtml_support: 'full',
             shared: false,
         }, config);
     }
@@ -42,13 +43,20 @@ export default class Server extends Dotfile {
                 {value: 'add',},
                 {value: 'remove',},
             ],
+            oohtml_support: [
+                {value: 'full', title: 'full'},
+                {value: 'namespacing', title: 'namespacing'},
+                {value: 'scripting', title: 'scripting'},
+                {value: 'templating', title: 'templating'},
+                {value: 'none', title: 'none'},
+            ],
         }, choices);
         // Questions
         return [
             {
                 name: 'port',
                 type: 'number',
-                message: 'Enter port number',
+                message: '[port]: Enter port number',
                 initial: config.port,
                 validation: ['important'],
             },
@@ -62,31 +70,31 @@ export default class Server extends Dotfile {
                     {
                         name: 'port',
                         type: 'number',
-                        message: 'Enter HTTPS port number',
+                        message: '[port]: Enter HTTPS port number',
                         validation: ['important'],
                     },
                     {
                         name: 'keyfile',
                         type: 'text',
-                        message: 'Enter SSL KEY file',
+                        message: '[keyfile]: Enter SSL KEY file',
                         validation: ['important'],
                     },
                     {
                         name: 'certfile',
                         type: 'text',
-                        message: 'Enter SSL CERT file',
+                        message: '[certfile]: Enter SSL CERT file',
                         validation: ['important'],
                     },
                     {
                         name: 'certdoms',
                         type: 'list',
-                        message: 'Enter the CERT domains (comma-separated)',
+                        message: '[certdoms]: Enter the CERT domains (comma-separated)',
                         validation: ['important'],
                     },
                     {
                         name: 'force',
                         type: 'toggle',
-                        message: 'Force HTTPS?',
+                        message: '[force]: Force HTTPS?',
                         active: 'YES',
                         inactive: 'NO',
                     },
@@ -95,14 +103,22 @@ export default class Server extends Dotfile {
             {
                 name: 'force_www',
                 type: 'select',
-                message: 'Force add/remove "www" on hostname?',
+                message: '[force_www]: Force add/remove "www" on hostname?',
                 choices: CHOICES.force_www,
                 initial: this.indexOfInitial(CHOICES.force_www, config.force_www),
             },
+            {
+                name: 'oohtml_support',
+                type: 'select',
+                message: '[oohtml_support]: Specify OOHTML support level',
+                choices: CHOICES.oohtml_support,
+                initial: this.indexOfInitial(CHOICES.oohtml_support, config.oohtml_support),
+                validation: ['important'],
+            },
             {
                 name: 'shared',
                 type: 'toggle',
-                message: 'Shared server?',
+                message: '[shared]: Shared server?',
                 active: 'YES',
                 inactive: 'NO',
                 initial: config.shared,

package/src/config-pi/runtime/client/Worker.js

@@ -23,10 +23,11 @@ export default class Worker extends Dotfile {
     withDefaults(config) {
         return _merge(true, {
             cache_name: 'cache_v0',
-            cache_only_urls: [],
+            default_fetching_strategy: 'network-first',
+            network_first_urls: [],
             cache_first_urls: [],
             network_only_urls: [],
-            network_first_urls: [],
+            cache_only_urls: [ '/page-3/{*.json}' ],
             skip_waiting: false,
             // -----------------
             support_push: false,
@@ -42,6 +43,15 @@ export default class Worker extends Dotfile {
         if (config.cache_name && config.cache_name.indexOf('_v') > -1 && _isNumeric(_after(config.cache_name, '_v'))) {
             config.cache_name = _before(config.cache_name, '_v') + '_v' + (parseInt(_after(config.cache_name, '_v')) + 1);
         }
+        // Choices
+        const CHOICES = _merge({
+            default_fetching_strategy: [
+                {value: 'network-first', title: 'Network-first (Webflo default)'},
+                {value: 'cache-first', title: 'Cache-first'},
+                {value: 'network-only', title: 'Network-only'},
+                {value: 'cache-only', title: 'Cache-only'},
+            ],
+        }, choices);
         // Questions
         return [
             {
@@ -51,28 +61,36 @@ export default class Worker extends Dotfile {
                 initial: config.cache_name,
             },
             {
-                name: 'cache_only_urls',
-                type: 'list',
-                message: 'Specify URLs for a "cache-only" fetching strategy (comma-separated, globe supported)',
-                initial: (config.cache_only_urls || []).join(', '),
+                name: 'default_fetching_strategy',
+                type: 'select',
+                message: '[default_fetching_strategy]: Choose the default fetching strategy',
+                choices: CHOICES.default_fetching_strategy,
+                initial: this.indexOfInitial(CHOICES.default_fetching_strategy, config.default_fetching_strategy),
+                validation: ['important'],
+            },
+            {
+                name: 'network_first_urls',
+                type: (prev, answers) => answers.default_fetching_strategy === 'network-first' ? null : 'list',
+                message: 'Specify URLs for a "network-first-then-cache" fetching strategy (comma-separated, globe supported)',
+                initial: (config.network_first_urls || []).join(', '),
             },
             {
                 name: 'cache_first_urls',
-                type: 'list',
+                type: (prev, answers) => answers.default_fetching_strategy === 'cache-first' ? null : 'list',
                 message: 'Specify URLs for a "cache-first-then-network" fetching strategy (comma-separated, globe supported)',
                 initial: (config.cache_first_urls || []).join(', '),
             },
             {
                 name: 'network_only_urls',
-                type: 'list',
+                type: (prev, answers) => answers.default_fetching_strategy === 'network-only' ? null : 'list',
                 message: 'Specify URLs for a "network-only" fetching strategy (comma-separated, globe supported)',
                 initial: (config.network_only_urls || []).join(', '),
             },
             {
-                name: 'network_first_urls',
-                type: 'list',
-                message: 'Specify URLs for a "network-first-then-cache" fetching strategy (comma-separated, globe supported)',
-                initial: (config.network_first_urls || []).join(', '),
+                name: 'cache_only_urls',
+                type: (prev, answers) => answers.default_fetching_strategy === 'cache-only' ? null : 'list',
+                message: 'Specify URLs for a "cache-only" fetching strategy (comma-separated, globe supported)',
+                initial: (config.cache_only_urls || []).join(', '),
             },
             {
                 name: 'skip_waiting',

package/src/runtime-pi/Router.js

@@ -46,7 +46,7 @@ export default class Router {
         // The loop
         // ----------------
         const next = async function(thisTick) {
-            const thisContext = {};
+            const thisContext = { };
             if (!thisTick.trail || thisTick.trail.length < thisTick.destination.length) {
                 thisTick = await $this.readTick(thisTick);
                 // -------------

package/src/runtime-pi/client/Runtime.js

@@ -16,6 +16,7 @@ import xRequest from "../xRequest.js";
 import xResponse from "../xResponse.js";
 import xfetch from '../xfetch.js';
 import xHttpEvent from '../xHttpEvent.js';
+import Workport from './Workport.js';
 
 const URL = xURL(whatwag.URL);
 const FormData = xFormData(whatwag.FormData);
@@ -98,8 +99,7 @@ export default class Runtime {
 		window.addEventListener('click', e => {
 			var anchor = e.target.closest('a');
 			if (!anchor || !anchor.href) return;
-			if (!anchor.target && !anchor.download && (!anchor.origin || anchor.origin === this.location.origin)) {
-				if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+			if (!anchor.target && !anchor.download && this.isSpaRoute(anchor, e)) {
 				// Publish everything, including hash
 				this.go(Url.copy(anchor), {}, { src: anchor, srcType: 'link', });
 				// URLs with # will cause a natural navigation
@@ -129,8 +129,7 @@ export default class Runtime {
 			actionEl.href = submitParams.action;
 			// ---------------
 			// If not targeted and same origin...
-			if (!submitParams.target && (!actionEl.origin || actionEl.origin === this.location.origin)) {
-				if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+			if (!submitParams.target && this.isSpaRoute(actionEl, e)) {
 				// Build data
 				var formData = new FormData(form);
 				if ((submitter || {}).name) {
@@ -164,6 +163,27 @@ export default class Runtime {
 		window.addEventListener('online', () => Observer.set(this.network, 'online', navigator.onLine));
 		window.addEventListener('offline', () => Observer.set(this.network, 'online', navigator.onLine));
 
+		// -----------------------
+		// Service Worker && COMM
+		if (this.cx.service_worker_support) {
+			let workport = new Workport(this.cx.worker_filename, { scope: this.cx.worker_scope, startMessages: true });
+			Observer.set(this, 'workport', workport);
+			workport.messaging.listen(async evt => {
+				let responsePort = evt.ports[0];
+				let client = this.clients.get('*');
+				let response = client.alert && await client.alert(evt);
+				if (responsePort) {
+					if (response instanceof Promise) {
+						response.then(data => {
+							responsePort.postMessage(data);
+						});
+					} else {
+						responsePort.postMessage(response);
+					}
+				}
+			});
+		}
+
         // ---------------
         this.go(this.location, {}, { srcType: 'init' });
         // ---------------
@@ -176,6 +196,43 @@ export default class Runtime {
         return window.history;
     }
 
+	// Check is-route
+	isSpaRoute(url, e) {
+		url = typeof url === 'string' ? new whatwag.URL(url) : url;
+		if (url.origin && url.origin !== this.location.origin) return false;
+		if (e && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)) return false;
+		if (!this.cx.params.routing) return true;
+		if (this.cx.params.routing.targets === false/** explicit false means disabled */) return false;
+		let b = url.pathname.split('/').filter(s => s);
+		const match = a => {
+			a = a.split('/').filter(s => s);
+			return a.reduce((prev, s, i) => prev && (s === b[i] || [s, b[i]].includes('-')), true);
+		};
+		return match(this.cx.params.routing.root) && this.cx.params.routing.subroots.reduce((prev, subroot) => {
+			return prev && !match(subroot);
+		}, true);
+	}
+
+	// Generates request object
+	generateRequest(href, init) {
+		return new Request(href, {
+			signal: this._abortController.signal,
+			...init,
+			headers: {
+				'Accept': 'application/json',
+				'X-Redirect-Policy': 'manual-when-cross-spa',
+				'X-Redirect-Code': this._xRedirectCode,
+				'X-Powered-By': '@webqit/webflo',
+				...(init.headers || {}),
+			},
+		});
+	}
+
+	// Generates session object
+    getSession(e, id = null, persistent = false) {
+		return Storage(id, persistent);
+	}
+
     /**
      * Performs a request.
      *
@@ -192,7 +249,7 @@ export default class Runtime {
 		// Put his forward before instantiating a request and aborting previous
 		// Same-page hash-links clicks on chrome recurse here from histroy popstate
         if (detail.srcType !== 'init' && (_before(url.href, '#') === _before(init.referrer, '#') && (init.method || 'GET').toUpperCase() === 'GET')) {
-			return;
+			return new Response(null, { status: 304 }); // Not Modified
         }
 		// ------------
         if (this._abortController) {
@@ -201,55 +258,77 @@ export default class Runtime {
         this._abortController = new AbortController();
         this._xRedirectCode = 200;
         // ------------
+		// States
+		// ------------
+        Observer.set(this.network, 'error', null);
+        Observer.set(this.network, 'requesting', { ...init, ...detail });
         if (['link', 'form'].includes(detail.srcType)) {
-            Observer.set(detail.src, 'active', true);
-            Observer.set(detail.submitter || {}, 'active', true);
+            detail.src.state && (detail.src.state.active = true);
+            detail.submitter && detail.submitter.state && (detail.submitter.state.active = true);
         }
         // ------------
-        Observer.set(this.location, url, { detail: { ...init, ...detail }, });
-        Observer.set(this.network, 'redirecting', null);
-        // ------------
+		// Run
+		// ------------
 		// The request object
 		let request = this.generateRequest(url.href, init);
 		// The navigation event
 		let httpEvent = new HttpEvent(request, detail, (id = null, persistent = false) => this.getSession(httpEvent, id, persistent));
 		// Response
-		let response = await this.clients.get('*').handle(httpEvent, ( ...args ) => this.remoteFetch( ...args ));
-		let finalResponse = this.handleResponse(httpEvent, response);
+		let client = this.clients.get('*'), response, finalResponse;
+		try {
+			// ------------
+			// Response
+			// ------------
+			response = await client.handle(httpEvent, ( ...args ) => this.remoteFetch( ...args ));
+			finalResponse = this.handleResponse(httpEvent, response);
+			// ------------
+			// Address bar
+			// ------------
+			if (response.redirected) {
+				Observer.set(this.location, { href: response.url }, { detail: { redirected: true }, });
+			} else if (![302, 301].includes(finalResponse.status)) {
+				Observer.set(this.location, url);
+			}
+			// ------------
+			// States
+			// ------------
+			Observer.set(this.network, 'requesting', null);
+			if (['link', 'form'].includes(detail.srcType)) {
+				detail.src.state && (detail.src.state.active = false);
+            	detail.submitter && detail.submitter.state && (detail.submitter.state.active = false);
+			}
+			// ------------
+			// Rendering
+			// ------------
+			if (finalResponse.ok && finalResponse.headers.contentType === 'application/json') {
+				client.render && await client.render(httpEvent, finalResponse);
+			} else if (!finalResponse.ok) {
+				if ([404, 500].includes(finalResponse.status)) {
+					Observer.set(this.network, 'error', new Error(finalResponse.statusText, { cause: finalResponse.status }));
+				}
+				client.unrender && await client.unrender(httpEvent);
+			}
+		} catch(e) {
+			console.error(e);
+			Observer.set(this.network, 'error', { ...e, retry: () => this.go(url, init = {}, detail) });
+			finalResponse = new Response(null, { status: 500, statusText: e.message });
+		}
+		// ------------
         // Return value
 		return finalResponse;
     }
 
-	// Generates request object
-	generateRequest(href, init) {
-		return new Request(href, {
-			signal: this._abortController.signal,
-			...init,
-			headers: {
-				'Accept': 'application/json',
-				'X-Redirect-Policy': 'manual-when-cross-origin',
-				'X-Redirect-Code': this._xRedirectCode,
-				'X-Powered-By': '@webqit/webflo',
-				...(init.headers || {}),
-			},
-		});
-	}
-
-	// Generates session object
-    getSession(e, id = null, persistent = false) {
-		return Storage(id, persistent);
-	}
-
 	// Initiates remote fetch and sets the status
 	remoteFetch(request, ...args) {
-		Observer.set(this.network, 'remote', true);
+		let href = typeof request === 'string' ? request : (request.url || request.href);
+		Observer.set(this.network, 'remote', href);
 		let _response = fetch(request, ...args);
 		// This catch() is NOT intended to handle failure of the fetch
-		_response.catch(e => Observer.set(this.network, 'error', e.message));
+		_response.catch(e => Observer.set(this.network, 'error', e));
 		// Return xResponse
 		return _response.then(async response => {
 			// Stop loading status
-			Observer.set(this.network, 'remote', false);
+			Observer.set(this.network, 'remote', null);
 			return new Response(response);
 		});
 	}
@@ -257,19 +336,10 @@ export default class Runtime {
 	// Handles response object
 	handleResponse(e, response) {
 		if (!(response instanceof Response)) { response = new Response(response); }
-		Observer.set(this.network, 'remote', false);
-		Observer.set(this.network, 'error', null);
-		if (['link', 'form'].includes(e.detail.srcType)) {
-			Observer.set(e.detail.src, 'active', false);
-			Observer.set(e.detail.submitter || {}, 'active', false);
-		}
-		if (response.redirected && this.isSameOrigin(response.url)) {
-			Observer.set(this.location, { href: response.url }, {
-				detail: { isRedirect: true },
-			});
-		} else {
+		if (!response.redirected) {
 			let location = response.headers.get('Location');
 			if (location && response.status === this._xRedirectCode) {
+				response.attrs.status = parseInt(response.headers.get('X-Redirect-Code'));
 				Observer.set(this.network, 'redirecting', location);
 				window.location = location;
 			}
@@ -277,20 +347,4 @@ export default class Runtime {
 		return response;
 	}
 
-    /**
-     * Checks if an URL is same origin.
-     *
-     * @param object|string 	url
-     *
-     * @return Bool
-     */
-    isSameOrigin(url) {
-        if (typeof url === 'string') {
-            let href = url;
-            url = window.document.createElement('a');
-            url.href = href
-        }
-        return !url.origin || url.origin === this.location.origin;
-    }
-
 }

package/src/runtime-pi/client/RuntimeClient.js

@@ -2,8 +2,6 @@
 /**
  * @imports
  */
-import { Observer } from './Runtime.js';
-import WorkerComm from './WorkerComm.js';
 import Router from './Router.js';
 
 export default class RuntimeClient {
@@ -15,12 +13,6 @@ export default class RuntimeClient {
      */
 	constructor(cx) {
 		this.cx = cx;
-		if (this.cx.support_service_worker) {
-			const workerComm = new WorkerComm(this.cx.worker_filename, { scope: this.cx.worker_scope, startMessages: true });
-			Observer.observe(workerComm, changes => {
-				//console.log('SERVICE_WORKER_STATE_CHANGE', changes[0].name, changes[0].value);
-			});
-		}
 	}
 
 	 /**
@@ -39,60 +31,53 @@ export default class RuntimeClient {
 			// ROUTE FOR DATA
 			// --------
 			let httpMethodName = httpEvent.request.method.toLowerCase();
-			let response = await router.route([httpMethodName === 'delete' ? 'del' : httpMethodName, 'default'], httpEvent, {}, async event => {
+			return router.route([httpMethodName === 'delete' ? 'del' : httpMethodName, 'default'], httpEvent, {}, async event => {
 				return remoteFetch(event.request);
 			}, remoteFetch);
-			if (!(response instanceof httpEvent.Response)) {
-                response = new httpEvent.Response(response);
-            }
-
-            // --------
-            // Rendering
-            // --------
-            if (response.ok && response.headers.contentType === 'application/json') {
-                await this.render(httpEvent, response, router);
-				await this.scrollIntoView(httpEvent);
-            } else if (!response.ok) {
-				await this.unrender();
-			}
-
-            return response;
 		};
-		
 		// --------
         // PIPE THROUGH MIDDLEWARES
         // --------
-        return (this.cx.middlewares || []).concat(handle).reverse().reduce((next, fn) => {
-            return () => fn.call(this.cx, httpEvent, router, next);
-        }, null)();
+		return await (this.cx.middlewares || []).concat(handle).reverse().reduce((next, fn) => {
+			return () => fn.call(this.cx, httpEvent, router, next);
+		}, null)();
 	}
 
 	// Renderer
-    async render(httpEvent, response, router) {
+    async render(httpEvent, response) {
 		let data = await response.json();
+		const router = new Router(this.cx, httpEvent.url.pathname);
 		return router.route('render', httpEvent, data, async (httpEvent, data) => {
 			// --------
 			// OOHTML would waiting for DOM-ready in order to be initialized
-			await new Promise(res => window.WebQit.DOM.ready(res));
-			if (!window.document.state.env) {
-				window.document.setState({
-					env: 'client',
-					onHydration: (httpEvent.detail || {}).srcType === 'init',
-					network: this.cx.runtime.network,
-					url: this.cx.runtime.location,
-				}, { update: true });
+			if (window.WebQit.DOM) {
+				await new Promise(res => window.WebQit.DOM.ready(res));
 			}
-			window.document.setState({ page: data }, { update: 'merge' });
-			window.document.body.setAttribute('template', 'page/' + httpEvent.url.pathname.split('/').filter(a => a).map(a => a + '+-').join('/'));
-            await new Promise(res => (window.document.templatesReadyState === 'complete' && res(), window.document.addEventListener('templatesreadystatechange', res)));
+			if (window.document.state) {
+				if (!window.document.state.env) {
+					window.document.setState({
+						env: 'client',
+						onHydration: (httpEvent.detail || {}).srcType === 'init',
+						network: this.cx.runtime.network,
+						url: this.cx.runtime.location,
+					}, { update: true });
+				}
+				window.document.setState({ data }, { update: 'merge' });
+			}
+			if (window.document.templates) {
+				window.document.body.setAttribute('template', 'routes/' + httpEvent.url.pathname.split('/').filter(a => a).map(a => a + '+-').join('/'));
+				await new Promise(res => (window.document.templatesReadyState === 'complete' && res(), window.document.addEventListener('templatesreadystatechange', res)));
+			}
+			await this.scrollIntoView(httpEvent);
 			return window;
 		});
 	}
 
 	// Unrender
-	async unrender() {
-		window.document.setState({ page: {} }, { update: 'merge' });
-		window.document.body.setAttribute('template', '');
+	async unrender(httpEvent) {
+		if (window.document.state) {
+			window.document.setState({ data: {} }, { update: 'merge' });
+		}
 	}
 
 	// Normalize scroll position