@@ -446,7 +586,7 @@ export class FolkSplatViewer extends HTMLElement {
Loading splat...
- ← Gallery
+ ${backEl}
${this._splatTitle ? `
@@ -458,6 +598,22 @@ export class FolkSplatViewer extends HTMLElement {
`;
+ if (this._inlineViewer) {
+ this.querySelector("#splat-back-btn")?.addEventListener("click", () => {
+ if (this._viewer) {
+ try { this._viewer.dispose(); } catch {}
+ this._viewer = null;
+ }
+ this._mode = "gallery";
+ this._inlineViewer = false;
+ this._splatUrl = "";
+ this._splatTitle = "";
+ this._splatDesc = "";
+ if (this._spaceSlug === "demo") this.loadDemoData();
+ this.renderGallery();
+ });
+ }
+
this.initThreeViewer();
}
diff --git a/modules/rsplat/components/splat.css b/modules/rsplat/components/splat.css
index 129d2ab..6c56c73 100644
--- a/modules/rsplat/components/splat.css
+++ b/modules/rsplat/components/splat.css
@@ -313,6 +313,74 @@
margin-bottom: 0.5rem;
}
+/* ── Generate mode ── */
+
+.splat-generate__preview {
+ display: none;
+ margin: 1rem auto;
+ max-width: 240px;
+}
+
+.splat-generate__preview img {
+ width: 100%;
+ border-radius: 8px;
+ border: 1px solid var(--splat-border);
+}
+
+.splat-generate__actions {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 0.5rem;
+}
+
+.splat-generate__progress {
+ max-width: 300px;
+ margin: 1rem auto;
+ text-align: center;
+}
+
+.splat-generate__progress-bar {
+ height: 4px;
+ border-radius: 2px;
+ background: var(--splat-border);
+ overflow: hidden;
+ position: relative;
+}
+
+.splat-generate__progress-bar::after {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background: var(--splat-accent);
+ width: 40%;
+ border-radius: 2px;
+ animation: splat-progress-slide 1.2s ease-in-out infinite;
+}
+
+@keyframes splat-progress-slide {
+ 0% { transform: translateX(-100%); }
+ 100% { transform: translateX(350%); }
+}
+
+.splat-generate__progress-text {
+ margin-top: 0.75rem;
+ color: var(--splat-text-muted);
+ font-size: 0.8rem;
+}
+
+/* ── Demo card ── */
+
+.splat-card--demo {
+ cursor: pointer;
+}
+
+/* ── Back button (inline viewer) ── */
+
+button.splat-viewer__back {
+ cursor: pointer;
+ font-family: inherit;
+}
+
/* ── Viewer ── */
.splat-viewer {
diff --git a/server/index.ts b/server/index.ts
index 5d9bbe8..8c92a7a 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -1069,6 +1069,51 @@ app.post("/api/video-gen/i2v", async (c) => {
return c.json({ url: videoUrl, video_url: videoUrl });
});
+// Image-to-3D via fal.ai Trellis
+app.post("/api/3d-gen", async (c) => {
+ if (!FAL_KEY) return c.json({ error: "FAL_KEY not configured" }, 503);
+
+ const { image_url } = await c.req.json();
+ if (!image_url) return c.json({ error: "image_url required" }, 400);
+
+ try {
+ const res = await fetch("https://fal.run/fal-ai/trellis", {
+ method: "POST",
+ headers: {
+ Authorization: `Key ${FAL_KEY}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ image_url }),
+ });
+
+ if (!res.ok) {
+ const err = await res.text();
+ console.error("[3d-gen] fal.ai error:", err);
+ return c.json({ error: "3D generation failed" }, 502);
+ }
+
+ const data = await res.json();
+ // Trellis returns glb_url and/or model_mesh — download the GLB
+ const modelUrl = data.glb_url || data.model_mesh?.url || data.output?.url;
+ if (!modelUrl) return c.json({ error: "No 3D model returned" }, 502);
+
+ // Download the model file
+ const modelRes = await fetch(modelUrl);
+ if (!modelRes.ok) return c.json({ error: "Failed to download model" }, 502);
+
+ const modelBuf = await modelRes.arrayBuffer();
+ const ext = modelUrl.includes(".ply") ? "ply" : "glb";
+ const filename = `splat-${Date.now()}-${Math.random().toString(36).slice(2, 6)}.${ext}`;
+ const dir = resolve(process.env.FILES_DIR || "./data/files", "generated");
+ await Bun.write(resolve(dir, filename), modelBuf);
+
+ return c.json({ url: `/data/files/generated/${filename}`, format: ext });
+ } catch (e: any) {
+ console.error("[3d-gen] error:", e.message);
+ return c.json({ error: "3D generation failed" }, 502);
+ }
+});
+
// Blender 3D generation via LLM + RunPod
const RUNPOD_API_KEY = process.env.RUNPOD_API_KEY || "";