@nebularstreams/statify 3.0.0

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

@@ -0,0 +1,239 @@
+import m from "mithril";
+import {defineWidget, InputWidget, ButtonNew, Empty, NoticeWidget} from "@nebularstreams/libmui";
+
+const
+	DEFAULT_HEADER_CONFIG = {
+		icon: "plug",
+		text: "Connect to Nebular World Editor to test your worlds",
+		size: 2,
+		class: "configbox"
+	};
+
+let
+	CREDENTIALS_AVAILABLE = false,
+	EDITOR_AVAILABLE = false,
+
+	PORT = 8888,
+	DATA = [0, 0, 0, 0];
+
+async function init() {
+
+	EDITOR_AVAILABLE = false;
+
+	const
+		ip = window.localStorage.getItem("editorIp"),
+		port = window.localStorage.getItem("editorPort") || "8888";
+
+	if (ip) {
+
+		let available = true;
+
+		ip.split(".")
+			.forEach((n, index) => {
+				const g = parseInt(n, 10);
+				if (g >= 0 && g < 255) DATA[index] = g; else available = false;
+			});
+
+		PORT = parseInt(port, 10) || 8888;
+
+		CREDENTIALS_AVAILABLE = available;
+	} else {
+		CREDENTIALS_AVAILABLE = false;
+	}
+
+}
+
+function persistAddress() {
+	if (DATA && PORT) {
+		window.localStorage.setItem("editorIp", DATA.join("."));
+		window.localStorage.setItem("editorPort", PORT);
+		CREDENTIALS_AVAILABLE = true;
+	}
+}
+
+async function connect(state) {
+
+	if ((DATA[0] < 10 || DATA[0] > 192) || (DATA[3] === 0 || DATA[3] > 253)) {
+		EDITOR_AVAILABLE = false;
+	} else {
+
+		try {
+
+			state.portalUrl = `https://${DATA.join(".")}:${PORT}`;
+
+			persistAddress();
+			EDITOR_AVAILABLE = true;
+
+			window.open(state.portalUrl, "editor");
+
+		} catch (e) {
+			EDITOR_AVAILABLE = false;
+		}
+	}
+
+}
+
+function cool() {
+	return DATA[0] >= 0 && DATA[1] >= 0 && DATA[2] >= 0 && DATA[3] >= 0 && PORT >= 8000;
+}
+
+const
+	ConfigScreen = defineWidget(
+		({attrs}) =>
+			m(".flexcol.w-max.h-100.createscreen", attrs.state?.loading ? [
+				m(Empty, {icon: "sync.fa-spin", size: 2})
+			] : [
+				m(".header", attrs.header),
+				m(".subheader", (attrs.subheaders || []).map((td) => m(".subline", td))),
+				m(ConfigDialog, attrs),
+				m(".instructions", (attrs.instructions || []).map((td) => m(".instruction", td)))
+			])
+	),
+	ConfigDialog = defineWidget(
+		({attrs}) => {
+			const state = attrs.state;
+			return m(
+				NoticeWidget,
+				attrs.headerDialog,
+				[
+					m(".flexrow.gap-2.ipinput", [
+						m(InputWidget, {
+							type: "number",
+							min: 0,
+							max: 255,
+							hint: "192",
+							value: DATA[0],
+							oninput: () => {
+							},
+							onchange: (val) => {
+								DATA[0] = val;
+							}
+						}),
+						m(InputWidget, {
+							type: "number",
+							min: 0,
+							max: 255,
+							hint: "0",
+							value: DATA[1],
+							oninput: () => {
+							},
+							onchange: (val) => {
+								DATA[1] = val;
+							}
+						}),
+						m(InputWidget, {
+							type: "number",
+							min: 0,
+							max: 255,
+							hint: "0",
+							value: DATA[2],
+							oninput: () => {
+							},
+							onchange: (val) => {
+								DATA[2] = val;
+							}
+						}),
+						m(InputWidget, {
+							type: "number",
+							min: 0,
+							max: 255,
+							hint: "0",
+							value: DATA[3],
+							oninput: () => {
+							},
+							onchange: (val) => {
+								DATA[3] = val;
+							}
+						}),
+						m(InputWidget, {
+							type: "number",
+							min: 9000,
+							max: 9999,
+							hint: "9999",
+							value: PORT,
+							oninput: () => {
+							},
+							onchange: (val) => {
+								PORT = val;
+							}
+						})
+					]),
+					...cool()
+						? [
+							m(ButtonNew, {
+									class: "accentbutton connectbutton",
+									text: "connect to Nebular World Editor",
+									onClick: () => {
+
+										state.error = null;
+										state.loading = true;
+										m.redraw();
+
+										connect(state)
+											.finally(() => {
+												state.loading = false;
+												m.redraw();
+											});
+									}
+								}
+							)
+						]
+						: [],
+					...state.error
+						? [
+							m(NoticeWidget, {
+								icon: "explamation-triangle",
+								text: [
+									"Cannot connect to Nebular World Editor",
+									"Please make sure that your computer is in the same network as your VT Glasses, that Nebular World Application is started and that you have correctly entered the IP Address and Port above.",
+									"Don't have Nebular World Editor installed? You then need to download it here!"
+								]
+							}, [
+								m(ButtonNew, {
+									icon: "download",
+									class: "accentbutton",
+									text: "Download Nebular World Editor",
+									onClick: () => m.route.set("download")
+								})
+							])
+						] : []
+				]
+			);
+
+		}
+	);
+
+const LocalLauncher = defineWidget(
+	({attrs, state}) => {
+
+		return state.uninit
+			? m("ul.flexrow.wrap.grows.h-100", m(Empty, {
+				icon: "sync.fa-spin",
+				size: 3
+			}))
+			// user supplied credentials
+			: m(ConfigScreen, {
+				state,
+				header: attrs.static.header || "Bring Your Ideas To Life!",
+				subheaders: attrs.static.subheaders || ["Step into the next level by creating your own immersive world.", "Connect to the Nebular World Editor to start building your adventure!"],
+				headerDialog: attrs.static.headerDialog || DEFAULT_HEADER_CONFIG,
+				instructions: attrs.static.instructions || [
+					"How to Connect",
+					"Open the Nebular World Editor on your computer",
+					"Locate the IP address displayed in the editor",
+					"Enter the IP address and port number below",
+					"Click Connect to display your local projects."
+				]
+			});
+	},
+	({state}) => {
+		state.uninit = true;
+		init(state)
+			.then(() => {
+				state.uninit = false;
+				m.redraw();
+			});
+	}
+);
+
+export default LocalLauncher;

