@webqit/webflo 0.8.77 → 0.9.0-0

package/src/runtime/_MessageStream.js

@@ -1,195 +0,0 @@
-
-/**
- * @imports
- */
-import { _isArray, _isEmpty, _isNumber, _isObject, _isPlainArray, _isPlainObject, _isString } from '@webqit/util/js/index.js';
-import { formDataType } from './_FormData.js';
-
-/**
- * The _Request Mixin
- */
-const _MessageStream = (NativeMessageStream, Headers, FormData) => {
-    const MessageStream = class extends NativeMessageStream {
-        
-        constructor(input, init = {}) {
-            var _proxy = {}, _meta = {};
-            if ((('headers' in init) && !(init instanceof Headers)) || ('_proxy' in init) || ('meta' in init)) {
-                init = { ...init };
-                if (('headers' in init) && !(init instanceof Headers)) {
-                    init.headers = new Headers(init.headers);
-                }
-                if (('_proxy' in init)) {
-                    _proxy = init._proxy;
-                    delete init._proxy;
-                }
-                if (('meta' in init)) {
-                    _meta = init.meta;
-                    delete init.meta;
-                }
-                arguments[1] = init;
-            }
-            super(...arguments);
-            this._proxy = _proxy;
-            this._meta = _meta;
-        }
-
-        clone() {
-            const clone = new this.constructor(super.clone());
-            clone._proxy = this._proxy;
-            clone._headers = this._headers;
-            clone._typedDataCache = this._typedDataCache;
-            clone._meta = this._meta;
-            return clone;
-        }
-
-        get url() {
-            return 'url' in this._proxy ? this._proxy.url : super.url;
-        }
-
-        get headers() {
-            if (!this._headers) {
-                this._headers = new Headers(super.headers);
-            }
-            return this._headers;
-        }
-
-        get original() {
-            return this._typedDataCache.original;
-        }
-
-        get originalType() {
-            return this._typedDataCache.originalType;
-        }
-
-        get meta() {
-            return this._meta || {};
-        }
-
-        async arrayBuffer() {
-            if (this._typedDataCache.arrayBuffer) {
-                return this._typedDataCache.arrayBuffer;
-            }
-            return super.arrayBuffer();
-        }
-
-        async blob() {
-            if (this._typedDataCache.blob) {
-                return this._typedDataCache.blob;
-            }
-            return super.blob();
-        }
-
-        async formData() {
-            if (this._typedDataCache.formData) {
-                return this._typedDataCache.formData;
-            }
-            const formData = await super.formData();
-            formData.tee = FormData.prototype.tee.bind(formData);
-            formData.json = FormData.prototype.json.bind(formData);
-            return formData;
-        }
-
-        async json() {
-            if (this._typedDataCache.json) {
-                return this._typedDataCache.json;
-            }
-            return super.json();
-        }
-
-        async text() {
-            if (this._typedDataCache.text) {
-                return this._typedDataCache.text;
-            }
-            return super.text();
-        }
-                
-        // Payload
-        data(force = false) {
-            if (!this._typedDataCache.data || force) {
-                this._typedDataCache.data = new Promise(async (resolve, reject) => {
-                    var messageInstance = this, data, contentType = messageInstance.headers.get('content-type') || '';
-                    var type = contentType === 'application/json' || this._typedDataCache.json ? 'json' : (
-                        contentType === 'application/x-www-form-urlencoded' || contentType.startsWith('multipart/') || this._typedDataCache.formData ? 'formData' : (
-                            contentType === 'text/plain' ? 'plain' : 'other'
-                        )
-                    );
-                    try {
-                        if (type === 'formData') {
-                            data = (await messageInstance.formData()).json();
-                        } else {
-                            data = type === 'json' ? await messageInstance.json() : (
-                                type === 'plain' ? await messageInstance.text() : messageInstance.body
-                            );
-                        }
-                        resolve(data);
-                    } catch(e) {
-                        reject(e);
-                    }
-                });
-            }
-            return this._typedDataCache.data;
-        }
-
-    };
-    // ----------
-    MessageStream.Headers = Headers;
-    // ----------
-    return MessageStream;
-}
-
-export default _MessageStream;
-
-export function encodeBody(body, globals) {
-    const detailsObj = { body, original: body };
-    if (_isString(body) || _isNumber(body)) {
-        detailsObj.originalType = 'text';
-        detailsObj.text = body;
-        detailsObj.headers = {
-            contentLength: (body + '').length,
-        };
-        return detailsObj;
-    }
-    detailsObj.originalType = formDataType(body);
-    if ([ 'Blob', 'File' ].includes(detailsObj.originalType)) {
-        detailsObj.blob = body;
-        detailsObj.headers = {
-            contentType: body.type,
-            contentLength: body.size,
-        };
-    } else if ([ 'Uint8Array', 'Uint16Array', 'Uint32Array', 'ArrayBuffer' ].includes(detailsObj.originalType)) {
-        detailsObj.arrayBuffer = body;
-        detailsObj.headers = {
-            contentLength: body.byteLength,
-        };
-    } else if (detailsObj.originalType === 'FormData') {
-        detailsObj.formData = body;
-        encodeFormData(detailsObj, body, globals);
-    } else if ((_isObject(body) && _isPlainObject(body)) || (_isArray(body) && _isPlainArray(body))) {
-        // Deserialize object while detecting if multipart
-        var hasBlobs, formData = new globals.FormData;
-        formData.json(body, (path, value, objectType) => {
-            hasBlobs = hasBlobs || objectType;
-            return true;
-        });
-        if (hasBlobs) {
-            detailsObj.formData = formData;
-            encodeFormData(detailsObj, formData, globals);
-        } else {
-            detailsObj.json = body;
-            detailsObj.body = JSON.stringify(body);
-            detailsObj.headers = {
-                contentType: 'application/json',
-                contentLength: Buffer.byteLength(detailsObj.body, 'utf8'), // Buffer.from(string).length
-            };
-        }
-        detailsObj.data = body;
-    }
-    return detailsObj;
-}
-
-const encodeFormData = (detailsObj, formData, globals) => {
-    if (!globals.FormDataEncoder || !globals.ReadableStream) return;
-    const encoder = new globals.FormDataEncoder(formData);
-    detailsObj.body = globals.ReadableStream.from(encoder.encode());
-    detailsObj.headers = encoder.headers;
-};

