@nebularstreams/statify 3.0.0

package/src/util/navibar/util.navibar.js

@@ -0,0 +1,63 @@
+const
+	m = require("mithril"),
+	defineWidget = require("../widgets/util.definewidget"),
+	{Icon} = require("../widgets/app.widgets"),
+	RES_LOGO_BANNER = "frontpage-over.png",
+	ENABLE = true;
+
+const
+	ButtonNew = defineWidget(
+		({attrs}) => m("button", {
+			id: attrs.id,
+			class: attrs.class,
+			title: attrs["aria-label"],
+			"aria-label": attrs["aria-label"]
+		}, [m(Icon, {icon: attrs.icon})])
+	),
+	NaviBar = defineWidget(
+		({attrs, children}) => {
+			const navibar = attrs.pageMetadata.navibar || attrs.metadata.navibar || {};
+			return m(
+				"nav.flexrow.pad-h.noshrink.shadow-2" + (navibar.autoHide ? ".autohide" : ""),
+				{
+					class: attrs.class,
+					"aria-label": attrs.label || "Main Navigation"
+				},
+				attrs.subbar
+					? children
+					: [
+						m(
+							"a.mute",
+							{href: navibar.home || "/"},
+							m("img.unitsizesmall", {
+								alt: "Logo",
+								src: navibar.logo || attrs.cdnModel
+									.platform
+									.resources(RES_LOGO_BANNER),
+								id: "logo"
+							})
+						),
+						...children,
+						...ENABLE
+							? [
+								m(ButtonNew, {
+									id: "showCookies",
+									icon: "cookie",
+									"aria-label": "change cookie settings",
+									class: "unitsize d-none with-nocookies noshrink transbutton"
+								}),
+								m(ButtonNew, {
+									id: "skin",
+									icon: "sun",
+									"aria-label": "dark or light skin",
+									class: "unitsize noshrink transbutton"
+								})
+							]
+							: []
+					]
+			);
+		}
+	);
+
+
+module.exports = NaviBar;

package/src/util/sha.js

@@ -0,0 +1,20 @@
+const
+	m = require("mithril"),
+	crypto = require("crypto"),
+	defineWidget = require("./widgets/util.definewidget");
+
+function getSha(text) {
+
+	return crypto
+		.createHash("sha256")
+		.update(text)
+		.digest("base64");
+}
+
+const
+
+	Script = defineWidget(
+		({ attrs }) => m("script", { integrity: "sha256-"+getSha(attrs.script) }, m.trust(attrs.script))
+	);
+
+module.exports = Script;

package/src/util/tokenizer.js

