Fix compose

Author: roznawsk

conference-to-stream/.gitignore

@@ -0,0 +1 @@
+.env

conference-to-stream/README.md

@@ -0,0 +1,78 @@
+# Conference to Stream
+
+A demo showcasing Fishjam's track forwarding capability combined with [Foundry](https://compositor.live) (Smelter) for real-time video composition. Participants join a video conference, their tracks are automatically forwarded to Foundry, composed into a single stream using a Tiles layout, and made available as a WHEP stream that can be previewed alongside the conference.
+
+## How It Works
+
+1. The backend creates a Foundry composition and a Fishjam conference room with track forwarding enabled.
+2. When a participant joins and publishes their camera/microphone, Fishjam forwards the tracks to Foundry.
+3. The backend listens for `TrackForwarding` notifications via WebSocket and updates the Foundry composition layout (Tiles grid + audio mix).
+4. The frontend displays the conference (via Fishjam React SDK) side-by-side with a live WHEP preview of the composed stream.
+
+## Running Locally
+
+Before running, copy `.env.example` to `.env` and set the following values:
+
+```bash
+FISHJAM_ID=...
+FISHJAM_MANAGEMENT_TOKEN=...
+VITE_FISHJAM_ID=...
+```
+
+You can get `FISHJAM_ID` and `FISHJAM_MANAGEMENT_TOKEN` for free by logging in at <https://fishjam.io/app>. `VITE_FISHJAM_ID` should be set to the same value as `FISHJAM_ID`.
+
+### Docker Compose (Recommended)
+
+The easiest way to run the app is with [Docker Compose](https://docs.docker.com/compose/install/).
+
+```bash
+docker compose --env-file .env up --build
+```
+
+The web UI will be available at <http://localhost:5173> and the backend at <http://localhost:8080>.
+
+### Running Manually
+
+#### Requirements
+- [Go](https://go.dev/dl/) `>= 1.23`
+- [Node.js](https://nodejs.org/en/download) `>= 20`
+
+#### Backend
+
+```bash
+cd backend
+go run main.go
+```
+
+The server starts on <http://localhost:8080> by default.
+
+#### Frontend
+
+```bash
+cd web
+npm install
+npm run dev
+```
+
+Open the UI at <http://localhost:5173>.
+
+## Repo Structure
+
+- `backend/` — Go server that orchestrates Fishjam rooms and Foundry compositions.
+  - `fishjam/` — REST client for rooms, peers, and track forwarding + WebSocket notification listener (protobuf).
+  - `foundry/` — HTTP client for Foundry composition API (create, start, register/update output).
+  - `handler/` — HTTP handlers and in-memory room state management.
+  - `proto/` — Generated protobuf Go code for Fishjam server notifications.
+- `web/` — React + Vite frontend.
+  - `components/JoinForm.tsx` — Room name and user name form.
+  - `components/Conference.tsx` — Peer grid with camera/mic controls + WHEP preview sidebar.
+  - `components/WhepPlayer.tsx` — WHEP stream player using WebRTC.
+  - `whep.ts` — WHEP client (SDP negotiation over HTTP).
+
+### Tech Stack
+
+- [Fishjam](https://fishjam.io) for real-time videoconferencing and track forwarding.
+- [Foundry / Smelter](https://compositor.live) for real-time video composition.
+- Go backend with direct HTTP/WebSocket calls (no SDK).
+- React + Vite frontend with `@fishjam-cloud/react-client`.
+- Tailwind CSS for styling.

conference-to-stream/backend/Dockerfile

@@ -1,4 +1,4 @@
-FROM golang:1.23-alpine AS builder
+FROM golang:1.26-alpine AS builder
 WORKDIR /app
 COPY go.mod go.sum ./
 RUN go mod download

conference-to-stream/backend/go.mod

@@ -7,3 +7,5 @@ require (
 	github.com/rs/cors v1.11.1
 	google.golang.org/protobuf v1.36.11
 )
+
+require github.com/joho/godotenv v1.5.1 // indirect

conference-to-stream/backend/go.sum

@@ -2,6 +2,8 @@ github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
 github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
 github.com/gorilla/websocket v1.5.3 h1:saDtZ6Pbx/0u+bgYQ3q96pZgCzfhKXGPqt7kZ72aNNg=
 github.com/gorilla/websocket v1.5.3/go.mod h1:YR8l580nyteQvAITg2hZ9XVh4b55+EU/adAjf1fMHhE=
+github.com/joho/godotenv v1.5.1 h1:7eLL/+HRGLY0ldzfGMeQkb7vMd0as4CfYvUVzLqw0N0=
+github.com/joho/godotenv v1.5.1/go.mod h1:f4LDr5Voq0i2e/R5DDNOoa2zzDfwtkZa6DnEwAbqwq4=
 github.com/rs/cors v1.11.1 h1:eU3gRzXLRK57F5rKMGMZURNdIG4EoAmX8k94r9wXWHA=
 github.com/rs/cors v1.11.1/go.mod h1:XyqrcTp5zjWr1wsJ8PIRZssZ8b/WMcMf71DJnit4EMU=
 google.golang.org/protobuf v1.36.11 h1:fV6ZwhNocDyBLK0dj+fg8ektcVegBBuEolpbTQyBNVE=

conference-to-stream/backend/main.go

@@ -9,10 +9,14 @@ import (
 	"conference-to-stream/foundry"
 	"conference-to-stream/handler"
 
+	"github.com/joho/godotenv"
 	"github.com/rs/cors"
 )
 
 func main() {
+	// Load .env from parent directory (conference-to-stream/.env) when running locally
+	_ = godotenv.Load("../.env")
+
 	fishjamID := os.Getenv("FISHJAM_ID")
 	if fishjamID == "" {
 		log.Fatal("FISHJAM_ID is required")

conference-to-stream/docker-compose.yml

@@ -13,6 +13,9 @@ services:
   web:
     build:
       context: ./web
+      args:
+        VITE_FISHJAM_ID: ${VITE_FISHJAM_ID}
+        VITE_BACKEND_URL: ${VITE_BACKEND_URL:-http://localhost:8080}
     ports:
       - "5173:80"
     depends_on:

conference-to-stream/web/Dockerfile

@@ -3,6 +3,10 @@ WORKDIR /app
 COPY package.json ./
 RUN npm install
 COPY . .
+ARG VITE_FISHJAM_ID
+ARG VITE_BACKEND_URL=http://localhost:8080
+ENV VITE_FISHJAM_ID=$VITE_FISHJAM_ID
+ENV VITE_BACKEND_URL=$VITE_BACKEND_URL
 RUN npm run build
 
 FROM nginx:alpine

conference-to-stream/web/src/components/JoinForm.tsx

@@ -15,7 +15,7 @@ export function JoinForm({ onJoined }: Props) {
   const [loading, setLoading] = useState(false);
 
   useEffect(() => {
-    // initializeDevices({ enableVideo: true, enableAudio: true });
+    initializeDevices({ enableVideo: true, enableAudio: true });
   }, [initializeDevices]);
 
   async function handleSubmit(e: React.FormEvent) {

conference-to-stream/web/vite.config.ts

@@ -4,4 +4,5 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [react(), tailwindcss()],
+  envDir: "..",
 });