@peerbit/react 0.0.2

package/lib/esm/lockstorage.js

@@ -0,0 +1,178 @@
+/*
+ISC License (ISC)
+Copyright (c) 2016, Wes Cruver <chieffancypants@gmail.com>
+
+Permission to use, copy, modify, and/or distribute this software for any purpose
+with or without fee is hereby granted, provided that the above copyright notice
+and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
+OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
+TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
+THIS SOFTWARE.
+*/
+import debugFn from "debug";
+import { v4 as uuid } from "uuid";
+const debug = debugFn("FastMutex");
+export class FastMutex {
+    clientId;
+    xPrefix;
+    yPrefix;
+    timeout;
+    localStorage;
+    intervals;
+    constructor({ clientId = uuid(), xPrefix = "_MUTEX_LOCK_X_", yPrefix = "_MUTEX_LOCK_Y_", timeout = 5000, localStorage = undefined, } = {}) {
+        this.clientId = clientId;
+        this.xPrefix = xPrefix;
+        this.yPrefix = yPrefix;
+        this.timeout = timeout;
+        this.intervals = new Map();
+        this.localStorage = localStorage || window.localStorage;
+    }
+    lock(key, keepLocked) {
+        debug('Attempting to acquire Lock on "%s" using FastMutex instance "%s"', key, this.clientId);
+        const x = this.xPrefix + key;
+        const y = this.yPrefix + key;
+        let acquireStart = +new Date();
+        return new Promise((resolve, reject) => {
+            // we need to differentiate between API calls to lock() and our internal
+            // recursive calls so that we can timeout based on the original lock() and
+            // not each subsequent call.  Therefore, create a new function here within
+            // the promise closure that we use for subsequent calls:
+            let restartCount = 0;
+            let contentionCount = 0;
+            let locksLost = 0;
+            const acquireLock = (key) => {
+                if (restartCount > 1000 ||
+                    contentionCount > 1000 ||
+                    locksLost > 1000) {
+                    reject("Failed to resolve lock");
+                }
+                const elapsedTime = new Date().getTime() - acquireStart;
+                if (elapsedTime >= this.timeout) {
+                    debug('Lock on "%s" could not be acquired within %sms by FastMutex client "%s"', key, this.timeout, this.clientId);
+                    return reject(new Error(`Lock could not be acquired within ${this.timeout}ms`));
+                }
+                this.setItem(x, this.clientId, keepLocked);
+                // if y exists, another client is getting a lock, so retry in a bit
+                let lsY = this.getItem(y);
+                if (lsY) {
+                    debug("Lock exists on Y (%s), restarting...", lsY);
+                    restartCount++;
+                    setTimeout(() => acquireLock(key));
+                    return;
+                }
+                // ask for inner lock
+                this.setItem(y, this.clientId, keepLocked);
+                // if x was changed, another client is contending for an inner lock
+                let lsX = this.getItem(x);
+                if (lsX !== this.clientId) {
+                    contentionCount++;
+                    debug('Lock contention detected. X="%s"', lsX);
+                    // Give enough time for critical section:
+                    setTimeout(() => {
+                        lsY = this.getItem(y);
+                        if (lsY === this.clientId) {
+                            // we have a lock
+                            debug('FastMutex client "%s" won the lock contention on "%s"', this.clientId, key);
+                            resolve({
+                                contentionCount,
+                                locksLost,
+                                restartCount,
+                            });
+                        }
+                        else {
+                            // we lost the lock, restart the process again
+                            restartCount++;
+                            locksLost++;
+                            debug('FastMutex client "%s" lost the lock contention on "%s" to another process (%s). Restarting...', this.clientId, key, lsY);
+                            setTimeout(() => acquireLock(key));
+                        }
+                    }, 50);
+                    return;
+                }
+                // no contention:
+                debug('FastMutex client "%s" acquired a lock on "%s" with no contention', this.clientId, key);
+                resolve({ contentionCount, locksLost, restartCount });
+            };
+            acquireLock(key);
+        });
+    }
+    isLocked(key) {
+        const x = this.xPrefix + key;
+        const y = this.yPrefix + key;
+        return !!this.getItem(x) || !!this.getItem(y);
+    }
+    getLockedInfo(key) {
+        const x = this.xPrefix + key;
+        const y = this.yPrefix + key;
+        return this.getItem(x) || this.getItem(y);
+    }
+    release(key) {
+        debug('FastMutex client "%s" is releasing lock on "%s"', this.clientId, key);
+        let ps = [this.yPrefix + key, this.xPrefix + key];
+        for (const p of ps) {
+            clearInterval(this.intervals.get(p));
+            this.intervals.delete(p);
+            this.localStorage.removeItem(p);
+        }
+    }
+    /**
+     * Helper function to wrap all values in an object that includes the time (so
+     * that we can expire it in the future) and json.stringify's it
+     */
+    setItem(key, value, keepLocked) {
+        if (!keepLocked) {
+            return this.localStorage.setItem(key, JSON.stringify({
+                expiresAt: new Date().getTime() + this.timeout,
+                value,
+            }));
+        }
+        else {
+            let getExpiry = () => +new Date() + this.timeout;
+            const ret = this.localStorage.setItem(key, JSON.stringify({
+                expiresAt: getExpiry(),
+                value,
+            }));
+            const interval = setInterval(() => {
+                if (!keepLocked()) {
+                    this.localStorage.setItem(
+                    // TODO, release directly?
+                    key, JSON.stringify({
+                        expiresAt: 0,
+                        value,
+                    }));
+                }
+                else {
+                    this.localStorage.setItem(key, JSON.stringify({
+                        expiresAt: getExpiry(),
+                        value,
+                    }));
+                }
+            }, this.timeout);
+            this.intervals.set(key, interval);
+            return ret;
+        }
+    }
+    /**
+     * Helper function to parse JSON encoded values set in localStorage
+     */
+    getItem(key) {
+        const item = this.localStorage.getItem(key);
+        if (!item)
+            return;
+        const parsed = JSON.parse(item);
+        if (new Date().getTime() - parsed.expiresAt >= this.timeout) {
+            debug('FastMutex client "%s" removed an expired record on "%s"', this.clientId, key);
+            this.localStorage.removeItem(key);
+            clearInterval(this.intervals.get(key));
+            this.intervals.delete(key);
+            return;
+        }
+        return JSON.parse(item).value;
+    }
+}
+//# sourceMappingURL=lockstorage.js.map

