@symbo.ls/sync 3.8.8 → 3.14.0

package/Inspect.js

@@ -1,7 +1,7 @@
 'use strict'
 
-import * as smblsUI from '@symbo.ls/uikit'
-import { isObject, isString, isArray } from '@domql/utils'
+import * as smblsUI from '@symbo.ls/default-config/components'
+import { isObject, isString, isArray } from '@symbo.ls/utils'
 import { send } from './client.js'
 
 function returnStringExtend (_extends) {

package/SyncNotifications.js

@@ -51,8 +51,9 @@ export const connectedToSymbols = (clients, element, state) => {
 
       const t = setTimeout(() => {
         delete state.notifications.connected
-        element.notifications.content.connected
-          .setProps({ animation: 'fadeOutDown' })
+        element.notifications.content.connected.update({
+          animation: 'fadeOutDown'
+        })
         state.update({ connected: true })
         clearTimeout(t)
       }, 3000)
@@ -69,8 +70,9 @@ export const connectedToSymbols = (clients, element, state) => {
       const t = setTimeout(() => {
         delete state.notifications.connected
         if (element.notifications.content.connected) {
-          element.notifications.content.connected
-            .setProps({ animation: 'fadeOutDown' })
+          element.notifications.content.connected.update({
+            animation: 'fadeOutDown'
+          })
         }
         state.update({ connected: true })
         clearTimeout(t)
@@ -103,11 +105,11 @@ export const Notifications = {
         }
       },
       onRender: (e, el, s) => {
-        el.setProps({ animation: 'fadeInUp' })
+        el.update({ animation: 'fadeInUp' })
       },
       onClick: (e, el, s) => {
         delete s.notifications[el.key]
-        el.setProps({ animation: 'fadeOutDown' })
+        el.update({ animation: 'fadeOutDown' })
         if (s.onClose) s.onClose(e, el, s)
       }
     }),

package/client.js

@@ -1,4 +1,4 @@
-import { window, isFunction, isArray } from '@domql/utils'
+import { window, isFunction, isArray } from '@symbo.ls/utils'
 import io from 'socket.io-client'
 
 const defautlOpts = {}

package/dist/cjs/Inspect.js

@@ -31,8 +31,8 @@ __export(Inspect_exports, {
   Inspect: () => Inspect
 });
 module.exports = __toCommonJS(Inspect_exports);
-var smblsUI = __toESM(require("@symbo.ls/uikit"), 1);
-var import_utils = require("@domql/utils");
+var smblsUI = __toESM(require("@symbo.ls/default-config/components"), 1);
+var import_utils = require("@symbo.ls/utils");
 var import_client = require("./client.js");
 function returnStringExtend(_extends) {
   return (0, import_utils.isString)(_extends) ? _extends : (0, import_utils.isArray)(_extends) ? _extends.find((extItem) => (0, import_utils.isString)(extItem)) : "";

package/dist/cjs/SyncNotifications.js

@@ -37,7 +37,9 @@ const connectedToSymbols = (clients, element, state) => {
       state.update({ connected: true });
       const t = setTimeout(() => {
         delete state.notifications.connected;
-        element.notifications.content.connected.setProps({ animation: "fadeOutDown" });
+        element.notifications.content.connected.update({
+          animation: "fadeOutDown"
+        });
         state.update({ connected: true });
         clearTimeout(t);
       }, 3e3);
@@ -52,7 +54,9 @@ const connectedToSymbols = (clients, element, state) => {
       const t = setTimeout(() => {
         delete state.notifications.connected;
         if (element.notifications.content.connected) {
-          element.notifications.content.connected.setProps({ animation: "fadeOutDown" });
+          element.notifications.content.connected.update({
+            animation: "fadeOutDown"
+          });
         }
         state.update({ connected: true });
         clearTimeout(t);
@@ -83,11 +87,11 @@ const Notifications = {
         }
       },
       onRender: (e, el, s) => {
-        el.setProps({ animation: "fadeInUp" });
+        el.update({ animation: "fadeInUp" });
       },
       onClick: (e, el, s) => {
         delete s.notifications[el.key];
-        el.setProps({ animation: "fadeOutDown" });
+        el.update({ animation: "fadeOutDown" });
         if (s.onClose) s.onClose(e, el, s);
       }
     }),

package/dist/cjs/client.js

@@ -32,7 +32,7 @@ __export(client_exports, {
   send: () => send
 });
 module.exports = __toCommonJS(client_exports);
-var import_utils = require("@domql/utils");
+var import_utils = require("@symbo.ls/utils");
 var import_socket = __toESM(require("socket.io-client"), 1);
 const defautlOpts = {};
 let CONNECT_ATTEPT = 0;

package/dist/cjs/index.js

@@ -24,10 +24,10 @@ __export(index_exports, {
   connectToSocket: () => connectToSocket
 });
 module.exports = __toCommonJS(index_exports);
-var import_router = require("@domql/router");
+var import_router = require("@symbo.ls/router");
 var import_init = require("smbls/src/init.js");
 var import_socket = require("socket.io-client");
-var import_utils = require("@domql/utils");
+var import_utils = require("@symbo.ls/utils");
 var import_SyncNotifications = require("./SyncNotifications");
 var import_Inspect = require("./Inspect");
 const isLocal = process.env.NODE_ENV === "local";

package/dist/cjs/server.js

@@ -38,7 +38,7 @@ var import_express = __toESM(require("express"), 1);
 var import_http = __toESM(require("http"), 1);
 var import_socket = require("socket.io");
 var import_module = require("module");
-var utils = __toESM(require("@domql/utils"), 1);
+var utils = __toESM(require("@symbo.ls/utils"), 1);
 const import_meta = {};
 const { overwriteDeep } = utils.default || utils;
 const require2 = (0, import_module.createRequire)(import_meta.url);

package/dist/esm/Inspect.js

@@ -1,5 +1,5 @@
-import * as smblsUI from "@symbo.ls/uikit";
-import { isObject, isString, isArray } from "@domql/utils";
+import * as smblsUI from "@symbo.ls/default-config/components";
+import { isObject, isString, isArray } from "@symbo.ls/utils";
 import { send } from "./client.js";
 function returnStringExtend(_extends) {
   return isString(_extends) ? _extends : isArray(_extends) ? _extends.find((extItem) => isString(extItem)) : "";

package/dist/esm/SyncNotifications.js

@@ -13,7 +13,9 @@ const connectedToSymbols = (clients, element, state) => {
       state.update({ connected: true });
       const t = setTimeout(() => {
         delete state.notifications.connected;
-        element.notifications.content.connected.setProps({ animation: "fadeOutDown" });
+        element.notifications.content.connected.update({
+          animation: "fadeOutDown"
+        });
         state.update({ connected: true });
         clearTimeout(t);
       }, 3e3);
@@ -28,7 +30,9 @@ const connectedToSymbols = (clients, element, state) => {
       const t = setTimeout(() => {
         delete state.notifications.connected;
         if (element.notifications.content.connected) {
-          element.notifications.content.connected.setProps({ animation: "fadeOutDown" });
+          element.notifications.content.connected.update({
+            animation: "fadeOutDown"
+          });
         }
         state.update({ connected: true });
         clearTimeout(t);
@@ -59,11 +63,11 @@ const Notifications = {
         }
       },
       onRender: (e, el, s) => {
-        el.setProps({ animation: "fadeInUp" });
+        el.update({ animation: "fadeInUp" });
       },
       onClick: (e, el, s) => {
         delete s.notifications[el.key];
-        el.setProps({ animation: "fadeOutDown" });
+        el.update({ animation: "fadeOutDown" });
         if (s.onClose) s.onClose(e, el, s);
       }
     }),

package/dist/esm/client.js

@@ -1,4 +1,4 @@
-import { window, isFunction, isArray } from "@domql/utils";
+import { window, isFunction, isArray } from "@symbo.ls/utils";
 import io from "socket.io-client";
 const defautlOpts = {};
 let CONNECT_ATTEPT = 0;

package/dist/esm/index.js

@@ -1,7 +1,7 @@
-import { router } from "@domql/router";
+import { router } from "@symbo.ls/router";
 import { init } from "smbls/src/init.js";
 import { io } from "socket.io-client";
-import { window, overwriteShallow, overwriteDeep } from "@domql/utils";
+import { window, overwriteShallow, overwriteDeep } from "@symbo.ls/utils";
 import { connectedToSymbols, Notifications } from "./SyncNotifications";
 import { Inspect } from "./Inspect";
 const isLocal = process.env.NODE_ENV === "local";

package/dist/esm/server.js

@@ -5,7 +5,7 @@ import express from "express";
 import http from "http";
 import { Server } from "socket.io";
 import { createRequire } from "module";
-import * as utils from "@domql/utils";
+import * as utils from "@symbo.ls/utils";
 const { overwriteDeep } = utils.default || utils;
 const require2 = createRequire(import.meta.url);
 const DES_SYS_DEFAULT_FILE = require2("./dynamic.json");

package/dist/iife/index.js

@@ -42,10 +42,10 @@ var SmblsSync = (() => {
     SyncComponent: () => SyncComponent,
     connectToSocket: () => connectToSocket
   });
-  var import_router = __require("@domql/router");
+  var import_router = __require("@symbo.ls/router");
   var import_init = __require("smbls/src/init.js");
   var import_socket2 = __require("socket.io-client");
-  var import_utils3 = __require("@domql/utils");
+  var import_utils3 = __require("@symbo.ls/utils");
 
   // SyncNotifications.js
   var NOTIF_COLORS = {
@@ -63,7 +63,9 @@ var SmblsSync = (() => {
         state.update({ connected: true });
         const t = setTimeout(() => {
           delete state.notifications.connected;
-          element.notifications.content.connected.setProps({ animation: "fadeOutDown" });
+          element.notifications.content.connected.update({
+            animation: "fadeOutDown"
+          });
           state.update({ connected: true });
           clearTimeout(t);
         }, 3e3);
@@ -78,7 +80,9 @@ var SmblsSync = (() => {
         const t = setTimeout(() => {
           delete state.notifications.connected;
           if (element.notifications.content.connected) {
-            element.notifications.content.connected.setProps({ animation: "fadeOutDown" });
+            element.notifications.content.connected.update({
+              animation: "fadeOutDown"
+            });
           }
           state.update({ connected: true });
           clearTimeout(t);
@@ -109,11 +113,11 @@ var SmblsSync = (() => {
           }
         },
         onRender: (e, el, s) => {
-          el.setProps({ animation: "fadeInUp" });
+          el.update({ animation: "fadeInUp" });
         },
         onClick: (e, el, s) => {
           delete s.notifications[el.key];
-          el.setProps({ animation: "fadeOutDown" });
+          el.update({ animation: "fadeOutDown" });
           if (s.onClose) s.onClose(e, el, s);
         }
       }),
@@ -124,11 +128,11 @@ var SmblsSync = (() => {
   };
 
   // Inspect.js
-  var smblsUI = __toESM(__require("@symbo.ls/uikit"), 1);
-  var import_utils2 = __require("@domql/utils");
+  var smblsUI = __toESM(__require("@symbo.ls/default-config/components"), 1);
+  var import_utils2 = __require("@symbo.ls/utils");
 
   // client.js
-  var import_utils = __require("@domql/utils");
+  var import_utils = __require("@symbo.ls/utils");
   var import_socket = __toESM(__require("socket.io-client"), 1);
   var defautlOpts = {};
   function send(event = "change", changes, options) {

package/index.js

@@ -1,7 +1,7 @@
-import { router } from '@domql/router'
+import { router } from '@symbo.ls/router'
 import { init } from 'smbls/src/init.js'
 import { io } from 'socket.io-client'
-import { window, overwriteShallow, overwriteDeep } from '@domql/utils'
+import { window, overwriteShallow, overwriteDeep } from '@symbo.ls/utils'
 import { connectedToSymbols, Notifications } from './SyncNotifications'
 import { Inspect } from './Inspect'
 export { Inspect, Notifications }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/sync",
-  "version": "3.8.8",
+  "version": "3.14.0",
   "main": "./index.js",
   "module": "./index.js",
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
@@ -11,28 +11,14 @@
   ],
   "repository": "https://github.com/symbo-ls/scratch",
   "type": "module",
+  "license": "CC-BY-NC-4.0",
   "unpkg": "./dist/iife/index.js",
   "jsdelivr": "./dist/iife/index.js",
   "exports": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.js"
-    },
-    "./client": {
-      "import": "./client.js",
-      "require": "./client.js"
-    },
-    "./server": {
-      "import": "./server.js"
-    },
-    "./*.js": {
-      "import": "./dist/esm/*.js",
-      "require": "./dist/cjs/*.js"
-    },
-    "./*": {
-      "import": "./dist/esm/*.js",
-      "require": "./dist/cjs/*.js"
-    }
+    ".": "./index.js",
+    "./client": "./client.js",
+    "./server": "./server.js",
+    "./package.json": "./package.json"
   },
   "source": "index.js",
   "publishConfig": {
@@ -40,17 +26,17 @@
   },
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "cross-env NODE_ENV=$NODE_ENV esbuild *.js --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:cjs": "cross-env NODE_ENV=$NODE_ENV esbuild *.js --target=node18 --format=cjs --outdir=dist/cjs --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:iife": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=SmblsSync --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV --external:smbls --external:@domql/* --external:@symbo.ls/* --external:socket.io-client --external:socket.io --external:express --external:css-in-props",
+    "build:esm": "NODE_ENV=$NODE_ENV esbuild *.js --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
+    "build:cjs": "NODE_ENV=$NODE_ENV esbuild *.js --target=node18 --format=cjs --outdir=dist/cjs --define:process.env.NODE_ENV=process.env.NODE_ENV",
+    "build:iife": "NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=SmblsSync --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV --external:smbls --external:@symbo.ls/* --external:@symbo.ls/* --external:socket.io-client --external:socket.io --external:express --external:css-in-props",
     "build": "node ../../build/build.js",
     "prepublish": "npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/router": "^3.8.8",
-    "@domql/utils": "^3.8.8",
-    "@symbo.ls/scratch": "^3.8.8",
-    "@symbo.ls/uikit": "^3.8.8",
+    "@symbo.ls/router": "^3.14.0",
+    "@symbo.ls/utils": "^3.14.0",
+    "@symbo.ls/scratch": "^3.14.0",
+    "@symbo.ls/default-config": "^3.14.0",
     "chalk": "^5.4.1",
     "express": "^4.21.2",
     "socket.io": "^4.8.1",
@@ -59,6 +45,6 @@
   "devDependencies": {
     "@babel/core": "^7.26.0"
   },
-  "browser": "./dist/esm/index.js",
+  "browser": "./index.js",
   "sideEffects": false
 }

package/server.js

@@ -6,7 +6,7 @@ import express from 'express'
 import http from 'http'
 import { Server } from 'socket.io'
 import { createRequire } from 'module'
-import * as utils from '@domql/utils'
+import * as utils from '@symbo.ls/utils'
 const { overwriteDeep } = utils.default || utils
 
 const require = createRequire(import.meta.url)