feat: all providers are now singletons

src/feature/provider/hook/useIndexedDb.ts

@@ -1,13 +1,31 @@
 import React from 'react'
 import { IndexeddbPersistence } from 'y-indexeddb'
-import { useDoc } from '../../doc'
+
+import { useDoc, useProviders } from '../../doc'
 
 export const useIndexedDb = (name: string): IndexeddbPersistence => {
   const doc = useDoc()
+  const providers = useProviders()
 
-  return React.useMemo(
+  const existingProvider = React.useMemo(
     () =>
-      new IndexeddbPersistence(name, doc),
-    [name]
+      Array.from(providers.values())
+        .find((provider): provider is IndexeddbPersistence =>
+          provider instanceof IndexeddbPersistence && provider.db?.name === name
+        ),
+    [providers, name]
   )
+
+  if (existingProvider !== undefined) {
+    return existingProvider
+  } else {
+    const provider = React.useMemo(
+      () => new IndexeddbPersistence(name, doc),
+      [doc, name]
+    )
+
+    providers.add(provider)
+
+    return provider
+  }
 }

src/feature/provider/hook/useWebSocket.ts

@@ -1,21 +1,36 @@
 import React from 'react'
 import { WebsocketProvider } from 'y-websocket'
 
-import { useDoc } from '../../doc'
+import { useDoc, useProviders } from '../../doc'
 
 export const useWebSocket = (
   url: string,
   room: string
 ): WebsocketProvider => {
   const doc = useDoc()
+  const providers = useProviders()
 
-  return React.useMemo(
+  const existingProvider = React.useMemo(
     () =>
-      new WebsocketProvider(
-        url,
-        room,
-        doc
-      ),
-    [url, room]
+      Array.from(providers.values())
+        .find((provider): provider is WebsocketProvider =>
+          provider instanceof WebsocketProvider &&
+          provider.url === url &&
+          provider.roomname === room
+        ),
+    [providers, url, room]
   )
+
+  if (existingProvider !== undefined) {
+    return existingProvider
+  } else {
+    const provider = React.useMemo(
+      () => new WebsocketProvider(url, room, doc),
+      [doc, url, room]
+    )
+
+    providers.add(provider)
+
+    return provider
+  }
 }