@nebularstreams/statify 3.0.0

package/src.website/rollup.simple.mjs

@@ -0,0 +1,36 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import copy from 'rollup-plugin-copy';
+import postcss from "rollup-plugin-postcss";
+import minifyJavascript from "./rollup.terser.mjs";
+
+const COPYRIGHT_BANNER = `/*!
+ * Nebular Statify Website - Simple Website
+ * Copyright (c) 2026 Nebular Streams
+ * All rights reserved.
+ */`;
+
+export default {
+    input: 'src/main.simple.mjs',
+    output: {
+        file: '../dist/website.simple/website.min.js',
+        format: 'iife',
+        sourcemap: false
+    },
+    plugins: [
+        resolve(),
+        commonjs(),
+        copy({
+            targets: [
+                {src: 'public/*', dest: '../dist/website.simple'}
+            ]
+        }),
+        postcss({
+            extract: "website.css",
+            minimize: true,             // Minify the CSS
+            warning_level: "VERBOSE"
+        }),
+
+        minifyJavascript(COPYRIGHT_BANNER)
+    ]
+};

package/src.website/rollup.software.mjs

@@ -0,0 +1,36 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import copy from 'rollup-plugin-copy';
+import postcss from "rollup-plugin-postcss";
+import minifyJavascript from "./rollup.terser.mjs";
+
+const COPYRIGHT_BANNER = `/*!
+ * Nebular Statify Website - Software Application
+ * Copyright (c) 2026 Nebular Streams
+ * All rights reserved.
+ */`;
+
+export default {
+    input: 'src/main.software.mjs',
+    output: {
+        file: '../dist/website.software/website.min.js',
+        format: 'iife',
+        sourcemap: false
+    },
+    plugins: [
+        resolve(),
+        commonjs(),
+        copy({
+            targets: [
+                {src: 'public/*', dest: '../dist/website.software'}
+            ]
+        }),
+        postcss({
+            extract: "website.css",
+            minimize: true,             // Minify the CSS
+            warning_level: "VERBOSE"
+        }),
+
+        minifyJavascript(COPYRIGHT_BANNER)
+    ]
+};

package/src.website/rollup.terser.mjs

@@ -0,0 +1,24 @@
+import { minify } from "terser";
+
+export default function minifyJavascript(copyrightBanner) {
+    return {
+        name: "statify-terser",
+        async renderChunk(code) {
+            const result = await minify(code, {
+                compress: {
+                    passes: 3,
+                    drop_console: true,
+                    drop_debugger: true,
+                    unsafe: true,
+                    unsafe_arrows: true,
+                    unsafe_methods: true
+                },
+                format: {
+                    comments: false,
+                    preamble: copyrightBanner
+                }
+            });
+            return { code: result.code, map: result.map || null };
+        }
+    };
+}

package/src.website/rollup.worlds.mjs

@@ -0,0 +1,36 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import copy from 'rollup-plugin-copy';
+import postcss from "rollup-plugin-postcss";
+import minifyJavascript from "./rollup.terser.mjs";
+
+const COPYRIGHT_BANNER = `/*!
+ * Nebular Statify Website - Nebular Worlds
+ * Copyright (c) 2026 Nebular Streams
+ * All rights reserved.
+ */`;
+
+export default {
+    input: 'src/main.worlds.mjs',
+    output: {
+        file: '../dist/website.worlds/website.min.js',
+        format: 'iife',
+        sourcemap: false
+    },
+    plugins: [
+        resolve(),
+        commonjs(),
+        copy({
+            targets: [
+                {src: 'public/*', dest: '../dist/website.worlds'}
+            ]
+        }),
+        postcss({
+            extract: "website.css",
+            minimize: true,             // Minify the CSS
+            warning_level: "VERBOSE"
+        }),
+
+        minifyJavascript(COPYRIGHT_BANNER)
+    ]
+};

package/src.website/src/app/app.style.mjs

@@ -0,0 +1,36 @@
+
+import "../../css/app/animations.css";
+import "../../css/app/ismobile.css";
+import "../../css/app/style.css";
+import "../../css/app/style.fullheight.css";
+import "../../css/app/style.mdblocks.css";
+import "../../css/app/style.putosafari.css";
+
+import "../../css/bootstrap/bootstrap-tiny-core.css";
+import "../../css/bootstrap/bootstrap-tiny-media-columns.css";
+import "../../css/bootstrap/bootstrap-tiny-media-flex.css";
+import "../../css/bootstrap/bootstrap-tiny-media-display.css";
+import "../../css/bootstrap/bootstrap-tiny-media-custom.css";
+import "../../css/bootstrap/bootstrap-tiny-media-fonts.css";
+import "../../css/bootstrap/bootstrap-tiny-media-paddings.css";
+
+import "../../css/fontawesome/fa.css"
+import "../../css/fontawesome/fa-brands.css"
+import "../../css/fontawesome/fa-solid.css"
+
+import "../../css/css-core/core.ext.css";
+import "../../css/css-core/frontpage.css";
+import "../../css/css-core/root.css";
+import "../../css/css-core/root.fullheight.css";
+import "../../css/css-core/ui.dialog.round.css";
+import "../../css/css-core/ui.notifications.css";
+
+import "../../css/css-featurelist/feature.css";
+import "../../css/css-featurelist/tail.css";
+
+import "../../css/css-screens/screens-meta.css";
+
+import "../../css/css-unsplash/unsplash.css";
+import "../../css/css-videos/youtube.css";
+import "../../css/css-wiki/wiki.css";
+import "../../css/css-wiki/wiki.sidepane.css";

