@symbo.ls/sync 2.29.55 → 2.29.57

package/dist/cjs/index.js

@@ -76,8 +76,10 @@ const applyOpsToCtx = (ctx, changes) => {
 };
 const fetchServiceToken = async () => {
   try {
-    const urlBase = isLocalhost ? "http://localhost:8080" : "https://api.symbols.app";
-    const res = await import_utils.window.fetch(`${urlBase}/service-token`, { method: "GET" });
+    const urlBase = "https://api.symbols.app";
+    const res = await import_utils.window.fetch(`${urlBase}/service-token`, {
+      method: "GET"
+    });
     let txt;
     try {
       const json = await res.clone().json();
@@ -94,8 +96,9 @@ const fetchServiceToken = async () => {
 };
 const onSnapshot = (el, s, ctx) => (payload = {}) => {
   var _a;
-  const { data, schema } = payload;
+  let { data, schema } = payload;
   if (!data) return;
+  data = el.call("deepDestringify", data, Array.isArray(data) ? [] : {});
   Object.entries(data).forEach(([key, val]) => {
     if (ctx[key] && typeof ctx[key] === "object") {
       (0, import_utils.overwriteShallow)(ctx[key], val);
@@ -108,23 +111,28 @@ const onSnapshot = (el, s, ctx) => (payload = {}) => {
   (((_a = ctx.utils) == null ? void 0 : _a.router) || import_router.router)(pathname + search + hash, el, {});
 };
 const onOps = (el, s, ctx) => (payload = {}) => {
-  var _a, _b, _c;
-  console.log("onOps", payload);
-  const { changes } = payload;
+  var _a;
+  let { changes } = payload;
   if (!changes || !Array.isArray(changes) || !changes.length) return;
+  changes = el.call(
+    "deepDestringify",
+    changes,
+    Array.isArray(changes) ? [] : {}
+  );
   const changed = applyOpsToCtx(ctx, changes);
   if (changed.has("state")) {
     const route = (_a = ctx.state) == null ? void 0 : _a.route;
     if (route) {
-      ;
-      (((_b = ctx.utils) == null ? void 0 : _b.router) || import_router.router)(route.replace("/state", "") || "/", el, {});
+      el.call("router", route.replace("/state", "") || "/");
     } else {
       s.update(ctx.state);
     }
   }
-  if (["pages", "components", "snippets", "functions"].some((k) => changed.has(k))) {
+  if (["pages", "components", "snippets", "functions"].some(
+    (k) => changed.has(k)
+  )) {
     const { pathname, search, hash } = ctx.window.location;
-    (((_c = ctx.utils) == null ? void 0 : _c.router) || import_router.router)(pathname + search + hash, el, {});
+    el.call("router", pathname + search + hash);
   }
   if (changed.has("designSystem")) {
     (0, import_init.init)(ctx.designSystem);
@@ -138,10 +146,12 @@ const connectToSocket = async (el, s, ctx) => {
   }
   const projectKey = ctx.key;
   if (!projectKey) {
-    console.warn("[sync] ctx.key missing \u2013 cannot establish collaborative connection");
+    console.warn(
+      "[sync] ctx.key missing \u2013 cannot establish collaborative connection"
+    );
     return null;
   }
-  const socketBaseUrl = isLocalhost ? "http://localhost:8080" : "https://api.symbols.app";
+  const socketBaseUrl = "https://api.symbols.app";
   const socket = (0, import_socket.io)(socketBaseUrl, {
     path: "/collab-socket",
     transports: ["websocket"],
@@ -169,7 +179,8 @@ const connectToSocket = async (el, s, ctx) => {
   });
   socket.on("disconnect", (reason) => {
     var _a;
-    if ((_a = ctx.editor) == null ? void 0 : _a.verbose) console.info("[sync] Disconnected from collab socket", reason);
+    if ((_a = ctx.editor) == null ? void 0 : _a.verbose)
+      console.info("[sync] Disconnected from collab socket", reason);
   });
   return socket;
 };

package/dist/esm/index.js

@@ -49,8 +49,10 @@ const applyOpsToCtx = (ctx, changes) => {
 };
 const fetchServiceToken = async () => {
   try {
-    const urlBase = isLocalhost ? "http://localhost:8080" : "https://api.symbols.app";
-    const res = await window.fetch(`${urlBase}/service-token`, { method: "GET" });
+    const urlBase = "https://api.symbols.app";
+    const res = await window.fetch(`${urlBase}/service-token`, {
+      method: "GET"
+    });
     let txt;
     try {
       const json = await res.clone().json();
@@ -67,8 +69,9 @@ const fetchServiceToken = async () => {
 };
 const onSnapshot = (el, s, ctx) => (payload = {}) => {
   var _a;
-  const { data, schema } = payload;
+  let { data, schema } = payload;
   if (!data) return;
+  data = el.call("deepDestringify", data, Array.isArray(data) ? [] : {});
   Object.entries(data).forEach(([key, val]) => {
     if (ctx[key] && typeof ctx[key] === "object") {
       overwriteShallow(ctx[key], val);
@@ -81,23 +84,28 @@ const onSnapshot = (el, s, ctx) => (payload = {}) => {
   (((_a = ctx.utils) == null ? void 0 : _a.router) || router)(pathname + search + hash, el, {});
 };
 const onOps = (el, s, ctx) => (payload = {}) => {
-  var _a, _b, _c;
-  console.log("onOps", payload);
-  const { changes } = payload;
+  var _a;
+  let { changes } = payload;
   if (!changes || !Array.isArray(changes) || !changes.length) return;
+  changes = el.call(
+    "deepDestringify",
+    changes,
+    Array.isArray(changes) ? [] : {}
+  );
   const changed = applyOpsToCtx(ctx, changes);
   if (changed.has("state")) {
     const route = (_a = ctx.state) == null ? void 0 : _a.route;
     if (route) {
-      ;
-      (((_b = ctx.utils) == null ? void 0 : _b.router) || router)(route.replace("/state", "") || "/", el, {});
+      el.call("router", route.replace("/state", "") || "/");
     } else {
       s.update(ctx.state);
     }
   }
-  if (["pages", "components", "snippets", "functions"].some((k) => changed.has(k))) {
+  if (["pages", "components", "snippets", "functions"].some(
+    (k) => changed.has(k)
+  )) {
     const { pathname, search, hash } = ctx.window.location;
-    (((_c = ctx.utils) == null ? void 0 : _c.router) || router)(pathname + search + hash, el, {});
+    el.call("router", pathname + search + hash);
   }
   if (changed.has("designSystem")) {
     init(ctx.designSystem);
@@ -111,10 +119,12 @@ const connectToSocket = async (el, s, ctx) => {
   }
   const projectKey = ctx.key;
   if (!projectKey) {
-    console.warn("[sync] ctx.key missing \u2013 cannot establish collaborative connection");
+    console.warn(
+      "[sync] ctx.key missing \u2013 cannot establish collaborative connection"
+    );
     return null;
   }
-  const socketBaseUrl = isLocalhost ? "http://localhost:8080" : "https://api.symbols.app";
+  const socketBaseUrl = "https://api.symbols.app";
   const socket = io(socketBaseUrl, {
     path: "/collab-socket",
     transports: ["websocket"],
@@ -142,7 +152,8 @@ const connectToSocket = async (el, s, ctx) => {
   });
   socket.on("disconnect", (reason) => {
     var _a;
-    if ((_a = ctx.editor) == null ? void 0 : _a.verbose) console.info("[sync] Disconnected from collab socket", reason);
+    if ((_a = ctx.editor) == null ? void 0 : _a.verbose)
+      console.info("[sync] Disconnected from collab socket", reason);
   });
   return socket;
 };

package/index.js

@@ -64,8 +64,13 @@ const applyOpsToCtx = (ctx, changes) => {
 
 const fetchServiceToken = async () => {
   try {
-    const urlBase = isLocalhost ? 'http://localhost:8080' : 'https://api.symbols.app'
-    const res = await window.fetch(`${urlBase}/service-token`, { method: 'GET' })
+    // const urlBase = isLocalhost
+    //   ? 'http://localhost:8080'
+    //   : 'https://api.symbols.app'
+    const urlBase = 'https://api.symbols.app'
+    const res = await window.fetch(`${urlBase}/service-token`, {
+      method: 'GET'
+    })
 
     // Attempt to parse JSON first – recent versions return `{ token: "..." }`
     // Fall back to treating the response as raw text for backward-compatibility.
@@ -87,53 +92,67 @@ const fetchServiceToken = async () => {
   }
 }
 
-const onSnapshot = (el, s, ctx) => (payload = {}) => {
-  const { data, schema } = payload
-  if (!data) return
+const onSnapshot =
+  (el, s, ctx) =>
+  (payload = {}) => {
+    let { data, schema } = payload
+    if (!data) return
+    data = el.call('deepDestringify', data, Array.isArray(data) ? [] : {})
+
+    // Overwrite high-level objects shallowly so references are preserved
+    Object.entries(data).forEach(([key, val]) => {
+      if (ctx[key] && typeof ctx[key] === 'object') {
+        overwriteShallow(ctx[key], val)
+      } else {
+        ctx[key] = val
+      }
+    })
+
+    // Optionally make schema available on ctx
+    if (schema) ctx.schema = schema
+
+    // Trigger routing so UI reflects latest data
+    const { pathname, search, hash } = ctx.window.location
+    ;(ctx.utils?.router || router)(pathname + search + hash, el, {})
+  }
 
-  // Overwrite high-level objects shallowly so references are preserved
-  Object.entries(data).forEach(([key, val]) => {
-    if (ctx[key] && typeof ctx[key] === 'object') {
-      overwriteShallow(ctx[key], val)
-    } else {
-      ctx[key] = val
+const onOps =
+  (el, s, ctx) =>
+  (payload = {}) => {
+    let { changes } = payload
+    if (!changes || !Array.isArray(changes) || !changes.length) return
+
+    changes = el.call(
+      'deepDestringify',
+      changes,
+      Array.isArray(changes) ? [] : {}
+    )
+
+    const changed = applyOpsToCtx(ctx, changes)
+
+    // React to specific top-level changes
+    if (changed.has('state')) {
+      const route = ctx.state?.route
+      if (route) {
+        el.call('router', route.replace('/state', '') || '/')
+      } else {
+        s.update(ctx.state)
+      }
     }
-  })
-
-  // Optionally make schema available on ctx
-  if (schema) ctx.schema = schema
-
-  // Trigger routing so UI reflects latest data
-  const { pathname, search, hash } = ctx.window.location
-  ;(ctx.utils?.router || router)(pathname + search + hash, el, {})
-}
-
-const onOps = (el, s, ctx) => (payload = {}) => {
-  console.log('onOps', payload)
-  const { changes } = payload
-  if (!changes || !Array.isArray(changes) || !changes.length) return
 
-  const changed = applyOpsToCtx(ctx, changes)
-
-  // React to specific top-level changes
-  if (changed.has('state')) {
-    const route = ctx.state?.route
-    if (route) {
-      ;(ctx.utils?.router || router)(route.replace('/state', '') || '/', el, {})
-    } else {
-      s.update(ctx.state)
+    if (
+      ['pages', 'components', 'snippets', 'functions'].some((k) =>
+        changed.has(k)
+      )
+    ) {
+      const { pathname, search, hash } = ctx.window.location
+      el.call('router', pathname + search + hash)
     }
-  }
-
-  if (['pages', 'components', 'snippets', 'functions'].some(k => changed.has(k))) {
-    const { pathname, search, hash } = ctx.window.location
-    ;(ctx.utils?.router || router)(pathname + search + hash, el, {})
-  }
 
-  if (changed.has('designSystem')) {
-    init(ctx.designSystem)
+    if (changed.has('designSystem')) {
+      init(ctx.designSystem)
+    }
   }
-}
 
 export const connectToSocket = async (el, s, ctx) => {
   const token = await fetchServiceToken()
@@ -144,11 +163,16 @@ export const connectToSocket = async (el, s, ctx) => {
 
   const projectKey = ctx.key
   if (!projectKey) {
-    console.warn('[sync] ctx.key missing – cannot establish collaborative connection')
+    console.warn(
+      '[sync] ctx.key missing – cannot establish collaborative connection'
+    )
     return null
   }
 
-  const socketBaseUrl = isLocalhost ? 'http://localhost:8080' : 'https://api.symbols.app'
+  const socketBaseUrl = 'https://api.symbols.app'
+  // const socketBaseUrl = isLocalhost
+  //   ? 'http://localhost:8080'
+  //   : 'https://api.symbols.app'
 
   const socket = io(socketBaseUrl, {
     path: '/collab-socket',
@@ -178,7 +202,8 @@ export const connectToSocket = async (el, s, ctx) => {
   })
 
   socket.on('disconnect', (reason) => {
-    if (ctx.editor?.verbose) console.info('[sync] Disconnected from collab socket', reason)
+    if (ctx.editor?.verbose)
+      console.info('[sync] Disconnected from collab socket', reason)
   })
 
   return socket

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/sync",
-  "version": "2.29.55",
+  "version": "2.29.57",
   "main": "index.js",
   "module": "index.js",
-  "gitHead": "7d09091d21bdf6f6668a4cba3c581406f768c0fe",
+  "gitHead": "e906d60cdc66f68af447a6c73ed09e71055cba02",
   "files": [
     "*.js",
     "dist"
@@ -29,12 +29,12 @@
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/router": "^2.29.55",
-    "@domql/utils": "^2.29.55",
-    "@symbo.ls/init": "^2.29.55",
-    "@symbo.ls/scratch": "^2.29.55",
-    "@symbo.ls/socket": "^2.29.55",
-    "@symbo.ls/uikit": "^2.29.55",
+    "@domql/router": "^2.29.57",
+    "@domql/utils": "^2.29.57",
+    "@symbo.ls/init": "^2.29.57",
+    "@symbo.ls/scratch": "^2.29.57",
+    "@symbo.ls/socket": "^2.29.57",
+    "@symbo.ls/uikit": "^2.29.57",
     "socket.io-client": "^4.8.1"
   },
   "devDependencies": {