mirror of
https://github.com/supabase/supabase.git
synced 2026-09-22 13:37:53 +08:00
Tiago Antunes
9bf981f371
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES ## What kind of change does this PR introduce? Adds a new Realtime Monaco component to the UI Library, enabling collaborative code editing with Supabase Realtime synchronization using Monaco Editor and Yjs. ## Additional context This is WIP and used for discuss further changes to the y-supabase provider. ## Demo https://github.com/user-attachments/assets/84a761e5-73bb-478e-979a-682121ffee89 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Release Notes * **New Features** * Added a new Realtime Monaco collaborative code editor component with real-time synchronization support across multiple frameworks (Next.js, React, React Router, Tanstack). * **Documentation** * Added comprehensive documentation and usage guides for the Realtime Monaco component across all supported frameworks. * **Dependencies** * Added Monaco editor, Yjs, y-monaco, and Supabase collaboration packages. <sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub> <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
13 lines
300 B
TypeScript
13 lines
300 B
TypeScript
'use client'
|
|
|
|
import { BlockPreview } from './block-preview'
|
|
|
|
export function DualRealtimeMonaco() {
|
|
return (
|
|
<div className="flex flex-row -space-x-px w-full">
|
|
<BlockPreview name="realtime-monaco-demo" isPair />
|
|
<BlockPreview name="realtime-monaco-demo" isPair />
|
|
</div>
|
|
)
|
|
}
|