f1ow 1.1.0 → 1.1.1

package/dist/syncBridge-CveP4QyQ.js

@@ -1,428 +0,0 @@
-import * as Y from "yjs";
-import { useCanvasStore } from "./f1ow.js";
-import { getYElements, getYDoc } from "./yjsProvider-mWrSFiNG.js";
-const SYNC_FIELDS = [
-  "id",
-  "type",
-  "x",
-  "y",
-  "width",
-  "height",
-  "rotation",
-  "isLocked",
-  "isVisible",
-  "sortOrder",
-  "version"
-];
-const STYLE_FIELDS = [
-  "strokeColor",
-  "fillColor",
-  "strokeWidth",
-  "opacity",
-  "strokeStyle",
-  "roughness",
-  "fontSize",
-  "fontFamily"
-];
-function elementToYMap(el, yMap) {
-  const elRecord = el;
-  for (const field of SYNC_FIELDS) {
-    const value = elRecord[field];
-    if (value !== void 0) {
-      yMap.set(field, value);
-    }
-  }
-  if (el.style) {
-    for (const sf of STYLE_FIELDS) {
-      yMap.set(`style.${sf}`, el.style[sf]);
-    }
-  }
-  if (el.boundElements) {
-    yMap.set("boundElements", JSON.stringify(el.boundElements));
-  } else {
-    yMap.set("boundElements", null);
-  }
-  if (el.ports) {
-    yMap.set("ports", JSON.stringify(el.ports));
-  }
-  if ("lineStyle" in el && el.lineStyle) {
-    yMap.set("lineStyle", JSON.stringify(el.lineStyle));
-  }
-  if (el.ports) {
-    yMap.set("ports", JSON.stringify(el.ports));
-  }
-  if ("lineStyle" in el && el.lineStyle) {
-    yMap.set("lineStyle", JSON.stringify(el.lineStyle));
-  }
-  if (el.groupIds) {
-    yMap.set("groupIds", JSON.stringify(el.groupIds));
-  }
-  switch (el.type) {
-    case "rectangle":
-      yMap.set("cornerRadius", el.cornerRadius);
-      break;
-    case "line":
-    case "arrow":
-      yMap.set("points", JSON.stringify(el.points));
-      yMap.set("lineType", el.lineType);
-      if (el.curvature !== void 0) yMap.set("curvature", el.curvature);
-      yMap.set("startBinding", el.startBinding ? JSON.stringify(el.startBinding) : null);
-      yMap.set("endBinding", el.endBinding ? JSON.stringify(el.endBinding) : null);
-      if (el.type === "arrow") {
-        yMap.set("startArrowhead", el.startArrowhead);
-        yMap.set("endArrowhead", el.endArrowhead);
-      }
-      break;
-    case "freedraw":
-      yMap.set("points", JSON.stringify(el.points));
-      break;
-    case "text":
-      yMap.set("text", el.text);
-      yMap.set("containerId", el.containerId);
-      yMap.set("textAlign", el.textAlign);
-      yMap.set("verticalAlign", el.verticalAlign);
-      break;
-    case "image":
-      yMap.set("src", el.src);
-      yMap.set("naturalWidth", el.naturalWidth);
-      yMap.set("naturalHeight", el.naturalHeight);
-      yMap.set("scaleMode", el.scaleMode);
-      yMap.set("crop", el.crop ? JSON.stringify(el.crop) : null);
-      yMap.set("cornerRadius", el.cornerRadius);
-      yMap.set("alt", el.alt);
-      break;
-  }
-}
-function yMapToElement(yMap) {
-  const type = yMap.get("type");
-  const id = yMap.get("id");
-  if (!type || !id) return null;
-  const style = {};
-  for (const sf of STYLE_FIELDS) {
-    const val = yMap.get(`style.${sf}`);
-    if (val !== void 0) {
-      style[sf] = val;
-    }
-  }
-  const base = {
-    id,
-    type,
-    x: yMap.get("x") ?? 0,
-    y: yMap.get("y") ?? 0,
-    width: yMap.get("width") ?? 100,
-    height: yMap.get("height") ?? 100,
-    rotation: yMap.get("rotation") ?? 0,
-    isLocked: yMap.get("isLocked") ?? false,
-    isVisible: yMap.get("isVisible") ?? true,
-    version: yMap.get("version") ?? 0,
-    style,
-    boundElements: safeParseJSON(yMap.get("boundElements")) ?? null,
-    groupIds: safeParseJSON(yMap.get("groupIds")) ?? void 0,
-    sortOrder: yMap.get("sortOrder") ?? void 0,
-    ports: safeParseJSON(yMap.get("ports")) ?? void 0
-  };
-  switch (type) {
-    case "rectangle":
-      base.cornerRadius = yMap.get("cornerRadius") ?? 0;
-      break;
-    case "line":
-    case "arrow":
-      base.points = safeParseJSON(yMap.get("points")) ?? [0, 0, 100, 0];
-      base.lineType = yMap.get("lineType") ?? "sharp";
-      base.curvature = yMap.get("curvature") ?? void 0;
-      base.startBinding = safeParseJSON(yMap.get("startBinding"));
-      base.endBinding = safeParseJSON(yMap.get("endBinding"));
-      if (type === "arrow") {
-        base.startArrowhead = yMap.get("startArrowhead") ?? null;
-        base.endArrowhead = yMap.get("endArrowhead") ?? "arrow";
-      }
-      {
-        const ls = safeParseJSON(yMap.get("lineStyle"));
-        if (ls) base.lineStyle = ls;
-      }
-      break;
-    case "freedraw":
-      base.points = safeParseJSON(yMap.get("points")) ?? [];
-      break;
-    case "text":
-      base.text = yMap.get("text") ?? "";
-      base.containerId = yMap.get("containerId") ?? null;
-      base.textAlign = yMap.get("textAlign") ?? "center";
-      base.verticalAlign = yMap.get("verticalAlign") ?? "middle";
-      break;
-    case "image":
-      base.src = yMap.get("src") ?? "";
-      base.naturalWidth = yMap.get("naturalWidth") ?? 0;
-      base.naturalHeight = yMap.get("naturalHeight") ?? 0;
-      base.scaleMode = yMap.get("scaleMode") ?? "fit";
-      base.crop = safeParseJSON(yMap.get("crop")) ?? null;
-      base.cornerRadius = yMap.get("cornerRadius") ?? 0;
-      base.alt = yMap.get("alt") ?? "";
-      break;
-  }
-  return base;
-}
-function safeParseJSON(json) {
-  if (json == null) return null;
-  try {
-    return JSON.parse(json);
-  } catch {
-    return null;
-  }
-}
-let _isApplyingRemote = false;
-let _isApplyingLocal = false;
-let _unsubscribe = null;
-let _yObserverCleanup = null;
-let _syncTimer = null;
-let _lastElements = [];
-function startSync(debounceMs = 50) {
-  const doc = getYDoc();
-  const yElements = getYElements();
-  if (!doc || !yElements) {
-    console.warn("[SyncBridge] Cannot start sync — no Yjs doc");
-    return;
-  }
-  stopSync();
-  if (yElements.size > 0) {
-    _isApplyingRemote = true;
-    const elements = yMapCollectionToElements(yElements);
-    useCanvasStore.getState().setElements(elements);
-    _lastElements = elements;
-    _isApplyingRemote = false;
-  } else {
-    const localElements = useCanvasStore.getState().elements;
-    if (localElements.length > 0) {
-      _isApplyingLocal = true;
-      doc.transact(() => {
-        for (const el of localElements) {
-          const yMap = new Y.Map();
-          elementToYMap(el, yMap);
-          yElements.set(el.id, yMap);
-        }
-      }, "local-init");
-      _isApplyingLocal = false;
-    }
-    _lastElements = localElements;
-  }
-  const yObserver = (events, transaction) => {
-    if (transaction.origin === "local-sync" || transaction.origin === "local-init") return;
-    if (_isApplyingLocal) return;
-    _isApplyingRemote = true;
-    const store = useCanvasStore.getState();
-    let elements = [..._lastElements];
-    let changed = false;
-    for (const [key, change] of events.keys) {
-      if (change.action === "add" || change.action === "update") {
-        const yMap = yElements.get(key);
-        if (yMap) {
-          const el = yMapToElement(yMap);
-          if (el) {
-            const idx = elements.findIndex((e) => e.id === key);
-            if (idx >= 0) {
-              elements[idx] = el;
-            } else {
-              elements.push(el);
-            }
-            changed = true;
-          }
-        }
-      } else if (change.action === "delete") {
-        elements = elements.filter((e) => e.id !== key);
-        changed = true;
-      }
-    }
-    if (changed) {
-      elements.sort((a, b) => {
-        if (a.sortOrder && b.sortOrder) {
-          return a.sortOrder < b.sortOrder ? -1 : a.sortOrder > b.sortOrder ? 1 : 0;
-        }
-        return 0;
-      });
-      store.setElements(elements);
-      _lastElements = elements;
-    }
-    _isApplyingRemote = false;
-  };
-  let _deepObserverTimer = null;
-  const _dirtyElementIds = /* @__PURE__ */ new Set();
-  const deepObserver = (events) => {
-    if (_isApplyingLocal) return;
-    for (const event of events) {
-      let target = event.target;
-      while (target && !(target instanceof Y.Map && target.parent === yElements)) {
-        target = target.parent;
-      }
-      if (target instanceof Y.Map) {
-        const id = target.get("id");
-        if (id) _dirtyElementIds.add(id);
-      }
-    }
-    if (_deepObserverTimer) clearTimeout(_deepObserverTimer);
-    _deepObserverTimer = setTimeout(() => {
-      if (_dirtyElementIds.size === 0 || _isApplyingLocal) return;
-      _isApplyingRemote = true;
-      let elements = [..._lastElements];
-      let changed = false;
-      for (const id of _dirtyElementIds) {
-        const yMap = yElements.get(id);
-        if (!yMap) continue;
-        const el = yMapToElement(yMap);
-        if (!el) continue;
-        const idx = elements.findIndex((e) => e.id === id);
-        if (idx >= 0) {
-          elements[idx] = el;
-          changed = true;
-        }
-      }
-      _dirtyElementIds.clear();
-      if (changed) {
-        useCanvasStore.getState().setElements(elements);
-        _lastElements = elements;
-      }
-      _isApplyingRemote = false;
-    }, 16);
-  };
-  yElements.observe(yObserver);
-  yElements.observeDeep(deepObserver);
-  _yObserverCleanup = () => {
-    yElements.unobserve(yObserver);
-    yElements.unobserveDeep(deepObserver);
-    if (_deepObserverTimer) clearTimeout(_deepObserverTimer);
-    _dirtyElementIds.clear();
-  };
-  _unsubscribe = useCanvasStore.subscribe(
-    (state) => {
-      if (_isApplyingRemote) return;
-      if (state.elements === _lastElements) return;
-      if (_syncTimer) clearTimeout(_syncTimer);
-      _syncTimer = setTimeout(() => {
-        syncLocalToYjs(state.elements, yElements, doc);
-      }, debounceMs);
-    }
-  );
-}
-function stopSync() {
-  if (_unsubscribe) {
-    _unsubscribe();
-    _unsubscribe = null;
-  }
-  if (_yObserverCleanup) {
-    _yObserverCleanup();
-    _yObserverCleanup = null;
-  }
-  if (_syncTimer) {
-    clearTimeout(_syncTimer);
-    _syncTimer = null;
-  }
-  _lastElements = [];
-}
-function syncLocalToYjs(elements, yElements, doc) {
-  _isApplyingLocal = true;
-  _lastElements = elements;
-  const localMap = /* @__PURE__ */ new Map();
-  for (const el of elements) {
-    localMap.set(el.id, el);
-  }
-  doc.transact(() => {
-    for (const [id] of yElements.entries()) {
-      if (!localMap.has(id)) {
-        yElements.delete(id);
-      }
-    }
-    for (const el of elements) {
-      let yMap = yElements.get(el.id);
-      if (!yMap) {
-        yMap = new Y.Map();
-        elementToYMap(el, yMap);
-        yElements.set(el.id, yMap);
-      } else {
-        updateYMapFromElement(el, yMap);
-      }
-    }
-  }, "local-sync");
-  _isApplyingLocal = false;
-}
-function updateYMapFromElement(el, yMap) {
-  const elRecord = el;
-  for (const field of SYNC_FIELDS) {
-    const value = elRecord[field];
-    if (value !== yMap.get(field)) {
-      yMap.set(field, value);
-    }
-  }
-  if (el.style) {
-    for (const sf of STYLE_FIELDS) {
-      const val = el.style[sf];
-      if (val !== yMap.get(`style.${sf}`)) {
-        yMap.set(`style.${sf}`, val);
-      }
-    }
-  }
-  const beJson = el.boundElements ? JSON.stringify(el.boundElements) : null;
-  if (beJson !== yMap.get("boundElements")) {
-    yMap.set("boundElements", beJson);
-  }
-  switch (el.type) {
-    case "rectangle":
-      if (el.cornerRadius !== yMap.get("cornerRadius")) {
-        yMap.set("cornerRadius", el.cornerRadius);
-      }
-      break;
-    case "line":
-    case "arrow": {
-      const ptsJson = JSON.stringify(el.points);
-      if (ptsJson !== yMap.get("points")) yMap.set("points", ptsJson);
-      if (el.lineType !== yMap.get("lineType")) yMap.set("lineType", el.lineType);
-      if (el.curvature !== yMap.get("curvature")) yMap.set("curvature", el.curvature);
-      const sbJson = el.startBinding ? JSON.stringify(el.startBinding) : null;
-      if (sbJson !== yMap.get("startBinding")) yMap.set("startBinding", sbJson);
-      const ebJson = el.endBinding ? JSON.stringify(el.endBinding) : null;
-      if (ebJson !== yMap.get("endBinding")) yMap.set("endBinding", ebJson);
-      if (el.type === "arrow") {
-        if (el.startArrowhead !== yMap.get("startArrowhead")) yMap.set("startArrowhead", el.startArrowhead);
-        if (el.endArrowhead !== yMap.get("endArrowhead")) yMap.set("endArrowhead", el.endArrowhead);
-      }
-      break;
-    }
-    case "freedraw": {
-      const fpJson = JSON.stringify(el.points);
-      if (fpJson !== yMap.get("points")) yMap.set("points", fpJson);
-      break;
-    }
-    case "text":
-      if (el.text !== yMap.get("text")) yMap.set("text", el.text);
-      if (el.containerId !== yMap.get("containerId")) yMap.set("containerId", el.containerId);
-      if (el.textAlign !== yMap.get("textAlign")) yMap.set("textAlign", el.textAlign);
-      if (el.verticalAlign !== yMap.get("verticalAlign")) yMap.set("verticalAlign", el.verticalAlign);
-      break;
-    case "image":
-      if (el.src !== yMap.get("src")) yMap.set("src", el.src);
-      if (el.naturalWidth !== yMap.get("naturalWidth")) yMap.set("naturalWidth", el.naturalWidth);
-      if (el.naturalHeight !== yMap.get("naturalHeight")) yMap.set("naturalHeight", el.naturalHeight);
-      if (el.scaleMode !== yMap.get("scaleMode")) yMap.set("scaleMode", el.scaleMode);
-      const cropJson = el.crop ? JSON.stringify(el.crop) : null;
-      if (cropJson !== yMap.get("crop")) yMap.set("crop", cropJson);
-      if (el.cornerRadius !== yMap.get("cornerRadius")) yMap.set("cornerRadius", el.cornerRadius);
-      if (el.alt !== yMap.get("alt")) yMap.set("alt", el.alt);
-      break;
-  }
-}
-function yMapCollectionToElements(yElements) {
-  const elements = [];
-  for (const [, yMap] of yElements.entries()) {
-    const el = yMapToElement(yMap);
-    if (el) elements.push(el);
-  }
-  elements.sort((a, b) => {
-    if (a.sortOrder && b.sortOrder) {
-      return a.sortOrder < b.sortOrder ? -1 : a.sortOrder > b.sortOrder ? 1 : 0;
-    }
-    return 0;
-  });
-  return elements;
-}
-export {
-  startSync,
-  stopSync
-};