package/src.website/src/app/index.mjs

@@ -0,0 +1,118 @@
+import isMobile from "../support/ismobile.mjs";
+import initClient from "../core/clientruntime.mjs";
+import {run} from "../core.cookies/cookiemanager.mjs";
+import {get, set} from "../support/persistsettings.mjs";
+
+import "./app.style"
+
+
+
+let
+	withSkin = false,
+	atTop = false,
+	skinState = get("skin");
+
+const
+	$ = (id) => document.getElementById(id),
+	classList = (element) => element.classList,
+	documentElementClassList = classList(document.documentElement);
+
+function domcontentloaded(doStuff) {
+	// add event listener to trigger your function when DOMContentLoaded
+	if (document.readyState === "loading") {
+		document.addEventListener("DOMContentLoaded", doStuff);
+	} else {
+		// DOMContentLoaded already loaded, so better trigger your function
+		doStuff();
+	}
+}
+
+function setSkin(skinState) {
+	if (withSkin) {
+		documentElementClassList.toggle("dark", !skinState);
+		documentElementClassList.toggle("light", !!skinState);
+	}
+}
+
+function skinButton(el) {
+
+	withSkin = !!el;
+	if (!el) return;
+
+	const classes = classList(el.childNodes[0]);
+	classes.toggle("fa-sun", !!skinState);
+	classes.toggle("fa-moon", !skinState);
+	setSkin(skinState);
+
+	el.addEventListener("click", () => {
+		skinState = !skinState;
+		set("skin", !!skinState);
+		classes.toggle("fa-sun", !!skinState);
+		classes.toggle("fa-moon", !skinState);
+		setSkin(skinState);
+	});
+}
+
+function initScroll() {
+	const dom = $("scrolltracker");
+	if (dom) {
+		dom.addEventListener("scroll", scrollListener, {passive: true});
+		classList(document.body).toggle("scrolltop", dom.scrollTop === 0);
+		atTop = dom.scrollTop === 0;
+	}
+}
+
+function initCarousels() {
+	const carousels = document.getElementsByClassName("item-image-carousel");
+	if (!carousels) return;
+	for (const carousel of carousels) {
+
+		const
+			total = parseInt(carousel.getAttribute("data-total"), 10) || 0,
+			time = parseInt(carousel.getAttribute("data-time"), 10) || 5;
+
+		if (total > 1) initCarousel(carousel, total, time);
+	}
+}
+
+function initCarousel(carousel, total, time) {
+
+	const
+		currentImage = parseInt(carousel.getAttribute("data-index"), 10) || 0,
+		nextImage = (currentImage + 1) % total;
+
+	carousel.setAttribute("data-index", nextImage);
+	carousel.setAttribute("data-current", nextImage + 1);
+
+	for (let i = 0; i < carousel.childNodes.length; i++) {
+		classList(carousel.childNodes[i]).toggle("active", i === currentImage);
+	}
+
+	setTimeout(() => initCarousel(carousel, total, time), time * 1000)
+
+}
+
+function scrollListener(event) {
+	if (event.target.scrollTop === 0 && !atTop) {
+		atTop = true;
+		classList(document.body).toggle("scrolltop", true)
+	} else if (event.target.scrollTop > 0 && atTop) {
+		classList(document.body).toggle("scrolltop", false);
+		atTop = false;
+	}
+}
+
+function bootStrap(...widgets) {
+
+	setSkin(skinState);
+	documentElementClassList.toggle("ismobile", !!isMobile);
+	domcontentloaded(() => {
+		run();
+		skinButton($("skin"));
+		initClient(widgets);
+		initScroll();
+		initCarousels();
+	});
+}
+
+export default bootStrap;

package/src.website/src/config.js

@@ -0,0 +1,8 @@
+const
+	DEBUG = false,
+	PRODUCT_ID="obscene.studio",
+	PRODUCT_NAME = "Obscene Studio";
+
+export default DEBUG;
+
+export {PRODUCT_ID, PRODUCT_NAME};

