@awesomeness-js/server 1.1.7 → 1.1.8

package/ui/core/js/app/init.js

@@ -1,88 +0,0 @@
-app.init = async function({
-	loadPage = 'start',
-	emptyBody = false,
-} = {}){
-
-	app._supportsConstructableSheets =
-		!!document.adoptedStyleSheets &&
-		typeof CSSStyleSheet !== "undefined" &&
-		typeof CSSStyleSheet.prototype.replaceSync === "function";
-
-	app.session = window.localStorage.getItem('awesomeness-appSession');
-
-	// fuck with dark mode
-	app.initDarkMode();
-
-	// adjust on resize
-	window.onresize = function(){
-
-		app.resize(); 
-
-	};
-
-	app.resize(); // trigger initial resize
-
-	// URL STUFF
-	var origLocation = window.location.pathname;
-
-	// do we have a mouse
-	app.mouse = false;
-
-
-	const $body = $('body');
-
-	window.addEventListener('beforeunload', () => {
-
-		console.log('Saving last page info:', {
-			url: origLocation,
-			scrollY: window.scrollY
-		});
-
-		localStorage.setItem('awesomeness-lastPage', JSON.stringify({
-			url: origLocation,
-			scrollY: window.scrollY
-		}));
-
-	});
-
-	
-
-
-	$body.on('mousemove', function(){
-
-		app.mouse = true; 
-		$body.off('mousemove'); 
-
-	});
-
-	if(loadPage){
-
-		if(emptyBody){
-
-			$body.empty();
-		
-		}
-
-		app.page(loadPage, { origLocation });
-	
-	}
-	
-	const url = "/app.css";
-
-	const css = await fetch(url).then((r) => r.text());
-
-	const sheet = new CSSStyleSheet();
-
-	sheet.replaceSync(css);
-
-	app.meta.styleSheets.__CORE__ = sheet;
-
-	// Optional: Apply globally if not shadow-based
-	document.adoptedStyleSheets = [
-		...(document.adoptedStyleSheets || []),
-		sheet
-	];
-
-	return true;
-
-};

package/ui/core/js/app/initDarkMode.js

@@ -1,26 +0,0 @@
-app.initDarkMode = function(){
-
-	// ititial add
-	if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-
-		document.body.classList.add('darkMode');
-	
-	}
-
-	// adjust on change	
-	window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (event) => {
-
-		if(event.matches){
-
-			document.body.classList.add('darkMode'); 
-
-		} else {
-
-			document.body.classList.remove('darkMode'); 
-
-		}
-	
-	});
-
-
-};

package/ui/core/js/app/initialScroll.js

@@ -1,28 +0,0 @@
-app.initialScroll = async function(){
-
-	// if we have the same page 
-	const wereOnSamePage_raw = localStorage.getItem('awesomeness-lastPage');
-
-	if(wereOnSamePage_raw){
-
-		const wereOnSamePage = JSON.parse(wereOnSamePage_raw);
-
-		const url = window.location.pathname;
-
-		if(wereOnSamePage.url == url){
-
-			if(wereOnSamePage.scrollY){
-
-				setTimeout(function(){
-
-					window.scrollTo(0, wereOnSamePage.scrollY);
-					
-				}, 100);
-				
-			}
-
-		}
-		
-	}
-
-};

package/ui/core/js/app/meta/update/components.js

