{"id":20194463,"url":"https://github.com/rocicorp/reflect-loop","last_synced_at":"2025-09-21T20:32:33.157Z","repository":{"id":209913205,"uuid":"696995168","full_name":"rocicorp/reflect-loop","owner":"rocicorp","description":"Demo for collaborative audio/visual experience","archived":false,"fork":false,"pushed_at":"2024-12-09T22:42:10.000Z","size":92272,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-12-09T23:31:13.914Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://reflect-play-demo.vercel.app","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rocicorp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-26T20:48:30.000Z","updated_at":"2024-12-09T22:42:13.000Z","dependencies_parsed_at":"2024-12-09T23:27:07.819Z","dependency_job_id":"73e19adf-f151-4560-8603-22cbac53579c","html_url":"https://github.com/rocicorp/reflect-loop","commit_stats":null,"previous_names":["rocicorp/reflect-loop"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocicorp%2Freflect-loop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocicorp%2Freflect-loop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocicorp%2Freflect-loop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocicorp%2Freflect-loop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rocicorp","download_url":"https://codeload.github.com/rocicorp/reflect-loop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233794927,"owners_count":18731360,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T04:09:17.921Z","updated_at":"2025-09-21T20:32:27.443Z","avatar_url":"https://github.com/rocicorp.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Loop\n\nMultiplayer loop station demo.\n\n# Overview\n\nLoop is a little different from a typical Reflect project in that it uses three different Reflect \"apps\", one for each view of the app:\n\n1. The \"orchestrator\" is what users initially connect to and assigns users to rooms. We limit to 8 concurrent connections to a \"play\" rooom and \"50\" concurrent connections to a \"share\" room.\n2. The \"play\" app is where users can edit the grid and choose sounds\n3. The \"share\" app is the snapshot view where the grid is read-only\n\nWhile it would be possible to have all this in a single app, it would mean mixing all the mutators for the different views in a single app, which doesn't really make sense. The orchestrator mutators can't be used in the the share/play views.\n\nWe will improve Reflect's APIs over time to not require separate apps for this type of usage.\n\n# Local Setup\n\n1. Clone repo\n2. `npm install`\n3. In four different terminal tabs:\n\n- `cd reflect/orchestrator; npx reflect dev --server-path=./server.ts`\n- `cd reflect/play; npx reflect dev --server-path=./server.ts -p 8081`\n- `cd reflect/share; npx reflect dev --server-path=./server.ts -p 8082`\n- `NEXT_PUBLIC_ORCHESTRATOR_SERVER=http://localhost:8080 NEXT_PUBLIC_PLAY_SERVER=http://localhost:8081 NEXT_PUBLIC_SHARE_SERVER=http://localhost:8082  npm run dev`\n\n# Publish\n\n1. Publish each app to reflect with `npx reflect publish`\n2. Publish the frontend to some host, i.e., Vercel and set `NEXT_PUBLIC_ORCHESTRATOR_SERVER`, `NEXT_PUBLIC_PLAY_SERVER`, and `NEXT_PUBLIC_SHARE_SERVER` accordingly.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frocicorp%2Freflect-loop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frocicorp%2Freflect-loop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frocicorp%2Freflect-loop/lists"}