package/src.website/src.widgets/widgets.worlds/widgets/css/input.css

@@ -0,0 +1,32 @@
+.textfield input {
+    height: 2rem;
+    bordeR: solid 1px var(--border-color);
+    background: var(--inputs);
+    padding: 0 0.25rem;
+    color: var(--text);
+    outline: none !Important;
+    border-radius: 0.25rem;
+}
+
+.textfield input.withicon {
+    padding-right: 3.5rem;
+}
+
+.textfield input.withicon-2 {
+    padding-right: 3rem;
+}
+
+.input-static.withdrag {
+    cursor: ns-resize;
+    border: solid 1px var(--border-color);
+    padding: 0.25rem;
+}
+
+.witharia:before {
+    content: attr(aria-label);
+    display: block;
+    font-variant: all-small-caps;
+    /*font-size: 1rem;*/
+    line-height: 100%;
+    width: 100%;
+}

package/src.website/src.widgets/widgets.worlds/widgets/css/localprojects.css

@@ -0,0 +1,188 @@
+
+.project > .inner, .newproject > .inner {
+    align-items: center;
+    aspect-ratio: 16 / 9;
+    background: var(--placeholder);
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    cursor: pointer;
+    justify-content: center;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    position: relative;
+}
+
+.project:active {
+    transform: scale(0.9);
+}
+
+.promonotice {
+    margin: 1rem 0;
+    text-align: center;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    font-weight: bold;
+}
+
+.project {
+    padding: 0.75rem 1.5rem;
+}
+
+.newproject {
+    padding: 0.75rem 1.5rem;
+}
+
+/*
+.inner > div {
+    background: rgba(0, 0, 0, .5);
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    margin: 0.1rem;
+    padding: 0 0.5rem;
+    align-items: center;
+}
+*/
+
+.projectlist {
+    margin: 0;
+    padding: 1.5rem;
+    align-items: flex-start;
+}
+
+.newprojectlist,
+.projectlist {
+    align-items: flex-start;
+    margin: 0;
+    padding: 1.5rem;
+}
+
+.newprojectlist {
+    align-content: center;
+    justify-content: center;
+}
+
+.newproject:hover {
+    background: var(--window-background-lo);
+}
+
+.newproject,
+.project {
+    padding: 1.5rem 1.5rem;
+    border-radius: 1rem;
+    transition: all 0.5s ease-in-out;
+    cursor: pointer;
+}
+
+.linedetail.long.flexcol {
+    margin-top: 1rem;
+    font-size: 1.25rem;
+}
+
+.microheader.flexrow {
+    background: transparent;
+    border-bottom: 1px solid var(--border-color);
+    cursor: pointer;
+    font-variant: all-small-caps;
+    font-weight: 700;
+    padding: 0.25rem;
+    text-align: center;
+    border-left: 0;
+    border-right: 0;
+    border-top: 0;
+}
+
+.microheader .accent {
+    color: var(--accent);
+    text-decoration: underline;
+}
+
+.templatestories {
+    margin: 0;
+}
+
+button {
+    cursor: pointer;
+}
+
+.lineinfo {
+    font-variant: all-small-caps;
+    height: 1.5rem;
+}
+
+button.transp {
+    background: transparent;
+    color: var(--text);
+    border: none;
+}
+
+.lineinfo {
+    font-variant: all-small-caps;
+}
+
+.gap-2 {
+    gap: 0.5rem;
+}
+
+.configbox .noticetext {
+    border-bottom: solid;
+    margin-bottom: 0.25rem;
+}
+
+.configbox .noticetitle {
+    place-content: center;
+}
+
+.configbox {
+    background: var(--window-background);
+    align-self: center;
+    border-radius: 0.5rem;
+    gap: 0.5rem;
+    font-size: 1rem;
+    width: 30rem;
+}
+
+/*
+.configbox .ipinput input {
+    font-size: 2rem;
+    width: 6rem !important;
+    text-align: center;
+    padding: 1rem 0;
+}
+*/
+
+.configbox .ipinput input {
+    font-size: 4rem;
+    text-align: center;
+    padding: 1rem 0;
+    height: auto;
+    background: transparent;
+    border: 0;
+}
+
+.configbox button.connectbutton {
+    background: var(--accent);
+    font-size: 1.25rem;
+    color: var(--text-over-accent);
+}
+
+.createscreen {
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+}
+
+.createscreen .instructions {
+    font-size: 0.75rem;
+}
+
+.createscreen .header {
+    color: var(--accent);
+    font-size: 2rem;
+}
+
+.createscreen .subheader {
+    font-size: 1.25rem;
+    text-align: center;
+}