@@ -1,65 +0,0 @@
-app.meta.update.components = function (components) {
-
-	Object.entries(components).forEach(([ name, component ]) => {
-
-		app.meta.components[name] = component.hash;
-
-		// prefix + normalize
-		const key = "component__" + String(name).replaceAll("/", "_");
-
-		// CSS
-		if (component.css) {
-
-			if (app._supportsConstructableSheets) {
-
-				let sheet = app.meta.styleSheets[key];
-
-
-				if (!sheet) {
-
-					sheet = new CSSStyleSheet();
-					app.meta.styleSheets[key] = sheet;
-					document.adoptedStyleSheets = [ ...document.adoptedStyleSheets, sheet ];
-				
-				}
-
-				sheet.replaceSync(component.css);
-			
-			} else {
-
-				// fallback <style> injection
-				const cssID = key;
-				const cssTag ='<style type="text/css" id="' + cssID + '">' + component.css + "</style>";
-
-				// remove old and insert new inside #css bucket
-				$("#" + cssID).remove();
-				let $css = $("#css");
-
-				if (!$css.length) $css = $('<div id="css"></div>').appendTo($("body"));
-				$(cssTag).appendTo($css);
-			
-			}
-		
-		}
-
-		// JS
-		if (component.js) {
-
-			try {
-
-				eval(component.js);
-			
-			} catch (error) {
-
-				console.error("Failed to load function:", {
-					component: name,
-					error 
-				});
-			
-			}
-		
-		}
-	
-	});
-
-};

package/ui/core/js/app/meta/update/pages.js

@@ -1,86 +0,0 @@
-app.meta.update.pages = function (pages) {
-
-	if (!pages) return;
-
-	$.each(pages, function (rawName, pageData) {
-
-		// normalize name like original (no leading/trailing slash)
-		const name = String(rawName).replace(/^\/+|\/+$/g, "");
-		const nameParts = name.split("/");
-
-		// ensure namespace: app.pages.example.test
-		let base = app.pages;
-
-
-		for (let i = 0; i < nameParts.length; i++) {
-
-			const part = nameParts[i];
-
-			if (!base[part]) base[part] = {};
-			base = base[part];
-		
-		}
-
-		// CSS (hot-reload)
-		if (pageData.css) {
-
-			const key = "page__" + name.replaceAll("/", "_"); // <- prefix here
-
-			if (app._supportsConstructableSheets) {
-
-				let sheet = app.meta.styleSheets[key];
-
-
-				if (!sheet) {
-
-					sheet = new CSSStyleSheet();
-					app.meta.styleSheets[key] = sheet;
-					document.adoptedStyleSheets = [ ...document.adoptedStyleSheets, sheet ];
-				
-				}
-
-				sheet.replaceSync(pageData.css);
-			
-			} else {
-
-				// fallback: <style> injection
-				const cssID = key; // id equals prefixed key
-				const cssTag ='<style type="text/css" id="' + cssID + '">' + pageData.css + "</style>";
-
-				$("#" + cssID).remove(); // remove old
-				let $css = $("#css");
-
-				if (!$css.length) $css = $('<div id="css"></div>').appendTo($("body"));
-				$(cssTag).appendTo($css);
-			
-			}
-		
-		}
-
-		// JS (hot-reload)
-		if (pageData.js) {
-
-			try {
-
-				eval(pageData.js); 
-
-			} catch (error) {
-
-				console.error("Failed to load page script:", {
-					name,
-					error 
-				});
-			
-			}
-		
-		}
-
-		// metadata
-		app.meta.pages[name] = pageData.version;
-		
-		base.version = pageData.version;
-		base.about = pageData.about;
-	
-	});
-
-};

package/ui/core/js/app/metaUpdates.js

@@ -1,10 +0,0 @@
-app.metaUpdates = function(meta){
-
-	if(!meta) return;
-
-	// ORDER OF UPDATES MATTERS
-	if(meta.user) app.user = meta.user;
-	if(meta.pages) app.meta.update.pages(meta.pages);
-	if(meta.components) app.meta.update.components(meta.components);
-
-};

package/ui/core/js/app/page.js