package/src/runtime/_NavigationEvent.js

@@ -1,91 +0,0 @@
-
-/**
- * @imports
- */
-import _URL from './_URL.js';
-import _Request from "./_Request.js";
-import _Response from "./_Response.js";
-import _FormData from "./_FormData.js";
-import { _isEmpty } from '@webqit/util/js/index.js';
-
-/**
- * The _NavigationEvent Mixin
- */
-const _NavigationEvent = globals => {
-    // ----------
-    const URL = _URL(globals.URL);
-    const Request = _Request(globals);
-    const Response = _Response(globals);
-    // ----------
-    const NavigationEvent = class {
-
-        /**
-         * Initializes a new NavigationEvent instance.
-         * 
-         * @param Request       _request 
-         * @param Object        _session 
-         * @param Function      _sessionFactory 
-         */
-        constructor(_request, _session = {}, _sessionFactory = null) {
-            this._request = _request;
-            this._session = _session;
-            this.sessionFactory = _sessionFactory;
-            // -------
-            this.URL = URL;
-            // -------
-            this.Request = Request;
-            this.Request.sourceEvent = this; 
-            // -------
-            this.Response = Response;
-            this.Response.sourceEvent = this; 
-            // -------
-            this.globals = globals;
-        }
-
-        // url
-        get url() {
-            if (!this._url) {
-                this._url = new URL(this._request.url);
-            }
-            return this._url;
-        }
-
-        // request
-        get request() {
-            return this._request;
-        }
-
-        // session
-        get session() {
-            return this._session;
-        }
-
-        // RDR
-        retarget(url, init = {}) {
-            var request;
-            if (url instanceof NavigationEvent.Request) {
-                if (!_isEmpty(init)) {
-                    request = new NavigationEvent.Request(url, init);
-                } else {
-                    request = url;
-                }
-            } else {
-                init = { _proxy: {}, ...init };
-                init._proxy.url = `${this.url.origin}${url}`;
-                init._proxy.referrer = this.request.url;
-                request = new NavigationEvent.Request(this._request, init);
-            }            
-            return new NavigationEvent(request, this._session, this.sessionFactory);
-        }
-
-    }
-    // ----------
-    NavigationEvent.URL = URL;
-    NavigationEvent.Request = Request;
-    NavigationEvent.Response = Response;
-    NavigationEvent.globals = globals;
-    // ----------
-    return NavigationEvent;
-}
-
-export default _NavigationEvent;

