@symbo.ls/sync 2.27.0 → 2.27.8

package/dist/cjs/Inspect.js

@@ -38,22 +38,19 @@ function returnStringExtend(extend) {
   return (0, import_utils.isString)(extend) ? extend : (0, import_utils.isArray)(extend) ? extend.find((extItem) => (0, import_utils.isString)(extItem)) : "";
 }
 function getComponentKey(el) {
-  if (!el)
-    return;
+  if (!el) return;
   const __componentKey = el.__ref.__componentKey;
   const extendStr = el.extend && returnStringExtend(el.extend);
   const parentChildExtendStr = el.parent && el.parent.childExtend && returnStringExtend(el.parent.childExtend);
   return (__componentKey || extendStr || parentChildExtendStr || "").split("_")[0].split(".")[0].split("+")[0];
 }
 function findComponent(el) {
-  if (!el || !el.__ref)
-    return;
+  if (!el || !el.__ref) return;
   const { components, pages, editor } = el.context;
   const componentKey = getComponentKey(el);
   if (editor && editor.onInitInspect) {
     const initInspectReturns = editor.onInitInspect(componentKey, el, el.state);
-    if (!initInspectReturns)
-      return findComponent(el.parent);
+    if (!initInspectReturns) return findComponent(el.parent);
   }
   if (componentKey && (components[componentKey] || pages[componentKey])) {
     return el;
@@ -91,8 +88,7 @@ const Inspect = {
       const el = ev.target.ref;
       const component = findComponent(el);
       const focusState = e.Inspector.state;
-      if (!component || !state.debugging || !component.__ref)
-        return focusState.update({ area: false });
+      if (!component || !state.debugging || !component.__ref) return focusState.update({ area: false });
       const componentKey = getComponentKey(component);
       const updateValue = (area) => {
         focusState.update({ area, focusKey: componentKey });
@@ -101,10 +97,8 @@ const Inspect = {
         if (ev.altKey && ev.shiftKey) {
           const { x, y, width, height } = component.node.getBoundingClientRect();
           const area = { x, y, width, height };
-          if (!focusState.area)
-            return updateValue(area);
-          if (focusState.area.x !== area.x)
-            updateValue(area);
+          if (!focusState.area) return updateValue(area);
+          if (focusState.area.x !== area.x) updateValue(area);
         } else if (focusState.area) {
           focusState.update({ area: false });
         }
@@ -115,15 +109,12 @@ const Inspect = {
       });
     },
     onMousedown: (ev, elem, state) => {
-      if (!state.debugging)
-        return;
+      if (!state.debugging) return;
       const el = ev.target.ref;
       const component = findComponent(el);
-      if (!component)
-        return;
+      if (!component) return;
       const componentKey = getComponentKey(component);
-      if (!componentKey)
-        return;
+      if (!componentKey) return;
       const editor = el.context.editor;
       if (editor && editor.onInspect) {
         return editor.onInspect(componentKey, el, el.state, { allowRouterWhileInspect: true });
@@ -175,10 +166,8 @@ const Inspect = {
         if ((0, import_utils.isObject)(components)) {
           const { Content, ...rest } = components;
           for (const key in rest) {
-            if (smblsUI[key])
-              continue;
-            if (!rest[key].__ref)
-              rest[key].__ref = {};
+            if (smblsUI[key]) continue;
+            if (!rest[key].__ref) rest[key].__ref = {};
             if (!rest[key].__ref.__componentKey) {
               rest[key].__ref.__componentKey = key;
             }

package/dist/cjs/SyncNotifications.js

@@ -88,8 +88,7 @@ const Notifications = {
       onClick: (e, el, s) => {
         delete s.notifications[el.key];
         el.setProps({ animation: "fadeOutDown" });
-        if (s.onClose)
-          s.onClose(e, el, s);
+        if (s.onClose) s.onClose(e, el, s);
       }
     }),
     IconText: null,

package/dist/cjs/index.js

@@ -16,15 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var sync_exports = {};
-__export(sync_exports, {
+var index_exports = {};
+__export(index_exports, {
   DefaultSyncApp: () => DefaultSyncApp,
   Inspect: () => import_Inspect.Inspect,
   Notifications: () => import_SyncNotifications.Notifications,
   SyncComponent: () => SyncComponent,
   connectToSocket: () => connectToSocket
 });
-module.exports = __toCommonJS(sync_exports);
+module.exports = __toCommonJS(index_exports);
 var import_router = require("@domql/router");
 var import_init = require("@symbo.ls/init");
 var import_client = require("@symbo.ls/socket/client");
@@ -44,8 +44,7 @@ const onChange = (el, s, ctx) => {
   return (event, data) => {
     if (event === "change") {
       const obj = JSON.parse(data);
-      if (!(obj == null ? void 0 : obj.DATA))
-        return;
+      if (!(obj == null ? void 0 : obj.DATA)) return;
       const { state, designSystem, pages, components, snippets, functions } = obj.DATA;
       const { utils } = ctx;
       if (pages) {
@@ -62,17 +61,14 @@ const onChange = (el, s, ctx) => {
       }
       if (state) {
         const route = state.route;
-        if (route)
-          (utils.router || import_router.router)(route.replace("/state", "") || "/", el, {});
-        else if (!(snippets && functions && components && pages))
-          s.update(state);
+        if (route) (utils.router || import_router.router)(route.replace("/state", "") || "/", el, {});
+        else if (!(snippets && functions && components && pages)) s.update(state);
       }
       if (snippets || functions || components || pages) {
         const { pathname, search, hash } = ctx.window.location;
         (utils.router || import_router.router)(pathname + search + hash, el, {});
       }
-      if (designSystem)
-        (0, import_init.init)(designSystem);
+      if (designSystem) (0, import_init.init)(designSystem);
     }
     if (ctx.editor.verbose && event === "clients") {
       (0, import_SyncNotifications.connectedToSymbols)(data, el, s);

package/dist/esm/Inspect.js

@@ -20,22 +20,19 @@ function returnStringExtend(extend) {
   return isString(extend) ? extend : isArray(extend) ? extend.find((extItem) => isString(extItem)) : "";
 }
 function getComponentKey(el) {
-  if (!el)
-    return;
+  if (!el) return;
   const __componentKey = el.__ref.__componentKey;
   const extendStr = el.extend && returnStringExtend(el.extend);
   const parentChildExtendStr = el.parent && el.parent.childExtend && returnStringExtend(el.parent.childExtend);
   return (__componentKey || extendStr || parentChildExtendStr || "").split("_")[0].split(".")[0].split("+")[0];
 }
 function findComponent(el) {
-  if (!el || !el.__ref)
-    return;
+  if (!el || !el.__ref) return;
   const { components, pages, editor } = el.context;
   const componentKey = getComponentKey(el);
   if (editor && editor.onInitInspect) {
     const initInspectReturns = editor.onInitInspect(componentKey, el, el.state);
-    if (!initInspectReturns)
-      return findComponent(el.parent);
+    if (!initInspectReturns) return findComponent(el.parent);
   }
   if (componentKey && (components[componentKey] || pages[componentKey])) {
     return el;
@@ -73,8 +70,7 @@ const Inspect = {
       const el = ev.target.ref;
       const component = findComponent(el);
       const focusState = e.Inspector.state;
-      if (!component || !state.debugging || !component.__ref)
-        return focusState.update({ area: false });
+      if (!component || !state.debugging || !component.__ref) return focusState.update({ area: false });
       const componentKey = getComponentKey(component);
       const updateValue = (area) => {
         focusState.update({ area, focusKey: componentKey });
@@ -83,10 +79,8 @@ const Inspect = {
         if (ev.altKey && ev.shiftKey) {
           const { x, y, width, height } = component.node.getBoundingClientRect();
           const area = { x, y, width, height };
-          if (!focusState.area)
-            return updateValue(area);
-          if (focusState.area.x !== area.x)
-            updateValue(area);
+          if (!focusState.area) return updateValue(area);
+          if (focusState.area.x !== area.x) updateValue(area);
         } else if (focusState.area) {
           focusState.update({ area: false });
         }
@@ -97,15 +91,12 @@ const Inspect = {
       });
     },
     onMousedown: (ev, elem, state) => {
-      if (!state.debugging)
-        return;
+      if (!state.debugging) return;
       const el = ev.target.ref;
       const component = findComponent(el);
-      if (!component)
-        return;
+      if (!component) return;
       const componentKey = getComponentKey(component);
-      if (!componentKey)
-        return;
+      if (!componentKey) return;
       const editor = el.context.editor;
       if (editor && editor.onInspect) {
         return editor.onInspect(componentKey, el, el.state, { allowRouterWhileInspect: true });
@@ -157,10 +148,8 @@ const Inspect = {
         if (isObject(components)) {
           const _a = components, { Content } = _a, rest = __objRest(_a, ["Content"]);
           for (const key in rest) {
-            if (smblsUI[key])
-              continue;
-            if (!rest[key].__ref)
-              rest[key].__ref = {};
+            if (smblsUI[key]) continue;
+            if (!rest[key].__ref) rest[key].__ref = {};
             if (!rest[key].__ref.__componentKey) {
               rest[key].__ref.__componentKey = key;
             }

package/dist/esm/SyncNotifications.js

@@ -64,8 +64,7 @@ const Notifications = {
       onClick: (e, el, s) => {
         delete s.notifications[el.key];
         el.setProps({ animation: "fadeOutDown" });
-        if (s.onClose)
-          s.onClose(e, el, s);
+        if (s.onClose) s.onClose(e, el, s);
       }
     }),
     IconText: null,

package/dist/esm/index.js

@@ -17,8 +17,7 @@ const onChange = (el, s, ctx) => {
   return (event, data) => {
     if (event === "change") {
       const obj = JSON.parse(data);
-      if (!(obj == null ? void 0 : obj.DATA))
-        return;
+      if (!(obj == null ? void 0 : obj.DATA)) return;
       const { state, designSystem, pages, components, snippets, functions } = obj.DATA;
       const { utils } = ctx;
       if (pages) {
@@ -35,17 +34,14 @@ const onChange = (el, s, ctx) => {
       }
       if (state) {
         const route = state.route;
-        if (route)
-          (utils.router || router)(route.replace("/state", "") || "/", el, {});
-        else if (!(snippets && functions && components && pages))
-          s.update(state);
+        if (route) (utils.router || router)(route.replace("/state", "") || "/", el, {});
+        else if (!(snippets && functions && components && pages)) s.update(state);
       }
       if (snippets || functions || components || pages) {
         const { pathname, search, hash } = ctx.window.location;
         (utils.router || router)(pathname + search + hash, el, {});
       }
-      if (designSystem)
-        init(designSystem);
+      if (designSystem) init(designSystem);
     }
     if (ctx.editor.verbose && event === "clients") {
       connectedToSymbols(data, el, s);

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/sync",
-  "version": "2.27.0",
+  "version": "2.27.8",
   "main": "index.js",
   "module": "index.js",
-  "gitHead": "40a924693178a7d7b9e94aac0282b9d31602eca7",
+  "gitHead": "e783fd54228d5c7aaab9d4b5624199a17a6c4713",
   "files": [
     "*.js",
     "dist"
@@ -22,19 +22,19 @@
   "publishConfig": {},
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "npx esbuild *.js --target=es2017 --format=esm --outdir=dist/esm --loader:.svg=text",
-    "build:cjs": "npx esbuild *.js --target=node16 --format=cjs --outdir=dist/cjs --loader:.svg=text",
-    "build:iife": "npx esbuild ./index.js --target=es2017 --format=iife --outdir=dist/iife --loader:.svg=text --bundle --minify",
+    "build:esm": "cross-env NODE_ENV=$NODE_ENV npx esbuild *.js --target=es2017 --format=esm --outdir=dist/esm --loader:.svg=text",
+    "build:cjs": "cross-env NODE_ENV=$NODE_ENV npx esbuild *.js --target=node16 --format=cjs --outdir=dist/cjs --loader:.svg=text",
+    "build:iife": "cross-env NODE_ENV=$NODE_ENV npx esbuild ./index.js --target=es2017 --format=iife --outdir=dist/iife --loader:.svg=text --bundle --minify",
     "build": "npm run build:esm; npm run build:cjs",
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/router": "^2.27.0",
-    "@domql/utils": "^2.27.0",
-    "@symbo.ls/init": "^2.27.0",
-    "@symbo.ls/scratch": "^2.27.0",
-    "@symbo.ls/socket": "^2.27.0",
-    "@symbo.ls/uikit": "^2.27.0"
+    "@domql/router": "^2.27.8",
+    "@domql/utils": "^2.27.8",
+    "@symbo.ls/init": "^2.27.8",
+    "@symbo.ls/scratch": "^2.27.8",
+    "@symbo.ls/socket": "^2.27.8",
+    "@symbo.ls/uikit": "^2.27.8"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0"