@conference-kit/vue 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useMeshRoom";
+export * from "./signaling";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./useMeshRoom";
+export * from "./signaling";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/signaling.d.ts

@@ -0,0 +1,49 @@
+type EventMap = {
+    open: void;
+    close: CloseEvent | undefined;
+    error: Error;
+    signal: {
+        from: string;
+        data: unknown;
+    };
+    broadcast: {
+        from: string;
+        room?: string | null;
+        data: unknown;
+    };
+    presence: {
+        room?: string | null;
+        peerId: string;
+        peers: string[];
+        action: "join" | "leave";
+    };
+};
+type EventKey = keyof EventMap;
+type Handler<K extends EventKey> = (payload: EventMap[K]) => void;
+export type SignalingClientOptions = {
+    url: string;
+    peerId: string;
+    room?: string | null;
+    autoReconnect?: boolean;
+    reconnectDelayMs?: number;
+};
+export declare class SignalingClient {
+    private ws;
+    private options;
+    private emitter;
+    private reconnectTimeout;
+    private shouldReconnect;
+    private pendingQueue;
+    constructor(options: SignalingClientOptions);
+    connect(): void;
+    close(): void;
+    sendSignal(to: string, data: unknown): void;
+    broadcast(data: unknown): void;
+    on<K extends EventKey>(event: K, handler: Handler<K>): void;
+    off<K extends EventKey>(event: K, handler: Handler<K>): void;
+    private enqueue;
+    private flushQueue;
+    private scheduleReconnect;
+}
+export {};
+//# sourceMappingURL=signaling.d.ts.map

package/dist/signaling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signaling.d.ts","sourceRoot":"","sources":["../src/signaling.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACxC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACjE,QAAQ,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF,KAAK,QAAQ,GAAG,MAAM,QAAQ,CAAC;AAE/B,KAAK,OAAO,CAAC,CAAC,SAAS,QAAQ,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAwBlE,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAiBF,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAA0B;IACpC,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,gBAAgB,CAA8C;IACtE,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,YAAY,CAAyB;gBAEjC,OAAO,EAAE,sBAAsB;IAK3C,OAAO;IAwDP,KAAK;IAOL,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;IAIpC,SAAS,CAAC,IAAI,EAAE,OAAO;IAIvB,EAAE,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAIpD,GAAG,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAIrD,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,iBAAiB;CAM1B"}

package/dist/signaling.js