@@ -0,0 +1,234 @@
+/* eslint-disable */
+/**
+ *
+ * String Tokenizer functions
+ *
+ * Substitutes parameters inside strings
+ * Parameters are separated by $ at the beggining and end: $PARAM$, $PARAM1$
+ * Parameters can navigate source object like $object/very/deep$
+ * Parameters can include VERY SIMPLE default values like $object/very/deep=myvalue$
+ *
+ *          Note that default values cannot contain conflicting regexp symbols. This is a side functionality
+ *          and never meant to support any default value use case, but alpha chars and numbers
+ *
+ * (c) Rodolfo LP 2001 - Public Domain
+ *
+ * @typedef {{ id:string,url:string}} UrlDefinition
+ * @typedef {{ message:string, getTitle:boolean=false, defaultTitle:string="url" }} ResolveUrlOptions
+ */
+
+/* eslint-disable no-use-before-define,no-unused-vars,prefer-destructuring,no-param-reassign,no-prototype-builtins */
+
+// eslint-disable-next-line no-useless-escape
+// noinspection RegExpRedundantEscape
+const
+	TAG = "[TOKENIZER]",
+	TOK_EXPR = /\$([A-Za-z0-9_\/\:\=]+)\$/g,
+
+	tokenize = (str, obj, isEncode) => tokenizeCore(str, obj, {
+		encode: isEncode,
+		defvalue: ""
+	}),
+	tokenizeKeep = (str, obj, isEncode) => tokenizeCore(str, obj, {encode: isEncode}),
+	tokenizeWithDefault = (str, obj, defaultValue) => tokenizeCore(str, obj, defaultValue == null ? null : {defvalue: defaultValue}),
+	tokenizeStrict = (str, obj, isEncode, isUnescape) => tokenizeCore(str, obj, {
+		encode: isEncode,
+		unescape: isUnescape,
+		dothrow: true
+	}),
+
+	Parsers = {
+		daterel: epoch => new Date(epoch).toISOString()
+	};
+
+function tokenizeCore(str, obj, options) {
+
+	if (!str) return "";
+	if (typeof (str) !== "string") return str;
+
+	// eslint-disable-next-line no-param-reassign
+	options = options || {};
+	obj = obj || {};
+
+	let ckey;
+
+	return str.replace(TOK_EXPR, (match, complexkey) => {
+
+		let defval = null,
+			isFreak = false;
+
+		if (complexkey.indexOf("=") > 0) {
+			ckey = complexkey.split("=");
+			complexkey = ckey[0];
+			isFreak = (ckey.length === 3);
+			// eslint-disable-next-line no-nested-ternary
+			defval = isFreak
+				? options.dothrow ? ckey[2] : null
+				: ckey[1];
+		}
+
+		const typed = complexkey.split(":"),
+			key = typed[0],
+			keytype = typed[1] || null,
+
+			keys = key.split("/"),
+			root = keys.shift();
+
+		let
+			data = obj[root];
+
+		if (typeof (data) === "number") data = "" + data;
+
+		let fdata = (keys.length ? getPointedData(data, keys.join("/")) : data) || defval;
+
+		if (fdata == null && options.dothrow) {
+			throw new Error("Parameter " + root + (keys.length ? "/" + keys.join("/") : "") + " is required");
+		}
+
+		if (fdata == null) {
+			fdata = options.hasOwnProperty("defvalue")
+				? options.defvalue
+				: "$" + key + (isFreak ? "==" + ckey[2] : "") + "$";
+		}
+
+		if (keytype && Parsers[keytype]) {
+			fdata = Parsers[keytype](fdata);
+		}
+
+		if (options.unescape) {
+			fdata = unescape(fdata);
+		}
+
+		return (options.encode ? escape(fdata) : fdata);
+
+	});
+}
+
+/**
+ * Resolves a pointer into a JSON data structure
+ * @param {Object} data JSON Data
+ * @param {String} pointer Pointer expression
+ * @return {Object | null} resolved data
+ */
+
+const getPointedData = function (data, pointer) {
+	if (!pointer) return data;
+	try {
+		const ps = pointer.split("/");
+		let d = data;
+		// eslint-disable-next-line guard-for-in
+		for (const l in ps) {
+			d = d[ps[l]];
+			if (!d) {
+				d = null;
+				break;
+			}
+		}
+		return d;
+	} catch (e) {
+		return null;
+	}
+};
+
+/**
+ * Tokenizes one object with another
+ * @param {object} source
+ * @param {object} tokenizeValues
+ * @param strict Whether to require all templates to be resolved
+ * @retuen {object} source
+ */
+
+function tokenizeObject(source, tokenizeValues, strict, asNewObject) {
+
+	const tokenizer = strict ? tokenizeStrict : tokenizeKeep;
+	const retObject = asNewObject ? {} : source;
+
+	if (typeof source === "string") {
+		return tokenizer(source, tokenizeValues);
+	}
+
+	if (typeof source === "object") {
+
+		if (source.length) {
+			// root is an array
+			// an array
+			const arr = [];
+			for (const item of source) {
+				arr.push(tokenizeObject(item, tokenizeValues, strict, true));
+			}
+			return arr;
+		}
+
+		for (const prop of Object.keys(source)) {
+			const value = source[prop];
+			if (typeof value === "object") {
+				retObject[prop] = tokenizeObject(value, tokenizeValues, strict, true);
+			} else if (typeof value === "string") {
+				retObject[prop] = tokenizer(source[prop], tokenizeValues);
+			} else {
+				retObject[prop] = value;
+			}
+		}
+	}
+	return retObject;
+}
+
+/**
+ * Resolves a playout URL
+ * @param {string|UrlDefinition} tokenizedUrl The URL to parse
+ * @param {Object=} parameters Parameters to tokenize the URL with
+ * @param {ResolveUrlOptions=} options Miscellaneous options for this call
+ * @return string
+ */
+
+function tokenizeUrl(tokenizedUrl, parameters, options) {
+
+	options = options || {};
+
+	const
+		{message, getTitle, defaultTitle} = options,
+		finalDefaultTitle = defaultTitle || "Url",
+		title = typeof tokenizedUrl === "string"
+			? defaultTitle
+			: (typeof tokenizedUrl === "object" && tokenizedUrl.id ? tokenizedUrl.id || finalDefaultTitle : finalDefaultTitle);
+
+
+	// just return the title of an URL
+	if (getTitle) {
+		return title;
+	}
+
+	//  return the url itself
+	const
+		url = typeof tokenizedUrl === "string"
+			? tokenizedUrl
+			: (typeof tokenizedUrl === "object" && tokenizedUrl.url ? tokenizedUrl.url : null);
+
+	try {
+		return tokenizeStrict(
+			url,
+			parameters || {},
+			"..."
+		);
+	} catch (e) {
+		console.log(TAG, e.message);
+		return message || "(not enough parameters)";
+	}
+}
+
+/**
+ * Tokenizer
+ * @type {{tokenize: (function(*=, *=, *=): (string|*)),
+ * tokenizeStrict: (function(*=, *=, *=, *=): (string|*)), getPointedData: getPointedData}}
+ */
+
+// noinspection JSUnusedGlobalSymbols
+module.exports = {
+	tokenize,
+	tokenizeStrict,
+	tokenizeObject,
+	tokenizeKeep,
+	tokenizeWithDefault,
+	tokenizeUrl,
+	getPointedData
+};

