// import {WebsocketProvider} from 'y-websocket';
// import {Doc} from 'yjs';
//
// const url = new URL(window.location.href);
// const params = new URLSearchParams(url.search);
// const WEBSOCKET_ENDPOINT =
//     params.get('collabEndpoint') || 'ws://localhost:1234';
// const WEBSOCKET_SLUG = 'playground';
// const WEBSOCKET_ID = params.get('collabId') || '0';
//
// export function createWebsocketProvider(
//     id,
//     yjsDocMap,
// ) {
//     let doc = yjsDocMap.get(id);
//
//     if (doc === undefined) {
//         doc = new Doc();
//         yjsDocMap.set(id, doc);
//     } else {
//         doc.load();
//     }
//
//     // @ts-ignore
//     return new WebsocketProvider(
//         WEBSOCKET_ENDPOINT,
//         WEBSOCKET_SLUG + '/' + WEBSOCKET_ID + '/' + id,
//         doc,
//         {
//             connect: false,
//         },
//     );
// }