@@ -0,0 +1,129 @@
+function createEmitter() {
+    const listeners = new Map();
+    return {
+        on(event, handler) {
+            const set = listeners.get(event) ?? new Set();
+            set.add(handler);
+            listeners.set(event, set);
+        },
+        off(event, handler) {
+            const set = listeners.get(event);
+            if (!set)
+                return;
+            set.delete(handler);
+            if (set.size === 0)
+                listeners.delete(event);
+        },
+        emit(event, payload) {
+            const set = listeners.get(event);
+            if (!set)
+                return;
+            for (const handler of Array.from(set))
+                handler(payload);
+        },
+    };
+}
+export class SignalingClient {
+    constructor(options) {
+        this.ws = null;
+        this.emitter = createEmitter();
+        this.reconnectTimeout = null;
+        this.pendingQueue = [];
+        this.options = options;
+        this.shouldReconnect = options.autoReconnect ?? true;
+    }
+    connect() {
+        if (typeof window === "undefined")
+            return;
+        if (this.ws &&
+            (this.ws.readyState === WebSocket.OPEN ||
+                this.ws.readyState === WebSocket.CONNECTING)) {
+            return;
+        }
+        const { url, peerId, room } = this.options;
+        const wsUrl = `${url}?peerId=${encodeURIComponent(peerId)}${room ? `&room=${encodeURIComponent(room)}` : ""}`;
+        this.ws = new WebSocket(wsUrl);
+        this.ws.addEventListener("open", () => {
+            this.emitter.emit("open", undefined);
+            this.flushQueue();
+        });
+        this.ws.addEventListener("message", (event) => {
+            const payload = typeof event.data === "string" ? event.data : "";
+            try {
+                const parsed = JSON.parse(payload);
+                if (parsed.type === "signal") {
+                    this.emitter.emit("signal", { from: parsed.from, data: parsed.data });
+                }
+                else if (parsed.type === "broadcast") {
+                    this.emitter.emit("broadcast", {
+                        from: parsed.from,
+                        room: parsed.room,
+                        data: parsed.data,
+                    });
+                }
+                else if (parsed.type === "presence") {
+                    this.emitter.emit("presence", {
+                        room: parsed.room,
+                        peerId: parsed.peerId,
+                        peers: parsed.peers,
+                        action: parsed.action,
+                    });
+                }
+            }
+            catch (error) {
+                this.emitter.emit("error", error);
+            }
+        });
+        this.ws.addEventListener("close", (event) => {
+            this.emitter.emit("close", event);
+            this.scheduleReconnect();
+        });
+        this.ws.addEventListener("error", () => {
+            this.emitter.emit("error", new Error("WebSocket error"));
+        });
+    }
+    close() {
+        this.shouldReconnect = false;
+        if (this.reconnectTimeout)
+            clearTimeout(this.reconnectTimeout);
+        this.ws?.close();
+        this.ws = null;
+    }
+    sendSignal(to, data) {
+        this.enqueue({ type: "signal", to, data });
+    }
+    broadcast(data) {
+        this.enqueue({ type: "broadcast", data });
+    }
+    on(event, handler) {
+        this.emitter.on(event, handler);
+    }
+    off(event, handler) {
+        this.emitter.off(event, handler);
+    }
+    enqueue(message) {
+        if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+            this.ws.send(JSON.stringify(message));
+            return;
+        }
+        this.pendingQueue.push(message);
+    }
+    flushQueue() {
+        if (!this.ws || this.ws.readyState !== WebSocket.OPEN)
+            return;
+        while (this.pendingQueue.length) {
+            const msg = this.pendingQueue.shift();
+            if (msg)
+                this.ws.send(JSON.stringify(msg));
+        }
+    }
+    scheduleReconnect() {
+        if (!this.shouldReconnect)
+            return;
+        const delay = this.options.reconnectDelayMs ?? 1000;
+        if (this.reconnectTimeout)
+            clearTimeout(this.reconnectTimeout);
+        this.reconnectTimeout = setTimeout(() => this.connect(), delay);
+    }
+}
+//# sourceMappingURL=signaling.js.map

package/dist/signaling.js.map

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

package/dist/useMeshRoom.d.ts

@@ -0,0 +1,33 @@
+import { Peer } from "@conference-kit/core";
+export type MeshParticipant = {
+    id: string;
+    peer: Peer;
+    remoteStream: MediaStream | null;
+    connectionState: RTCPeerConnectionState;
+    iceState: RTCIceConnectionState;
+};
+export type UseMeshRoomOptions = {
+    peerId: string;
+    room: string;
+    signalingUrl: string;
+    mediaConstraints?: MediaStreamConstraints;
+    rtcConfig?: RTCConfiguration;
+    trickle?: boolean;
+    autoReconnect?: boolean;
+    features?: {
+        enableDataChannel?: boolean;
+    };
+};
+export declare function useMeshRoom(options: UseMeshRoomOptions): {
+    readonly localStream: import("vue").Ref<MediaStream | null>;
+    readonly requesting: import("vue").Ref<boolean>;
+    readonly ready: import("vue").Ref<boolean>;
+    readonly mediaError: import("vue").Ref<Error | null>;
+    readonly participants: import("vue").Ref<MeshParticipant[]>;
+    readonly roster: import("vue").Ref<string[]>;
+    readonly requestStream: () => Promise<void>;
+    readonly stopStream: () => void;
+    readonly leave: () => void;
+    readonly error: import("vue").Ref<Error | null>;
+};
+//# sourceMappingURL=useMeshRoom.d.ts.map