package/src/util/widgets/NoticeWidget.js

@@ -0,0 +1,30 @@
+/* global m */
+const
+	defineWidget = require("widgetutils"),
+	{ Icon } = require("app.widgets");
+
+module.exports = defineWidget(
+	({ attrs, children }) => (
+		children.length
+			? m(
+				".notice.cardie.flexcol.pad-3",
+				{ class: attrs.class || "marg-2 font-75" },
+				m(
+					".flexrow",
+					[
+						m(Icon, attrs),
+						m(".pad-2.pad-h", attrs.text)
+					]
+				),
+				...children
+			)
+			: m(
+				".notice.cardie.flexrow.pad-3",
+				{ class: attrs.class || "marg-2 font-75", onclick: attrs.onClick },
+				[
+					m(Icon, attrs),
+					m(".pad-2.pad-h", attrs.text)
+				]
+			)
+	)
+);

package/src/util/widgets/app.widgets.js

@@ -0,0 +1,70 @@
+const
+	m = require("mithril"),
+	defineWidget = require("./util.definewidget"),
+
+	Icon = defineWidget(
+		({ attrs }) => m(
+			`i.icon.${attrs.pack || "fas"}.fa-${attrs.icon || "cog"}${attrs.size ? ".fa-" + attrs.size + "x" : ""}`,
+			{
+				role: "img",
+				onclick: attrs.onclick || null,
+				...attrs.iconClass && { class: attrs.iconClass },
+				"aria-label": attrs.icon + " icon"
+			}
+		)
+	),
+
+	Empty = defineWidget(
+		({ attrs, children }) => m(
+			".flexcol.flexcenter.al-center.grows.emptywidget",
+			{
+				...attrs.class && { class: attrs.class },
+				...attrs.key && { key: attrs.key },
+				...attrs.onClick && { onclick: attrs.onClick },
+				role: "presentation"
+			},
+			[
+
+				...attrs.icon
+					? [m(Icon, attrs)]
+					: attrs.image
+						? [m("img.iconimage", { class: "size-" + attrs.size + (attrs.imageClass ? " " + attrs.imageClass : ""), src: attrs.image })]
+						: [],
+
+				...attrs.message
+					? [
+						m(
+							".marg-2.marg-v",
+							{
+								class: attrs.size > 4 ? "font-150" : "font-100",
+								role: "status",
+								"aria-label": attrs.message
+							},
+							attrs.message.split("\n")
+								.map((txt, i) => m(".emptyline.l" + i, txt)))]
+					: [],
+				...children
+					? [m(".flexcol.additional", children)]
+					: []
+			]
+		)
+	),
+
+	Button = {
+		view: ({ attrs, state, children }) => m((attrs.download || attrs.link) ? "a.button" : "button", {
+			...attrs.link && { href: attrs.link },
+			...attrs.download && { rel: "nofollow", download: attrs.download },
+			...attrs.target && { target: attrs.target },
+			"aria-label": attrs["aria-label"] || attrs.title || attrs.text,
+			title: attrs.title || attrs["aria-label"],
+			class: (attrs.class || "") + (state.busy ? " busy" : ""),
+			...state.error && { "data-error": state.error.message }
+		}, [
+			...(attrs.icon && !attrs.right) ? [m(Icon, attrs)] : [],
+			...attrs.text ? [m("span.pad-1.pad-h", { class: attrs.textClass || null }, attrs.text)] : [],
+			...(attrs.icon && attrs.right) ? [m(Icon, attrs)] : [],
+			...children
+		])
+	};
+
+module.exports = { Icon, Empty, Button };

