@nebularstreams/statify 3.0.0

package/src.website/src.widgets/widgets.software/widgets/DownloadWidget.mjs

@@ -0,0 +1,210 @@
+/* global SITE */
+
+import m from "mithril";
+import {defineWidget, Button, Empty} from "@nebularstreams/libmui";
+import {getVersion as get, getFilename as file, checkUpdate as check} from "./support/version.mjs";
+import BootStrapColumnWidget from "./BootStrapColumnWidget.mjs";
+
+import isMobile from "../../../src/support/ismobile.mjs"
+import {stag} from "../../../src/core.cookies/analytics.mjs"
+import {PRODUCT_ID} from "../../../src/config.js";
+
+import "./css/download/download.css";
+
+const
+	window_location = window.location,
+
+	MSG_GENERIC = "Download Not Available",
+	SPINNERSIZE = 3,
+	NAMES = {
+		"osx-x64": "Apple Mac (Intel)",
+		"osx-arm64": "Apple Mac (Apple Silicon)",
+		"win-x64": "Windows"
+	},
+	ICONS = {
+		"osx-x64": "apple",
+		"osx-arm64": "apple",
+		"win-x64": "windows"
+	},
+
+	AGENTS = [
+		"(Macintosh; Intel",
+		"(Windows NT"
+	],
+	isWindows = () => navigator.userAgent.indexOf(AGENTS[1]) !== -1,
+	isMac = () => navigator.userAgent.indexOf(AGENTS[0]) !== -1,
+	plafPrefix = isWindows() ? "win" : isMac() ? "osx" : undefined;
+
+function registerDownload(plafArch, meta) {
+	stag("Download", {
+		event: "file_download",
+		props: {
+			item_id: PRODUCT_ID,
+			item_type: "application",
+			item_variant: plafArch,
+			item_version: `${meta.major}.${meta.minor}.${meta.revision}`
+		}
+	});
+}
+
+const DownloadWidget = defineWidget(
+	({attrs, state}) => {
+
+		const
+			{static: staticParams} = attrs,
+			{host = SITE.url, msgBetaTitle, msgBeta, msgMobile} = staticParams,
+			{loading, versions, error} = state,
+			versionKeys = versions ? Object.keys(versions) : [],
+			has = versionKeys.length;
+
+		return [
+			...loading
+				? [m(Empty, {icon: "sync fa-spin", size: SPINNERSIZE})]
+				: error
+					? [
+						m(
+							Empty,
+							{size: SPINNERSIZE, icon: error.icon || "sad-tear", message: MSG_GENERIC + "\n" + (error.message || "Please check back later")}
+						)
+					]
+					: versions
+						? [
+							...has ? [
+								m(".unitheight.col-12.al-center.titlecard", [
+									m("a", {
+										href: "/doc/release-notes"
+									}, "Check out the Release Notes"),
+									m("span", " and the "),
+									m("a", {
+										href: "/doc/faq"
+									}, "FAQ")
+								])
+							] : [],
+
+							m(
+								".flexrow.h-100.w-100.wrap.scrolly.pad-1.fixboot.download",
+								isMobile
+									? [
+										m(
+											BootStrapColumnWidget,
+											{
+												class: "pad-1 col-12",
+												subclass: ""
+											},
+											[
+												m(Button, {
+													class: "grows pad-3",
+													icon: "mobile",
+													size: 3,
+													pack: "fas"
+												}, [
+													m("h2.marg-1", "Mobile Devices"),
+													m(".marg-1", msgMobile)
+												])
+											]
+										)
+									]
+									: has
+										? [
+											m(".betanotice.notice.font-75.flexcol.shadow-1", [
+												m("i.fa.fa-robot.fa-3x.fadein.marg-2.no-marg-top"),
+												m("h2.marg-2.no-marg-top.fademe.w-100.al-center", msgBetaTitle),
+												m("span.fademe", msgBeta)
+											]),
+											...versionKeys
+												.map((plafarch) => {
+													const
+														name = NAMES[plafarch],
+														meta = versions[plafarch],
+														version = `${meta.major}.${meta.minor}.${meta.revision}`,
+														[plaf, arch] = plafarch.split("-"),
+														filename = file(version, plaf, arch),
+														supported = state.force || !plafPrefix || plaf === plafPrefix;
+
+													return m(
+														BootStrapColumnWidget,
+														{
+															class: "pad-1 col-12 col-lg-6 grows " + (supported ? "supported" : "d-none unsupported"),
+															subclass: ""
+														},
+														[
+															m(Button, {
+																icon: ICONS[plafarch] + ".fabrd",
+																size: 3,
+																class: "grows pad-3 button marg-b-2 avail",
+																pack: "fab"
+															}, [
+																m(
+																	"a",
+																	{
+																		href: `${host}/all/files/${filename}`,
+																		download: filename,
+																		rel: "nofollow",
+																		onclick: () => registerDownload(plafarch, meta)
+
+																	},
+																	m("h2.marg-1", `Download for ${name}`)
+																),
+																m("strong.marg-1", `Version ${version}`),
+																...meta.comment ? [m(".marg-1", meta.comment)] : [],
+																...meta.sha ? [m(".marg-1.sha.selectable", meta.sha)] : []
+															])
+														]
+													);
+												})
+										]
+										: m(Empty, {size: SPINNERSIZE, icon: "sad-tear", message: MSG_GENERIC + "\nPlease check back later"})
+							)
+						]
+						: [
+							m(Empty, {size: SPINNERSIZE, icon: "sad-tear", message: MSG_GENERIC + "\nPlease check back later"})
+						]
+		];
+
+	},
+	({attrs, state}) => {
+		const
+			{static: staticParams} = attrs,
+			{urlVersion} = staticParams,
+			v = attrs.v || window_location.search.split("?v=")[1];
+
+		stag("Download");
+		state.loading = true;
+		if (v) {
+			// 0.2.4-win-x64
+			const [reqVersion, plaf, arch] = v.split("-");
+			check(urlVersion, reqVersion, plaf, arch)
+				.then(({version, older}) => {
+					delete state.loading;
+					if (older) {
+						state.error = {message: "You already have the latest version", icon: "smile-wink"};
+					} else if (version) {
+						state.versions = {[plaf + "-" + arch]: version};
+						state.force = true;
+					} else {
+						state.error = {message: "Temporary download error"};
+					}
+					m.redraw();
+				})
+				.catch((e) => {
+					state.error = e;
+					delete state.loading;
+					m.redraw();
+				});
+		} else {
+			get(urlVersion)
+				.then((data) => {
+					state.versions = data;
+					delete state.loading;
+					m.redraw();
+				})
+				.catch((e) => {
+					state.error = e;
+					delete state.loading;
+					m.redraw();
+				});
+		}
+	}
+);
+
+export default DownloadWidget;

