@nebularstreams/statify 3.0.0

package/src.website/src/support/timeutils.mjs

@@ -0,0 +1,237 @@
+/* eslint-disable no-nested-ternary */
+/**
+ * Miscellaneous Time related utils
+ * @module app.utils
+ */
+
+/* global ObjectAssign */
+
+// noinspection NpmUsedModulesInstalled
+const
+	m = require("mithril");
+
+function decodeTimeInterval(datems) {
+	const date = new Date(datems);
+	let seconds = Math.floor((Date.now() - date) / 1000);
+	let unit = "second";
+	let direction = "ago";
+	if (seconds < 0) {
+		seconds = -seconds;
+		direction = "from now";
+	}
+	let value = seconds;
+	if (seconds >= 31536000) {
+		value = Math.floor(seconds / 31536000);
+		unit = "year";
+	} else if (seconds >= 86400) {
+		value = Math.floor(seconds / 86400);
+		unit = "day";
+	} else if (seconds >= 3600) {
+		value = Math.floor(seconds / 3600);
+		unit = "hour";
+	} else if (seconds >= 60) {
+		value = Math.floor(seconds / 60);
+		unit = "minute";
+	}
+	if (value !== 1) {
+		unit += "s";
+	}
+	return {
+		value, unit, direction, future: direction !== "ago"
+	};
+}
+
+/**
+ * Gets an english expression for a date difference
+ * @param {number} datems Date in ms
+ * @param options
+ * @return {string} Expression of difference from now ("5 minutes ago")
+ * @public
+ * @static
+ */
+
+function getTimeInterval(datems, options = {}) {
+
+	const {
+		direction, value, unit, future
+	} = decodeTimeInterval(datems);
+
+	const lit = `${value} ${unit}`;
+
+	return options.short
+		? `${value} ${unit}`
+		: (
+			options.onlyfuture
+				? (
+					future
+						? (options.prefixFuture || "in ") + lit
+						: options.pastMessage
+				)
+				: `${value} ${unit} ${direction}`
+		);
+}
+
+function splitDuration(ms, len = 3) {
+
+	let offsecs = Math.floor(ms / 1000);
+	if (offsecs < 60 || len < 1) return {secs: offsecs};
+
+	let mins = Math.floor(offsecs / 60);
+
+	let
+		days = 0,
+		hours = 0;
+
+	offsecs %= 60;
+
+	if (mins >= 60 && len > 1) {
+		hours = Math.floor(mins / 60);
+		if (hours >= 24 && len > 2) {
+			days = Math.floor(hours / 24);
+			hours %= 24;
+		}
+		mins %= 60;
+	}
+	return {
+		days,
+		hours,
+		mins,
+		secs: offsecs
+	};
+}
+
+/**
+ * Gets a hours, muinutes, seconds expression
+ * @param {number} ms Date in ms
+ * @param {Array=} separators Separators to use
+ * @public
+ * @static
+ * @return {string} The expression, like 10h15m10s
+ */
+
+function getDuration(ms, separators) {
+
+	separators = separators || ["s", "m ", "h ", "d "];
+
+	const
+		[ss, sm, sh, sd] = separators,
+		len = separators.length,
+
+		{
+			days, hours, mins, secs
+		} = splitDuration(ms, len > 0 ? len - 1 : 0);
+
+	return [
+		...days ? [days + sd] : [],
+		...(hours || days) ? [hours + sh] : [],
+		...(mins || hours || days) ? [mins + sm] : [],
+		(secs + ss)
+	].join(" ");
+
+}
+
+/**
+ * Gets the system time string for a Date
+ * @param {number} ms Date in ms
+ * @public
+ * @static
+ * @return {string} System Locale time expression
+ */
+
+function getTime(ms) {
+	const d = new Date(ms);
+	return d.toLocaleTimeString("de"); // TODO
+}
+
+function getFormattedTime(startTime, asWidget, widgetTitle, classe) {
+// decide what to print in starttime cell
+	const measure = getTimeInterval(startTime);
+
+	// scheduled processes will print the finish time as the start time, and the start time as "expected"
+	return asWidget
+		? m("span.padh.numsmall" + (classe || ""), {"data-title": widgetTitle}, measure)
+		: measure;
+}
+
+function getStartTime(process, asWidget, ProcessListData) {
+// decide what to print in starttime cell
+	const measure = getTime(process.startTime);
+	let widgetTitle;
+
+	if (asWidget) {
+		switch (process.status) {
+			case ProcessListData.ST_SCHEDULED:
+				widgetTitle = "scheduled at";
+				break;
+			default:
+				widgetTitle = "started at";
+		}
+	}
+
+	// scheduled processes will print the finish time as the start time, and the start time as "expected"
+	return asWidget
+		? m("span.padh.numsmall", {"data-title": widgetTitle}, measure)
+		: measure;
+}
+
+// decide what to print in finishtime cell
+function getFinishTime(process, asWidget, ProcessListData) {
+
+	let measure;
+	let widgetTitle;
+
+	switch (process.status) {
+		case ProcessListData.ST_SCHEDULED:
+			measure = getTime(process.startTime);
+			widgetTitle = "scheduled at";
+			break;
+		case ProcessListData.ST_TERMINATED:
+			widgetTitle = "finish time";
+			measure = "---";
+			break;
+		default:
+			measure = process.status !== ProcessListData.ST_RUNNING
+				? getDuration(process.finishTime - process.startTime)
+				: getDuration(new Date().valueOf() - process.startTime);
+			widgetTitle = process.status !== ProcessListData.ST_RUNNING ? "ran for" : "running for";
+	}
+	return asWidget
+		? m("span.padh.numsmall", {"data-title": widgetTitle}, measure)
+		: measure;
+
+}
+
+const REGEXP = /^[A-Za-z0-9_-]+$/;
+
+/**
+ * Whether a string is alphanumeric
+ * @param {string} str string to check
+ * @public
+ * @static
+ * @return {boolean} Whether
+ */
+
+function isAlphanumeric(str) {
+	return !!(str.match(REGEXP));
+}
+
+const
+	TimeUtils = {
+		getTimeInterval,
+		decodeTimeInterval,
+		getDuration,
+		splitDuration,
+		getFormattedTime,
+		getFinishTime,
+		getStartTime,
+		getTime
+	},
+	/**
+	 * String Utilities
+	 */
+	StringUtils = {
+		isAlphanumeric
+	};
+
+export default TimeUtils;
+export {StringUtils};