@@ -1,319 +0,0 @@
-app.page = async function(page, data = {}){
-
-	if(app.$main){
-
-		app.$main.css({ 'opacity': 0 }); 
-		console.log('page loading...');
-
-	}
-
-
-	// start timer
-	const time = new Date().getTime();
-
-
-	if(!page){
-
-		ui.statusPage(400);
-
-		if(app.$main){
-
-			app.$main.css({ 'opacity': 1 }); 
-			console.log('error page...', page);
-
-		}
-
-		throw {
-			status: 400,
-			page,
-			data,
-			error: "No page specified"
-		};
-	
-	}
-
-	// remove leading /
-	if(page.substr(0,1) === '/'){
-
-		page = page.substr(1);
-
-	}
-
-	if(!page){
-
-
-		try {
-
-			if(app.start){
-
-				await app.start();
-				app.$main.css({ 'opacity': 1 }); 
-
-			}
-		
-		} catch (e) {
-
-			console.error('Error loading start page:', e);
-
-		}
-
-		return;
-	
-	}
-
-
-	// remove anchor
-	let anchor = null;
-
-
-	if(page.indexOf('#') > -1){
-
-		anchor = page.split('#')[1];
-		page = page.split('#')[0];
-	
-		data.anchor = anchor;
-
-	}
-
-	// only allow a-z _ - (throw if invalid)
-	if(!page.match(/^[a-z0-9_\-\/]+$/i)){
-
-		if(ui.statusPage){
-
-			ui.statusPage(404);
-
-		} else {
-
-			console.log('statusPage function not found in ui');
-		
-		}
-
-		if(app.$main){
-
-			app.$main.css({ 'opacity': 1 }); 
-			console.log('error page...');
-
-		}
-
-		throw {
-			status: 400,
-			page,
-			data,
-			error: "Invalid page name"
-		};
-
-	}
-
-	
-	// send out test data
-	if(app.testing){
-
-		console.log("%cpage: ", "color: blue; font-weight:bold;", data ,'page request started ('+page+')');
-	
-	}
-
-	// define fetch options
-	let fetchOptions = {
-		method: 'POST',
-		headers: {
-			'Content-Type': 'application/json',
-			'Authorization': 'Bearer ' + app.session ?? ''
-		},
-		body: JSON.stringify({
-			... data,
-			awesomenessType: 'page',
-			meta: app.meta,
-			testing: app.testing,
-			device: {
-				'device':'web',
-				'userAgent': window.navigator.userAgent
-			}
-		}),
-		timeout: 5 * 60 * 1000 // 5 minutes
-	};
-
-	let responseData;
-	let pageInfo;
-	let pageInit;
-
-	try {
-
-		if(ui.pageLoading) {
-			
-			$loading = ui.pageLoading();
-
-		}
-
-		let response = await fetch(app.pageBaseURL + page, fetchOptions);
-
-		responseData = await response.json();
-
-		console.log({ responseData });
-
-		if(responseData.meta){
-
-			app.metaUpdates(responseData.meta);
-
-		}
-
-		// If the response is not ok
-		// throw an error-like object to trigger the catch
-		if (!response.ok) {
-
-			if(ui.statusPage){
-
-				ui.statusPage(404);
-
-			} else {
-
-				console.log('statusPage function not found in ui');
-		
-			}
-
-			if(app.$main){
-
-				app.$main.css({ 'opacity': 1 }); 
-				console.log('error page...');
-
-			}
-
-			throw {
-				status: response.status,
-				...responseData 
-			};
-		
-		}
-			
-		
-		if(responseData.meta.pageInit){
-
-			pageInit = responseData.meta.pageInit;
-		
-		}
-
-
-		pageInfo = responseData.meta.pages?.[page] ?? null;
-
-		if(app.testing){
-
-			if(responseData.testing){ 
-
-				if (responseData.testing.perf) {
-
-					responseData.testing.perf.xhr = new Date().getTime() - time;
-				
-				}
-
-				console.log("%ctesting: ", "color: purple; font-weight:bold;", responseData.testing); 
-			
-			}
-
-			delete responseData.testing;
-
-			console.log("%cmeta: ", "color: #ff6f00; font-weight:bold;", responseData.meta ?? null);
-			
-
-			delete responseData.meta;
-
-			console.log("%cpage: ", "color: green; font-weight:bold;", responseData);
-		
-		} else {
-
-			delete responseData.testing;
-			delete responseData.meta;
-
-		}
-
-
-	} catch (errorData) {
-
-		if(app.testing){
-
-			console.log("%cpage: ", "color: red; font-weight:bold;", errorData); 
-
-		}
-
-		if(errorData.APP_SESSION){
-
-			app.session = null;
-			app.user = null;
-			window.localStorage.removeItem('awesomeness-appSession');
-			location.reload();
-		
-		}
-
-		if(ui.statusPage){
-
-			ui.statusPage(404);
-
-		} else {
-
-			console.log('statusPage function not found in ui');
-		
-		}
-
-		if(app.$main){
-
-			app.$main.css({ 'opacity': 1 }); 
-			console.log('error page...');
-
-		}
-
-		throw errorData;
-
-	}	
-
-
-
-	let placeName = pageInit ?? page;
-	let place = app.pages;
-
-	
-	let parts = placeName.split('/');
-
-	let on = 0;
-	const last = parts.length;
-
-	let test = 'app.pages';
-
-	while(on < last){
-
-		if(!place[parts[on]]){
-
-			place[parts[on]] = {}; 
-
-		}
-
-		place = place[parts[on]];
-
-		test += `.${parts[on]}`;
-
-		on++;
-
-		
-	}
-
-	// state management
-	app.state.create({
-		title: pageInfo?.about?.title ?? responseData?.metadata?.title ?? '👋',
-		url: pageInfo?.about?.url ?? responseData?.metadata?.url ?? data?.origLocation ?? '/' + page,
-	});
-	
-
-	if(anchor){
-
-		responseData.anchor = anchor;
-	
-	}
-	
-	place.init(responseData);
-
-	if(app.$main){
-
-		app.$main.css({ 'opacity': 1 }); 
-
-	}
-
-	return responseData;
-		
-};