package/dist/yjsProvider-mWrSFiNG.js

@@ -1,100 +0,0 @@
-import * as Y from "yjs";
-import { WebsocketProvider } from "y-websocket";
-let _doc = null;
-let _provider = null;
-let _config = null;
-let _statusListeners = /* @__PURE__ */ new Set();
-function createCollaborationProvider(config) {
-  if (_provider) {
-    destroyCollaborationProvider();
-  }
-  _config = config;
-  _doc = new Y.Doc();
-  _provider = new WebsocketProvider(
-    config.serverUrl,
-    config.roomName,
-    _doc,
-    {
-      connect: true,
-      params: config.authToken ? { token: config.authToken } : void 0
-    }
-  );
-  _provider.awareness.setLocalState({
-    user: config.user,
-    cursor: null,
-    selectedIds: []
-  });
-  _provider.on("status", (event) => {
-    const status = event.status;
-    for (const listener of _statusListeners) {
-      listener(status);
-    }
-  });
-  return { doc: _doc, provider: _provider };
-}
-function destroyCollaborationProvider() {
-  if (_provider) {
-    _provider.awareness.setLocalState(null);
-    _provider.disconnect();
-    _provider.destroy();
-    _provider = null;
-  }
-  if (_doc) {
-    _doc.destroy();
-    _doc = null;
-  }
-  _config = null;
-}
-function getYDoc() {
-  return _doc;
-}
-function getYProvider() {
-  return _provider;
-}
-function getYElements() {
-  return _doc == null ? void 0 : _doc.getMap("elements");
-}
-function getCollaborationConfig() {
-  return _config;
-}
-function isCollaborationActive() {
-  return _provider !== null && _provider.wsconnected;
-}
-function onStatusChange(listener) {
-  _statusListeners.add(listener);
-  return () => {
-    _statusListeners.delete(listener);
-  };
-}
-function updateAwareness(update) {
-  if (!_provider) return;
-  const current = _provider.awareness.getLocalState();
-  _provider.awareness.setLocalState({
-    ...current,
-    ...update
-  });
-}
-function getRemoteAwareness() {
-  if (!_provider) return /* @__PURE__ */ new Map();
-  const all = _provider.awareness.getStates();
-  const localId = _provider.awareness.clientID;
-  const remote = /* @__PURE__ */ new Map();
-  for (const [clientId, state] of all) {
-    if (clientId !== localId && state && state.user) {
-      remote.set(clientId, state);
-    }
-  }
-  return remote;
-}
-export {
-  createCollaborationProvider,
-  destroyCollaborationProvider,
-  getCollaborationConfig,
-  getRemoteAwareness,
-  getYDoc,
-  getYElements,
-  getYProvider,
-  isCollaborationActive,
-  onStatusChange,
-  updateAwareness
-};