@webqit/webflo 0.11.21 → 0.11.24

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

@@ -1,98 +1,98 @@
-
-/**
- * @imports
- */
-import Router from './Router.js';
-
-export default class RuntimeClient {
-
-	/**
-     * RuntimeClient
-     * 
-     * @param Context cx
-     */
-	constructor(cx) {
-		this.cx = cx;
-	}
-
-	 /**
-     * Handles HTTP events.
-     * 
-     * @param HttpEvent       httpEvent
-     * @param Function        remoteFetch
-     * 
-     * @return Response
-     */
-	async handle(httpEvent, remoteFetch) {
-		// The app router
-        const router = new Router(this.cx, httpEvent.url.pathname);
-        const handle = async () => {
-			// --------
-			// ROUTE FOR DATA
-			// --------
-			let httpMethodName = httpEvent.request.method.toLowerCase();
-			return router.route([httpMethodName === 'delete' ? 'del' : httpMethodName, 'default'], httpEvent, {}, async event => {
-				return remoteFetch(event.request);
-			}, remoteFetch);
-		};
-		// --------
-        // PIPE THROUGH MIDDLEWARES
-        // --------
-		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) {
-		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
-			if (window.WebQit.DOM) {
-				await new Promise(res => window.WebQit.DOM.ready(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(httpEvent) {
-		if (window.document.state) {
-			window.document.setState({ data: {} }, { update: 'merge' });
-		}
-	}
-
-	// Normalize scroll position
-	async scrollIntoView(httpEvent) {
-		if (!(httpEvent.detail.src instanceof Element)) return;
-		await new Promise(res => setTimeout(res, 10));
-		let viewportTop, urlTarget;
-		if (httpEvent.url.hash && (urlTarget = document.querySelector(httpEvent.url.hash))) {
-			urlTarget.scrollIntoView();
-		} else if (viewportTop = Array.from(document.querySelectorAll('[data-viewport-top]')).pop()) {
-			viewportTop.focus();
-		} else {
-			document.body.scrollIntoView();
-		}
-	}
-
-}
-
+
+/**
+ * @imports
+ */
+import Router from './Router.js';
+
+export default class RuntimeClient {
+
+	/**
+     * RuntimeClient
+     * 
+     * @param Context cx
+     */
+	constructor(cx) {
+		this.cx = cx;
+	}
+
+	 /**
+     * Handles HTTP events.
+     * 
+     * @param HttpEvent       httpEvent
+     * @param Function        remoteFetch
+     * 
+     * @return Response
+     */
+	async handle(httpEvent, remoteFetch) {
+		// The app router
+        const router = new Router(this.cx, httpEvent.url.pathname);
+        const handle = async () => {
+			// --------
+			// ROUTE FOR DATA
+			// --------
+			let httpMethodName = httpEvent.request.method.toLowerCase();
+			return router.route([httpMethodName === 'delete' ? 'del' : httpMethodName, 'default'], httpEvent, {}, async event => {
+				return remoteFetch(event.request);
+			}, remoteFetch);
+		};
+		// --------
+        // PIPE THROUGH MIDDLEWARES
+        // --------
+		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) {
+		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
+			if (window.WebQit.DOM) {
+				await new Promise(res => window.WebQit.DOM.ready(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(httpEvent) {
+		if (window.document.state) {
+			window.document.setState({ data: {} }, { update: 'merge' });
+		}
+	}
+
+	// Normalize scroll position
+	async scrollIntoView(httpEvent) {
+		if (!(httpEvent.detail.src instanceof Element)) return;
+		await new Promise(res => setTimeout(res, 10));
+		let viewportTop, urlTarget;
+		if (httpEvent.url.hash && (urlTarget = document.querySelector(httpEvent.url.hash))) {
+			urlTarget.scrollIntoView();
+		} else if (viewportTop = Array.from(document.querySelectorAll('[data-viewport-top]')).pop()) {
+			viewportTop.focus();
+		} else {
+			document.body.scrollIntoView();
+		}
+	}
+
+}
+

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

@@ -1,57 +1,57 @@
-
-
-/**
- * @imports
- */
-import { _isString, _isUndefined } from '@webqit/util/js/index.js';
-import { Observer } from './Runtime.js';
-
-export default function(namespace = null, persistent = false) {
-
-    const storeType = persistent ? 'localStorage' : 'sessionStorage';
-    if (!window[storeType]) {
-        throw new Error(`The specified Web Storage API ${storeType} is invalid or not supported`);
-    }
-
-    const _storage = {};
-    Observer.intercept(_storage, (event, received, next) => {
-        const key = namespace ? `${namespace}.${event.name}` : event.name;
-        if (event.type === 'get' && _isString(key)) {
-            const value = window[storeType].getItem(key);
-            return !_isUndefined(value) ? JSON.parse(value) : value;
-        }
-        if (event.type === 'set') {
-            window[storeType].setItem(key, !_isUndefined(event.value) ? JSON.stringify(event.value) : event.value);
-            return true;
-        }
-        if (event.type === 'deleteProperty') {
-            window[storeType].removeItem(key);
-            return true;
-        }
-        if (event.type === 'has') {
-            for(var i = 0; i < window[storeType].length; i ++){
-                if (window[storeType].key(i) === key) {
-                    return true;
-                }
-            };
-            return false;
-        }
-        if (event.type === 'ownKeys') {
-            var keys = [];
-            for(var i = 0; i < window[storeType].length; i ++){
-                keys.push(window[storeType].key(i));
-            };
-            return keys;
-        }
-        if (event.type === 'getOwnPropertyDescriptor') {
-            return { enumerable: true, configurable: true };
-        }
-        return next();
-    });
-
-    return Observer.proxy(_storage);
-}
-
-export {
-    Observer,
+
+
+/**
+ * @imports
+ */
+import { _isString, _isUndefined } from '@webqit/util/js/index.js';
+import { Observer } from './Runtime.js';
+
+export default function(namespace = null, persistent = false) {
+
+    const storeType = persistent ? 'localStorage' : 'sessionStorage';
+    if (!window[storeType]) {
+        throw new Error(`The specified Web Storage API ${storeType} is invalid or not supported`);
+    }
+
+    const _storage = {};
+    Observer.intercept(_storage, (event, received, next) => {
+        const key = namespace ? `${namespace}.${event.name}` : event.name;
+        if (event.type === 'get' && _isString(key)) {
+            const value = window[storeType].getItem(key);
+            return !_isUndefined(value) ? JSON.parse(value) : value;
+        }
+        if (event.type === 'set') {
+            window[storeType].setItem(key, !_isUndefined(event.value) ? JSON.stringify(event.value) : event.value);
+            return true;
+        }
+        if (event.type === 'deleteProperty') {
+            window[storeType].removeItem(key);
+            return true;
+        }
+        if (event.type === 'has') {
+            for(var i = 0; i < window[storeType].length; i ++){
+                if (window[storeType].key(i) === key) {
+                    return true;
+                }
+            };
+            return false;
+        }
+        if (event.type === 'ownKeys') {
+            var keys = [];
+            for(var i = 0; i < window[storeType].length; i ++){
+                keys.push(window[storeType].key(i));
+            };
+            return keys;
+        }
+        if (event.type === 'getOwnPropertyDescriptor') {
+            return { enumerable: true, configurable: true };
+        }
+        return next();
+    });
+
+    return Observer.proxy(_storage);
+}
+
+export {
+    Observer,
 }