@@ -361,6 +451,28 @@ export class FolkBlender extends FolkShape {
// Blender Python script will appear here
+
+
+
+ Checking...
+
+
+
+
How to connect:
+
+ - Install Multi-User addon in Blender 4.3+
+ - Open sidebar → Multi-User tab
+ - Paste the connection address above
+ - Click Connect — you're in the shared session!
+
+
+
⬇️ .blend
@@ -378,6 +490,7 @@ export class FolkBlender extends FolkShape {
this.#generateBtn = wrapper.querySelector(".generate-btn");
this.#previewArea = wrapper.querySelector(".render-preview");
this.#codeArea = wrapper.querySelector(".code-area");
+ this.#multiplayerArea = wrapper.querySelector(".multiplayer-area");
this.#downloadRow = wrapper.querySelector(".download-row");
const closeBtn = wrapper.querySelector(".close-btn") as HTMLButtonElement;
@@ -385,12 +498,14 @@ export class FolkBlender extends FolkShape {
wrapper.querySelectorAll(".tab").forEach((tab) => {
tab.addEventListener("click", (e) => {
e.stopPropagation();
- const tabName = (tab as HTMLElement).dataset.tab as "preview" | "code";
+ const tabName = (tab as HTMLElement).dataset.tab as "preview" | "code" | "multiplayer";
this.#activeTab = tabName;
wrapper.querySelectorAll(".tab").forEach((t) => t.classList.remove("active"));
tab.classList.add("active");
if (this.#previewArea) this.#previewArea.style.display = tabName === "preview" ? "flex" : "none";
if (this.#codeArea) this.#codeArea.style.display = tabName === "code" ? "block" : "none";
+ if (this.#multiplayerArea) this.#multiplayerArea.style.display = tabName === "multiplayer" ? "block" : "none";
+ if (tabName === "multiplayer") this.#fetchMultiplayerStatus();
});
});
@@ -430,9 +545,42 @@ export class FolkBlender extends FolkShape {
}
}).catch(() => {});
+ // Multiplayer copy button
+ const copyBtn = wrapper.querySelector(".mp-copy-btn") as HTMLButtonElement;
+ const connInput = wrapper.querySelector(".mp-conn-input") as HTMLInputElement;
+ copyBtn?.addEventListener("click", (e) => {
+ e.stopPropagation();
+ if (connInput?.value) {
+ navigator.clipboard.writeText(connInput.value).then(() => {
+ copyBtn.textContent = "✅";
+ setTimeout(() => { copyBtn.textContent = "📋"; }, 1500);
+ });
+ }
+ });
+
return root;
}
+ async #fetchMultiplayerStatus() {
+ const dot = this.#multiplayerArea?.querySelector(".mp-dot");
+ const statusText = this.#multiplayerArea?.querySelector(".mp-status-text");
+ const connInput = this.#multiplayerArea?.querySelector(".mp-conn-input") as HTMLInputElement | null;
+
+ try {
+ const res = await fetch("/api/blender-multiuser/status");
+ const data = await res.json() as { available: boolean; host: string; port: number };
+ if (dot) {
+ dot.classList.toggle("online", data.available);
+ dot.classList.toggle("offline", !data.available);
+ }
+ if (statusText) statusText.textContent = data.available ? "Server Online" : "Server Offline";
+ if (connInput) connInput.value = `${data.host}:${data.port}`;
+ } catch {
+ if (dot) { dot.classList.remove("online"); dot.classList.add("offline"); }
+ if (statusText) statusText.textContent = "Unable to check";
+ }
+ }
+
async #generate() {
const prompt = this.#promptInput?.value.trim();
if (!prompt || this.#isLoading) return;
diff --git a/modules/rnetwork/components/folk-graph-viewer.ts b/modules/rnetwork/components/folk-graph-viewer.ts
index 9502f774..3bbc2688 100644
--- a/modules/rnetwork/components/folk-graph-viewer.ts
+++ b/modules/rnetwork/components/folk-graph-viewer.ts
@@ -280,10 +280,12 @@ class FolkGraphViewer extends HTMLElement {
}
} catch { /* storage unavailable */ }
+ const token = localStorage.getItem("encryptid-token");
+ const headers: Record
= token ? { Authorization: `Bearer ${token}` } : {};
const [wsRes, infoRes, graphRes] = await Promise.all([
- fetch(`${base}/api/workspaces`),
- fetch(`${base}/api/info`),
- graphData ? Promise.resolve(null) : fetch(`${base}/api/graph${trustParam}`),
+ fetch(`${base}/api/workspaces`, { headers }),
+ fetch(`${base}/api/info`, { headers }),
+ graphData ? Promise.resolve(null) : fetch(`${base}/api/graph${trustParam}`, { headers }),
]);
if (wsRes.ok) this.workspaces = await wsRes.json();
if (infoRes.ok) this.info = await infoRes.json();
diff --git a/server/index.ts b/server/index.ts
index da5806da..a94cd1f8 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -2121,6 +2121,33 @@ Output ONLY the Python code, no explanations or comments outside the code.`);
}
});
+// ── Blender Multi-User server status ──
+const MULTIUSER_HOST = process.env.MULTIUSER_HOST || "159.195.32.209";
+const MULTIUSER_PORT = 5555;
+
+app.get("/api/blender-multiuser/status", async (c) => {
+ let available = false;
+ try {
+ const net = await import("node:net");
+ available = await new Promise((resolve) => {
+ const sock = net.createConnection({ host: "blender-multiuser", port: MULTIUSER_PORT }, () => {
+ sock.destroy();
+ resolve(true);
+ });
+ sock.setTimeout(2000);
+ sock.on("timeout", () => { sock.destroy(); resolve(false); });
+ sock.on("error", () => resolve(false));
+ });
+ } catch {}
+
+ return c.json({
+ available,
+ host: MULTIUSER_HOST,
+ port: MULTIUSER_PORT,
+ instructions: "Install Multi-User addon from extensions.blender.org, connect to host:port in Blender",
+ });
+});
+
// ── Design Agent (Scribus DTP via Gemini tool loop) ──
const SCRIBUS_BRIDGE_URL = process.env.SCRIBUS_BRIDGE_URL || "http://scribus-novnc:8765";
const SCRIBUS_BRIDGE_SECRET = process.env.SCRIBUS_BRIDGE_SECRET || "";