package/src.website/src/core/cdnmodel.mjs

@@ -0,0 +1,7 @@
+import {Cdn} from "@nebularstreams/cdn"
+
+const
+
+	CdnModel = new Cdn(SITE.domain);
+
+export default CdnModel;

package/src.website/src/core/clientruntime.mjs

@@ -0,0 +1,41 @@
+import m from "mithril";
+import Inits from "../core.extra/extra";
+import {install, InstancedWidget} from "../widgets";
+
+function initClient(...widgets) {
+
+	if (Array.isArray(widgets)) widgets.forEach((library)=>install(library));
+
+	const w = document.getElementsByTagName("widget");
+	if (w && w[0]) {
+		const data = w[0].getAttribute("data-info");
+		if (data) {
+			const
+				decode = JSON.parse(window.atob(data));
+
+			if (decode && decode.widget) {
+
+				const
+					initialWidget = InstancedWidget(decode),
+					routes = {
+						"/": initialWidget,
+						"/:subtype": initialWidget
+					};
+
+				if (initialWidget) {
+					m.route(w[0], "/", routes);
+				}
+			}
+		}
+	}
+
+	Inits.Common();
+
+	const {WIDGET} = window;
+	if (WIDGET && Inits[WIDGET]) {
+		window.setTimeout(Inits[WIDGET], 150);
+	}
+
+}
+
+export default initClient;

package/src.website/src/core.cookies/analytics.mjs

@@ -0,0 +1,96 @@
+import D from "../config.js"
+
+
+if (!window.dataLayer) {
+	window.dataLayer = window.dataLayer || [];
+}
+
+const
+	TAG = "[Analytics]",
+	{dataLayer, location} = window,
+	ObjectAssign = Object.assign;
+
+let
+	mIsInited = false;
+
+
+function loadScript(url, callback, doc = document) {
+
+	return new Promise((resolve, reject) => {
+
+		const
+			head = doc.getElementsByTagName("head")[0],
+			script = doc.createElement("script");
+
+		ObjectAssign(script, {
+			type: "text/javascript",
+			charset: "UTF-8",
+			src: url,
+			onerror: () => reject(new Error("loading error"))
+		});
+
+		// noinspection JSUndefinedPropertyAssignment
+		script.onload = script.onreadystatechange = function () {
+			if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
+				// script successfully loaded
+				resolve();
+			} else {
+				reject(new Error("loading error"));
+			}
+		};
+
+		script.onerror = () => reject(new Error("loading error"));
+
+		head.appendChild(script);
+
+	});
+}
+
+function gtag() {
+	if (D) console.log(TAG, "push", arguments);
+	dataLayer.push(arguments);
+}
+
+function stag(title, options = {}) {
+	if (!options.event) {
+		gtag("event", "screen_view", {
+			"app_name": location.hostname,
+			"screen_name": title,
+			...(options.props || {})
+		});
+	} else {
+		gtag("event", options.event, {
+			event_category: "UserAction",
+			event_action: options.event,
+			event_label: title,
+			...(options.props || {})
+		});
+
+	}
+}
+
+
+function start(id) {
+
+	if (mIsInited) return Promise.resolve();
+
+	mIsInited = true;
+
+	gtag("js", new Date());
+	gtag("config", id);
+	gtag("create", id);
+
+	loadScript(`https://www.googletagmanager.com/gtag/js?id=${id}`)
+		.then(() => {
+			if (D) console.log(TAG, "Analytics running for", id);
+
+		})
+		.catch((e) => {
+			if (D) console.log(TAG, "Analytics blocked", e.message);
+			mIsInited = false;
+		});
+}
+
+// <script async src="https://www.googletagmanager.com/gtag/js?id=G-YWSF487STG"></script>
+
+export {stag, gtag, start};

package/src.website/src/core.cookies/cookiemanager.mjs