package/dist/useMeshRoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeshRoom.d.ts","sourceRoot":"","sources":["../src/useMeshRoom.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkC,MAAM,sBAAsB,CAAC;AAG5E,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,sBAAsB,CAAC;IACxC,QAAQ,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE;QAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5C,CAAC;AAEF,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB;;;;;;;;;;;EAmMtD"}

package/dist/useMeshRoom.js

@@ -0,0 +1,162 @@
+import { ref, onMounted, onUnmounted, computed, watch } from "vue";
+import { Peer } from "@conference-kit/core";
+import { SignalingClient } from "./signaling";
+export function useMeshRoom(options) {
+    const { peerId, room, signalingUrl, mediaConstraints, rtcConfig, trickle, autoReconnect, } = options;
+    const localStream = ref(null);
+    const requesting = ref(false);
+    const mediaError = ref(null);
+    const previousStream = ref(null);
+    const roster = ref([]);
+    const participants = ref([]);
+    const error = ref(null);
+    const signaling = new SignalingClient({
+        url: signalingUrl,
+        peerId,
+        room,
+        autoReconnect,
+    });
+    const enableDataChannel = options.features?.enableDataChannel ?? true;
+    const peers = new Map();
+    const sideForPeer = (otherId) => peerId > otherId ? "initiator" : "responder";
+    const requestStream = async () => {
+        try {
+            requesting.value = true;
+            const constraints = mediaConstraints ?? { audio: true, video: true };
+            const stream = await navigator.mediaDevices.getUserMedia(constraints);
+            localStream.value = stream;
+            mediaError.value = null;
+        }
+        catch (err) {
+            mediaError.value = err;
+            localStream.value = null;
+        }
+        finally {
+            requesting.value = false;
+        }
+    };
+    const stopStream = () => {
+        localStream.value?.getTracks().forEach((t) => t.stop());
+        localStream.value = null;
+    };
+    const destroyPeer = (id) => {
+        const peer = peers.get(id);
+        if (peer) {
+            peer.destroy();
+            peers.delete(id);
+        }
+        participants.value = participants.value.filter((p) => p.id !== id);
+    };
+    const upsertParticipant = (id, patch) => {
+        const existing = participants.value.find((p) => p.id === id);
+        if (!existing) {
+            participants.value = [
+                ...participants.value,
+                {
+                    id,
+                    peer: patch.peer,
+                    remoteStream: patch.remoteStream ?? null,
+                    connectionState: patch.connectionState ?? "new",
+                    iceState: patch.iceState ?? "new",
+                },
+            ];
+            return;
+        }
+        participants.value = participants.value.map((p) => p.id === id ? { ...p, ...patch } : p);
+    };
+    const ensurePeer = (id, side) => {
+        if (id === peerId)
+            return null;
+        const existing = peers.get(id);
+        if (existing)
+            return existing;
+        const peer = new Peer({
+            side: side ?? sideForPeer(id),
+            stream: localStream.value ?? undefined,
+            config: rtcConfig,
+            trickle,
+            enableDataChannel,
+        });
+        peers.set(id, peer);
+        upsertParticipant(id, {
+            peer,
+            remoteStream: null,
+            connectionState: "new",
+            iceState: "new",
+        });
+        const handlers = {
+            signal: (data) => signaling.sendSignal(id, data),
+            stream: (remote) => upsertParticipant(id, { remoteStream: remote }),
+            error: (err) => (error.value = err),
+            connectionStateChange: (state) => upsertParticipant(id, { connectionState: state }),
+            iceStateChange: (state) => upsertParticipant(id, { iceState: state }),
+            close: () => destroyPeer(id),
+        };
+        peer.on("signal", handlers.signal);
+        peer.on("stream", handlers.stream);
+        peer.on("error", handlers.error);
+        peer.on("connectionStateChange", handlers.connectionStateChange);
+        peer.on("iceStateChange", handlers.iceStateChange);
+        peer.on("close", handlers.close);
+        return peer;
+    };
+    const handlePresence = (payload) => {
+        roster.value = payload.peers;
+        payload.peers.filter((id) => id !== peerId).forEach((id) => ensurePeer(id));
+        participants.value = participants.value.filter((p) => payload.peers.includes(p.id));
+        Array.from(peers.keys()).forEach((id) => {
+            if (!payload.peers.includes(id))
+                destroyPeer(id);
+        });
+    };
+    const handleSignal = ({ from, data }) => {
+        const peer = ensurePeer(from, sideForPeer(from));
+        void peer?.signal(data);
+    };
+    onMounted(() => {
+        signaling.on("presence", handlePresence);
+        signaling.on("signal", handleSignal);
+        signaling.connect();
+    });
+    onUnmounted(() => {
+        signaling.off("presence", handlePresence);
+        signaling.off("signal", handleSignal);
+        Array.from(peers.values()).forEach((p) => p.destroy());
+        peers.clear();
+        stopStream();
+        signaling.close();
+    });
+    const leave = () => {
+        Array.from(peers.values()).forEach((p) => p.destroy());
+        peers.clear();
+        participants.value = [];
+        roster.value = [];
+        stopStream();
+        signaling.close();
+    };
+    const ready = computed(() => Boolean(localStream.value));
+    watch(() => localStream.value, (next, prev) => {
+        if (prev === next)
+            return;
+        Array.from(peers.values()).forEach((peer) => {
+            if (prev)
+                peer.removeStream(prev);
+            if (next)
+                peer.addStream(next);
+        });
+        previousStream.value = next ?? null;
+    });
+    return {
+        localStream,
+        requesting,
+        ready,
+        mediaError,
+        participants,
+        roster,
+        requestStream,
+        stopStream,
+        leave,
+        error,
+    };
+}
+//# sourceMappingURL=useMeshRoom.js.map