package/src.website/src/widgets/index.mjs

@@ -0,0 +1,22 @@
+import m from "mithril";
+import {defineWidget} from "@nebularstreams/libmui";
+
+const WIDGETSLIBRARY = {};
+
+function install(widgets) {
+	Object.assign(WIDGETSLIBRARY, ...widgets);
+}
+
+const
+	InstancedWidget = (decode) => WIDGETSLIBRARY[decode.widget]
+		? defineWidget(
+			({attrs, state}) => m(WIDGETSLIBRARY[decode.widget], {
+				...attrs,
+				static: decode.attrs,
+				state
+			}))
+		: undefined;
+
+
+export default WIDGETSLIBRARY;
+export {install, InstancedWidget};

package/src.website/src.widgets/widgets.market/index.mjs

@@ -0,0 +1,11 @@
+import {TemplateMarket, AccessoryMarket} from "./widgets/market/MarketWidget.mjs";
+import {WorldMarket, WorldAccessoriesMarket} from "./widgets/market/DiscoverWidget.mjs";
+
+const WidgetLibrary =  {
+	TemplateMarket,
+	AccessoryMarket,
+	WorldMarket,
+	WorldAccessoriesMarket
+};
+
+export default WidgetLibrary;

package/src.website/src.widgets/widgets.market/widgets/market/DiscoverWidget.mjs