@@ -0,0 +1,128 @@
+/**
+ *
+ * @author Rodolfo Lopez Pintor <rlp@nebular.tv>
+ *
+ */
+
+import "./css/cookies.css";
+
+import {get, set} from "../support/persistsettings.mjs"
+
+function hasThirdParty() {
+	return get("cookies.third");
+}
+
+function hasAnalytics() {
+	return get("cookies.anal");
+}
+
+function run(force) {
+
+	const
+		cookies = document.getElementById("cookies"),
+		cookies_dialog = document.getElementById("cookies-dialog"),
+		cookies_custom = document.getElementById("cookies-custom");
+
+	if (!cookies) return;
+
+	const
+		window_location = window.location,
+		window_setTimeout = window.setTimeout,
+		page = (window_location.origin + window_location.pathname)
+			.split(SITE.canonical)[1]?.substring(1);
+
+	if (page && page === SITE.cookiesPage) {
+		// cookies page !
+		return;
+	}
+
+	function showMainDialog(stat) {
+		cookies.classList.toggle("d-none", !stat);
+
+	}
+
+	function close(saveSettings, useAnalytics, useThidParty) {
+		showMainDialog(false);
+		set("cookies", saveSettings);
+		const
+			anal = get("cookies.anal"),
+			third = get("cookies.third");
+		// eslint-disable-next-line no-use-before-define
+		initServices(useAnalytics, useThidParty);
+		if (saveSettings && (useAnalytics !== anal || third !== useThidParty)) {
+			window_setTimeout(() => window_location.reload(), 50);
+		}
+	}
+
+	function customize(state) {
+		cookies_dialog.classList.toggle("d-none", state);
+		cookies_custom.classList.toggle("d-none", !state);
+	}
+
+	const
+		actions = {
+			customize: () => customize(true),
+			accept: () => close(true, true, true),
+			"accept-analytics": () => close(true, true, false),
+			"accept-thirdparty": () => close(true, false, true),
+			reject: () => close(true, false, false)
+		};
+
+	initServices(get("cookies.anal"), get("cookies.third"));
+
+	if (get("cookies") && !force) {
+		showMainDialog(false);
+		// eslint-disable-next-line no-use-before-define
+	} else {
+		showMainDialog(true);
+		cookies.addEventListener("click", (e) => {
+			const action = e.target.getAttribute("data-action");
+			if (actions[action]) actions[action]();
+		}, { capture: true });
+	}
+
+	document.documentElement.classList.toggle("nocookies", !hasThirdParty());
+
+}
+
+function initServices(useAnalytics, useThidParty) {
+
+	if (useAnalytics && SITE && SITE.analytics) {
+
+		try {
+			const
+				[, , startAnalytics] = require("support/statify-v3/land/src/client/util.cookies/analytics.mjs");
+
+			startAnalytics(SITE.analytics);
+		} catch (e) {
+			//
+		}
+	}
+
+	if (useThidParty) {
+		const iframes = document.getElementsByTagName("iframe");
+		for (const iframe of iframes) {
+			const dataSrc = iframe.getAttribute("data-src");
+			if (dataSrc) {
+				iframe.setAttribute("src", dataSrc);
+				iframe.removeAttribute("data-src");
+			}
+		}
+	} else {
+		const iframes = document.getElementsByTagName("iframe");
+		for (const iframe of iframes) {
+			const dataSrc = iframe.getAttribute("data-img");
+			if (dataSrc) {
+				iframe.parentNode.style.backgroundImage = "url(" + dataSrc + ")";
+				iframe.removeAttribute("data-img");
+			}
+		}
+	}
+	set("cookies.anal", useAnalytics);
+	set("cookies.third", useThidParty);
+
+	const d = document.getElementById("showCookies");
+	if (d) d.addEventListener("click", () => run(true));
+}
+
+export { run, initServices, hasAnalytics, hasThirdParty };

package/src.website/src/core.cookies/css/cookies.css

@@ -0,0 +1,80 @@
+.cookies-notice, .cookies-custom {
+    position: absolute;
+    top: auto;
+    left: 0;
+    right: 0;
+    background: black;
+    color: white;
+    border-top: solid 1px var(--border-color);
+    bottom: 0;
+    padding: 0 1rem;
+    align-items: center;
+    transition: all 0.5s ease-in-out;
+}
+
+div#cookies-custom div {
+    font-size: 0.8rem;
+    padding-left: 1rem;
+}
+
+#cookies p {
+    user-select: none;
+}
+
+#cookies > * {
+    user-select: none;
+}
+
+#cookies {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 100000000;
+    bottom: 0;
+    padding: 0 1rem;
+    cursor: no-drop;
+    background: rgba(0,0,0,0.5);
+}
+
+#cookies:active .cookies-notice, #cookies:active .cookies-custom {
+    background: red;
+    color: white;
+}
+
+#cookies a {
+    color: var(--accent);
+}
+
+#cookies button.bg-ok {
+    background: var(--green);
+    color:var(--text-over-accent);
+}
+
+#cookies button.bg-warning {
+    background: var(--orange);
+    color:var(--text-over-accent);
+}
+
+#cookies button.bg-error {
+    background: var(--red);
+    color:var(--text-over-accent);
+}
+
+#cookies button {
+    margin: 0.25rem;
+    min-width: 2.54rem;
+    min-height: 2.54rem;
+}
+
+footer.footer.consent button {
+    width: 100%;
+    padding: 0.5rem;
+}
+
+footer.footer.consent {
+    background: var(--black);
+    border-top: solid 1px var(--border-color);
+    padding: 0.5rem;
+    flex-shrink: 0;
+}