package/src/util/widgets/util.definewidget.js

@@ -0,0 +1,14 @@
+/* global EXPORTS, OBFUSC */
+
+const
+	defineWidget = (view, oninit = null, oncreate = null, onremove = null, onupdate = null, rest = null, previous = null) => ({
+		...(previous || {}),
+		...view && {view},
+		...oninit && {oninit},
+		...oncreate && {oncreate},
+		...onremove && {onremove},
+		...onupdate && {onupdate},
+		...(rest || {})
+	});
+
+	module.exports = defineWidget;

package/src/widgets/Cookies.js

@@ -0,0 +1,55 @@
+/* eslint-disable */
+const COOKIES_FOOTER_FULL = (productName = "Obscene Studio", domain="obscene.studio") => `
+	<div id="cookies" class="screen d-none" role="alert" aria-label="GDPR-Compliant Cookie Constent Dialog">
+	    <div id="cookies-dialog" class="cookies-notice flexrow w-100 wrap" aria-label="Simplified Cookie Consent dialog">
+	        <p class="grows">
+	            ${productName}, and selected third parties, use cookies or similar technologies for technical purposes and, with your consent, for the purposes
+	            specified in the <a href="https://${domain}/doc/cookies">Cookie Policy</a>. In compliance with the European GDPR Law, you can click on <b>CUSTOMIZE</b> and grant or deny your consent to the specific use cases described in the document. You can also click on <b>ACCEPT ALL COOKIES</b> to accept the usage of cookies and proceed to the document.
+	        </p>
+	        <div class="flexrow grows">
+	            <button aria-label="Customize Accepted Cookies" class="grows bg-warning" data-action="customize">CUSTOMIZE</button>
+	            <button aria-label="Accept All Cookies" class="grows bg-ok" data-action="accept">ACCEPT ALL COOKIES</button>
+	        </div>
+	    </div>
+	    <div id="cookies-custom" class="cookies-custom flexrow w-100 wrap d-none" aria-label="Customized Cookie Settings">
+	        <button aria-label="Reject All Cookies" class="col-4 bg-error" data-action="reject">REJECT ALL</button>
+	        <div class="col-6 grows">Do not use any cookies. Disable Videos and Third party images.</div>
+	        <button aria-label="Accept Analytical Cookies" class="col-4 bg-warning" data-action="accept-analytics">ONLY ANALYTICS</button>
+	        <div class="col-6 grows">Allow anonymous analytics, but disable Videos and Third party images</div>
+	        <button aria-label="Accept third party cookies" class="col-4 bg-warning" data-action="accept-thirdparty">ONLY THIRD PARTY SERVICES</button>
+	        <div class="col-6 grows">Disable anonymous analytics, but allow Videos and Third party images</div>
+	        <button aria-label="Accept all cookies" class="col-4 bg-ok" data-action="accept">ACCEPT ALL</button>
+	        <div class="col-6 grows">Allow Analytics, and Third Party Videos and images</div>
+	    </div>
+	</div>
+</div>
+`;
+
+const COOKIES_FOOTER_FUNCTIONAL = (productName = "Obscene Studio", domain="obscene.studio") => `
+	<aside id="cookies" class="screen d-none" aria-label="GDPR-Compliant Cookie Constent Dialog">
+		<div id="cookies-dialog" class="cookies-notice flexrow w-100 wrap" aria-label="Simplified Cookie Consent dialog">
+			<p class="grows">
+				${productName} only uses functional cookies for strictly technical purposes
+				as specified in the <a href="https://${domain}/doc/cookies">Cookie Policy</a>. In compliance with the European GDPR Law, you must click <b>ACCEPT COOKIES</b> to accept the usage of cookies and proceed to the application. Unfortunately, the application will not work without the required functional cookies.
+			</p>
+			<div class="flexrow grows w-100">
+				<button aria-label="Accept All Cookies" class="grows bg-ok" data-action="accept">ACCEPT COOKIES</button>
+			</div>
+		</div>
+	</aside>
+`;
+const COOKIES_FOOTER_NONE = (productName = "Obscene Studio", domain="obscene.studio") => `
+	<aside id="cookies" class="screen d-none" aria-label="GDPR-Compliant Cookie Constent Dialog">
+		<div id="cookies-dialog" class="cookies-notice flexrow w-100 wrap" aria-label="Simplified Cookie Consent dialog">
+			<p class="grows">
+				${productName} does not use any cookies in this website
+				as specified in the <a href="https://${domain}/doc/cookies">Cookie Policy</a>. In compliance with the European GDPR Law, you must click <b>ACKNOWLEDGE</b> to proceed to the application. 
+			</p>
+			<div class="flexrow grows w-100">
+				<button aria-label="Accept Cookies" class="grows bg-ok" data-action="accept">ACKNOWLEDGE</button>
+			</div>
+		</div>
+	</aside>
+`;
+
+module.exports = {full: COOKIES_FOOTER_FULL, functional: COOKIES_FOOTER_FUNCTIONAL, none: COOKIES_FOOTER_NONE};