package/lib/esm/lockstorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lockstorage.js","sourceRoot":"","sources":["../../src/lockstorage.ts"],"names":[],"mappings":"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"}

package/lib/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/lib/esm/useMount.d.ts

@@ -0,0 +1,2 @@
+import { type EffectCallback } from "react";
+export declare const useMount: (effect: EffectCallback) => void;

package/lib/esm/useMount.js

@@ -0,0 +1,12 @@
+import { useEffect, useRef } from "react";
+export const useMount = (effect) => {
+    const mounted = useRef(false);
+    useEffect(() => {
+        if (!mounted.current) {
+            effect();
+        }
+        mounted.current = true;
+        return () => { };
+    }, [mounted.current]);
+};
+//# sourceMappingURL=useMount.js.map

package/lib/esm/useMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMount.js","sourceRoot":"","sources":["../../src/useMount.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAsB,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,MAAM,EAAE,CAAC;SACZ;QAED,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAEvB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAC,CAAC"}

package/lib/esm/usePeer.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { Multiaddr } from "@multiformats/multiaddr";
+import { Peerbit } from "peerbit";
+import { Ed25519Keypair } from "@peerbit/crypto";
+export type ConnectionStatus = "disconnected" | "connected" | "connecting" | "failed";
+interface IPeerContext {
+    peer: Peerbit | undefined;
+    promise: Promise<void> | undefined;
+    loading: boolean;
+    status: ConnectionStatus;
+}
+export declare const subscribeToKeypairChange: (onChange: (keypair: Ed25519Keypair) => any) => void;
+export declare const submitKeypairChange: (element: HTMLIFrameElement, keypair: Ed25519Keypair, origin: string) => void;
+export declare const PeerContext: React.Context<IPeerContext>;
+export declare const usePeer: () => IPeerContext;
+export declare const PeerProvider: ({ network, bootstrap, children, inMemory, keypair, waitForConnnected, waitForKeypairInIFrame, }: {
+    network: "local" | "remote";
+    inMemory?: boolean | undefined;
+    waitForConnnected?: boolean | undefined;
+    keypair?: Ed25519Keypair | undefined;
+    waitForKeypairInIFrame?: boolean | undefined;
+    bootstrap?: (string | Multiaddr)[] | undefined;
+    children: JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/esm/usePeer.js

@@ -0,0 +1,180 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from "react";
+import { multiaddr } from "@multiformats/multiaddr";
+import { Peerbit } from "peerbit";
+import { webSockets } from "@libp2p/websockets";
+import { mplex } from "@libp2p/mplex";
+import { getFreeKeypair, getTabId, inIframe } from "./utils.js";
+import { resolveBootstrapAddresses } from "@peerbit/network-utils";
+import { noise } from "@dao-xyz/libp2p-noise";
+import { v4 as uuid } from "uuid";
+import { Ed25519Keypair } from "@peerbit/crypto";
+import { FastMutex } from "./lockstorage.js";
+import { serialize, deserialize } from "@dao-xyz/borsh";
+import { waitFor } from "@peerbit/time";
+import sodium from "libsodium-wrappers";
+import * as filters from "@libp2p/websockets/filters";
+import { useMount } from "./useMount.js";
+if (!window.name) {
+    window.name = uuid();
+}
+export const subscribeToKeypairChange = (onChange) => {
+    window.onmessage = (c) => {
+        if (c.data.type == "keypair") {
+            onChange(deserialize(c.data.bytes, Ed25519Keypair));
+        }
+    };
+};
+export const submitKeypairChange = (element, keypair, origin) => {
+    element.contentWindow.postMessage({ type: "keypair", bytes: serialize(keypair) }, origin);
+};
+let keypairMessages = [];
+subscribeToKeypairChange((keypair) => {
+    console.log("got keypair!", keypair);
+    keypairMessages.push(keypair);
+});
+export const PeerContext = React.createContext({});
+export const usePeer = () => useContext(PeerContext);
+export const PeerProvider = ({ network, bootstrap, children, inMemory, keypair, waitForConnnected, waitForKeypairInIFrame, }) => {
+    const [peer, setPeer] = React.useState(undefined);
+    const [promise, setPromise] = React.useState(undefined);
+    const [loading, setLoading] = React.useState(false);
+    const [connectionState, setConnectionState] = React.useState("disconnected");
+    const memo = React.useMemo(() => ({
+        peer,
+        promise,
+        loading,
+        connectionState,
+        status: connectionState,
+    }), [
+        loading,
+        !!promise,
+        connectionState,
+        peer?.identity?.publicKey.toString(),
+    ]);
+    useMount(() => {
+        setLoading(true);
+        const fn = async (keypair = keypairMessages[keypairMessages.length - 1]) => {
+            await sodium.ready;
+            if (!keypair && waitForKeypairInIFrame && inIframe()) {
+                await waitFor(() => (keypair = keypairMessages[keypairMessages.length - 1]));
+            }
+            if (keypair &&
+                keypairMessages[keypairMessages.length - 1] &&
+                keypairMessages[keypairMessages.length - 1].equals(keypair)) {
+                console.log("Creating client from identity sent from parent window: " +
+                    keypair.publicKey.hashcode());
+            }
+            else {
+                if (!keypair) {
+                    console.log("Generating new keypair for client");
+                }
+                else {
+                    console.log("Keypair missmatch with latest keypair message", keypairMessages.map((x) => x.publicKey.hashcode()), keypair.publicKey.hashcode());
+                }
+            }
+            if (peer) {
+                await peer.stop();
+                setPeer(undefined);
+            }
+            const nodeId = keypair ||
+                (await getFreeKeypair("", new FastMutex({ clientId: getTabId(), timeout: 1000 }), undefined, true // reuse keypairs from same tab, (force release)
+                )).key;
+            // We create a new directrory to make tab to tab communication go smoothly
+            const newPeer = await Peerbit.create({
+                libp2p: {
+                    addresses: {
+                        listen: [
+                        /*    '/webrtc' */
+                        ],
+                    },
+                    connectionEncryption: [noise()],
+                    peerId: await nodeId.toPeerId(),
+                    connectionManager: {
+                        maxConnections: 100,
+                        minConnections: 0,
+                    },
+                    streamMuxers: [mplex()],
+                    ...(network === "local"
+                        ? {
+                            connectionGater: {
+                                denyDialMultiaddr: () => {
+                                    // by default we refuse to dial local addresses from the browser since they
+                                    // are usually sent by remote peers broadcasting undialable multiaddrs but
+                                    // here we are explicitly connecting to a local node so do not deny dialing
+                                    // any discovered address
+                                    return false;
+                                },
+                            },
+                            transports: [
+                                // Add websocket impl so we can connect to "unsafe" ws (production only allows wss)
+                                webSockets({
+                                    filter: filters.all,
+                                }),
+                                /*            circuitRelayTransport({ discoverRelays: 1 }),
+               webRTC(), */
+                            ],
+                        }
+                        : {
+                            connectionGater: {
+                                denyDialMultiaddr: () => {
+                                    // by default we refuse to dial local addresses from the browser since they
+                                    // are usually sent by remote peers broadcasting undialable multiaddrs but
+                                    // here we are explicitly connecting to a local node so do not deny dialing
+                                    // any discovered address
+                                    return false;
+                                },
+                            },
+                            transports: [
+                                webSockets({ filter: filters.all }),
+                                /*             circuitRelayTransport({ discoverRelays: 1 }),
+                webRTC(), */
+                            ],
+                        }),
+                },
+                directory: !inMemory ? "./repo" : undefined,
+                limitSigning: true,
+            });
+            setConnectionState("connecting");
+            // Resolve bootstrap nodes async (we want to return before this is done)
+            const connectFn = async () => {
+                try {
+                    const addresses = await (bootstrap
+                        ? Promise.resolve(bootstrap)
+                        : resolveBootstrapAddresses(network));
+                    if (addresses && addresses?.length > 0) {
+                        try {
+                            await Promise.all(addresses
+                                .map((a) => typeof a === "string" ? multiaddr(a) : a)
+                                .map((a) => newPeer.dial(a)));
+                            setConnectionState("connected");
+                        }
+                        catch (error) {
+                            console.error("Failed to resolve relay node. Please come back later or start the demo locally");
+                            setConnectionState("failed");
+                            throw error;
+                        }
+                    }
+                    else {
+                        console.error("No addresses to connect to");
+                        setConnectionState("failed");
+                    }
+                }
+                catch (err) {
+                    console.error("Failed to resolve relay addresses. " + err?.message);
+                    setConnectionState("failed");
+                }
+            };
+            const promise = connectFn();
+            // Make sure data flow as expected between tabs and windows locally (offline states)
+            if (waitForConnnected) {
+                await promise;
+            }
+            setPeer(newPeer);
+            setLoading(false);
+        };
+        setPromise(fn(keypair));
+    });
+    return _jsx(PeerContext.Provider, { value: memo, children: children });
+};
+//# sourceMappingURL=usePeer.js.map

package/lib/esm/usePeer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePeer.js","sourceRoot":"","sources":["../../src/usePeer.tsx"],"names":[],"mappings":"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"}

package/lib/esm/utils.d.ts

@@ -0,0 +1,11 @@
+import { Ed25519Keypair } from "@peerbit/crypto";
+import { FastMutex } from "./lockstorage";
+export declare const getTabId: () => any;
+export declare const releaseKey: (path: string, lock?: FastMutex) => void;
+export declare const getFreeKeypair: (id?: string, lock?: FastMutex, lockCondition?: () => boolean, releaseLockIfSameId?: boolean) => Promise<{
+    path: string;
+    key: Ed25519Keypair;
+}>;
+export declare const getAllKeyPairs: (id?: string) => Promise<Ed25519Keypair[]>;
+export declare const getKeypair: (keyName: string) => Promise<Ed25519Keypair>;
+export declare const inIframe: () => boolean;

package/lib/esm/utils.js

@@ -0,0 +1,96 @@
+import { serialize, deserialize } from "@dao-xyz/borsh";
+import { Ed25519Keypair, toBase64, fromBase64 } from "@peerbit/crypto";
+import { FastMutex } from "./lockstorage";
+import { v4 as uuid } from "uuid";
+import sodium from "libsodium-wrappers";
+export const getTabId = () => {
+    const idFromStorage = sessionStorage.getItem("TAB_ID");
+    if (idFromStorage) {
+        return idFromStorage;
+    }
+    else {
+        const id = uuid(); // generate unique UUID
+        sessionStorage.setItem("TAB_ID", id);
+        return id;
+    }
+};
+const ID_COUNTER_KEY = "idc/";
+const getKeyId = (prefix, id) => prefix + "/" + id;
+export const releaseKey = (path, lock = new FastMutex({ clientId: getTabId() })) => {
+    lock.release(path);
+};
+export const getFreeKeypair = async (id = "", lock = new FastMutex({ clientId: getTabId() }), lockCondition = () => true, releaseLockIfSameId) => {
+    await sodium.ready;
+    const idCounterKey = ID_COUNTER_KEY + id;
+    await lock.lock(idCounterKey, () => true);
+    let idCounter = JSON.parse(localStorage.getItem(idCounterKey) || "0");
+    for (let i = 0; i < 10000; i++) {
+        const key = getKeyId(id, i);
+        let lockedInfo = lock.getLockedInfo(key);
+        if (lockedInfo) {
+            if (lockedInfo === lock.clientId && releaseLockIfSameId) {
+                await lock.release(key); // Release lock
+            }
+            else {
+                continue;
+            }
+        }
+        console.log("aquire id at", i);
+        await lock.lock(key, lockCondition);
+        localStorage.setItem(idCounterKey, JSON.stringify(Math.max(idCounter, i + 1)));
+        await lock.release(idCounterKey);
+        return {
+            path: key,
+            key: await getKeypair(key),
+        };
+    }
+    throw new Error("Failed to resolve key");
+};
+export const getAllKeyPairs = async (id = "") => {
+    const idCounterKey = ID_COUNTER_KEY + id;
+    const counter = JSON.parse(localStorage.getItem(idCounterKey) || "0");
+    let ret = [];
+    for (let i = 0; i < counter; i++) {
+        const key = getKeyId(id, i);
+        const kp = loadKeypair(key);
+        if (kp) {
+            ret.push(kp);
+        }
+    }
+    return ret;
+};
+let _getKeypair;
+export const getKeypair = async (keyName) => {
+    await _getKeypair;
+    const fn = async () => {
+        let keypair = loadKeypair(keyName);
+        if (keypair) {
+            return keypair;
+        }
+        keypair = await Ed25519Keypair.create();
+        saveKeypair(keyName, keypair);
+        return keypair;
+    };
+    _getKeypair = fn();
+    return _getKeypair;
+};
+const saveKeypair = (path, key) => {
+    const str = toBase64(serialize(key));
+    localStorage.setItem("_keys/" + path, str);
+};
+const loadKeypair = (path) => {
+    let item = localStorage.getItem("_keys/" + path);
+    if (!item) {
+        return;
+    }
+    return deserialize(fromBase64(item), Ed25519Keypair);
+};
+export const inIframe = () => {
+    try {
+        return window.self !== window.top;
+    }
+    catch (e) {
+        return true;
+    }
+};
+//# sourceMappingURL=utils.js.map

package/lib/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,76 @@
+{
+    "name": "@peerbit/react",
+    "version": "0.0.2",
+    "homepage": "https://dao-xyz.github.io/peerbit-examples",
+    "module": "lib/esm/index.js",
+    "types": "lib/esm/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./lib/esm/index.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "files": [
+        "lib",
+        "src",
+        "LICENSE"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "react": "*"
+    },
+    "dependencies": {
+        "@emotion/react": "^11.10.5",
+        "@emotion/styled": "^11.10.5",
+        "@libp2p/webrtc": "^2.0.11",
+        "@mui/icons-material": "^5.10.16",
+        "@mui/material": "^5.10.13",
+        "@peerbit/network-utils": "^0.0.2",
+        "@types/react": "^18.0.25",
+        "@types/react-dom": "^18.0.8",
+        "path-browserify": "^1.0.1",
+        "peerbit": "*",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-router-dom": "^6.8.0",
+        "react-use": "^17.4.0"
+    },
+    "devDependencies": {
+        "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-transform-typescript": "^7.20.2",
+        "@types/sinon": "^10.0.13",
+        "gh-pages": "^4.0.0",
+        "node-localstorage": "^2.2.1",
+        "sinon": "^15.0.1"
+    },
+    "scripts": {
+        "clean": "shx rm -rf lib/*",
+        "build": "yarn clean && tsc -p tsconfig.json",
+        "test": "jest",
+        "postbuild": "echo '{\"type\":\"module\"} ' | node ../../node_modules/.bin/json > lib/esm/package.json"
+    },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            "chrome >= 67",
+            "edge >= 79",
+            "firefox >= 68",
+            "opera >= 54",
+            "safari >= 14"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "gitHead": "827830c2a71751da42f2ce8b95b3ed81493e85b7"
+}