package/src.website/src.widgets/widgets.software/widgets/LicenseWidget.js

@@ -0,0 +1,103 @@
+import m from "mithril";
+import {defineWidget, ButtonNew, Notification, Empty, Icon} from "@nebularstreams/libmui";
+import BootCol from "./BootStrapColumnWidget.mjs"
+
+import {stag} from "../../../src/core.cookies/analytics.mjs";
+import getNonce from "../../../src/support/nonce.mjs";
+import {PRODUCT_NAME} from "../../../src/config.js";
+
+import "./css/license/beta.css"
+import "./css/license/button.css";
+import "./css/license/front.css";
+import "./css/license/licenses.css";
+import "./css/license/overstate.css";
+import "./css/license/story.css";
+import "./css/license/toolbar.css";
+
+function load(attrs, state) {
+
+	const {static: staticParams} = attrs;
+
+	stag("Licenses");
+
+	delete state.data;
+	delete state.error;
+	state.loading = true;
+
+	const nonce = getNonce();
+
+	m.redraw();
+	m.request({url: staticParams.urlLicenseTrial + "?_=" + nonce})
+		.then((data) => {
+			state.data = data;
+			delete state.loading;
+			m.redraw();
+		})
+		.catch((e) => {
+			state.error = e;
+			delete state.loading;
+			m.redraw();
+		});
+}
+
+const LicenseWidget = defineWidget(
+	({state}) => (
+		state.data
+			? m(".flexcol.grows.pad-2.pad-v.scrolly", [
+				m(
+					BootCol,
+					{
+						class: "pad-1 lighter col-12 screen",
+						subclass: "feature text-al-center pad-6 shadow-2"
+					},
+					[
+						m("h3.marg-2", `Obtain a ${PRODUCT_NAME} license`),
+						m(".cardtxt", `We will publish monthly trial licenses so you can test ${PRODUCT_NAME} without stress.`)
+					]
+				),
+				state.data.length
+					? state.data.map((license) => m(
+						BootCol,
+						{
+							class: "pad-1 lighter col-12 screen" + (license.copied ? " copied" : ""),
+							subclass: "feature pad-2 shadow-2 align-items-center bg-accent-light",
+							rows: true
+						},
+						[
+							m(Icon, {icon: "ticket-alt", size: 3, iconClass: "licicon"}),
+							m("h3.grows.marg-4.marg-h", license.title),
+							m(ButtonNew, {
+								text: "copy to clipboard",
+								icon: "copy",
+								onClick: () => {
+									try {
+										navigator.clipboard.writeText(license.lic);
+										Notification.add("Copied to clipboard ! Now paste it in Obscene Studio.");
+										license.copied = true;
+										if (window.stag) window.stag("Copied Trial License", {event: "LicenseTrial"});
+									} catch (e) {
+										Notification.add("Cannot copy to clipboard, please copy the license manually");
+										license.noclipboard = true;
+									}
+								}
+							})
+						]
+					))
+					: [
+						m(Empty, {message: "There are no licenses at the moment\nPlease check back later"})
+					]
+			])
+			: state.error
+				? m(
+					Empty,
+					{message: "Error loading licenses", icon: "none"},
+					m(ButtonNew, {icon: "sync", text: "retry", onClick: () => load(state)})
+				)
+				: state.loading
+					? m(Empty, {size: 2, icon: "sync.fa-spin"})
+					: []
+	),
+	({attrs, state}) => load(attrs, state)
+);
+
+export default LicenseWidget;

