fix: byo hocuspocus provider does not work

[dpnova]

Checklist

• [] yarn typecheck <-- failing on unrelated changes
• yarn lint:fix
• yarn test
• yarn brl
• yarn changeset
• ui changelog

Options allow a byo yjs provider, but it is overwritten during plugin config.

This allows us to provide our own hocuspocus provider, but wraps any relevant hooks so that it doesn't break existing plate expectations around state management.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[changeset-bot]

🦋 Changeset detected

Latest commit: 079b13f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@udecode/plate-yjs	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
plate	❌ Failed (Inspect)			Dec 6, 2024 0:28am

[dpnova]

Sorry I don't have perms to see what is wrong with the vercel build

[dpnova]

Including our patch used with pnpm patch here which is how we get this in our own application:

diff --git a/dist/react/index.mjs b/dist/react/index.mjs
index a4705afd2b8aecba9d47c6b5c33ddc70de635686..9ea882c4de9d8f3580a9825cdba8d78fb3a8dc09 100644
--- a/dist/react/index.mjs
+++ b/dist/react/index.mjs
@@ -87,11 +87,33 @@ var BaseYjsPlugin = createTSlatePlugin({
     provider: {}
   }
 }).extend(({ getOptions, setOption }) => {
-  const { hocuspocusProviderOptions } = getOptions();
+  const { hocuspocusProviderOptions, provider } = getOptions();
+  if(provider) {
+    provider.setConfiguration({
+        onAwarenessChange() {},
+        onConnect() {
+          setOption("isConnected", true);
+          provider.onConnect();
+        },
+        onDisconnect(data) {
+          setOption("isConnected", false);
+          setOption("isSynced", false);
+          provider.onDisconnect(data);
+        },
+        onSynced(data) {
+          setOption("isSynced", true);
+          provider.onSynced(data);
+        }
+
+    })
+    return {
+      options: { provider }
+    }
+  }
   if (!hocuspocusProviderOptions) {
     throw new Error("HocuspocusProvider configuration is required");
   }
-  const provider = new HocuspocusProvider(__spreadProps(__spreadValues({}, hocuspocusProviderOptions), {
+  const defaultProvider = new HocuspocusProvider(__spreadProps(__spreadValues({}, hocuspocusProviderOptions), {
     onAwarenessChange() {
     },
     onConnect() {
@@ -112,7 +134,7 @@ var BaseYjsPlugin = createTSlatePlugin({
     }
   }));
   return {
-    options: { provider }
+    options: { provider:defaultProvider }
   };
 });