@ng-org/alien-deepsignals 0.1.2-alpha.5 → 0.1.2-alpha.7

package/dist/effect.js

@@ -1,5 +1,12 @@
 "use strict";
 // Copyright (c) 2025 Laurin Weger, Par le Peuple, NextGraph.org developers
+// All rights reserved.
+// Licensed under the Apache License, Version 2.0
+// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0>
+// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>,
+// at your option. All files in the project carrying such
+// notice may not be copied, modified, or distributed except
+// according to those terms.
 // SPDX-License-Identifier: Apache-2.0 OR MIT
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.effect = effect;
@@ -10,7 +17,7 @@ function effect(run) {
     const registerCleanup = (fn) => {
         cleanup = fn;
     };
-    const stop = (0, core_1._rawEffect)(() => {
+    const stop = (0, core_1.alienEffect)(() => {
         if (cleanup) {
             try {
                 cleanup();

package/dist/hooks/react/useDeepSignal.d.ts

@@ -6,7 +6,7 @@ import { DeepSignalOptions } from "../..";
  * is rerendered as well.
  *
  * @param object The object that should become reactive
- * @param deepSignalOptions When the object is not a deepSignal already, options passed to `deepSignal`.
+ * @param options When the object is not a deepSignal already, options passed to {@link deepSignal}.
  * @returns The deepSignal object of the object param. On every change, the returned object will change (a new no-op proxy is created) around the deepSignal object.
  */
 declare const useSignal: <T extends object>(object: T, deepSignalOptions?: DeepSignalOptions) => import("../..").DeepSignal<T>;

package/dist/hooks/react/useDeepSignal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDeepSignal.d.ts","sourceRoot":"","sources":["../../../src/hooks/react/useDeepSignal.ts"],"names":[],"mappings":"AAYA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EAC/B,QAAQ,CAAC,EACT,oBAAoB,iBAAiB,kCAqCxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"useDeepSignal.d.ts","sourceRoot":"","sources":["../../../src/hooks/react/useDeepSignal.ts"],"names":[],"mappings":"AAYA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EAC/B,QAAQ,CAAC,EACT,oBAAoB,iBAAiB,kCAyCxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/hooks/react/useDeepSignal.js

@@ -19,12 +19,15 @@ const __1 = require("../..");
  * is rerendered as well.
  *
  * @param object The object that should become reactive
- * @param deepSignalOptions When the object is not a deepSignal already, options passed to `deepSignal`.
+ * @param options When the object is not a deepSignal already, options passed to {@link deepSignal}.
  * @returns The deepSignal object of the object param. On every change, the returned object will change (a new no-op proxy is created) around the deepSignal object.
  */
 const useSignal = (object, deepSignalOptions) => {
     // Create the actual deepSignal object from the raw object (if the object is a deepSignal object already, it returns itself).
-    const signal = (0, react_1.useMemo)(() => (0, __1.deepSignal)(object, deepSignalOptions), [object, deepSignalOptions]);
+    const signal = (0, react_1.useMemo)(() => (0, __1.deepSignal)(object, {
+        replaceProxiesInBranchOnChange: true, // Set so that react can detect change in object hierarchy by equality comparison.
+        ...deepSignalOptions,
+    }), [object, deepSignalOptions]);
     // Create a shallow proxy of the original object which can be disposed and a new one
     // recreated on rerenders so that react knows it changed on comparisons.
     const proxyRef = (0, react_1.useRef)(new Proxy(signal, {}));

package/dist/hooks/svelte/index.d.ts

@@ -1,4 +1,3 @@
 import useDeepSignal from "./useDeepSignal.svelte.js";
 export { useDeepSignal };
-export type { UseDeepSignalResult } from "./useDeepSignal.svelte.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/svelte/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/svelte/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/svelte/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/svelte/useDeepSignal.svelte.d.ts

@@ -1,16 +1,4 @@
-import { type Readable } from "svelte/store";
-import { DeepSignalOptions, RevertDeepSignal } from "../../index";
-/** Base result contract for a deepSignal-backed Svelte integration. */
-export interface UseDeepSignalResult<T> extends Readable<T> {
-    /** Derive a nested selection; re-runs when the underlying tree version increments. */
-    select<U>(selector: (tree: T) => U): Readable<U>;
-    /** Stop receiving further updates (invoked automatically on component destroy). */
-    dispose(): void;
-    /** Replace root shape contents (mutative merge) – enables Svelte writable store binding semantics. */
-    set(next: Partial<T> | T): void;
-    /** Functional update helper using current tree snapshot. */
-    update(updater: (current: T) => T | void): void;
-}
+import { DeepSignalOptions, DeepSignal } from "../../index";
 /**
  * Create a rune from a deepSignal object (creates one if it is just a regular object).
  *
@@ -19,9 +7,9 @@ export interface UseDeepSignalResult<T> extends Readable<T> {
  * is rerendered as well.
  *
  * @param object The object that should become reactive
- * @param deepSignalObjects When the object is not a deepSignal already, options passed to `deepSignal`.
+ * @param options Options passed to {@link deepSignal}.
  * @returns A rune for using the deepSignal object in svelte.
  */
-export declare function useDeepSignal<T extends object>(object: T | Promise<T>, options?: DeepSignalOptions): UseDeepSignalResult<RevertDeepSignal<T>>;
+export declare function useDeepSignal<T extends object>(object: T, options?: DeepSignalOptions): T extends DeepSignal<any> ? T : DeepSignal<T>;
 export default useDeepSignal;
 //# sourceMappingURL=useDeepSignal.svelte.d.ts.map

package/dist/hooks/svelte/useDeepSignal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDeepSignal.svelte.d.ts","sourceRoot":"","sources":["../../../src/hooks/svelte/useDeepSignal.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAIH,iBAAiB,EAEjB,gBAAgB,EAEnB,MAAM,aAAa,CAAC;AAErB,uEAAuE;AACvE,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,CAAC,CAAC;IACvD,sFAAsF;IACtF,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjD,mFAAmF;IACnF,OAAO,IAAI,IAAI,CAAC;IAChB,sGAAsG;IACtG,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAChC,4DAA4D;IAC5D,MAAM,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;CACnD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC5B,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAkE1C;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useDeepSignal.svelte.d.ts","sourceRoot":"","sources":["../../../src/hooks/svelte/useDeepSignal.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAc,UAAU,EAAE,MAAM,aAAa,CAAC;AAExE;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,CAAC,EACT,OAAO,CAAC,EAAE,iBAAiB,GAab,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAC9D;AAyBD,eAAe,aAAa,CAAC"}

package/dist/hooks/svelte/useDeepSignal.svelte.js

@@ -10,8 +10,7 @@
 // SPDX-License-Identifier: Apache-2.0 OR MIT
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDeepSignal = useDeepSignal;
-const store_1 = require("svelte/store");
-const svelte_1 = require("svelte");
+const reactivity_1 = require("svelte/reactivity");
 const index_1 = require("../../index");
 /**
  * Create a rune from a deepSignal object (creates one if it is just a regular object).
@@ -21,70 +20,37 @@ const index_1 = require("../../index");
  * is rerendered as well.
  *
  * @param object The object that should become reactive
- * @param deepSignalObjects When the object is not a deepSignal already, options passed to `deepSignal`.
+ * @param options Options passed to {@link deepSignal}.
  * @returns A rune for using the deepSignal object in svelte.
  */
 function useDeepSignal(object, options) {
-    const version = (0, store_1.writable)(-1);
-    let deepProxy;
-    let unsubscribe;
-    let isDestroyed = false;
-    const init = (obj) => {
-        if (isDestroyed)
-            return;
-        deepProxy = (0, index_1.deepSignal)(obj, options);
-        const rootId = (0, index_1.getDeepSignalRootId)(deepProxy);
-        const initialVersion = (0, index_1.getDeepSignalVersion)(deepProxy) ?? 0;
-        unsubscribe = (0, index_1.subscribeDeepMutations)(deepProxy, (batch) => {
-            if (!rootId)
-                return;
-            if (batch.patches.length) {
-                version.set(batch.version);
-            }
-        });
-        version.set(initialVersion);
-    };
-    if (object instanceof Promise) {
-        object.then(init);
-    }
-    else {
-        init(object);
-    }
-    const dispose = () => {
-        isDestroyed = true;
-        if (unsubscribe)
-            unsubscribe();
-    };
-    (0, svelte_1.onDestroy)(dispose);
-    const deep = (0, store_1.derived)(version, () => deepProxy);
-    const select = (selector) => (0, store_1.derived)(deep, (t) => (t ? selector(t) : undefined));
-    // Expose Svelte store contract by delegating subscribe to deep store.
-    const applyReplacement = (next) => {
-        if (!deepProxy || !next || typeof next !== "object")
-            return;
-        // Remove keys absent in next
-        for (const k of Object.keys(deepProxy)) {
-            if (!(k in next))
-                delete deepProxy[k];
-        }
-        // Assign / overwrite provided keys
-        Object.assign(deepProxy, next);
+    const ret = (0, index_1.deepSignal)(object, {
+        ...options,
+        subscriberFactories: (options?.subscriberFactories ?? new Set()).union(new Set([subscriberFactory])),
+    });
+    // onDestroy(() => {
+    //     // TODO: Tell signal that subscriber can be removed?
+    // });
+    return ret;
+}
+/**
+ * Calls Svelte's `createSubscriber` and wraps it for compatibility with
+ * deepSignal's external subscriber format.
+ * @returns
+ */
+const subscriberFactory = () => {
+    let setter;
+    let onSet = () => {
+        setter?.();
     };
-    const store = {
-        select,
-        dispose,
-        subscribe: deep.subscribe,
-        set(next) {
-            applyReplacement(next);
-        },
-        update(updater) {
-            if (!deepProxy)
-                return;
-            const result = updater(deepProxy);
-            if (result && typeof result === "object")
-                applyReplacement(result);
-        },
+    const onGet = (0, reactivity_1.createSubscriber)((update) => {
+        setter = () => {
+            update();
+        };
+    });
+    return {
+        onGet,
+        onSet,
     };
-    return store;
-}
+};
 exports.default = useDeepSignal;

package/dist/hooks/svelte4/index.d.ts

@@ -0,0 +1,4 @@
+import useDeepSignal from "./useDeepSignal.svelte.js";
+export { useDeepSignal };
+export type { UseDeepSignalResult } from "./useDeepSignal.svelte.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/svelte4/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/svelte4/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/hooks/svelte4/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeepSignal = void 0;
+const useDeepSignal_svelte_js_1 = __importDefault(require("./useDeepSignal.svelte.js"));
+exports.useDeepSignal = useDeepSignal_svelte_js_1.default;

package/dist/hooks/svelte4/useDeepSignal.svelte.d.ts

@@ -0,0 +1,27 @@
+import { type Readable } from "svelte/store";
+import { DeepSignalOptions, UnwrapDeepSignal } from "../../index";
+/** Base result contract for a deepSignal-backed Svelte integration. */
+export interface UseDeepSignalResult<T> extends Readable<T> {
+    /** Derive a nested selection; re-runs when the underlying tree version increments. */
+    select<U>(selector: (tree: T) => U): Readable<U>;
+    /** Stop receiving further updates (invoked automatically on component destroy). */
+    dispose(): void;
+    /** Replace root shape contents (mutative merge) – enables Svelte writable store binding semantics. */
+    set(next: Partial<T> | T): void;
+    /** Functional update helper using current tree snapshot. */
+    update(updater: (current: T) => T | void): void;
+}
+/**
+ * Create a store from a deepSignal object (creates one if it is just a regular object).
+ *
+ * Modifications to the returned deepSignal object cause an immediate rerender.
+ * If modifications of the object are made from somewhere else, the component
+ * is rerendered as well.
+ *
+ * @param object The object that should become reactive
+ * @param options Options passed to {@link deepSignal}.
+ * @returns A store for using the deepSignal object in svelte.
+ */
+export declare function useDeepSignal<T extends object>(object: T | Promise<T>, options?: DeepSignalOptions): UseDeepSignalResult<UnwrapDeepSignal<T>>;
+export default useDeepSignal;
+//# sourceMappingURL=useDeepSignal.svelte.d.ts.map

package/dist/hooks/svelte4/useDeepSignal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeepSignal.svelte.d.ts","sourceRoot":"","sources":["../../../src/hooks/svelte4/useDeepSignal.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAGH,iBAAiB,EAEjB,gBAAgB,EACnB,MAAM,aAAa,CAAC;AAGrB,uEAAuE;AACvE,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,CAAC,CAAC;IACvD,sFAAsF;IACtF,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjD,mFAAmF;IACnF,OAAO,IAAI,IAAI,CAAC;IAChB,sGAAsG;IACtG,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAChC,4DAA4D;IAC5D,MAAM,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;CACnD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC5B,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAkE1C;AAED,eAAe,aAAa,CAAC"}

package/dist/hooks/svelte4/useDeepSignal.svelte.js

@@ -0,0 +1,91 @@
+"use strict";
+// Copyright (c) 2025 Laurin Weger, Par le Peuple, NextGraph.org developers
+// All rights reserved.
+// Licensed under the Apache License, Version 2.0
+// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0>
+// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>,
+// at your option. All files in the project carrying such
+// notice may not be copied, modified, or distributed except
+// according to those terms.
+// SPDX-License-Identifier: Apache-2.0 OR MIT
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeepSignal = useDeepSignal;
+const store_1 = require("svelte/store");
+const svelte_1 = require("svelte");
+const index_1 = require("../../index");
+const deepSignal_1 = require("../../deepSignal");
+/**
+ * Create a store from a deepSignal object (creates one if it is just a regular object).
+ *
+ * Modifications to the returned deepSignal object cause an immediate rerender.
+ * If modifications of the object are made from somewhere else, the component
+ * is rerendered as well.
+ *
+ * @param object The object that should become reactive
+ * @param options Options passed to {@link deepSignal}.
+ * @returns A store for using the deepSignal object in svelte.
+ */
+function useDeepSignal(object, options) {
+    const version = (0, store_1.writable)(-1);
+    let deepProxy;
+    let unsubscribe;
+    let isDestroyed = false;
+    const init = (obj) => {
+        if (isDestroyed)
+            return;
+        deepProxy = (0, index_1.deepSignal)(obj, options);
+        const rootId = (0, deepSignal_1.getDeepSignalRootId)(deepProxy);
+        const initialVersion = (0, deepSignal_1.getDeepSignalVersion)(deepProxy) ?? 0;
+        unsubscribe = (0, index_1.subscribeDeepMutations)(deepProxy, (batch) => {
+            if (!rootId)
+                return;
+            if (batch.patches.length) {
+                version.set(batch.version);
+            }
+        });
+        version.set(initialVersion);
+    };
+    if (object instanceof Promise) {
+        object.then(init);
+    }
+    else {
+        init(object);
+    }
+    const dispose = () => {
+        isDestroyed = true;
+        if (unsubscribe)
+            unsubscribe();
+    };
+    (0, svelte_1.onDestroy)(dispose);
+    const deep = (0, store_1.derived)(version, () => deepProxy);
+    const select = (selector) => (0, store_1.derived)(deep, (t) => (t ? selector(t) : undefined));
+    // Expose Svelte store contract by delegating subscribe to deep store.
+    const applyReplacement = (next) => {
+        if (!deepProxy || !next || typeof next !== "object")
+            return;
+        // Remove keys absent in next
+        for (const k of Object.keys(deepProxy)) {
+            if (!(k in next))
+                delete deepProxy[k];
+        }
+        // Assign / overwrite provided keys
+        Object.assign(deepProxy, next);
+    };
+    const store = {
+        select,
+        dispose,
+        subscribe: deep.subscribe,
+        set(next) {
+            applyReplacement(next);
+        },
+        update(updater) {
+            if (!deepProxy)
+                return;
+            const result = updater(deepProxy);
+            if (result && typeof result === "object")
+                applyReplacement(result);
+        },
+    };
+    return store;
+}
+exports.default = useDeepSignal;

package/dist/hooks/vue/useDeepSignal.d.ts

@@ -1,13 +1,13 @@
 import { type MaybeRefOrGetter } from "vue";
 import { DeepSignal, DeepSignalOptions } from "../../";
 /**
- * Create or use an existing deepSignal object in your component.
+ * Create or use an existing (child) deepSignal object in your component.
  * Modifications to the returned deepSignal object cause an immediate rerender.
  * If modifications of the object are made from somewhere else, the component
  * is rerendered as well.
  *
  * @param object The object that should become reactive (can be a ref or getter)
- * @param options When the object is not a deepSignal already, options passed to `deepSignal`.
+ * @param options Options passed to {@link deepSignal}.
  * @returns The deepSignal object of the object param.
  *
  */

package/dist/hooks/vue/useDeepSignal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDeepSignal.d.ts","sourceRoot":"","sources":["../../../src/hooks/vue/useDeepSignal.ts"],"names":[],"mappings":"AAUA,OAAO,EAGH,KAAK,gBAAgB,EAGxB,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,UAAU,EAAc,iBAAiB,EAAS,MAAM,QAAQ,CAAC;AAE1E;;;;;;;;;;GAUG;AAEH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC3B,OAAO,CAAC,EAAE,iBAAiB,GAC5B,UAAU,CAAC,CAAC,CAAC,CAkFf;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useDeepSignal.d.ts","sourceRoot":"","sources":["../../../src/hooks/vue/useDeepSignal.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,gBAAgB,EAAsB,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAc,iBAAiB,EAAS,MAAM,QAAQ,CAAC;AAE1E;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC3B,OAAO,CAAC,EAAE,iBAAiB,GAC5B,UAAU,CAAC,CAAC,CAAC,CAaf;AAkBD,eAAe,aAAa,CAAC"}

package/dist/hooks/vue/useDeepSignal.js

@@ -13,89 +13,37 @@ exports.useDeepSignal = useDeepSignal;
 const vue_1 = require("vue");
 const __1 = require("../../");
 /**
- * Create or use an existing deepSignal object in your component.
+ * Create or use an existing (child) deepSignal object in your component.
  * Modifications to the returned deepSignal object cause an immediate rerender.
  * If modifications of the object are made from somewhere else, the component
  * is rerendered as well.
  *
  * @param object The object that should become reactive (can be a ref or getter)
- * @param options When the object is not a deepSignal already, options passed to `deepSignal`.
+ * @param options Options passed to {@link deepSignal}.
  * @returns The deepSignal object of the object param.
  *
  */
-// Note partly written with the help of Gemini 3.
 function useDeepSignal(object, options) {
-    const version = (0, vue_1.ref)(0);
-    // Holds the current reactive signal object.
-    let currentSignal;
-    let stopHandle;
-    // Watch the input object for changes.
-    const stopWatchingSource = (0, vue_1.watch)(() => (0, vue_1.toValue)(object), (newObj) => {
-        if (stopHandle) {
-            stopHandle.stopListening();
-            stopHandle = undefined;
-        }
-        if (newObj) {
-            currentSignal = (0, __1.deepSignal)(newObj, options);
-            stopHandle = (0, __1.watch)(currentSignal, ({ patches }) => {
-                if (patches.length > 0)
-                    version.value++;
-            });
-        }
-        // Trigger Vue update.
-        version.value++;
-    }, { immediate: true });
-    // Determines the initial target for the Proxy (array vs object).
-    const initialVal = (0, vue_1.toValue)(object);
-    const proxyTarget = (Array.isArray(initialVal) ? [] : {});
-    // Proxy that creates Vue dependency on version for any access.
-    const proxy = new Proxy(proxyTarget, {
-        get(target, key) {
-            if (key === "__raw")
-                return currentSignal;
-            // Track version to create reactive dependency.
-            version.value;
-            // Delegate to current signal.
-            const actualTarget = currentSignal || target;
-            const value = Reflect.get(actualTarget, key);
-            // Bind methods to maintain correct `this` context.
-            return typeof value === "function"
-                ? value.bind(actualTarget)
-                : value;
-        },
-        set(target, key, value) {
-            // Delegate to current signal.
-            const actualTarget = currentSignal || target;
-            return Reflect.set(actualTarget, key, value);
-        },
-        has(target, key) {
-            version.value;
-            const actualTarget = currentSignal || target;
-            return Reflect.has(actualTarget, key);
-        },
-        ownKeys(target) {
-            version.value;
-            const actualTarget = currentSignal || target;
-            return Reflect.ownKeys(actualTarget);
-        },
-        getOwnPropertyDescriptor(target, key) {
-            version.value;
-            const actualTarget = currentSignal || target;
-            const desc = Reflect.getOwnPropertyDescriptor(actualTarget, key);
-            return desc ? { ...desc, configurable: true } : undefined;
-        },
+    const deepProxy = (0, __1.deepSignal)((0, vue_1.toValue)(object), {
+        ...options,
+        subscriberFactories: (options?.subscriberFactories ?? new Set()).union(new Set([subscriberFactory])),
     });
-    (0, vue_1.onBeforeUnmount)(() => {
-        stopWatchingSource();
-        if (stopHandle) {
-            try {
-                stopHandle.stopListening();
-            }
-            catch {
-                // ignore
-            }
-        }
-    });
-    return proxy;
+    // onBeforeUnmount(() => {
+    //     // TODO: Tell signal that subscriber can be removed?
+    // });
+    return deepProxy;
 }
+/** Calls Vue's customRef for notifications of value changes. */
+const subscriberFactory = () => {
+    let onGet;
+    let onSet;
+    // We don't use the actually returned value of the get/set.
+    // We only need it to notify Vue, since Dep is not exposed directly.
+    (0, vue_1.customRef)((track, trigger) => {
+        onGet = track;
+        onSet = trigger;
+        return { get() { }, set() { } };
+    });
+    return { onGet: onGet, onSet: onSet };
+};
 exports.default = useDeepSignal;

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-export * from "./deepSignal";
+export { addWithId, deepSignal, getRaw, isDeepSignal, shallow, subscribeDeepMutations, } from "./deepSignal";
 export * from "./core";
 export * from "./watch";
-export * from "./effect";
 export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,UAAU,EACV,MAAM,EACN,YAAY,EACZ,OAAO,EACP,sBAAsB,GACzB,MAAM,cAAc,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -14,8 +14,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./deepSignal"), exports);
+exports.subscribeDeepMutations = exports.shallow = exports.isDeepSignal = exports.getRaw = exports.deepSignal = exports.addWithId = void 0;
+var deepSignal_1 = require("./deepSignal");
+Object.defineProperty(exports, "addWithId", { enumerable: true, get: function () { return deepSignal_1.addWithId; } });
+Object.defineProperty(exports, "deepSignal", { enumerable: true, get: function () { return deepSignal_1.deepSignal; } });
+Object.defineProperty(exports, "getRaw", { enumerable: true, get: function () { return deepSignal_1.getRaw; } });
+Object.defineProperty(exports, "isDeepSignal", { enumerable: true, get: function () { return deepSignal_1.isDeepSignal; } });
+Object.defineProperty(exports, "shallow", { enumerable: true, get: function () { return deepSignal_1.shallow; } });
+Object.defineProperty(exports, "subscribeDeepMutations", { enumerable: true, get: function () { return deepSignal_1.subscribeDeepMutations; } });
 __exportStar(require("./core"), exports);
 __exportStar(require("./watch"), exports);
-__exportStar(require("./effect"), exports);
 __exportStar(require("./types"), exports);

package/dist/test/frontend/astro-app/src/components/ReactPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/test/frontend/astro-app/src/components/ReactPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAqSvB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ReactPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/test/frontend/astro-app/src/components/ReactPanel.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAM1D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EA6LvB,CAAC;AAwGF,eAAe,UAAU,CAAC"}