package/src/runtime/_Request.js

@@ -1,59 +0,0 @@
-
-/**
- * @imports
- */
-import { _isEmpty } from '@webqit/util/js/index.js';
-import _MessageStream, { encodeBody } from './_MessageStream.js';
-import _RequestHeaders from './_RequestHeaders.js';
-
-/**
- * The _Request Mixin
- */
-const _Request = globals => class extends _MessageStream(globals.Request, _RequestHeaders(globals.Headers), globals.FormData) {
-        
-    constructor(input, init = {}) {
-        var _typedDataCache = {};
-        if (input instanceof globals.Request) {
-            init = { ...init };
-            init._proxy = { ...(input._proxy || {}), ...(init._proxy || {}) };
-            if (input._typedDataCache) {
-                _typedDataCache = input._typedDataCache;
-            }
-            if (init.method && input.method !== init.method.toUpperCase() && [ 'GET', 'HEAD' ].includes(init.method.toUpperCase())) {
-                // Body must not inherited. We should now simply copy attributes
-                input = input.url;
-                [ 'headers', 'mode', 'credentials', 'cache', 'redirect', 'referrer', 'integrity' ].forEach(attr => {
-                    if (!(attr in init)) {
-                        init[attr] = input[attr];
-                    }
-                });
-            }
-        }
-        // Init can contain "already-parsed request content"
-        if (('body' in init)) {
-            init = { ...init };
-            _typedDataCache = encodeBody(init.body, globals);
-            init.body = _typedDataCache.body;
-        }
-        if (!_isEmpty(init)) {
-            super(input, init);
-        } else {
-            super(input);
-        }
-        this._typedDataCache = _typedDataCache;
-        if (this._typedDataCache.headers) {
-            this.headers.json(this._typedDataCache.headers);
-        }
-    }
-
-    get destination() {
-        return 'destination' in this._proxy ? this._proxy.destination : super.destination;
-    }
-
-    get referrer() {
-        return 'referrer' in this._proxy ? this._proxy.referrer : super.referrer;
-    }
-
-};
-
-export default _Request;

package/src/runtime/_RequestHeaders.js