package/templates/documentation/assets/docs.css

@@ -0,0 +1,7 @@
+:root {
+    --accent: #ff8800;
+}
+
+.skinroot.dark, .skinroot.light {
+    --accent: #ff8800;
+}

package/templates/documentation/images.json

@@ -0,0 +1,12 @@
+[
+  {
+    "id": "right-image",
+    "urls": {
+      "raw": "images/right.webp",
+      "full": "images/right.webp",
+      "small": "images/right.webp",
+      "regular": "images/right.webp",
+      "thumb": "right.webp"
+    }
+  }
+]

package/templates/documentation/metadata.json

@@ -0,0 +1,120 @@
+{
+  "title": "Brightfield Labs Documentation",
+  "description": "Guides, policies, and reference material from Brightfield Labs",
+  "canonical": "https://example.com/docs",
+  "image": "https://example.com/res/brand-mark.png",
+  "ogtype": "article",
+  "site": {
+    "name": "Brightfield Labs",
+    "url": "https://example.com",
+    "domain": "example.com",
+    "cookiesPage": "cookies",
+    "simplepages": true
+  },
+  "author": {
+    "@type": "Organization",
+    "name": "Brightfield Labs",
+    "url": "https://example.com",
+    "logo": "https://example.com/res/brand-mark.png"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Brightfield Labs",
+    "url": "https://example.com",
+    "logo": "https://example.com/res/brand-mark.png"
+  },
+  "head": [
+    {
+      "t": "link",
+      "rel": "icon",
+      "type": "image/png",
+      "href": "/res/favicon.png"
+    },
+    {
+      "t": "link",
+      "rel": "stylesheet",
+      "href": "/website.css"
+    },
+    {
+      "t": "link",
+      "rel": "stylesheet",
+      "href": "/docs.css"
+    },
+    {
+      "t": "link",
+      "rel": "apple-touch-icon",
+      "href": "/res/favicon.png"
+    },
+    {
+      "t": "link",
+      "rel": "preload",
+      "href": "/webfonts/fa-solid-900.woff2",
+      "as": "font",
+      "type": "font/woff2",
+      "crossorigin": true
+    },
+    {
+      "t": "link",
+      "rel": "preload",
+      "href": "/webfonts/fa-brands-400.woff2",
+      "as": "font",
+      "type": "font/woff2",
+      "crossorigin": true
+    },
+    {
+      "t": "script",
+      "src": "/website.min.js"
+    }
+  ],
+  "meta": [
+    {
+      "charSet": "utf-8"
+    },
+    {
+      "name": "robots",
+      "content": "all"
+    },
+    {
+      "lang": "en"
+    },
+    {
+      "name": "viewport",
+      "content": "width=device-width, maximum-scale=5, user-scalable=yes, initial-scale=1"
+    },
+    {
+      "name": "theme-color",
+      "content": "#ffffff"
+    },
+    {
+      "name": "mobile-web-app-capable",
+      "content": "yes"
+    },
+    {
+      "name": "apple-mobile-web-app-capable",
+      "content": "yes"
+    },
+    {
+      "name": "apple-mobile-web-app-status-bar-style",
+      "content": "white"
+    }
+  ],
+  "links": {
+    "documents": {
+      "static": true,
+      "icon": "file",
+      "class": "grows"
+    }
+  },
+  "breadcrumb": {
+    "name": "Documentation",
+    "url": "https://example.com/docs/index"
+  },
+  "links.doc": {
+    "documents": {
+      "static": true,
+      "class": "inter",
+      "icon": "file-alt"
+    }
+  },
+  "links.metadata": {}
+}