@@ -0,0 +1,401 @@
+import m from "mithril";
+import {defineWidget, Selector, NoticeWidget} from "@nebularstreams/libmui";
+import Empty from "./EmptyNew.mjs";
+import NaviBarWidget from "../navibar/NaviBarWidget.mjs"
+import {TemplateItem, TemplateInstall} from "./MarketItem.mjs";
+
+import {stag} from "../../../../src/core.cookies/analytics.mjs";
+import CdnModel from "../../../../src/core/cdnmodel.mjs"
+
+const
+	{platform} = CdnModel,
+	{listPath} = platform,
+
+	DEFAULT_TYPE = "world",
+	DEFAULT_MAX_FEATURED = 2,
+
+	FEATURECLASS = "col-12 col-md-6 col-lg-4 col-xxl-3",
+	window_setTimeout = window.setTimeout,
+	window_clearTimeout = window.clearTimeout;
+
+function _insertItem(all, category, item) {
+	category = category.toLowerCase()
+		.trim();
+	if (category) {
+		if (!all[category]) {
+			all[category] = [];
+		}
+		all[category].push(item);
+	}
+}
+
+// noinspection JSUnusedLocalSymbols
+const
+
+	CategoryWidget = defineWidget(
+		({attrs, state}) => state.catkeys
+			.map((cat) => m("li.tag.category.grows.fabf.fa-tag", {
+				"aria-label": "category " + cat,
+				class: attrs.state.category === cat ? "accent" : "",
+				onclick: () => {
+					if (attrs.state.category === cat) {
+						delete attrs.state.category;
+					} else {
+						attrs.state.category = cat;
+					}
+					m.redraw();
+				}
+			}, cat)),
+
+		({attrs, state}) => {
+
+			const
+				{items} = attrs,
+				templateValues = Object.values(items || {}),
+
+				getCategories = (templateValues) => templateValues.reduce((all, item) => {
+					const tags = (item.meta?.tags || "").split(" ");
+					for (const tag of tags) _insertItem(all, tag, item);
+					if (item.ext?.subtype) _insertItem(all, item.ext?.subtype, item);
+					return all;
+				}, {}),
+				categories = getCategories(templateValues);
+
+			Object.assign(state, {
+				categories,
+				catkeys: Object.keys(categories)
+					.sort()
+			});
+			attrs.state.categories = state.categories;
+		}
+	),
+
+	PlatformEntityListWidget = defineWidget(
+		({
+			 attrs,
+			 state
+		 }) => (
+			state.data
+				? state.empty
+					? m(Empty, {
+						icon: attrs.icon,
+						size: 2,
+						message: attrs.message
+					})
+					: state.item
+						? m(TemplateInstall, {
+							item: state.item,
+							class: attrs.itemClass || ("pad-2" + FEATURECLASS),
+							innerClass: attrs.innerClass || "growgrid graytrx shadow-2 bg-window-hi",
+							titleClass: attrs.titleClass || "",
+							onCancel: () => {
+								state.item = null;
+								m.redraw();
+							}
+						})
+						: m(
+							"ul.flexrow.wrap.grows.scrolly.templatestories.h-100.fadein",
+							{
+								"aria-label": attrs.label
+							},
+							[
+								...attrs.header ? [m(NoticeWidget, attrs.header)] : [],
+								m(CategoryWidget, {
+									key: "cats",
+									state,
+									items: state.data.items
+								}),
+								m(".flexbreak", {key: "cosa"})
+							].concat(
+								(state.category ? state.categories[state.category] : state.data.items)
+									.map((item) => m(TemplateItem, {
+										key: item.id,
+										item,
+										templates: 3,
+										isOnline: "Enter this world",
+										class: attrs.itemClass || ("pad-2 " + FEATURECLASS),
+										innerClass: attrs.innerClass || "growgrid graytrx shadow-2 bg-window-hi",
+										titleClass: attrs.titleClass || "",
+										onclick: () => {
+											state.item = item;
+											m.redraw();
+										}
+									}))
+							)
+						)
+				: state.loading
+					? m(Empty, {
+						icon: "sync.fa-spin",
+						size: 2
+					})
+					: m(Empty, {
+						icon: attrs.icon,
+						size: 4,
+						message: attrs.message
+					})
+		),
+		({
+			 attrs,
+			 state
+		 }) => {
+			state.loading = true;
+			m.request({
+				url: listPath(attrs.type, attrs.name)
+			})
+				.then((data) => {
+					state.data = data;
+					state.empty = !data.items.length;
+					state.loading = false;
+					m.redraw();
+				})
+				.catch((e) => {
+					state.error = e;
+					state.loading = false;
+					m.redraw();
+				});
+		}
+	),
+
+	details = (item, BASE = undefined) => {
+		// window.location.href = `/${item.type}/${item.id}`;
+		window.location.href = item.ext?.url || `/${item.type}/${item.id}`;
+	},
+
+	PlatformEntityMasterList = defineWidget(
+		({attrs, state}) => (
+			state.data
+				? state.empty
+					? m(Empty, {
+						icon: attrs.icon,
+						size: 4,
+						message: attrs.message
+					})
+					: m(
+						"ul.flexrow.wrap.grows.scrolly.templatestories.h-100.fadein",
+						{
+							"aria-label": attrs.label
+						},
+						[
+							...attrs.header ? [m(NoticeWidget, attrs.header)] : [],
+							m(CategoryWidget, {
+								key: "cats",
+								state,
+								items: state.data.items
+							}),
+							m(".flexbreak", {key: "cosa"})
+						].concat(
+							(state.category ? state.categories[state.category] : state.data.items)
+								.sort((a, b) => (a.creationTime < b.creationTime ? 1 : -1))
+								.map((item, index) => m(TemplateItem, {
+									key: item.id,
+									item,
+									...attrs.featured && index < (Math.min(attrs.featured, DEFAULT_MAX_FEATURED))
+										? {
+											featured: true,
+											templates: 3,
+											class: "fadein pad-2 " + (attrs.params?.featureClass || FEATURECLASS) + " featured"
+										}
+										: {
+											featured: false,
+											class: "fadein pad-2 " + (attrs.params?.featureClass || FEATURECLASS)
+										},
+
+									innerClass: attrs.params?.innerClass || "growgrid graytrx shadow-1",
+									titleClass: attrs.params?.titleClass || "",
+									noTitleIcon: attrs.params?.noTitleIcon,
+									noTitleChannel: attrs.params?.noTitleChannel,
+									itemClass: attrs.params?.itemClass || "",
+									imageClass: attrs.params?.imageClass || "",
+									shortPath: !!attrs.params?.shortPath,
+									onclick: () => {
+										window_clearTimeout(state.timer);
+										state.timer = window_setTimeout(
+											() => details(item, attrs.params?.htmlRoot),
+											200
+										);
+									}
+								}))
+						)
+					)
+				: m(Empty, state.loading
+					? {
+						icon: "sync.fa-spin",
+						size: 2
+					}
+					: {
+						icon: attrs.icon,
+						size: 4,
+						message: attrs.message
+					})
+		),
+		({attrs, state}) => {
+			state.loading = true;
+			m.request({
+				url: listPath(attrs.type, attrs.name)
+			})
+				.then((data) => {
+					state.data = data;
+					state.empty = !data.items.length;
+					state.loading = false;
+					m.redraw();
+				})
+				.catch((e) => {
+					state.error = e;
+					state.loading = false;
+					m.redraw();
+				});
+		}
+	);
+
+const
+	WorldMarket = defineWidget(
+		({attrs}) => m(
+			".market.flexcol.ohidden.fullheight.skinroot.w-100",
+			{
+				class: attrs.state.dark ? "dark" : ""
+			},
+			[
+				m(Selector, {
+					class: "grows w-100 market",
+					toolbarClass: "pad-2 bg-window-hi shadow-2 subbar",
+					bodyClass: "relative",
+					hideonly: true,
+					items: [
+						{
+							text: "all",
+							widget: PlatformEntityMasterList,
+							attrs: {
+								label: attrs.static.entityLabel || "List of Worlds",
+								params: attrs.static,
+								featured: attrs.featured || 0,
+								key: "all",
+								type: attrs.static.entityType || DEFAULT_TYPE,
+								name: attrs.static.listName || "all",
+								icon: attrs.itemIcon || "object-ungroup",
+								message: [attrs.emptyMessage || "World List is not available at the moment", "Please try again later"].join("\n"),
+								...attrs.static.headerTip && {
+									header: {
+										"key": "marika",
+										"class": "grows font-125 notihead",
+										"icon": "lightbulb",
+										"text": attrs.static.headerTip
+									}
+								}
+							}
+						}
+
+						/*
+						{
+							text: "720p",
+							widget: PlatformEntityMasterList,
+							attrs: {
+								label: "List of Templates for 720p",
+								featured: 2,
+								key: "720",
+								type: DEFAULT_TYPE,
+								params: attrs.static,
+								name: "720",
+								icon: "object-ungroup",
+								message: ["Template List is not available at the moment", "Please try again later"].join("\n")
+							}
+						},
+						{
+							text: "1080p",
+							widget: PlatformEntityMasterList,
+							attrs: {
+								label: "List of Templates for 1080p",
+								featured: 2,
+								key: "1080",
+								type: DEFAULT_TYPE,
+								name: "1080",
+								params: attrs.static,
+								icon: "object-ungroup",
+								message: ["Template List is not available at the moment", "Please try again later"].join("\n")
+							}
+						}
+
+						 */
+					]
+				})
+			]
+		),
+		() => stag("Market")
+	),
+	KeyWrapper = defineWidget(
+		({children}) => [children]
+	),
+	RouteSelector = defineWidget(
+		({attrs}) => {
+			const
+				{routes, current, default: defaultValue} = attrs,
+				currentRoute = current ? routes[current] || routes[defaultValue] : routes[defaultValue];
+
+			return [
+				m(NaviBarWidget, {label: attrs.toolbarLabel, class: attrs.toolbarClass, subbar: true}, Object.values(attrs.routes)
+					.map(({caption, link, key}) =>
+						m(m.route.Link, {href: link, class: current === key ? "accent" : ""}, caption)
+					)),
+				m(KeyWrapper, [
+					m(
+						currentRoute.widget,
+						currentRoute.attrs
+					)
+				])
+			];
+		}
+	),
+	WorldAccessoriesMarket = defineWidget(
+		({attrs}) => m(
+			".market.flexcol.ohidden.fullheight.skinroot.w-100",
+			{
+				class: attrs.state.dark ? "dark" : ""
+			},
+			[
+				m(RouteSelector, {
+					class: "grows w-100 market",
+					toolbarClass: "justify-content-around pad-2 bg-window-hi shadow-2 subbar",
+					toolbarLabel: "Accessory Type Selector",
+					current: attrs.subtype,
+					default: "gadgets",
+					routes: {
+						/*
+												worlds: {
+													key: "worlds",
+													caption: "worlds",
+													link: "/worlds",
+													widget: PlatformEntityMasterList,
+													attrs: {
+														label: "List of 3D worlds",
+														key: "worlds",
+														type: "worlds",
+														name: "all",
+														icon: "border-none",
+														params: attrs.static,
+														message: ["3D Worlds are not available at the moment", "Please try again later"].join("\n")
+													}
+												},
+
+						 */
+						library: {
+							key: "library",
+							caption: "resources",
+							link: "/library",
+							widget: PlatformEntityMasterList,
+							attrs: {
+								label: "List of 3D Resources",
+								key: "library",
+								type: "library",
+								name: "all",
+								icon: "border-none",
+								params: attrs.static,
+								message: ["3D Resources are not available at the moment", "Please try again later"].join("\n")
+							}
+						}
+					}
+				})
+			]
+		),
+		() => stag("AccessoryMarket")
+	);
+
+export {WorldMarket, WorldAccessoriesMarket};

package/src.website/src.widgets/widgets.market/widgets/market/EmptyNew.mjs

@@ -0,0 +1,28 @@
+import m from "mithril";
+import {defineWidget, Empty} from "@nebularstreams/libmui";
+
+const
+	NewEmptyWidget = defineWidget(
+		({attrs, children}) => {
+
+			const
+				messages = (attrs.message || "").split("\n")
+					.filter((msg) => !!msg),
+				message = messages.length ? messages.shift() : undefined;
+
+			return m(
+				Empty,
+				{
+					icon: attrs.icon,
+					size: attrs.size,
+					message
+				},
+				[
+					...messages.map((msg) => m("p", msg)),
+					...children
+				]
+			);
+		}
+	);
+
+export default NewEmptyWidget;