package/src.website/src.widgets/widgets.software/widgets/css/download/download.css

@@ -0,0 +1,110 @@
+.download .button a {
+    text-decoration: underline;
+}
+
+.download a > a {
+    color: black;
+}
+
+.download .button {
+    color: inherit;
+    background: var(--accent-light);
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    justify-content: center;
+    align-items: center;
+    border: solid 1px var(--border-color);
+    border-radius: 0.25rem;
+    margin: 0;
+}
+
+.download a.button {
+    cursor: pointer;
+}
+
+.download a:hover {
+    color: var(--accent);
+    text-decoration: none;
+}
+
+.titlecard {
+    background: var(--primary-color);
+    width: 100%;
+    z-index: 10000000;
+    border-top: solid 1px var(--border-color);
+    box-shadow: 0 0 0.15rem;
+}
+
+.titlecard a {
+    text-decoration: underline;
+}
+
+.sha:before {
+    content: "SHA1 ";
+    text-align: left;
+    font-weight: bold;
+}
+
+.sha {
+    font-family: monospace;
+    font-size: .75rem;
+    border: solid 1px var(--border-color);
+    padding: 0.25rem;
+    color: var(--text-lo);
+    user-select: all;
+}
+
+.betanotice.notice {
+    background: var(--window-background-hi);
+    padding: 1rem;
+    border-radius: 0.25rem;
+    margin: 0.25rem;
+    align-items: center;
+    place-content: center;
+    position: relative;
+    overflow: hidden;
+    transition: all 0.5s ease-in-out;
+}
+
+.betanotice:before {
+    content: "BETA";
+    color: white;
+    background: red;
+    position: absolute;
+    width: 160px;
+    text-align: center;
+    transform: rotate(-45deg);
+    transform-origin: top right;
+    left: -80px;
+    top: -30px;
+    font-weight: bold;
+}
+
+.betanotice > span {
+    margin-left: 1rem;
+}
+
+.betanotice .fademe, .betanotice .fa-robot {
+    transition: all 0.5s ease-in-out;
+}
+
+.betanotice .fa-robot {
+    cursor: zoom-in;
+}
+
+.betanotice:active {
+    background: var(--accent);
+    color: var(--text-over-accent);
+}
+
+.betanotice:active .fademe {
+    opacity: 0;
+}
+
+.betanotice:active .fa-robot {
+    transform: scale(3);
+    transform-origin: top;
+    display: block !important;
+    color: var(--text-over-accent);
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/beta.css

@@ -0,0 +1,28 @@
+.overbox:hover {
+    background: rgba(255, 0, 255, 0.2);
+    cursor: alias;
+}
+
+.overbox:active {
+    color: white;
+}
+
+.overbox {
+    position: absolute;
+    color: #999;
+    z-index: 2;
+    padding: 0 1rem;
+    border: solid;
+    border-radius: 0.15rem;
+    bottom: 2rem;
+    left: 50%;
+    transform: translateX(-50%);
+    width: auto;
+    white-space: nowrap;
+    font-size: 0.75rem;
+}
+
+.overbox a {
+    display: block;
+    color: white;
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/button.css

@@ -0,0 +1,30 @@
+.screen a.button {
+    background: var(--accent);
+    padding: 0.5rem;
+    margin: 1rem 0.5rem;
+    color: var(--text-over-accent);
+    box-shadow: 0 0 0.15rem black;
+    cursor: pointer;
+    font-variant: all-small-caps;
+}
+
+.screen button:active {
+    box-shadow: 0 0 0 black;
+}
+
+.screen a.button:active {
+    box-shadow: 0 0 0 black;
+}
+
+.screen button {
+    background: var(--window-background-lo);
+    color: var(--text);
+    border: 0;
+    margin: 0.5rem 0;
+    cursor: pointer;
+    padding: 0.25rem;
+    box-shadow: 0 0 0.1rem black;
+    transition: all .25s ease-in-out;
+    font-variant: all-small-caps;
+    border-radius: 0.15rem;
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/front.css

@@ -0,0 +1,46 @@
+.fixboot > .container {
+    padding: 0.25rem;
+}
+
+.logincard {
+    background-position: center;
+    background-size: cover;
+}
+
+.subhead {
+    font-variant: all-petite-caps;
+    margin-bottom: 1rem;
+}
+
+.tail {
+    background: black;
+    color: white;
+    font-size: 0.8rem;
+}
+
+.container {
+    max-width: initial;
+}
+
+:before {
+    text-decoration: none !important;
+}
+
+a.linker:before {
+    content: "\f005";
+    font-family: 'Font Awesome 5 Free';
+    font-size: 0.4rem;
+    vertical-align: middle;
+    padding-right: 0.5rem;
+    color: gray;
+}
+
+a.linker {
+    padding-right: 0.5rem;
+}
+
+button.white {
+    margin: 0;
+    background: white;
+    color: black;
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/licenses.css

@@ -0,0 +1,13 @@
+.licbody {
+    font-family: monospace;
+    font-size: .5rem;
+    word-break: break-all;
+    user-select: text;
+    height: 1.6rem;
+    margin-bottom: 0.5rem;
+    overflow: hidden;
+}
+
+.licicon {
+    color: var(--accent);
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/overstate.css

@@ -0,0 +1,15 @@
+
+.overstate {
+    text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
+    font-weight: bold;
+}
+
+.overpseudo:after, .overpseudo:before {
+    text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
+    font-weight: bold;
+}
+
+.divimage.overlay {
+    backdrop-filter: hue-rotate(45deg);
+    border-radius: 100rem;
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/story.css

@@ -0,0 +1,8 @@
+.story {
+    font-size: 1.75rem;
+    height: 100%;
+    background: black;
+    color: white;
+    width: 100%;
+    min-height: 600px;
+}

package/src.website/src.widgets/widgets.software/widgets/css/license/toolbar.css

@@ -0,0 +1,9 @@
+nav.tab-menu.flexrow {
+    flex-shrink: 0;
+    padding-left: 0 !important;
+    font-variant: all-small-caps;
+}
+
+.tab-menu-item a {
+    text-decoration: none;
+}

package/src.website/src.widgets/widgets.software/widgets/support/version.mjs

@@ -0,0 +1,88 @@
+import m from "mithril";
+import getNonce from "../../../../src/support/nonce.mjs"
+
+const
+
+	DOWNLOADSUFFIX = {
+		"osx-x64": "osx-x64.dmg",
+		"osx-arm64": "osx-arm64.dmg",
+		"win-x64": "win-x64-Setup.exe"
+	},
+
+	nonce = getNonce();
+
+let VERSION;
+
+async function getVersion(URL_VERSION) {
+	if (!VERSION) VERSION = await m.request({url: `${URL_VERSION}?${nonce}`});
+	return VERSION;
+}
+
+/**
+ *
+ * @param {string} URL_VERSION
+ * @param {string} plaf
+ * @param {string} arch
+ * @return {Promise<{major:number, minor:number, revision: number, sha:string}>}
+ */
+async function getLastVersion(URL_VERSION, plaf, arch) {
+	if (plaf && arch) {
+		const
+			idplaf = plaf + "-" + arch,
+			data = await getVersion(URL_VERSION),
+			versionMeta = data[idplaf];
+		return versionMeta;
+	}
+}
+
+/**
+ * @param {string} URL_VERSION
+ * @param {string} version
+ * @param {string} plaf
+ * @param {string} arch
+ * @return {Promise<{newer:boolean, older:boolean, version:{major:number, minor:number, revision: number, sha:string}}>}
+ */
+
+async function checkUpdate(URL_VERSION, version, plaf, arch) {
+
+	if (version && plaf && arch) {
+
+		const
+			versionMeta = await getLastVersion(URL_VERSION, plaf, arch);
+
+		if (!versionMeta) {
+			throw {message: "Cannot find an application for your platform"};
+		}
+
+		const
+			[major, minor, revision] = version.split(".")
+				.map((v) => Number.parseInt(v, 10));
+
+		return (versionMeta.major > major)
+		|| (versionMeta.minor > minor && versionMeta.major === major)
+		|| (versionMeta.revision > revision && versionMeta.minor === minor && versionMeta.major === major)
+			? {version: versionMeta, newer: true}
+			: {older: true};
+	}
+	throw {message: "Your Update Link sucks !"};
+}
+
+/**
+ *
+ * @param {string} version
+ * @param {string} plaf
+ * @param {string} arch
+ * @return {string|null}
+ */
+function getFilename(version, plaf, arch) {
+
+	return (plaf && arch && DOWNLOADSUFFIX[plaf + "-" + arch])
+		? `obscene-studio-${version}-${DOWNLOADSUFFIX[plaf + "-" + arch]}`
+		: null;
+}
+
+export {
+	getVersion,
+	getFilename,
+	checkUpdate
+}

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

@@ -0,0 +1,11 @@
+import LocalBrowser from "./widgets/LocalBrowser.mjs";
+import LocalLauncher from "./widgets/LocalLauncher.mjs";
+import LocalLauncherCode from "./widgets/LocalLauncher.code.mjs";
+
+const WidgetLibrary =  {
+	LocalBrowser,
+	LocalLauncher,
+	LocalLauncherCode
+};
+
+export default WidgetLibrary;