wip fix yjs

app/srv/api/page-reload.ts

@@ -1,5 +1,4 @@
 import { syncronize } from "y-pojo";
-import * as Y from "yjs";
 import { MPage } from "../../web/src/utils/types/general";
 import { WS_MSG_SET_PAGE, WS_MSG_SV_LOCAL } from "../../web/src/utils/types/ws";
 import { eg } from "../ws/edit/edit-global";

app/srv/global.ts

@@ -1,6 +1,10 @@
 import { site, user } from "dbgen";
 import { ExecaChildProcess } from "execa";
 
+declare global {
+  const Y: typeof Y;
+}
+
 export const glb = global as unknown as {
   lastUpdate: Record<string, number>;
   prasiSrv: {

app/srv/ws/edit/action/diff-local.ts

@@ -1,4 +1,3 @@
-import * as Y from "yjs";
 import { eg } from "../edit-global";
 
 export const diffLocal = (ws: any, msg: any) => {

app/srv/ws/edit/action/get-comp.ts

@@ -1,7 +1,6 @@
 import { ServerWebSocket } from "bun";
 import { validate } from "uuid";
 import { syncronize } from "y-pojo";
-import * as Y from "yjs";
 import { WSData } from "../../../../../pkgs/core/server/create";
 import {
   WS_MSG_GET_COMP,

app/srv/ws/edit/action/get-page.ts

@@ -1,7 +1,6 @@
 import { ServerWebSocket } from "bun";
 import { validate } from "uuid";
 import { syncronize } from "y-pojo";
-import * as Y from "yjs";
 import { WSData } from "../../../../../pkgs/core/server/create";
 import { MPage } from "../../../../web/src/utils/types/general";
 import {
@@ -10,8 +9,8 @@ import {
   WS_MSG_SV_LOCAL,
 } from "../../../../web/src/utils/types/ws";
 import { eg } from "../edit-global";
-import { loadPage } from "../tools/load-page";
 import { sendWS } from "../send";
+import { loadPage } from "../tools/load-page";
 
 export const getPage = async (
   ws: ServerWebSocket<WSData>,

app/srv/ws/edit/action/sv-local.ts

@@ -1,4 +1,3 @@
-import * as Y from "yjs";
 import {
   WS_MSG_SVDIFF_REMOTE,
   WS_MSG_SV_LOCAL,

app/srv/ws/edit/action/svdiff-remote.ts

@@ -1,4 +1,3 @@
-import * as Y from "yjs";
 import {
   WS_MSG_DIFF_LOCAL,
   WS_MSG_SVDIFF_REMOTE,

app/srv/ws/edit/action/undo-redo.ts

@@ -1,24 +1,21 @@
-import { Websocket } from "hyper-express";
 import { eg } from "../edit-global";
-import { UndoManager } from "yjs";
-import { WS_MSG_REDO, WS_MSG_UNDO } from "../../../web/src/utils/types/ws";
 
-export const undo = (ws: Websocket, msg: WS_MSG_UNDO) => {
+export const undo = (ws: any, msg: any) => {
   const um = getUndoManager(msg);
   if (um && um.canUndo()) {
     um.undo();
   }
 };
 
-export const redo = (ws: Websocket, msg: WS_MSG_REDO) => {
+export const redo = (ws: any, msg: any) => {
   const um = getUndoManager(msg);
   if (um && um.canRedo()) {
     um.redo();
   }
 };
 
-const getUndoManager = (msg: WS_MSG_UNDO | WS_MSG_REDO) => {
-  let undoManager = null as null | UndoManager;
+const getUndoManager = (msg: any | any) => {
+  let undoManager = null as null | Y.UndoManager;
   if (msg.mode === "page") {
     if (eg.edit.page[msg.id]) {
       undoManager = eg.edit.page[msg.id].undoManager;

app/srv/ws/edit/edit-global.ts

@@ -1,6 +1,5 @@
 import { ServerWebSocket } from "bun";
 import { component } from "dbgen";
-import { UndoManager } from "yjs";
 import { TypedArray, TypedDoc, TypedMap } from "yjs-types";
 import type { WSData } from "../../../../pkgs/core/server/create";
 
@@ -18,7 +17,7 @@ export type SingleComp = {
   doc: TypedDoc<{
     map: TypedMap<component & { content_tree: TypedMap<IItem> }>;
   }>;
-  undoManager: UndoManager;
+  undoManager: Y.UndoManager;
   saveTimeout?: ReturnType<typeof setTimeout>;
   ws: Set<ServerWebSocket<WSData>>;
 };
@@ -49,7 +48,7 @@ export const eg = global as unknown as {
             Site & { page: TypedArray<ArrayElement<Site["page"]>> }
           >;
         }>;
-        undoManager: UndoManager;
+        undoManager: Y.UndoManager;
         saveTimeout?: ReturnType<typeof setTimeout>;
         ws: Set<ServerWebSocket<WSData>>;
       }
@@ -60,7 +59,7 @@ export const eg = global as unknown as {
       {
         id: string;
         doc: MPage;
-        undoManager: UndoManager;
+        undoManager: Y.UndoManager;
         saveTimeout?: ReturnType<typeof setTimeout>;
         ws: Set<ServerWebSocket<WSData>>;
       }

app/srv/ws/edit/tools/load-site.ts

@@ -1,6 +1,5 @@
 import { page, site } from "dbgen";
 import { validate as isValidUUID } from "uuid";
-import * as Y from "yjs";
 
 export type SiteConfig = {
   api_url?: string;

app/srv/ws/handler.ts

@@ -11,7 +11,6 @@ import { redo, undo } from "./edit/action/undo-redo";
 import { eg } from "./edit/edit-global";
 import { sendWS } from "./edit/send";
 import { syncHandler } from "./sync/sync-handler";
-import * as Y from "yjs";
 
 (globalThis as any).Y = Y;
 eg.edit = {

app/srv/ws/sync/actions/page_load.ts

@@ -6,7 +6,7 @@ import { snapshot } from "../entity/snapshot";
 import { user } from "../entity/user";
 import { gzipAsync } from "../entity/zlib";
 import { sendWS } from "../sync-handler";
-import { Activity, SyncConnection, SyncType } from "../type";
+import { SyncConnection, SyncType } from "../type";
 
 export const page_load: SAction["page"]["load"] = async function (
   this: SyncConnection,

app/srv/ws/sync/entity/docs.ts

@@ -1,8 +1,6 @@
-import * as Y from "yjs";
 import { TypedDoc, TypedMap } from "yjs-types";
 import { MItem } from "../../../../web/src/utils/types/item";
 import { DPage } from "../../../../web/src/utils/types/root";
-export * as Y from "yjs";
 
 export const docs = {
   site: {} as Record<

app/srv/ws/sync/entity/room.ts

@@ -25,8 +25,7 @@ export const RoomList = class<T extends Record<string, any>> {
     this.rooms.forEach((room) => {
       room.clients.forEach((_, roomws) => {
         if (roomws === ws) {
-          room.clients.delete(ws);
-          room.broadcastState("leave");
+          room.leave({ ws });
         }
       });
     });
@@ -34,7 +33,7 @@ export const RoomList = class<T extends Record<string, any>> {
   room(id: string) {
     let room = this.rooms.get(id);
     if (!room) {
-      this.rooms.set(id, new Room<T>(this.name));
+      this.rooms.set(id, new Room<T>(this.name, id));
       room = this.rooms.get(id);
     }
 
@@ -44,10 +43,12 @@ export const RoomList = class<T extends Record<string, any>> {
 
 export class Room<T extends Record<string, any>> {
   name = "";
+  id = "";
   clients = new Map<ServerWebSocket<WSData>, Partial<T>>();
 
-  constructor(name: string) {
+  constructor(name: string, id: string) {
     this.name = name;
+    this.id = id;
   }
 
   findAll(where: Partial<T>) {
@@ -101,9 +102,18 @@ export class Room<T extends Record<string, any>> {
     const ws = this.identify(client);
     if (ws) {
       this.clients.set(ws, {});
+      console.log("join", this.name, this.id, wconns.get(ws));
+      this.broadcastState("join", ws);
+    }
   }
 
-    this.broadcastState("join", ws);
+  leave(client: { ws?: ServerWebSocket<WSData>; id?: string }) {
+    const ws = this.identify(client);
+    if (ws) {
+      this.clients.delete(ws);
+      console.log("leave", this.name, this.id, wconns.get(ws));
+      this.broadcastState("leave", ws);
+    }
   }
 
   broadcastState = (
@@ -130,17 +140,9 @@ export class Room<T extends Record<string, any>> {
     this.clients.forEach((data, ws) => {
       sendWS(ws, {
         type: SyncType.Event,
-        event: `${this.name}_${event_name}`,
+        event: `${this.id}_${event_name}`,
         data: { clients },
       });
     });
   };
-
-  leave(client: { ws?: ServerWebSocket<WSData>; id?: string }) {
-    const ws = this.identify(client);
-    if (ws) {
-      this.clients.delete(ws);
-    }
-    this.broadcastState("leave", ws);
-  }
 }

app/srv/ws/sync/sync-handler.ts

@@ -32,10 +32,9 @@ export const syncHandler: WebSocketHandler<WSData> = {
   close(ws) {
     const client_id = wconns.get(ws);
     if (client_id) {
+      activity.site.disconnect(ws);
       conns.delete(client_id);
       wconns.delete(ws);
-
-      activity.site.disconnect(ws);
     }
   },
   async message(ws, raw) {

app/srv/y.d.ts

@@ -0,0 +1,10 @@
+import type * as Y from "yjs";
+export import Doc = Y.Doc;
+export import UndoManager = Y.UndoManager;
+export import applyUpdate = Y.applyUpdate;
+export import encodeStateVector = Y.encodeStateVector;
+export import encodeStateAsUpdate = Y.encodeStateAsUpdate;
+export import Text = Y.Text;
+export import Map = Y.Map;
+export import Array = Y.Array;
+export as namespace Y;

package.json

@@ -3,7 +3,7 @@
   "module": "src/index.ts",
   "type": "module",
   "scripts": {
-    "dev": "bun run --silent --watch ./pkgs/core/index.ts dev",
+    "dev": "bun run --hot --silent ./pkgs/core/index.ts dev",
     "clean": "rm -rf data && rm -rf app/static && rm -rf app/web/.parcel-cache",
     "build": "bun run --silent ./pkgs/core/build.ts",
     "db-pull": "bun run ./pkgs/core/db-pull.ts",

pkgs/core/index.ts

@@ -15,6 +15,9 @@ import { initSrv } from "../../app/srv/init";
 
 g.status = "init";
 
+if (!g.Y) {
+  g.Y = await import("yjs");
+
   await createLogger();
   g.api = {};
   g.mode = process.argv.includes("dev") ? "dev" : "prod";
@@ -29,13 +32,15 @@ if (g.mode === "dev") {
   /** init lmdb */
   user.conf.init();
   snapshot.init();
+}
 
+const db = g.db;
+if (!db) {
   await preparePrisma();
   await ensureNotRunning();
-
-if (g.db) {
-  g.db
-    .$connect()
+  const db = g.db;
+  if (db) {
+    db.$connect()
       .catch((e: any) => {
         g.log.error(`[DB ERROR]\n${e.message}`);
       })
@@ -43,16 +48,24 @@ if (g.db) {
         g.log.info("Database connected");
       });
   }
+}
 
+if (!g.apiPrepared) {
   await initSrv();
   await syncActionDefinition();
   g.log.info("WS Action defined");
+
   await generateAPIFrm();
   await prepareApiRoutes();
   await prepareAPITypes();
   g.log.info("API Prepared");
+  g.apiPrepared = true;
+}
 
+if (!g.parcel) {
   await parcelBuild();
-await createServer();
+}
  
+await createServer();
 g.status = "ready";
+ 

pkgs/core/server/create.ts

@@ -1,10 +1,10 @@
-import { WebSocketHandler, gzipSync } from "bun";
+import { WebSocketHandler } from "bun";
+import { lookup } from "mime-types";
 import { createRouter } from "radix3";
 import { wsHandler } from "../../../app/srv/ws/handler";
 import { dir } from "../utils/dir";
 import { g } from "../utils/global";
 import { serveAPI } from "./serve-api";
-import { lookup } from "mime-types";
 
 export const cache = {
   static: {} as Record<
@@ -64,7 +64,6 @@ export const createServer = async () => {
     } as WebSocketHandler<WSData>,
     async fetch(req, server) {
       const url = new URL(req.url);
-
       const response = async () => {
         if (wsHandler[url.pathname]) {
           if (

pkgs/core/utils/global.ts

@@ -2,6 +2,7 @@ import { Server, Subprocess } from "bun";
 import { Logger } from "pino";
 import { RadixRouter } from "radix3";
 import { PrismaClient } from "../../../app/db/db";
+import type * as Y from "yjs";
 
 type SingleRoute = { 
   url: string;
@@ -27,4 +28,6 @@ export const g = global as unknown as {
     etag: string;
   };
   parcel: Subprocess;
+  apiPrepared: boolean;
+  Y: typeof Y;
 };

pkgs/core/utils/sync-def.ts

@@ -1,6 +1,6 @@
 import { dir } from "dir";
+import { readAsync, writeAsync } from "fs-jetpack";
 import { SyncActions } from "../../../app/srv/ws/sync/actions";
-import { existsAsync, readAsync, writeAsync } from "fs-jetpack";
 
 export const syncActionDefinition = async () => {
   const def: any = {};

pkgs/web-utils/src/global.ts

@@ -1,6 +1,6 @@
 import goober from "goober";
 import type { PrismaClient } from "../../../app/db/db";
-import * as Yjs from "yjs";
+
 declare global {
   const navigate: (path: string) => void;
   const params: any;
@@ -10,6 +10,5 @@ declare global {
   const db: PrismaClient;
   const prasiContext: any;
   const serverurl: string;
-  const Y: typeof Yjs;
 }
 export {};