@rpgjs/client 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/index22.js

@@ -1,109 +1,9 @@
-import { useProps, useDefineProps, signal, animatedSignal, computed, trigger, mount, effect, h, Container, Rect, cond, Text } from 'canvasengine';
-import component$1 from './index37.js';
-import { inject } from './index6.js';
-import { RpgClientEngine } from './index2.js';
+const WebSocketToken = "websocket";
+class AbstractWebsocket {
+  constructor(context) {
+    this.context = context;
+  }
+}
 
-function component($$props) {
-        useProps($$props);
-        const defineProps = useDefineProps($$props);
-        var _a = defineProps(), message = _a.message, _choices = _a.choices, onFinish = _a.onFinish; _a.onInteraction;
-var client = inject(RpgClientEngine);
-var keyboardControls = client.globalConfig.keyboardControls;
-client.stopProcessingInput = true;
-var isDestroyed = false;
-var texts = [message()];
-var height = signal(250);
-var isTextCompleted = signal(false);
-var border = signal({ width: 5, color: "#595971" });
-var shadow = signal({ color: "#000", blur: 10, offsetX: 10, offsetY: 10 });
-var contentOpacity = animatedSignal(0, {
-    duration: 1000,
-});
-var scaleX = animatedSignal(0, {
-    duration: 500,
-});
-scaleX.set(1);
-contentOpacity.set(1);
-var currentTextIndex = signal(0);
-var currentText = computed(function () { var _a; return (_a = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex()]) !== null && _a !== void 0 ? _a : ''; });
-var isChoiceDisplayed = signal(false);
-var text = computed(function () {
-    var current = currentText();
-    return typeof current === "string" ? current : current.text;
-});
-var choices = computed(function () {
-    //const current = currentText();
-    //return typeof current === "string" ? null : current.choices;
-    return _choices;
-});
-var visibleSelection = computed(function () { return isChoiceDisplayed() && choices().length != 0; });
-var triggerSkip = trigger();
-var typewriter = {
-    speed: 0.3,
-    skip: triggerSkip,
-    onComplete: function () {
-        isTextCompleted.set(true);
-    }
-};
-var textStyle = {
-    wordWrap: true,
-    wordWrapWidth: 700 - 256 - 80
-};
-signal({ x: 0, y: 0, width: 256, height: 256 });
-mount(function (element) {
-    var dialogbox = element.props.children[0];
-    return function () {
-        dialogbox.directives.controls.onDestroy();
-        isDestroyed = true;
-        // Wait destroy is finished before start processing input
-        setTimeout(function () {
-            client.stopProcessingInput = false;
-        }, 500);
-    };
-});
-var controls = signal({
-    next: {
-        bind: keyboardControls.action,
-        keyDown: function (e) {
-            if (isDestroyed)
-                return;
-            if (isChoiceDisplayed()) {
-                // If choices are displayed, do nothing (wait for selection)
-                return;
-            }
-            // If text is still typing, just skip (fast forward) the animation
-            if (!isTextCompleted()) {
-                triggerSkip.start();
-                isTextCompleted.set(true);
-            }
-            else {
-                var isFinished = currentTextIndex() === texts.length - 1;
-                currentTextIndex.update(function (index) {
-                    if (index < texts.length - 1) {
-                        return index + 1;
-                    }
-                    return index;
-                });
-                isChoiceDisplayed.set(false);
-                isTextCompleted.set(false);
-                if (isFinished && onFinish) {
-                    onFinish();
-                }
-            }
-        },
-    },
-});
-var onSelect = function (index) {
-    onFinish(index);
-};
-effect(function () {
-    if (choices().length != 0) {
-        isChoiceDisplayed.set(true);
-    }
-});
-        let $this = h(Container, { justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }, h(Container, { ref: 'dialogbox', scale: { x: scaleX }, anchor: [0.5, 0.5], width: 700, height, controls, positionType: 'absolute', bottom: 10 }, [h(Rect, { width: 700, height: 250, color: '#1a1a2e' }), h(Rect, { x: 0, y: 0, width: 700, height, color: '#1a1a2e', alpha: 0.9, borderRadius: 10, border, shadow }), h(Container, { flexDirection: 'row', width: 700, height, alpha: contentOpacity }, h(Container, { flexDirection: 'column' }, [h(Text, { text, color: '#fff', fontSize: 18, margin: 40, typewriter, style: textStyle }), cond(visibleSelection, () => h(component$1, { selectedIndex: 0, items: choices, onSelect }))]))]));
-        return $this
-      }
-
-export { component as default };
+export { AbstractWebsocket, WebSocketToken };
 //# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":["../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<Container justifyContent=\"center\" alignItems=\"center\" width=\"100%\" height=\"100%\">\n  <Container\n    ref=\"dialogbox\"\n    scale={{ x: scaleX }}\n    anchor={[0.5, 0.5]}\n    width={700}\n    height\n    controls\n    positionType=\"absolute\"\n    bottom={10}\n  >\n  <Rect width={700} height={250} color=\"#1a1a2e\" />\n    <Rect\n      x={0}\n      y={0}\n      width={700}\n      height\n      color=\"#1a1a2e\"\n      alpha={0.9}\n      borderRadius={10}\n      border\n      shadow\n    />\n      <Container\n        flexDirection=\"row\"\n        width={700}\n        height\n        alpha={contentOpacity}\n      >\n        <Container flexDirection=\"column\">\n          <Text\n            text\n            color=\"#fff\"\n            fontSize={18}\n            margin={40}\n            typewriter\n            style={textStyle}\n          />\n          @if (visibleSelection) {\n            <Selection selectedIndex={0} items={choices} onSelect />\n          }\n        </Container>\n    </Container>\n</Container>  \n\n  \n</Container>\n<script>\n  import Selection from './selection.ce'\n\n  import {\n    animatedSignal,\n    computed,\n    effect,\n    signal,\n    trigger,\n    mount\n  } from \"canvasengine\";\n\n  import { inject } from \"../../../core/inject\";\n  import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n  const {\n    message,\n    choices: _choices,\n    onFinish,\n    onInteraction\n  } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  client.stopProcessingInput = true;\n  let isDestroyed = false;\n\n  const texts = [message()]\n  const height = signal(250);\n  const isTextCompleted = signal(false);\n\n  const drawSpeaker = (g) => {\n    g.beginFill(0xffa500); // Orange color\n    g.lineStyle(2, 0x000000); // Black border\n    g.moveTo(0, 0);\n    g.lineTo(70, 0);\n    g.lineTo(80, 15);\n    g.lineTo(70, 30);\n    g.lineTo(0, 30);\n    g.lineTo(0, 0);\n    g.endFill();\n  };\n\n  const border = signal({ width: 5, color: \"#595971\" });\n  const shadow = signal({ color: \"#000\", blur: 10, offsetX: 10, offsetY: 10 });\n\n  const contentOpacity = animatedSignal(0, {\n    duration: 1000,\n  });\n\n  const scaleX = animatedSignal(0, {\n    duration: 500,\n  });\n\n  scaleX.set(1);\n  contentOpacity.set(1);\n\n  const currentTextIndex = signal(0);\n  const currentText = computed(() => texts?.[currentTextIndex()] ?? '');\n  const isChoiceDisplayed = signal(false);\n\n  const text = computed(() => {\n    const current = currentText();\n    return typeof current === \"string\" ? current : current.text;\n  });\n\n  const choices = computed(() => {\n    //const current = currentText();\n    //return typeof current === \"string\" ? null : current.choices;\n    return _choices;\n  });\n\n  const visibleSelection = computed(() => isChoiceDisplayed() && choices().length != 0)\n\n  const triggerSkip = trigger();\n\n  const typewriter = {\n    speed: 0.3,\n    skip: triggerSkip,\n    onComplete: () => {\n      isTextCompleted.set(true);\n    }\n  }\n\n  const textStyle = {\n    wordWrap: true,\n    wordWrapWidth: 700 - 256 - 80\n  }\n\n  const face = signal({ x: 0, y: 0, width: 256, height: 256 });\n\n  mount((element) => {\n    const [dialogbox] = element.props.children\n    return () => {\n      dialogbox.directives.controls.onDestroy()\n      isDestroyed = true;\n      // Wait destroy is finished before start processing input\n      setTimeout(() => {\n        client.stopProcessingInput = false;\n      }, 500)\n    }\n  })\n\n  const controls = signal({\n    next: {\n      bind: keyboardControls.action,\n      keyDown(e) {\n        if (isDestroyed) return;\n        if (isChoiceDisplayed()) {\n          // If choices are displayed, do nothing (wait for selection)\n          return;\n        }\n\n        // If text is still typing, just skip (fast forward) the animation\n        if (!isTextCompleted()) {\n          triggerSkip.start();\n          isTextCompleted.set(true);\n        }\n        else {\n          const isFinished = currentTextIndex() === texts.length - 1;\n          currentTextIndex.update((index) => {\n            if (index < texts.length - 1) {\n              return index + 1;\n            }\n            return index;\n          });\n          isChoiceDisplayed.set(false);\n          isTextCompleted.set(false);\n          if (isFinished && onFinish) {\n            onFinish();\n          } \n        }\n      },\n    },\n  });\n\n  const onSelect = (index) => {\n    onFinish(index);\n  }\n  \n  effect(() => {\n    if (choices().length != 0) {\n      isChoiceDisplayed.set(true);\n    }\n  });\n</script>"],"names":["Selection"],"mappings":"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"}