package/templates/documentation/pages/cookies.md

@@ -0,0 +1,25 @@
+# Cookies and Local Storage
+
+**Example policy — replace before publishing. Last updated: September 17, 2026.**
+
+This page explains how the Brightfield Labs website uses cookies and browser storage.
+
+## What we store
+
+The website does not use advertising or third-party tracking cookies. It stores only preferences requested by the visitor.
+
+| Storage key | Purpose | Duration |
+| --- | --- | --- |
+| `brightfield.preferences` | Remembers theme and policy-notice choices | Until changed or deleted |
+
+This information remains in the visitor's browser and is not used to create an advertising profile.
+
+## Managing stored data
+
+Visitors can remove local preferences through their browser's privacy or site-data settings. Removing them resets the saved theme and may display the policy notice again.
+
+If optional analytics or other cookies are introduced, this policy and the website's consent controls should be updated before those technologies are enabled.
+
+## Contact
+
+Questions about this example policy can be sent to [privacy@example.com](mailto:privacy@example.com).

package/templates/documentation/pages/index.md

@@ -0,0 +1,13 @@
+# Documentation
+
+Welcome to the Brightfield Labs documentation center. Use this template for product guides, company policies, technical references, or any other structured content.
+
+## Company Policies
+
+* [Terms of Service](tos.md)
+* [Privacy Policy](privacy.md)
+* [Cookies and Local Storage](cookies.md)
+
+## Getting Started
+
+Add Markdown files anywhere inside the `pages` folder. Subfolders become sections, and ordinary assets such as stylesheets and downloads are copied into the generated site.

package/templates/documentation/pages/privacy.md

@@ -0,0 +1,50 @@
+# Privacy Policy
+
+**Example policy — obtain appropriate legal review before publishing. Last updated: September 17, 2026.**
+
+This policy describes how **Brightfield Labs** (**we**, **us**, or **our**) handles personal information when someone visits **example.com** or contacts us.
+
+## Information we process
+
+We aim to collect only the information needed to operate and protect the website, communicate with visitors, and provide requested services.
+
+This may include:
+
+* ordinary technical request data, such as IP address, browser information, requested pages, and timestamps;
+* preferences stored locally in the visitor's browser;
+* contact details and message content supplied when someone writes to us; and
+* information required to provide a service requested by a customer.
+
+We do not sell personal information or use website visitor information to create advertising profiles.
+
+## Why we use information
+
+We may use information to operate and secure the website, prevent abuse, respond to enquiries, deliver requested services, meet legal obligations, and protect our rights. The appropriate legal basis depends on the context and applicable law.
+
+## Cookies and local storage
+
+The website may store limited preferences in the visitor's browser. See our [Cookies and Local Storage Policy](cookies.md) for details.
+
+## Service providers and transfers
+
+Trusted providers may process information when they host, maintain, deliver, or secure the website. We expect providers to handle information under suitable contractual and legal safeguards, including safeguards for international transfers where required.
+
+## Retention and security
+
+We retain information only as long as reasonably necessary for its purpose, legal obligations, security, and dispute resolution. We use reasonable technical and organizational safeguards, although no internet service can guarantee absolute security.
+
+## Individual rights
+
+Depending on location, individuals may have rights to access, correct, delete, restrict, or receive a copy of their personal information, or to object to certain processing. Identity verification may be required before a request is completed.
+
+## Changes
+
+We may update this policy as the website, our practices, or applicable requirements change. The revision date above identifies the latest version.
+
+## Contact
+
+**Brightfield Labs**  
+100 Example Street  
+Sample City, EX 10000
+
+Email: [privacy@example.com](mailto:privacy@example.com)