package/dist/useMeshRoom.js.map

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

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@conference-kit/vue",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "@conference-kit/core": "^0.0.1"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./useMeshRoom";
+export * from "./signaling";

package/src/shims-core.d.ts

@@ -0,0 +1,28 @@
+declare module "@conference-kit/core" {
+  export type PeerSide = "initiator" | "responder";
+  export type SignalData = RTCSessionDescriptionInit | RTCIceCandidateInit;
+
+  export interface PeerEventHandler {
+    (payload: any): void;
+  }
+
+  export interface Peer {
+    on(event: string, handler: PeerEventHandler): void;
+    off(event: string, handler: PeerEventHandler): void;
+    destroy(): void;
+    addStream(stream: MediaStream): void;
+    removeStream(stream: MediaStream): void;
+    signal(data: SignalData): Promise<void>;
+  }
+
+  export const Peer: {
+    new (config: {
+      side: PeerSide;
+      stream?: MediaStream;
+      config?: RTCConfiguration;
+      channelLabel?: string;
+      trickle?: boolean;
+      enableDataChannel?: boolean;
+    }): Peer;
+  };
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,11 @@
+declare module "vue" {
+  export type Ref<T> = { value: T };
+  export function ref<T>(value: T): Ref<T>;
+  export function computed<T>(getter: () => T): Ref<T>;
+  export function watch<T>(
+    source: () => T,
+    cb: (next: T, prev: T) => void
+  ): void;
+  export function onMounted(cb: () => void): void;
+  export function onUnmounted(cb: () => void): void;
+}

package/src/signaling.ts

@@ -0,0 +1,178 @@
+type EventMap = {
+  open: void;
+  close: CloseEvent | undefined;
+  error: Error;
+  signal: { from: string; data: unknown };
+  broadcast: { from: string; room?: string | null; data: unknown };
+  presence: {
+    room?: string | null;
+    peerId: string;
+    peers: string[];
+    action: "join" | "leave";
+  };
+};
+
+type EventKey = keyof EventMap;
+
+type Handler<K extends EventKey> = (payload: EventMap[K]) => void;
+
+function createEmitter() {
+  const listeners = new Map<EventKey, Set<Handler<any>>>();
+  return {
+    on<K extends EventKey>(event: K, handler: Handler<K>) {
+      const set = listeners.get(event) ?? new Set();
+      set.add(handler as Handler<any>);
+      listeners.set(event, set);
+    },
+    off<K extends EventKey>(event: K, handler: Handler<K>) {
+      const set = listeners.get(event);
+      if (!set) return;
+      set.delete(handler as Handler<any>);
+      if (set.size === 0) listeners.delete(event);
+    },
+    emit<K extends EventKey>(event: K, payload: EventMap[K]) {
+      const set = listeners.get(event);
+      if (!set) return;
+      for (const handler of Array.from(set)) handler(payload);
+    },
+  };
+}
+
+export type SignalingClientOptions = {
+  url: string;
+  peerId: string;
+  room?: string | null;
+  autoReconnect?: boolean;
+  reconnectDelayMs?: number;
+};
+
+type IncomingMessage =
+  | { type: "signal"; from: string; data: unknown }
+  | { type: "broadcast"; from: string; room?: string | null; data: unknown }
+  | {
+      type: "presence";
+      room?: string | null;
+      peerId: string;
+      peers: string[];
+      action: "join" | "leave";
+    };
+
+type OutgoingMessage =
+  | { type: "signal"; to: string; data: unknown }
+  | { type: "broadcast"; data: unknown };
+
+export class SignalingClient {
+  private ws: WebSocket | null = null;
+  private options: SignalingClientOptions;
+  private emitter = createEmitter();
+  private reconnectTimeout: ReturnType<typeof setTimeout> | null = null;
+  private shouldReconnect: boolean;
+  private pendingQueue: OutgoingMessage[] = [];
+
+  constructor(options: SignalingClientOptions) {
+    this.options = options;
+    this.shouldReconnect = options.autoReconnect ?? true;
+  }
+
+  connect() {
+    if (typeof window === "undefined") return;
+    if (
+      this.ws &&
+      (this.ws.readyState === WebSocket.OPEN ||
+        this.ws.readyState === WebSocket.CONNECTING)
+    ) {
+      return;
+    }
+
+    const { url, peerId, room } = this.options;
+    const wsUrl = `${url}?peerId=${encodeURIComponent(peerId)}${
+      room ? `&room=${encodeURIComponent(room)}` : ""
+    }`;
+    this.ws = new WebSocket(wsUrl);
+
+    this.ws.addEventListener("open", () => {
+      this.emitter.emit("open", undefined as void);
+      this.flushQueue();
+    });
+
+    this.ws.addEventListener("message", (event) => {
+      const payload = typeof event.data === "string" ? event.data : "";
+      try {
+        const parsed: IncomingMessage = JSON.parse(payload);
+        if (parsed.type === "signal") {
+          this.emitter.emit("signal", { from: parsed.from, data: parsed.data });
+        } else if (parsed.type === "broadcast") {
+          this.emitter.emit("broadcast", {
+            from: parsed.from,
+            room: parsed.room,
+            data: parsed.data,
+          });
+        } else if (parsed.type === "presence") {
+          this.emitter.emit("presence", {
+            room: parsed.room,
+            peerId: parsed.peerId,
+            peers: parsed.peers,
+            action: parsed.action,
+          });
+        }
+      } catch (error) {
+        this.emitter.emit("error", error as Error);
+      }
+    });
+
+    this.ws.addEventListener("close", (event) => {
+      this.emitter.emit("close", event);
+      this.scheduleReconnect();
+    });
+
+    this.ws.addEventListener("error", () => {
+      this.emitter.emit("error", new Error("WebSocket error"));
+    });
+  }
+
+  close() {
+    this.shouldReconnect = false;
+    if (this.reconnectTimeout) clearTimeout(this.reconnectTimeout);
+    this.ws?.close();
+    this.ws = null;
+  }
+
+  sendSignal(to: string, data: unknown) {
+    this.enqueue({ type: "signal", to, data });
+  }
+
+  broadcast(data: unknown) {
+    this.enqueue({ type: "broadcast", data });
+  }
+
+  on<K extends EventKey>(event: K, handler: Handler<K>) {
+    this.emitter.on(event, handler);
+  }
+
+  off<K extends EventKey>(event: K, handler: Handler<K>) {
+    this.emitter.off(event, handler);
+  }
+
+  private enqueue(message: OutgoingMessage) {
+    if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+      this.ws.send(JSON.stringify(message));
+      return;
+    }
+    this.pendingQueue.push(message);
+  }
+
+  private flushQueue() {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+    while (this.pendingQueue.length) {
+      const msg = this.pendingQueue.shift();
+      if (msg) this.ws.send(JSON.stringify(msg));
+    }
+  }
+
+  private scheduleReconnect() {
+    if (!this.shouldReconnect) return;
+    const delay = this.options.reconnectDelayMs ?? 1000;
+    if (this.reconnectTimeout) clearTimeout(this.reconnectTimeout);
+    this.reconnectTimeout = setTimeout(() => this.connect(), delay);
+  }
+}

