@synap-core/client 0.1.0 → 0.2.0

package/dist/chunk-6MAWMLEW.js

@@ -0,0 +1,66 @@
+// src/react/provider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { createTRPCReact, httpBatchLink } from "@trpc/react-query";
+import { jsx } from "react/jsx-runtime";
+var trpc = createTRPCReact();
+var SynapContext = createContext(null);
+function SynapProvider({ url = "http://localhost:3000", getToken, headers, children }) {
+  const queryClient = useMemo(() => new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 5 * 60 * 1e3,
+        // 5 minutes
+        retry: 1
+      }
+    }
+  }), []);
+  const trpcClient = useMemo(() => trpc.createClient({
+    links: [
+      httpBatchLink({
+        url: `${url}/trpc`,
+        async headers() {
+          const baseHeaders = {
+            ...headers
+          };
+          if (getToken) {
+            const token = await getToken();
+            if (token) {
+              baseHeaders["Authorization"] = `Bearer ${token}`;
+            }
+          }
+          return baseHeaders;
+        },
+        fetch(url2, options) {
+          return fetch(url2, {
+            ...options,
+            credentials: "include"
+            // Send cookies
+          });
+        }
+      })
+    ]
+  }), [url, getToken, headers]);
+  const contextValue = useMemo(() => ({
+    api: trpc,
+    url
+  }), [url]);
+  return /* @__PURE__ */ jsx(SynapContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(trpc.Provider, { client: trpcClient, queryClient, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children }) }) });
+}
+function useSynap() {
+  const context = useContext(SynapContext);
+  if (!context) {
+    throw new Error("useSynap must be used within a SynapProvider");
+  }
+  return context;
+}
+function useSynapClient() {
+  return useSynap().api;
+}
+
+export {
+  trpc,
+  SynapProvider,
+  useSynap,
+  useSynapClient
+};

package/dist/chunk-BVKLN5W3.js

