@webqit/webflo 0.8.76 → 0.9.0

package/src/runtime/client/Worker.js

@@ -1,312 +0,0 @@
-
-/**
- * @imports
- */
-import Router from './Router.js';
-import _isGlobe from 'is-glob';
-import Minimatch from 'minimatch';
-import Observer from '@webqit/observer';
-import _isArray from '@webqit/util/js/isArray.js';
-import _afterLast from '@webqit/util/str/afterLast.js';
-import _after from '@webqit/util/str/after.js';
-import _before from '@webqit/util/str/before.js';
-import _any from '@webqit/util/arr/any.js';
-import _copy from '@webqit/util/obj/copy.js';
-import NavigationEvent from './NavigationEvent.js';
-
-/**
- * ---------------------------
- * The Worker Initializer
- * ---------------------------
- */
-
-export default function(layout, params) {
-
-	// Copy...
-	layout = { ...layout };
-	params = { ...params };
-	const sessionStores = Object.create(null);
-	const localStores = Object.create(null);
-
-	/**
-	 * -------------
-	 * ONINSTALL
-	 * -------------
-	 */
-
-	self.addEventListener('install', evt => {
-
-		if (params.skip_waiting) {
-			self.skipWaiting();
-		}
-		// Manage CACHE
-		if (params.cache_name && params.static_caching_list) {
-			// Add files to cache
-			evt.waitUntil(
-				self.caches.open(params.cache_name).then(cache => {
-					if (params.lifecycle_logs) {
-						console.log('[ServiceWorker] Pre-caching resources.');
-					}
-					const cache_only_url_list = (params.cache_only_url_list || []).map(c => c.trim()).filter(c => c);//.reduce((all, url) => all.concat(Micromatch.brace(url, { expand: true })), []);
-					return cache.addAll(cache_only_url_list.filter(url => !_isGlobe(url) && !_afterLast(url, '.').includes('/')));
-				})
-			);
-		}
-
-	});
-
-	/**
-	 * -------------
-	 * ONACTIVATE
-	 * -------------
-	 */
-
-	self.addEventListener('activate', evt => {
-
-		evt.waitUntil(
-			new Promise(async resolve => {
-				if (params.skip_waiting) {
-					await self.clients.claim();
-				}
-				// Manage CACHE
-				if (params.cache_name) {
-					// Clear outdated CACHES
-					await self.caches.keys().then(keyList => {
-						return Promise.all(keyList.map(key => {
-							if (key !== params.cache_name && key !== params.cache_name + '_json') {
-								if (params.lifecycle_logs) {
-									console.log('[ServiceWorker] Removing old cache:', key);
-								}
-								return self.caches.delete(key);
-							}
-						}));
-					}) 
-				}
-				resolve();
-			})
-		);
-
-	});
-	  
-	/**
-	 * -------------
-	 * ONFETCH
-	 * -------------
-	 */
-	
-	// Listen now...
-	self.addEventListener('fetch', async evt => {
-		// URL schemes that might arrive here but not supported; e.g.: chrome-extension://
-		if (!evt.request.url.startsWith('http')) return;
-		// Fetches request
-		const handleFetch = async evt => {
-
-			if (evt.request.url.startsWith(self.origin) && (evt.request.mode === 'navigate' || evt.request.headers.get('X-Powered-By') === '@webqit/webflo')) {
-				// -----------------
-				// Sync session data to cache to be available to service-worker routers
-				// Sync only takes for requests that actually do send the "$session" cookie
-				const sessionData = Observer.proxy(sessionStores[evt.clientId] || {});
-				const clientNavigationEvent = new NavigationEvent(new NavigationEvent.Request(evt.request), sessionData);
-				// -----------------
-				// The app router
-				const router = new Router(_before(evt.request.url, '?'), layout, { layout });
-				const httpMethodName = evt.request.method.toLowerCase();
-				const _response = await router.route([httpMethodName === 'delete' ? 'del' : httpMethodName, 'default'], clientNavigationEvent, null, (event, arg) => defaultFetch(evt));
-				if (!(_response instanceof Response)/* _response being a native Response instance is fine */) {
-					return new NavigationEvent.Response(_response);
-				}
-				return _response;
-			}
-			
-			return defaultFetch(evt);
-		};
-		let response = handleFetch(evt);
-		evt.respondWith(response);
-	});
-
-	const defaultFetch = function(evt) {
-		if (_any((params.cache_only_url_list || []).map(c => c.trim()).filter(c => c), pattern => Minimatch.Minimatch(evt.request.url, pattern))) {
-			return cache_fetch(evt);
-		}
-		// Now, the following is key:
-		// The browser likes to use "force-cache" for "navigate" requests
-		// when, for example, the back button was used.
-		// Thus the origin server would still not be contacted by the self.fetch() below, leading to inconsistencies in responses.
-		// So, we detect this scenerio and avoid it.
-		if (evt.request.mode === 'navigate' && evt.request.cache === 'force-cache' && evt.request.destination === 'document') {
-			return cache_fetch(evt, false, true);
-		}
-		if (_any((params.cache_first_url_list || []).map(c => c.trim()).filter(c => c), pattern => Minimatch.Minimatch(evt.request.url, pattern))) {
-			return cache_fetch(evt, true/** cacheRefresh */);
-		}
-		if (_any((params.network_first_url_list || []).map(c => c.trim()).filter(c => c), pattern => Minimatch.Minimatch(evt.request.url, pattern))) {
-			return network_fetch(evt, true/** cacheFallback */);
-		}
-		return network_fetch(evt);
-	};
-
-	//evt.request.mode navigate evt.request.cache force-cache evt.request.destination document request.headers.get('Accept') text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
-
-	const getCacheName = request => request.headers.get('Accept') === 'application/json'
-			? params.cache_name + '_json' 
-			: params.cache_name;
-
-	// Caching strategy: cache_first
-	const cache_fetch = (evt, cacheRefresh = false, is_Navigate_ForceCache_Document = false) => {
-
-		return self.caches.open(getCacheName(evt.request)).then(cache => {
-			return cache.match(evt.request).then(response => {
-				const force_network_fetch = evt => {
-					let request = evt.request;
-					if (is_Navigate_ForceCache_Document) {
-						let url = new URL(request.url);
-						url.searchParams.set('$force-cache', '1');
-						request = new Request(url, {
-							method: request.method, 
-							headers: request.headers,
-							body: request.body,
-							mode: request.mode === 'navigate'/* throws */ ? null : request.mode,
-							credentials: request.credentials,
-							cache: request.cache,
-							redirect: request.redirect,
-							referrer: request.referrer,
-							integrity: request.integrity,
-						});
-					}
-					return self.fetch(request);
-				}
-				if (response) {
-					if (cacheRefresh) {
-						// Fetch, but return this immediately
-						force_network_fetch(evt).then(response => refreshCache(evt.request, response));
-					}
-					return response;
-				}
-				return force_network_fetch(evt).then(response => refreshCache(evt.request, response));
-			});
-		});
-		
-	};
-
-	// Caching strategy: network_first
-	const network_fetch = (evt, cacheFallback) => {
-		if (!cacheFallback) {
-			return self.fetch(evt.request);
-		}
-		return self.fetch(evt.request).then(response => refreshCache(evt.request, response)).catch(e => {
-			return self.caches.open(getCacheName(evt.request)).then(cache => {
-				return cache.match(evt.request);
-			});
-		});
-	};
-
-	// Caches response 
-	const refreshCache = (request, response) => {
-
-		// Check if we received a valid response
-		if ((request._method || request.method) !== 'GET' || !response || response.status !== 200 || (response.type !== 'basic' && response.type !== 'cors')) {
-			return response;
-		}
-
-		// IMPORTANT: Clone the response. A response is a stream
-		// and because we want the browser to consume the response
-		// as well as the cache consuming the response, we need
-		// to clone it so we have two streams.
-		var responseToCache = response.clone();
-		self.caches.open(getCacheName(request)).then(cache => {
-			if (params.lifecycle_logs) {
-				console.log('[ServiceWorker] Refreshing cache:', request.url);
-			}
-			cache.put(request, responseToCache);
-		});
-
-		return response;
-	};
-
-	// -----------------------------
-
-	const relay = function(evt, messageData) {
-		return self.clients.matchAll().then(clientList => {
-			clientList.forEach(client => {
-				if (client.id === evt.source.id) {
-					return;
-				}
-				client.postMessage(messageData);
-			});
-		});
-	};
-	
-	self.addEventListener('message', evt => {
-
-		// Handle normally
-		const router = new Router('/', layout, { layout });
-		evt.waitUntil(
-			router.route('postmessage', evt, null, function() {
-				return self;
-			})
-		);
-
-	});
-
-	self.addEventListener('push', evt => {
-		const router = new Router('/', layout, { layout });
-		evt.waitUntil(
-			router.route('push', evt, null, function() {
-				return self;
-			})
-		);
-	});
-
-	self.addEventListener('notificationclick', evt => {
-		const router = new Router('/', layout, { layout });
-		evt.waitUntil(
-			router.route('notificationclick', evt, null, function() {
-				return self;
-			})
-		);
-	});
-
-	self.addEventListener('notificationclose', evt => {
-		const router = new Router('/', layout, { layout });
-		evt.waitUntil(
-			router.route('notificationclose', evt, null, function() {
-				return self;
-			})
-		);
-	});
-
-};
-
-/**
- * @utils
- */
-const matchClientUrl = (client, url) => '/' + _after(_after(client.url, '//'), '/') === url;
-
-/**
-
-if (notificationData) {
-	var title = params.NOTIFICATION_TITLE || '';
-	if (_isArray(notificationData)) {
-		title = notificationData[0];
-		notificationData = notificationData[1];
-	}
-	return self.registration.showNotification(title, notificationData);
-}
-
-var cuurentClientAtUrl = self.clients.matchAll().then(clientList => {
-	// Take the user to the app... the current open window or a new window
-	return clientList.reduce((cuurentClientAtUrl, client) => {
-		return cuurentClientAtUrl || matchClientUrl(client, pathname) ? client : null;
-	}, null);
-});
-if (cuurentClientAtUrl) {
-	return cuurentClientAtUrl.focus();
-}
-return self.clients.openWindow(pathname);
-
-return self.clients.matchAll().then(clientList => {
-	// Take the user to the app
-	return clientList.reduce((cuurentClientAtUrl, client) => cuurentClientAtUrl || matchClientUrl(client, pathname) ? client : null, null);
-});
-
- */

