
Build visual collaborative tools like Excalidraw, Miro, Canva, or Figma!
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
This repository contain the Weave.js showcase backend, its a demo of a backend that handles the real-time collaboration infrastructure for the Weave.js showcase frontend. It serves as the server-side component that:
- 🌐 Manages room sessions and user connections
- 🔄 Handles real-time synchronization of canvas state (e.g. using Yjs or WebSocket)
- 👥 Supports multi-user presence, awareness, and broadcasting
- 🔐 May include persistence, authentication, or permission logic
This backend is designed to demonstrate how Weave.js can be integrated into a full-stack collaborative environment, enabling live shared editing across clients.
- Weave.js
- Weave.js showcase frontend
You can locally launch the backend showcase by:
-
Install dependencies with:
npm install
-
Create a
.env
file on the folder/code
, and setup the necessary configuration:HOSTNAME=0.0.0.0 PORT=8081 LOG_LEVEL=debug AZURE_WEB_PUBSUB_ENDPOINT=<azure-web-pubsub-endpoint> AZURE_WEB_PUBSUB_KEY=<key> AZURE_WEB_PUBSUB_HUB_NAME=weavejs PERSIST_FREQUENCY_SEG=10 AZURE_STORAGE_CONNECTION_STRING=<azure-storage-connection-string> AZURE_STORAGE_ROOMS_CONTAINER_NAME=rooms AZURE_STORAGE_IMAGES_CONTAINER_NAME=images
-
Run the frontend:
npm run dev
You'll need access to a:
- Azure Web PubSub instance.
- Azure Blob Storage instance.
This project is licensed under the terms of the Apache-2.0 license.
© 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)