package/src/useMeshRoom.ts

@@ -0,0 +1,219 @@
+import { ref, onMounted, onUnmounted, computed, watch } from "vue";
+import { Peer, type PeerSide, type SignalData } from "@conference-kit/core";
+import { SignalingClient } from "./signaling";
+
+export type MeshParticipant = {
+  id: string;
+  peer: Peer;
+  remoteStream: MediaStream | null;
+  connectionState: RTCPeerConnectionState;
+  iceState: RTCIceConnectionState;
+};
+
+export type UseMeshRoomOptions = {
+  peerId: string;
+  room: string;
+  signalingUrl: string;
+  mediaConstraints?: MediaStreamConstraints;
+  rtcConfig?: RTCConfiguration;
+  trickle?: boolean;
+  autoReconnect?: boolean;
+  features?: { enableDataChannel?: boolean };
+};
+
+export function useMeshRoom(options: UseMeshRoomOptions) {
+  const {
+    peerId,
+    room,
+    signalingUrl,
+    mediaConstraints,
+    rtcConfig,
+    trickle,
+    autoReconnect,
+  } = options;
+
+  const localStream = ref<MediaStream | null>(null);
+  const requesting = ref(false);
+  const mediaError = ref<Error | null>(null);
+  const previousStream = ref<MediaStream | null>(null);
+
+  const roster = ref<string[]>([]);
+  const participants = ref<MeshParticipant[]>([]);
+  const error = ref<Error | null>(null);
+
+  const signaling = new SignalingClient({
+    url: signalingUrl,
+    peerId,
+    room,
+    autoReconnect,
+  });
+
+  const enableDataChannel = options.features?.enableDataChannel ?? true;
+
+  const peers = new Map<string, Peer>();
+
+  const sideForPeer = (otherId: string): PeerSide =>
+    peerId > otherId ? "initiator" : "responder";
+
+  const requestStream = async () => {
+    try {
+      requesting.value = true;
+      const constraints = mediaConstraints ?? { audio: true, video: true };
+      const stream = await navigator.mediaDevices.getUserMedia(constraints);
+      localStream.value = stream;
+      mediaError.value = null;
+    } catch (err) {
+      mediaError.value = err as Error;
+      localStream.value = null;
+    } finally {
+      requesting.value = false;
+    }
+  };
+
+  const stopStream = () => {
+    localStream.value?.getTracks().forEach((t) => t.stop());
+    localStream.value = null;
+  };
+
+  const destroyPeer = (id: string) => {
+    const peer = peers.get(id);
+    if (peer) {
+      peer.destroy();
+      peers.delete(id);
+    }
+    participants.value = participants.value.filter((p) => p.id !== id);
+  };
+
+  const upsertParticipant = (id: string, patch: Partial<MeshParticipant>) => {
+    const existing = participants.value.find((p) => p.id === id);
+    if (!existing) {
+      participants.value = [
+        ...participants.value,
+        {
+          id,
+          peer: patch.peer as MeshParticipant["peer"],
+          remoteStream: patch.remoteStream ?? null,
+          connectionState: patch.connectionState ?? "new",
+          iceState: patch.iceState ?? "new",
+        },
+      ];
+      return;
+    }
+    participants.value = participants.value.map((p) =>
+      p.id === id ? { ...p, ...patch } : p
+    );
+  };
+
+  const ensurePeer = (id: string, side?: PeerSide) => {
+    if (id === peerId) return null;
+    const existing = peers.get(id);
+    if (existing) return existing;
+    const peer = new Peer({
+      side: side ?? sideForPeer(id),
+      stream: localStream.value ?? undefined,
+      config: rtcConfig,
+      trickle,
+      enableDataChannel,
+    });
+    peers.set(id, peer);
+    upsertParticipant(id, {
+      peer,
+      remoteStream: null,
+      connectionState: "new",
+      iceState: "new",
+    });
+
+    const handlers = {
+      signal: (data: SignalData) => signaling.sendSignal(id, data),
+      stream: (remote: MediaStream) =>
+        upsertParticipant(id, { remoteStream: remote }),
+      error: (err: Error) => (error.value = err),
+      connectionStateChange: (state: RTCPeerConnectionState) =>
+        upsertParticipant(id, { connectionState: state }),
+      iceStateChange: (state: RTCIceConnectionState) =>
+        upsertParticipant(id, { iceState: state }),
+      close: () => destroyPeer(id),
+    };
+
+    peer.on("signal", handlers.signal);
+    peer.on("stream", handlers.stream);
+    peer.on("error", handlers.error);
+    peer.on("connectionStateChange", handlers.connectionStateChange);
+    peer.on("iceStateChange", handlers.iceStateChange);
+    peer.on("close", handlers.close);
+
+    return peer;
+  };
+
+  const handlePresence = (payload: {
+    peers: string[];
+    peerId: string;
+    room?: string | null;
+    action: "join" | "leave";
+  }) => {
+    roster.value = payload.peers;
+    payload.peers.filter((id) => id !== peerId).forEach((id) => ensurePeer(id));
+    participants.value = participants.value.filter((p) =>
+      payload.peers.includes(p.id)
+    );
+    Array.from(peers.keys()).forEach((id) => {
+      if (!payload.peers.includes(id)) destroyPeer(id);
+    });
+  };
+
+  const handleSignal = ({ from, data }: { from: string; data: unknown }) => {
+    const peer = ensurePeer(from, sideForPeer(from));
+    void peer?.signal(data as SignalData);
+  };
+
+  onMounted(() => {
+    signaling.on("presence", handlePresence as any);
+    signaling.on("signal", handleSignal as any);
+    signaling.connect();
+  });
+
+  onUnmounted(() => {
+    signaling.off("presence", handlePresence as any);
+    signaling.off("signal", handleSignal as any);
+    Array.from(peers.values()).forEach((p) => p.destroy());
+    peers.clear();
+    stopStream();
+    signaling.close();
+  });
+
+  const leave = () => {
+    Array.from(peers.values()).forEach((p) => p.destroy());
+    peers.clear();
+    participants.value = [];
+    roster.value = [];
+    stopStream();
+    signaling.close();
+  };
+
+  const ready = computed(() => Boolean(localStream.value));
+
+  watch(
+    () => localStream.value,
+    (next, prev) => {
+      if (prev === next) return;
+      Array.from(peers.values()).forEach((peer) => {
+        if (prev) peer.removeStream(prev);
+        if (next) peer.addStream(next);
+      });
+      previousStream.value = next ?? null;
+    }
+  );
+
+  return {
+    localStream,
+    requesting,
+    ready,
+    mediaError,
+    participants,
+    roster,
+    requestStream,
+    stopStream,
+    leave,
+    error,
+  } as const;
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "jsx": "preserve"
+  },
+  "include": ["src/**/*"]
+}