+{"version":3,"file":"index22.js","sources":["../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport abstract class AbstractWebsocket {\n  constructor(protected context: Context) {}\n\n  abstract connection(listeners?: (data: any) => void): Promise<void>;\n  abstract emit(event: string, data: any): void;\n  abstract on(event: string, callback: (data: any) => void): void;\n  abstract off(event: string, callback: (data: any) => void): void;\n  abstract updateProperties(params: { room: string, host?: string }): void;\n  abstract reconnect(listeners?: (data: any) => void): void;\n}\n"],"names":[],"mappings":"AAEO,MAAM,cAAA,GAAiB;AAEvB,MAAe,iBAAA,CAAkB;AAAA,EACtC,YAAsB,OAAA,EAAkB;AAAlB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAAA,EAAmB;AAQ3C;;;;"}

package/dist/index23.js

@@ -1,71 +1,400 @@
-import { useProps, useDefineProps, animatedSignal, signal, mount, tick, h, Text } from 'canvasengine';
-import { Direction } from '@rpgjs/common';
+import { __name } from './index34.js';
+import { isSignal, isComputed, isObjectSubject, isArraySubject } from './index35.js';
 
-function component($$props) {
-        useProps($$props);
-        const defineProps = useDefineProps($$props);
-        var _a = defineProps({
-    duration: {
-        default: 1000
-    },
-    color: {
-        default: 'black'
-    }
-}), text = _a.text, direction = _a.direction, onFinish = _a.onFinish, duration = _a.duration, color = _a.color, positionX = _a.x, positionY = _a.y;
-var scale = animatedSignal(1, {
-    duration: duration(),
-});
-var randomPosition = function () { return Math.floor(Math.random() * 60); };
-var initialY = randomPosition();
-var x = signal(positionX());
-var y = signal(positionY() - initialY);
-var velocityX = 0;
-var velocityY = 0;
-var speed = 200;
-switch (direction()) {
-    case Direction.Left:
-        velocityX = speed;
-        break;
-    case Direction.Right:
-        velocityX = -200;
-        break;
-    case Direction.Up:
-        velocityY = speed;
-        break;
-    case Direction.Down:
-        velocityY = -200;
-        break;
-}
-velocityX += (Math.random() - 0.5) * 100;
-velocityY += (Math.random() - 0.5) * 100;
-var gravity = 500;
-var deceleration = 0.98;
-mount(function () {
-    scale.set(0.1);
-});
-var elapsedTime = 0;
-tick(function (_a) {
-    var deltaTime = _a.deltaTime;
-    elapsedTime += deltaTime;
-    if (elapsedTime < duration()) {
-        // Update position
-        x.update(function (x) { return x + (velocityX * deltaTime) / 1000; });
-        y.update(function (y) { return y + (velocityY * deltaTime) / 1000; });
-        // Apply gravity
-        velocityY += (gravity * deltaTime) / 1000;
-        // Apply deceleration
-        velocityX *= deceleration;
-        velocityY *= deceleration;
-    }
-    else {
-        if (onFinish) {
-            onFinish();
+// src/utils.ts
+function isFunction(val) {
+  return {}.toString.call(val) === "[object Function]";
+}
+__name(isFunction, "isFunction");
+function isClass(obj) {
+  return typeof obj === "function" && obj.prototype && obj.prototype.constructor === obj;
+}
+__name(isClass, "isClass");
+var isObject = /* @__PURE__ */ __name((item) => item && typeof item === "object" && !Array.isArray(item) && item !== null, "isObject");
+function isInstanceOfClass(value) {
+  if (value === null || typeof value !== "object" || value === void 0 || Array.isArray(value)) {
+    return false;
+  }
+  return Object.getPrototypeOf(value) !== Object.prototype;
+}
+__name(isInstanceOfClass, "isInstanceOfClass");
+function generateShortUUID() {
+  const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let uuid = "";
+  for (let i = 0; i < 8; i++) {
+    const randomIndex = Math.floor(Math.random() * chars.length);
+    uuid += chars[randomIndex];
+  }
+  return uuid;
+}
+__name(generateShortUUID, "generateShortUUID");
+
+// src/core.ts
+var DELETE_TOKEN = "$delete";
+var syncClass = /* @__PURE__ */ __name((instance, options = {}) => {
+  const cacheSync = /* @__PURE__ */ new Map();
+  const cachePersist = /* @__PURE__ */ new Map();
+  instance.$valuesChanges = {
+    set: /* @__PURE__ */ __name((path, value) => {
+      cacheSync.set(path, value);
+      options.onSync?.(cacheSync);
+    }, "set"),
+    setPersist: /* @__PURE__ */ __name((path, value) => {
+      if (path == "") path = ".";
+      cachePersist.set(path, value);
+      options.onPersist?.(cachePersist);
+    }, "setPersist"),
+    has: /* @__PURE__ */ __name((path) => {
+      return cacheSync.has(path);
+    }, "has"),
+    get: /* @__PURE__ */ __name((path) => {
+      return cacheSync.get(path);
+    }, "get")
+  };
+  createSyncClass(instance);
+}, "syncClass");
+function createStatesSnapshot(instance) {
+  let persistObject = {};
+  if (instance?.$snapshot) {
+    for (const key of instance.$snapshot.keys()) {
+      const signal = instance.$snapshot.get(key);
+      const persist2 = signal.options.persist ?? true;
+      let value = signal();
+      if (isObject(value) || Array.isArray(value)) {
+        continue;
+      }
+      if (persist2) {
+        persistObject[key] = value;
+      }
+    }
+  }
+  return persistObject;
+}
+__name(createStatesSnapshot, "createStatesSnapshot");
+function setMetadata(target, key, value) {
+  const meta = target.constructor._propertyMetadata;
+  const propId = meta?.get(key);
+  if (propId) {
+    if (isSignal(target[propId])) {
+      target[propId].set(value);
+    } else {
+      target[propId] = value;
+    }
+  }
+}
+__name(setMetadata, "setMetadata");
+var createSyncClass = /* @__PURE__ */ __name((currentClass, parentKey = null, parentClass = null, path = "") => {
+  currentClass.$path = path;
+  if (parentClass) {
+    currentClass.$valuesChanges = parentClass.$valuesChanges;
+  }
+  if (parentKey) {
+    setMetadata(currentClass, "id", parentKey);
+  }
+  if (currentClass.$snapshot) {
+    for (const key of currentClass.$snapshot.keys()) {
+      const signal = currentClass.$snapshot.get(key);
+      const syncToClient = signal.options?.syncToClient ?? true;
+      const persist2 = signal.options?.persist ?? true;
+      const transform = signal.options?.transform;
+      let signalValue = signal();
+      if (transform) {
+        signalValue = transform(signalValue);
+      }
+      if (isObject(signalValue) || Array.isArray(signalValue)) {
+        signalValue = {
+          ...signalValue
+        };
+      }
+      const transformedValue = signalValue;
+      const newPath = (path ? path + "." : "") + key;
+      if (syncToClient) {
+        currentClass.$valuesChanges.set(newPath, transformedValue);
+      }
+      if (persist2) {
+        if (parentClass) currentClass.$valuesChanges.setPersist(path, transformedValue);
+      }
+      if (isComputed(signal)) {
+        signal.observable.subscribe((newValue) => {
+          if (syncToClient) {
+            const transformedNewValue = transform ? transform(newValue) : newValue;
+            currentClass.$valuesChanges.set(newPath, transformedNewValue);
+          }
+        });
+      }
+    }
+  }
+}, "createSyncClass");
+var type = /* @__PURE__ */ __name((_signal, path, options = {}, currentInstance) => {
+  const { syncToClient = true, persist: persist2 = true, transform } = options;
+  let init = true;
+  const handleObjectSubject = /* @__PURE__ */ __name((value, propPath) => {
+    const newPath = `${propPath}${value.key ? `.${value.key}` : ""}`;
+    if ([
+      "add",
+      "reset",
+      "update"
+    ].includes(value.type)) {
+      if (isInstanceOfClass(value.value)) {
+        createSyncClass(value.value, value.key, currentInstance, newPath);
+      } else if (value.type === "update" && (isObject(value.value) || Array.isArray(value.value))) {
+        createSyncClass(value.value, value.key, currentInstance, newPath);
+      } else {
+        savePath(newPath, value.value);
+      }
+    } else if (value.type === "remove") {
+      savePath(newPath, DELETE_TOKEN);
+    }
+  }, "handleObjectSubject");
+  const handleArraySubject = /* @__PURE__ */ __name((value, propPath) => {
+    if (value.type === "reset" && Array.isArray(value.items)) {
+      value.items.forEach((item, index) => {
+        const newPath2 = `${propPath}.${index}`;
+        if (isInstanceOfClass(item)) {
+          createSyncClass(item, value.key, currentInstance, newPath2);
+        } else {
+          savePath(newPath2, item);
+        }
+      });
+      return;
+    }
+    const newPath = `${propPath}.${value.index}`;
+    const firstItem = value.items?.[0];
+    if ([
+      "add",
+      "update"
+    ].includes(value.type) && firstItem !== void 0) {
+      if (isInstanceOfClass(firstItem)) {
+        createSyncClass(firstItem, value.key, currentInstance, newPath);
+      } else if (value.type === "update" && (isObject(firstItem) || Array.isArray(firstItem))) {
+        createSyncClass(firstItem, value.key, currentInstance, newPath);
+      } else {
+        savePath(newPath, firstItem);
+      }
+    } else if (value.type === "remove") {
+      savePath(newPath, DELETE_TOKEN);
+    }
+  }, "handleArraySubject");
+  const savePath = /* @__PURE__ */ __name((propPath, value) => {
+    const transformedValue = transform && value !== DELETE_TOKEN ? transform(value) : value;
+    if (syncToClient) {
+      currentInstance.$valuesChanges.set(propPath, transformedValue);
+    }
+    if (persist2 && currentInstance.$path !== void 0) {
+      currentInstance.$valuesChanges.setPersist(transformedValue == DELETE_TOKEN ? propPath : currentInstance.$path, transformedValue);
+    }
+  }, "savePath");
+  const setupSubscription = /* @__PURE__ */ __name((signal, signalPath) => {
+    if (!isSignal(signal)) return;
+    if (syncToClient && currentInstance.$valuesChanges) {
+      const initialValue = signal();
+      const transformedInitialValue = transform ? transform(initialValue) : initialValue;
+      currentInstance.$valuesChanges.set(signalPath, transformedInitialValue);
+    }
+    signal.options = options;
+    signal.observable.subscribe((value) => {
+      if (init) return;
+      if (currentInstance.$path !== void 0) {
+        const fullPath = `${currentInstance.$path ? currentInstance.$path + "." : ""}${signalPath}`;
+        if (isComputed(signal)) {
+          savePath(fullPath, value);
+        } else if (isObjectSubject(signal._subject)) {
+          handleObjectSubject(value, fullPath);
+        } else if (isArraySubject(signal._subject)) {
+          handleArraySubject(value, fullPath);
+        } else {
+          savePath(fullPath, value);
         }
+      }
+    });
+    if (!currentInstance.$snapshot) {
+      currentInstance.$snapshot = /* @__PURE__ */ new Map();
     }
-});
-        let $this = h(Text, { x, y, zIndex: 10000, color, scale, size: 30, text });
-        return $this
+    currentInstance.$snapshot.set(path, signal);
+  }, "setupSubscription");
+  if (!isSignal(_signal)) {
+    if (_signal && typeof _signal === "object" && !Array.isArray(_signal)) {
+      for (const key in _signal) {
+        if (Object.prototype.hasOwnProperty.call(_signal, key)) {
+          const value = _signal[key];
+          const propertyPath = `${path}.${key}`;
+          if (isSignal(value)) {
+            setupSubscription(value, propertyPath);
+          } else if (value && typeof value === "object" && !Array.isArray(value)) {
+            type(value, propertyPath, options, currentInstance);
+          }
+        }
       }
+      init = false;
+    }
+    return _signal;
+  }
+  setupSubscription(_signal, path);
+  init = false;
+  return _signal;
+}, "type");
+
+// src/decorators.ts
+function sync(options) {
+  let classType;
+  let persist2 = true;
+  let syncToClient = true;
+  let transform;
+  if (typeof options === "function") {
+    classType = options;
+  } else if (typeof options === "object") {
+    classType = options.classType;
+    if (options.hasOwnProperty("persist")) {
+      persist2 = options.persist;
+    }
+    if (options.hasOwnProperty("syncToClient")) {
+      syncToClient = options.syncToClient;
+    }
+    if (options.hasOwnProperty("transform")) {
+      transform = options.transform;
+    }
+  }
+  return function(target, propertyKey) {
+    const privatePropertyKey = `__${propertyKey}`;
+    const getter = /* @__PURE__ */ __name(function() {
+      return this[privatePropertyKey];
+    }, "getter");
+    const setter = /* @__PURE__ */ __name(function(newVal) {
+      this[privatePropertyKey] = type(newVal, propertyKey, {
+        classType,
+        persist: persist2,
+        syncToClient,
+        transform
+      }, this);
+    }, "setter");
+    Object.defineProperty(target, propertyKey, {
+      get: getter,
+      set: setter,
+      enumerable: true,
+      configurable: true
+    });
+  };
+}
+__name(sync, "sync");
+function id() {
+  return function(target, propertyKey) {
+    if (!target.constructor._propertyMetadata) {
+      target.constructor._propertyMetadata = /* @__PURE__ */ new Map();
+    }
+    target.constructor._propertyMetadata.set("id", propertyKey);
+  };
+}
+__name(id, "id");
+function users(options) {
+  return function(target, propertyKey) {
+    if (!target.constructor._propertyMetadata) {
+      target.constructor._propertyMetadata = /* @__PURE__ */ new Map();
+    }
+    target.constructor._propertyMetadata.set("users", propertyKey);
+    sync(options)(target, propertyKey);
+  };
+}
+__name(users, "users");
+function persist() {
+  return sync({
+    persist: true,
+    syncToClient: false
+  });
+}
+__name(persist, "persist");
+function connected() {
+  return function(target, propertyKey) {
+    if (!target.constructor._propertyMetadata) {
+      target.constructor._propertyMetadata = /* @__PURE__ */ new Map();
+    }
+    target.constructor._propertyMetadata.set("connected", propertyKey);
+    sync({
+      persist: false
+    })(target, propertyKey);
+  };
+}
+__name(connected, "connected");
+function load(rootInstance, values, valueIsObject) {
+  if (valueIsObject) {
+    loadFromObject(rootInstance, values);
+  } else {
+    loadFromPaths(rootInstance, values);
+  }
+}
+__name(load, "load");
+function loadFromPaths(rootInstance, values) {
+  for (const [path, value] of Object.entries(values)) {
+    const parts = path.split(".");
+    loadValue(rootInstance, parts, value);
+  }
+}
+__name(loadFromPaths, "loadFromPaths");
+function loadFromObject(rootInstance, values, currentPath = "") {
+  for (let key in values) {
+    const value = values[key];
+    const newPath = currentPath ? `${currentPath}.${key}` : key;
+    if (typeof value === "object" && !Array.isArray(value) && value !== null) {
+      loadFromObject(rootInstance, value, newPath);
+    } else {
+      const parts = newPath.split(".");
+      loadValue(rootInstance, parts, value);
+    }
+  }
+}
+__name(loadFromObject, "loadFromObject");
+function loadValue(rootInstance, parts, value) {
+  let current = rootInstance;
+  for (let i = 0; i < parts.length; i++) {
+    const part = parts[i];
+    if (i === parts.length - 1) {
+      if (value == DELETE_TOKEN) {
+        if (isSignal(current)) {
+          current = current();
+        }
+        Reflect.deleteProperty(current, part);
+      } else if (current[part]?._subject) {
+        current[part].set(value);
+      } else if (isSignal(current) && Array.isArray(current()) && !isNaN(Number(part))) {
+        current()[Number(part)] = value;
+      } else {
+        current[part] = value;
+      }
+    } else {
+      if (isSignal(current)) {
+        current = current();
+      }
+      const currentValue = current[part];
+      if (currentValue === void 0) {
+        const parentInstance = getByPath(rootInstance, parts.slice(0, i).join("."));
+        const classType = parentInstance?.options?.classType;
+        if (classType) {
+          current[part] = !isClass(classType) ? classType(part) : new classType();
+          setMetadata(current[part], "id", part);
+        } else {
+          current[part] = {};
+        }
+      }
+      current = current[part];
+    }
+  }
+}
+__name(loadValue, "loadValue");
+function getByPath(root, path) {
+  const parts = path.split(".");
+  let current = root;
+  for (const part of parts) {
+    if (isSignal(current)) {
+      current = current();
+    }
+    if (current[part]) {
+      current = current[part];
+    } else {
+      return void 0;
+    }
+  }
+  return current;
+}
+__name(getByPath, "getByPath");
 
-export { component as default };
+export { DELETE_TOKEN, connected, createStatesSnapshot, createSyncClass, generateShortUUID, getByPath, id, isClass, isFunction, isInstanceOfClass, isObject, load, persist, setMetadata, sync, syncClass, type, users };
 //# sourceMappingURL=index23.js.map