package/src/widgets/Frameset-simple.js

@@ -0,0 +1,114 @@
+const
+	m = require("mithril"),
+
+	defineWidget = require("../util/widgets/util.definewidget"),
+	{Empty, Icon} = require("../util/widgets/app.widgets"),
+	NaviBar = require("../util/navibar/util.navibar"),
+
+	Widgets = require("./Widgets");
+
+function getLink(url, metadata) {
+	if (!url) return "";
+	if (url.startsWith("http")) return url;
+	if (url.startsWith("/")) return metadata.site.url + url;
+	return [metadata.canonical, url].join("/");
+}
+
+const
+
+	NaviOption = defineWidget(({attrs}) => {
+
+		const
+			{link, metadata, id, relativeRoute} = attrs,
+			{title, icon, linkClass = icon ? "d-none d-sm-flex" : "", iconClass = "d-sm-none", url} = link,
+			el = (link.static || !link.url) ? "div" : "a";
+
+		return m(
+			".naviholder.flexrow" + (url ? "[itemscope]" : ""),
+			{
+				class: (link.class || "") + (relativeRoute === url ? " accent" : "") + (attrs.link.separator ? " grows" : ""),
+				...url
+					? {
+						itemtype: "https://schema.org/SiteNavigationElement"
+					}
+					: {
+						role: "presentation"
+					}
+			},
+			[
+				m(
+					el + ".flexrow",
+					{
+						title: title || id,
+						...url && {itemprop: "url", href: getLink(url, metadata)}
+					},
+					[
+						// icon
+						...icon ? [m(Icon, {iconClass, icon})] : [],
+
+
+						// text
+						m(
+							link.static ? "b.ellipsis" : ".ellipsis",
+							{class: linkClass, itemprop: "name"},
+							link.separator ? "" : (title || id)
+						)
+
+					])
+			]);
+	}),
+	Frame = defineWidget(
+		({attrs}) => {
+
+			const
+				{metadata, pageMetadata, dynamicData, relativeRoute} = attrs,
+				widget = Widgets[pageMetadata.widget],
+				navibar = pageMetadata.navibar || metadata.navibar,
+				links = navibar?.links || pageMetadata.links;
+
+			return [
+				...pageMetadata.notitlebar
+					? []
+					: [
+						m(
+							NaviBar,
+							{class: "titlebar", cdnModel: attrs.cdnModel, metadata, pageMetadata},
+							[
+								...Object.keys(links)
+									.map((id) => m(NaviOption, {
+										id,
+										link: links[id],
+										metadata,
+										relativeRoute
+									})),
+
+								...pageMetadata.displayTitle || navibar?.displayTitle
+									? [m(".tititem.grows", pageMetadata.title)]
+									: dynamicData?.item?.meta
+										? [m(".tititem.grows", dynamicData.item?.meta.title)]
+										: []
+							]
+						)
+					],
+
+				...widget
+					? [
+						m(widget, {
+							cdnModel: attrs.cdnModel,
+							metadata,
+							pageMetadata,
+							dynamicData,
+							relativeRoute,
+							source: attrs.source
+						})
+					]
+					: [
+						m(Empty, {
+							message: "Unknown widget " + pageMetadata.widget
+						})
+					]
+			]
+		}
+	);
+
+module.exports = Frame;