package/src/runtime/client/WorkerComm.js

@@ -1,183 +0,0 @@
-
-
-/**
- * @imports
- */
-
-var _sab;
-export function request(context, data = {}) {
-    var response;
-    const channel = new MessageChannel();
-    channel.port1.onmessage = e => (console.log('-----receiving'), response = e.data);
-    console.log('------waiting 11111', self.crossOriginIsolated);
-    try {
-        _sab = _sab || new ArrayBuffer(4); Atomics;
-        context.postMessage({ _sab, ...data, }, [ channel.port2 ]);
-        Atomics.wait(new Int32Array(_sab), 0, 0, 400);
-        return channel;
-    } catch (e) {
-        console.error('error1', e);
-        var x = new XMLHttpRequest();
-        x.timeout = 400;
-        x.open('get', '/@sleep@/t.js?t=400', false);
-        x.setRequestHeader('cache-control', 'no-cache, no-store, max-age=0');
-        try { x.send() } catch(e) { console.error('error2', e, response) }
-    }
-
-    return response;
-}
-
-export function listen(context, handler) {
-    console.log('::::::::::::::::::', crossOriginIsolated)
-    context.addEventListener('message', e => {
-        if (e.data._sab instanceof SharedArrayBuffer && e.ports.length) {
-            console.log('--------handling', e.data)
-            var response = handler(e.data);
-            if (response !== undefined) {
-                e.ports[0].postMessage(response);
-                console.log('--------sent');
-                Atomics.notify(new Int32Array(e.data._sab), 0, 1);
-                console.log('--------notified');
-            }
-        }
-    });
-}
-
-/**
- * ------------------
- * https://www.sitepen.com/blog/the-return-of-sharedarraybuffers-and-atomics
- * ------------------
- */
-
-export function sharedArrayBufferToUtf16String(buf) {
-	const array = new Uint16Array(buf);
-	return String.fromCharCode.apply(null, array);
-}
-
-export function utf16StringToSharedArrayBuffer(str) {
-	// 2 bytes for each char
-	const bytes = str.length *2;
-	const buffer = new SharedArrayBuffer(bytes);
-	const arrayBuffer = new Uint16Array(buffer);
-	for (let i = 0, strLen = str.length; i < strLen; i++) {
-		arrayBuffer[i] = str.charCodeAt(i);
-	}
-	return { array: arrayBuffer, buffer: buffer };
-}
-
-export function encodeUf8StringToSharedArrayBuffer(string) {
-	// Calculate the byte size of the UTF-8 string
-	let bytes = string.length;
-	for (let i = string.length -1; i <= 0; i--) {
-		const code = string.charCodeAt(i);
-		if (code > 0x7f && code <= 0x7ff) {
-			bytes++;
-        } else if (code > 0x7ff && code <= 0xffff) {
-			bytes+=2;
-        }
-		if (code >= 0xdc00 && code <= 0xdfff) {
-			i--; // trail surrogate
-		}
-	}
-	const buffer = new SharedArrayBuffer(bytes);
-	const arrayBuffer = new Uint8Array(buffer);
-	const encoded = unescape(encodeURIComponent(string));
-	for (var i = 0; i < encoded.length; i++) {
-		arrayBuffer[i] = encoded[i].charCodeAt(0);
-	}
-	return { array: arrayBuffer, buffer: buffer };
-}
-
-export function decodeUtf8StringFromSharedArrayBuffer(array) {
-	var encodedString = String.fromCharCode.apply(null, array);
-	var decodedString = decodeURIComponent(escape(encodedString));
-	return decodedString;
-}
-
-/**
- * // main.js
-worker.postMessage(sharedBuffer);
-// worker.js
-constsharedArray = new Int32Array(m.data);
-
-const exampleString = "Hello world, this is an example string!";
-const sharedArrayBuffer = utf16StringToSharedArrayBuffer(exampleString).buffer;
-const backToString = sharedArrayBufferToUtf16String(sharedArrayBuffer);
- */
-
-// Sync Local Storage
-function sharedStore(store, persistent = false, onAvailability = 1) {
-    const storeData = () => Object.keys(store).reduce((_store, key) => (_store[key] = store[key], _store), {});
-    this.post.send(() => ({ _type: 'WHOLE_STORAGE_SYNC', _persistent: persistent, store: storeData() }), onAvailability);
-    window.addEventListener('beforeunload', e => {
-        this.post.send({ _type: 'WHOLE_STORAGE_SYNC', _persistent: persistent });
-    });
-    // --------
-    Observer.observe(store, changes => {
-        changes.forEach(change => {
-            if (change.type === 'set') {
-                if (!(change.detail || {}).noSync) {
-                    this.post.send({ _type: 'STORAGE_SYNC', _persistent: persistent, ..._copy(change, [ 'type', 'name', 'path', 'value', 'oldValue', 'isUpdate', 'related', ]) });
-                }
-            } else if (change.type === 'deletion') {
-                if (!(change.detail || {}).noSync) {
-                    this.post.send({ _type: 'STORAGE_SYNC', _persistent: persistent, ..._copy(change, [ 'type', 'name', 'path', 'value', 'oldValue', 'isUpdate', 'related', ]) });
-                }
-            }
-        });
-    });
-    // --------
-    this.post.receive(e => {
-        if (e.data && e.data._type === 'STORAGE_SYNC' && e.data._persistent === persistent) {
-            if (e.data.type === 'set') {
-                Observer.set(store, e.data.name, e.data.value, { detail: { noSync: true } });
-            } else if (e.data.type === 'deletion') {
-                Observer.deleteProperty(store, e.data.name, { detail: { noSync: true } });
-            }
-        }
-    }, onAvailability);
-}
-
-self.addEventListener('message', evt => {
-		
-    // SESSION_SYNC
-    var clientId = evt.source.id;
-    if (evt.data && evt.data._type === 'WHOLE_STORAGE_SYNC') {
-        const storage = evt.data._persistent ? localStores : sessionStores;
-        if (evt.data.store) {
-            storage[clientId] = evt.data.store;
-            // --------------------------
-            // Get mutations synced TO client
-            Observer.observe(storage[clientId], changes => {
-                changes.forEach(change => {
-                    if (!(change.detail || {}).noSync) {
-                        self.clients.get(clientId).then(client => {
-                            client.postMessage({ _type: 'STORAGE_SYNC', _persistent: evt.data._persistent, ..._copy(change, [ 'type', 'name', 'path', 'value', 'oldValue', 'isUpdate', 'related', ]), });
-                        });
-                    }
-                });
-            });
-            // --------------------------
-        } else {
-            delete storage[clientId];
-        }
-    } else if (evt.data && evt.data._type === 'STORAGE_SYNC') {
-        // --------------------------
-        // Get mutations synced FROM client
-        const storage = evt.data._persistent ? localStores : sessionStores;
-        if (evt.data.type === 'set') {
-            if (storage[clientId]) Observer.set(storage[clientId], evt.data.name, evt.data.value, { detail: { noSync: true } });
-        } else if (evt.data.type === 'deletion') {
-            if (storage[clientId]) Observer.deleteProperty(storage[clientId], evt.data.name, { detail: { noSync: true } });
-        }
-        // --------------------------
-
-        // --------------------------
-        // Relay to other clients
-        if (evt.data._persistent) {
-            relay(evt, evt.data);
-        }
-        // --------------------------
-        return;
-    }
-});