@@ -1,72 +0,0 @@
-
-/**
- * @imports
- */
-import { _after } from "@webqit/util/str/index.js";
-import _Headers from './_Headers.js';
-import { wwwFormUnserialize } from './util.js';
-
-/**
- * The _Headers Mixin
- */
-const _RequestHeaders = NativeHeaders => class extends _Headers(NativeHeaders) {
-
-    set accept(value) {
-        return this.set('Accept', value);
-    }
-
-    get accept() {
-        const list = (this.get('Accept') || '')
-            .split(',').map(a => (a = a.trim().split(';').map(a => a.trim()), [a.shift(), parseFloat((a.pop() || '1').replace('q=', ''))]))
-            .sort((a, b) => a[1] > b[1] ? -1 : 1);
-        return {
-            match(mime) {
-                mime = (mime + '').split('/');
-                return list.reduce((prev, entry) => prev || (
-                    (entry = entry[0].split('/')) && [0, 1].every(i => ((mime[i] === entry[i]) || mime[i] === '*' || entry[i] === '*'))
-                ), false);
-            }
-        };
-    }
-
-    set cookies(cookies) {
-        this.set('Cookie', cookies);
-        return true;
-    }
-
-    get cookies() {
-        if (!this._cookies) {
-            this._cookies = wwwFormUnserialize(this.get('cookie'), {}, ';');
-        }
-        return this._cookies;
-    }
-
-    set cors(value) {
-        return this.set('Access-Control-Allow-Origin', value === true ? '*' : (value === false ? '' : value));
-    }
-
-    get cors() {
-        return this.get('Access-Control-Allow-Origin');
-    }
-
-    set range(value) {
-        return this.set('Range', Array.isArray(value) ? `bytes=${value.join('-')}` : value);
-    }
-
-    get range() {
-        const value = this.get('Range');
-        if (!value) return;
-        const range = _after(value, 'bytes=').split('-');
-        range[0] = range[0] ? parseInt(range[0], 10) : 0;
-        range[1] = range[1] ? parseInt(range[1], 10) : 0;
-        range.clamp = max => {
-            if (range[1] > max - 1) {
-                range[1] = max - 1;
-            }
-        };
-        return range;
-    }
-
-}
-
-export default _RequestHeaders;

package/src/runtime/_Response.js

@@ -1,56 +0,0 @@
-
-/**
- * @imports
- */
-import { _isEmpty, _isUndefined } from '@webqit/util/js/index.js';
-import _MessageStream, { encodeBody } from './_MessageStream.js';
-import _ResponseHeaders from './_ResponseHeaders.js';
-
-/**
- * The _Response Mixin
- */
-const _Response = globals => class extends _MessageStream(globals.Response, _ResponseHeaders(globals.Headers), globals.FormData) {
-
-    // construct
-    constructor(body = null, init = {}) {
-        var _proxy = {}, _meta = {}, _typedDataCache = {};
-        if (arguments.length) {
-            _typedDataCache = encodeBody(body, globals);
-            body = _typedDataCache.body;
-        }
-        // Init can contain "already-parsed request content"
-        if (('_proxy' in init) || ('meta' in init)) {
-            init = { ...init };
-            if (('_proxy' in init)) {
-                _proxy = init._proxy;
-                delete init._proxy;
-            }
-            if (('meta' in init)) {
-                _meta = init.meta;
-                delete init.meta;
-            }
-        }
-        if (!_isEmpty(init)) {
-            super(body, init);
-        } else {
-            super(body);
-        }
-        this._proxy = _proxy;
-        this._meta = _meta;
-        this._typedDataCache = _typedDataCache;
-        if (this._typedDataCache.headers) {
-            this.headers.json(this._typedDataCache.headers);
-        }
-    }
-
-    get ok() {
-        return 'ok' in this._proxy ? this._proxy.ok : super.ok;
-    }
-
-    get redirected() {
-        return 'redirected' in this._proxy ? this._proxy.redirected : super.redirected;
-    }
-
-};
-
-export default _Response;

package/src/runtime/client/NavigationEvent.js

@@ -1,21 +0,0 @@
-
-/**
- * @imports
- */
-import _NavigationEvent from '../_NavigationEvent.js';
-import _FormData from '../_FormData.js';
-
-/**
- * The ClientNavigationEvent class
- */
-export default _NavigationEvent({
-    URL,
-    Request,
-    Response,
-    Headers,
-    FormData: _FormData(FormData),
-    File,
-    Blob,
-    ReadableStream,
-    fetch,
-});

package/src/runtime/client/Runtime.js