package/ui/core/js/app/resize.js

@@ -1,52 +0,0 @@
-app.resize = function(){
-
-	var nw = document.body.offsetWidth;
-
-	if(app.size.pageWidth == nw){
-
-		return;
-
-	}
-
-	// get heights
-	app.size.pageWidth = nw;
-	app.size.pageHeight = document.body.offsetHeight;
-
-	var oldView = app.size.view;
-
-	if (app.size.pageWidth >= app.size.xl.min){
-
-		app.size.view = 'xl';
-
-	}
-
-	if (app.size.pageWidth >= app.size.d.min && app.size.pageWidth <= app.size.d.max){
-
-		app.size.view = 'd';
-
-	}
-
-	if (app.size.pageWidth >= app.size.t.min && app.size.pageWidth <= app.size.t.max){
-
-		app.size.view = 't';
-
-	}
-
-	if (app.size.pageWidth >= app.size.p.min && app.size.pageWidth <= app.size.p.max){
-
-		app.size.view = 'p';
-
-	}
-
-	// change attr so we can
-	if(oldView != app.size.view){
-
-		document.body.classList.remove('app-size-xl');
-		document.body.classList.remove('app-size-d');
-		document.body.classList.remove('app-size-t');
-		document.body.classList.remove('app-size-p');
-		document.body.classList.add('app-size-'+app.size.view);
-	
-	}
-
-};

package/ui/core/js/app/state/back.js

@@ -1,16 +0,0 @@
-app.state.back = function(){ // should ONLY be called via window.onpopstate
-
-	var leavingState = app.state.state[app.state.backIndex];
-	var goingToState = app.state.state[app.state.backIndex-1];
-
-	// change title
-	document.title = goingToState?.title ?? '👋';
-
-	app.state.skipState = true;
-
-	app.page(goingToState?.url ?? '/'); 
-
-	delete app.state.state[app.state.backIndex];
-	app.state.backIndex--;
-
-};