feat: realtime manager

[satya-nutella]

Description

Related Issues

Type of Change

• [ ] Bug fix
• [ ] New feature
• [ ] Documentation update
• [ ] Release
• [ ] Refactor
• [ ] Other (please describe):

Testing

Screenshots (if applicable)

Additional Notes

This PR depends on #1980

---

[!IMPORTANT] Introduce RealtimeManager for handling real-time user and frame events in the editor using Supabase.

• RealtimeManager:
  • New RealtimeManager class in realtime/manager.ts to manage real-time events using Supabase.
  • Handles user and frame events: USER_UPDATED, FRAME_CREATED, FRAME_UPDATED, FRAME_DELETED.
  • Manages subscriptions and broadcasts events to a Supabase channel.
• Integration:
  • EditorEngine in engine.ts now includes RealtimeManager.
  • CanvasManager and FramesManager send real-time events on user and frame updates.
• Models:
  • New RealtimeEventType and event interfaces in realtime/index.ts.
  • RealtimeUser interface extends UserMetadata with position data.
• Misc:
  • Add realtimeManager context in realtime/index.ts for React components.

^{This description was created by for 6f29cf6c7eabb8a742c2764bd7a46bf8b7e9ea26. You can customize this summary. It will automatically update as commits are pushed.}

[vercel[bot]]

@satya-nutella is attempting to deploy a commit to the Onlook Team on Vercel.

A member of the Team first needs to authorize it.