@@ -1,126 +0,0 @@
-
-/**
- * @imports
- */
-import _isObject from '@webqit/util/js/isObject.js';
-import _before from '@webqit/util/str/before.js';
-import _unique from '@webqit/util/arr/unique.js';
-import _fetch from '@webqit/browser-pie/src/apis/fetch.js';
-import NavigationEvent from './NavigationEvent.js';
-import WorkerClient from './WorkerClient.js';
-import Storage from './Storage.js';
-import Router from './Router.js';
-import Navigator from './Navigator.js';
-
-/**
- * ---------------------------
- * The Client Initializer
- * ---------------------------
- */
-
-export const { Observer } = window.WebQit;
-export default function(layout, params) {
-
-	layout = {...layout};
-	params = {...params};
-
-	const session = Storage();
-	const workerClient = new WorkerClient('/worker.js', { startMessages: true });
-	const navigator = new Navigator(async (request, params, remoteFetch) => {
-		
-		// The navigation event
-		const clientNavigationEvent = new NavigationEvent(
-			new NavigationEvent.Request(request),
-			session,
-		);
-
-		// The app router
-		const router = new Router(clientNavigationEvent.url.pathname, layout, {
-			layout,
-			onHydration: params.srcType === 'init',
-		});
-
-		// --------
-		// ROUTE FOR DATA
-		// --------
-		const httpMethodName = clientNavigationEvent.request.method.toLowerCase();
-		const response = await router.route([httpMethodName === 'delete' ? 'del' : httpMethodName, 'default'], clientNavigationEvent, document.state, async function(event) {
-			return remoteFetch(event.request).then(response => {
-				return new clientNavigationEvent.Response(response.body, {
-					status: response.status,
-					statusText: response.statusText,
-					headers: response.headers,
-					_proxy: {
-						url: response.url,
-						ok: response.ok,
-						redirected: response.redirected
-					},
-				});
-			});
-		}).catch(e => {
-			window.document.body.setAttribute('template', '');
-			throw e;
-		});
-
-
-		// --------
-		// Render
-		// --------
-		const data = response instanceof clientNavigationEvent.Response ? await response.data() : response;
-		await router.route('render', clientNavigationEvent, data, async function(event, 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: params.srcType === 'init',
-					network: navigator.network,
-					url: navigator.location,
-					session,
-				}, { update: true });
-			}
-			window.document.setState({ page: data }, { update: 'merge' });
-			window.document.body.setAttribute('template', 'page/' + clientNavigationEvent.url.pathname.split('/').filter(a => a).map(a => a + '+-').join('/'));
-			return new Promise(res => {
-				window.document.addEventListener('templatesreadystatechange', () => res(window));
-				if (window.document.templatesReadyState === 'complete') {
-					res(window);
-				}
-			});
-		});
-
-		// --------
-		// Render...
-		// --------
-
-		if (params.src instanceof Element) {
-			setTimeout(() => {
-				let viewportTop;
-				if (clientNavigationEvent.url.hash && (urlTarget = document.querySelector(clientNavigationEvent.url.hash))) {
-					urlTarget.scrollIntoView();
-				} else if (viewportTop = Array.from(document.querySelectorAll('[data-viewport-top]')).pop()) {
-					viewportTop.focus();
-				} else {
-					document.documentElement.classList.add('scroll-reset');
-					document.body.scrollIntoView();
-					setTimeout(() => {
-						document.documentElement.classList.remove('scroll-reset');
-					}, 600);
-				}
-			}, 0);
-		}
-		
-		return response;
-	});
-
-	Observer.observe(session, changes => {
-		//console.log('SESSION_STATE_CHANGE', changes[0].name, changes[0].value);
-	});
-	Observer.observe(workerClient, changes => {
-		//console.log('SERVICE_WORKER_STATE_CHANGE', changes[0].name, changes[0].value);
-	});
-	Observer.observe(navigator, changes => {
-		//console.log('NAVIGATORSTATE_CHANGE', changes[0].name, changes[0].value);
-	});
-};