@@ -0,0 +1,118 @@
+// src/realtime.ts
+import { io } from "socket.io-client";
+import * as Y from "yjs";
+var RealtimeClient = class {
+  constructor(config) {
+    this.config = config;
+  }
+  presenceSocket = null;
+  yjsSocket = null;
+  listeners = /* @__PURE__ */ new Map();
+  /**
+   * Connect to presence namespace for real-time collaboration
+   */
+  connectPresence(viewId, viewType = "document") {
+    if (this.presenceSocket) {
+      this.presenceSocket.disconnect();
+    }
+    this.presenceSocket = io(`${this.config.url}/presence`, {
+      auth: {
+        ...this.config.auth,
+        viewId,
+        viewType
+      }
+    });
+    this.presenceSocket.on("presence:init", (data) => {
+      this.emit("presence:init", data);
+    });
+    this.presenceSocket.on("user:joined", (user) => {
+      this.emit("user-joined", user);
+    });
+    this.presenceSocket.on("user:left", (data) => {
+      this.emit("user-left", data);
+    });
+    this.presenceSocket.on("cursor:update", (data) => {
+      this.emit("cursor-update", data);
+    });
+    this.presenceSocket.on("typing", (data) => {
+      this.emit("typing", data);
+    });
+  }
+  /**
+   * Connect to Yjs namespace for CRDT synchronization
+   * 
+   * @returns Yjs document that auto-syncs with server
+   */
+  connectYjs(roomName) {
+    if (this.yjsSocket) {
+      this.yjsSocket.disconnect();
+    }
+    const ydoc = new Y.Doc();
+    this.yjsSocket = io(`${this.config.url}/yjs`, {
+      query: { room: roomName }
+    });
+    this.yjsSocket.on("yjs:sync", (message) => {
+      Y.applyUpdate(ydoc, Uint8Array.from(message));
+    });
+    this.yjsSocket.on("yjs:update", (message) => {
+      Y.applyUpdate(ydoc, Uint8Array.from(message), this.yjsSocket);
+    });
+    ydoc.on("update", (update, origin) => {
+      if (origin !== this.yjsSocket) {
+        this.yjsSocket?.emit("yjs:update", Array.from(update));
+      }
+    });
+    return ydoc;
+  }
+  /**
+   * Subscribe to events
+   */
+  on(event, callback) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(callback);
+  }
+  /**
+   * Unsubscribe from events
+   */
+  off(event, callback) {
+    this.listeners.get(event)?.delete(callback);
+  }
+  /**
+   * Emit event to all listeners
+   */
+  emit(event, data) {
+    this.listeners.get(event)?.forEach((cb) => cb(data));
+  }
+  /**
+   * Move cursor (presence)
+   */
+  moveCursor(x, y) {
+    this.presenceSocket?.emit("cursor:move", { x, y });
+  }
+  /**
+   * Set typing indicator
+   */
+  setTyping(isTyping) {
+    this.presenceSocket?.emit("typing", isTyping);
+  }
+  /**
+   * Disconnect all connections
+   */
+  disconnect() {
+    this.presenceSocket?.disconnect();
+    this.yjsSocket?.disconnect();
+    this.presenceSocket = null;
+    this.yjsSocket = null;
+    this.listeners.clear();
+  }
+};
+function createRealtimeClient(config) {
+  return new RealtimeClient(config);
+}
+
+export {
+  RealtimeClient,
+  createRealtimeClient
+};

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -25,8 +35,124 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_client = require("@trpc/client");
+
+// src/realtime.ts
+var import_socket = require("socket.io-client");
+var Y = __toESM(require("yjs"), 1);
+var RealtimeClient = class {
+  constructor(config) {
+    this.config = config;
+  }
+  presenceSocket = null;
+  yjsSocket = null;
+  listeners = /* @__PURE__ */ new Map();
+  /**
+   * Connect to presence namespace for real-time collaboration
+   */
+  connectPresence(viewId, viewType = "document") {
+    if (this.presenceSocket) {
+      this.presenceSocket.disconnect();
+    }
+    this.presenceSocket = (0, import_socket.io)(`${this.config.url}/presence`, {
+      auth: {
+        ...this.config.auth,
+        viewId,
+        viewType
+      }
+    });
+    this.presenceSocket.on("presence:init", (data) => {
+      this.emit("presence:init", data);
+    });
+    this.presenceSocket.on("user:joined", (user) => {
+      this.emit("user-joined", user);
+    });
+    this.presenceSocket.on("user:left", (data) => {
+      this.emit("user-left", data);
+    });
+    this.presenceSocket.on("cursor:update", (data) => {
+      this.emit("cursor-update", data);
+    });
+    this.presenceSocket.on("typing", (data) => {
+      this.emit("typing", data);
+    });
+  }
+  /**
+   * Connect to Yjs namespace for CRDT synchronization
+   * 
+   * @returns Yjs document that auto-syncs with server
+   */
+  connectYjs(roomName) {
+    if (this.yjsSocket) {
+      this.yjsSocket.disconnect();
+    }
+    const ydoc = new Y.Doc();
+    this.yjsSocket = (0, import_socket.io)(`${this.config.url}/yjs`, {
+      query: { room: roomName }
+    });
+    this.yjsSocket.on("yjs:sync", (message) => {
+      Y.applyUpdate(ydoc, Uint8Array.from(message));
+    });
+    this.yjsSocket.on("yjs:update", (message) => {
+      Y.applyUpdate(ydoc, Uint8Array.from(message), this.yjsSocket);
+    });
+    ydoc.on("update", (update, origin) => {
+      if (origin !== this.yjsSocket) {
+        this.yjsSocket?.emit("yjs:update", Array.from(update));
+      }
+    });
+    return ydoc;
+  }
+  /**
+   * Subscribe to events
+   */
+  on(event, callback) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(callback);
+  }
+  /**
+   * Unsubscribe from events
+   */
+  off(event, callback) {
+    this.listeners.get(event)?.delete(callback);
+  }
+  /**
+   * Emit event to all listeners
+   */
+  emit(event, data) {
+    this.listeners.get(event)?.forEach((cb) => cb(data));
+  }
+  /**
+   * Move cursor (presence)
+   */
+  moveCursor(x, y) {
+    this.presenceSocket?.emit("cursor:move", { x, y });
+  }
+  /**
+   * Set typing indicator
+   */
+  setTyping(isTyping) {
+    this.presenceSocket?.emit("typing", isTyping);
+  }
+  /**
+   * Disconnect all connections
+   */
+  disconnect() {
+    this.presenceSocket?.disconnect();
+    this.yjsSocket?.disconnect();
+    this.presenceSocket = null;
+    this.yjsSocket = null;
+    this.listeners.clear();
+  }
+};
+function createRealtimeClient(config) {
+  return new RealtimeClient(config);
+}
+
+// src/index.ts
 function createSynapClient(config) {
-  return (0, import_client.createTRPCClient)({
+  const trpcClient = (0, import_client.createTRPCClient)({
     links: [
       (0, import_client.httpBatchLink)({
         url: `${config.url}/trpc`,
@@ -35,6 +161,14 @@ function createSynapClient(config) {
       })
     ]
   });
+  const realtimeClient = config.realtime ? createRealtimeClient({
+    url: config.url,
+    auth: config.realtime
+  }) : null;
+  return {
+    trpc: trpcClient,
+    realtime: realtimeClient
+  };
 }
 var index_default = createSynapClient;
 // Annotate the CommonJS export names for ESM import in node: