A simple example? - Githubissues

Hello, I'm sorry to bother you for nothing. In principle, your middleware seems perfect, but after several attempts, it's impossible to get it to work with WebRTC (piesocket in my example).

I can't see what's wrong, even if I turn the code upside down, so I made a basic code to create my "store", do you see anything shocking?

Namely that the setter works correctly without the middleware, I have other middleware that also works perfectly. I achieve a functional (basic) result by playing with the "storage" of "persist" to send messages directly, and intercept messages, so PieSocket is not the problem either (and the connection is indicated as being functional).

In short, I don't see :

import { create } from "zustand";
import * as Y from "yjs";
import { WebrtcProvider } from "y-webrtc";
import yjs from "zustand-middleware-yjs";

const ydoc = new Y.Doc();
const api_key = 'XXXX';
const docName = "doc_name";
const roomId = 1;
const wsUrl = `ws://free.blr2.piesocket.com/v3/${roomId}?api_key=${api_key}`;

new WebrtcProvider(docName, ydoc, {
    signaling: [ wsUrl ],
});

const createWithMiddleware = (storeConfig) => {
    return create(yjs(ydoc, "shared", storeConfig));
}

export const useAppConfigStore = createWithMiddleware(
    (set) => ({
        appConfig: {
            test: 'is a test',
        },
        setAppConfig: (newConfig) => {
            set(state => ({
                appConfig: {
                    ...state.appConfig,
                    ...newConfig
                }
            }))
        },
    })
);

Thank you very much in advance

joebobmiles / zustand-middleware-yjs

A simple example? #55