package/src/runtime/client/effects/sounds.js

@@ -1,64 +0,0 @@
-const context = new window.AudioContext();
-
-export function playFile(filepath) {
-  // see https://jakearchibald.com/2016/sounds-fun/
-  // Fetch the file
-  fetch(filepath)
-    // Read it into memory as an arrayBuffer
-    .then(response => response.arrayBuffer())
-    // Turn it from mp3/aac/whatever into raw audio data
-    .then(arrayBuffer => context.decodeAudioData(arrayBuffer))
-    .then(audioBuffer => {
-      // Now we're ready to play!
-      const soundSource = context.createBufferSource();
-      soundSource.buffer = audioBuffer;
-      soundSource.connect(context.destination);
-      soundSource.start();
-    });
-}
-
-export function playSuccess() {
-    const successNoise = context.createOscillator();
-    successNoise.frequency = "600";
-    successNoise.type = "sine";
-    successNoise.frequency.exponentialRampToValueAtTime(800, context.currentTime + 0.05);
-    successNoise.frequency.exponentialRampToValueAtTime(1000, context.currentTime + 0.15);
-
-    successGain = context.createGain();
-    successGain.gain.exponentialRampToValueAtTime(0.01, context.currentTime + 0.3);
-
-    successFilter = context.createBiquadFilter("bandpass");
-    successFilter.Q = 0.01;
-
-    successNoise
-        .connect(successFilter)
-        .connect(successGain)
-        .connect(context.destination);
-    successNoise.start();
-    successNoise.stop(context.currentTime + 0.2);
-}
-
-export function playError() {
-    const errorNoise = context.createOscillator();
-    errorNoise.frequency = "400";
-    errorNoise.type = "sine";
-    errorNoise.frequency.exponentialRampToValueAtTime(200, context.currentTime + 0.05);
-    errorNoise.frequency.exponentialRampToValueAtTime(100, context.currentTime + 0.2);
-
-    errorGain = context.createGain();
-    errorGain.gain.exponentialRampToValueAtTime(0.01, context.currentTime + 0.3);
-
-    errorNoise.connect(errorGain).connect(context.destination);
-    errorNoise.start();
-    errorNoise.stop(context.currentTime + 0.3);
-}
-
-let successButton = document.querySelector("#success");
-successButton.addEventListener("click", function() {
-  playFile('https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/success.mp3');
-});
-
-let errorButton = document.querySelector("#error");
-errorButton.addEventListener("click", function() {
-  playFile('https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/error.mp3');
-});

package/src/runtime/index.js

@@ -1,5 +0,0 @@
-
-/**
- * exports
- */
-export * as server from './server/index.js';

package/src/runtime/server/NavigationEvent.js

@@ -1,39 +0,0 @@
-
-/**
- * @imports
- */
-import { URL } from 'url';
-import { Readable } from "stream";
-import { FormData, File, Blob } from 'formdata-node';
-import { FormDataEncoder } from 'form-data-encoder';
-import fetch, { Request, Response, Headers } from 'node-fetch';
-import _NavigationEvent from '../_NavigationEvent.js';
-import _FormData from '../_FormData.js';
-
-/**
- * Patch MessageStream with formData()
- */
-const _streamFormDataPatch = MessageStream => class extends MessageStream {
-
-    // formData() polyfill
-    async formData() {
-        return null;
-    }
-
-};
-
-/**
- * The NavigationEvent class
- */
-export default _NavigationEvent({
-    URL,
-    Request: _streamFormDataPatch(Request),
-    Response: _streamFormDataPatch(Response),
-    Headers,
-    FormData: _FormData(FormData),
-    File,
-    Blob,
-    ReadableStream: Readable,
-    FormDataEncoder,
-    fetch
-});