@ngrx/signals 20.0.1 → 21.0.0-beta.0

package/fesm2022/ngrx-signals.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { untracked, isSignal, computed, assertInInjectionContext, inject, Injector, effect, DestroyRef, signal, Injectable, linkedSignal } from '@angular/core';
 
-const DEEP_SIGNAL = Symbol('DEEP_SIGNAL');
+const DEEP_SIGNAL = Symbol(typeof ngDevMode !== 'undefined' && ngDevMode ? 'DEEP_SIGNAL' : '');
 function toDeepSignal(signal) {
     return new Proxy(signal, {
         has(target, prop) {
@@ -62,13 +62,13 @@ function deepComputed(computation) {
 }
 
 function signalMethod(processingFn, config) {
-    if (!config?.injector) {
+    if (typeof ngDevMode !== 'undefined' && ngDevMode && !config?.injector) {
         assertInInjectionContext(signalMethod);
     }
     const watchers = [];
     const sourceInjector = config?.injector ?? inject(Injector);
     const signalMethodFn = (input, config) => {
-        if (isSignal(input)) {
+        if (isReactiveComputation(input)) {
             const callerInjector = getCallerInjector();
             if (typeof ngDevMode !== 'undefined' &&
                 ngDevMode &&
@@ -80,7 +80,7 @@ function signalMethod(processingFn, config) {
             const watcher = effect(() => {
                 const value = input();
                 untracked(() => processingFn(value));
-            }, { injector: instanceInjector });
+            }, { ...(ngDevMode ? { debugName: "watcher" } : {}), injector: instanceInjector });
             watchers.push(watcher);
             instanceInjector.get(DestroyRef).onDestroy(() => {
                 const ix = watchers.indexOf(watcher);
@@ -106,9 +106,12 @@ function getCallerInjector() {
         return undefined;
     }
 }
+function isReactiveComputation(value) {
+    return typeof value === 'function';
+}
 
 const STATE_WATCHERS = new WeakMap();
-const STATE_SOURCE = Symbol('STATE_SOURCE');
+const STATE_SOURCE = Symbol(typeof ngDevMode !== 'undefined' && ngDevMode ? 'STATE_SOURCE' : '');
 function isWritableSignal(value) {
     return (isSignal(value) &&
         'set' in value &&
@@ -154,7 +157,7 @@ function getState(stateSource) {
     }, {});
 }
 function watchState(stateSource, watcher, config) {
-    if (!config?.injector) {
+    if (typeof ngDevMode !== 'undefined' && ngDevMode && !config?.injector) {
         assertInInjectionContext(watchState);
     }
     const injector = config?.injector ?? inject(Injector);
@@ -190,7 +193,7 @@ function signalState(initialState) {
         ...signalsDict,
         [key]: signal(initialState[key]),
     }), {});
-    const signalState = computed(() => stateKeys.reduce((state, key) => ({ ...state, [key]: stateSource[key]() }), {}));
+    const signalState = computed(() => stateKeys.reduce((state, key) => ({ ...state, [key]: stateSource[key]() }), {}), { ...(ngDevMode ? { debugName: "signalState" } : {}) });
     Object.defineProperty(signalState, STATE_SOURCE, {
         value: stateSource,
     });
@@ -229,10 +232,10 @@ function signalStore(...args) {
                 inject(DestroyRef).onDestroy(onDestroy);
             }
         }
-        /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SignalStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-        /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SignalStore, providedIn: config.providedIn || null });
+        /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SignalStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+        /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SignalStore, providedIn: config.providedIn || null });
     }
-    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SignalStore, decorators: [{
+    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SignalStore, decorators: [{
                 type: Injectable,
                 args: [{ providedIn: config.providedIn || null }]
             }], ctorParameters: () => [] });
@@ -257,9 +260,6 @@ function type() {
 }
 
 function assertUniqueStoreMembers(store, newMemberKeys) {
-    if (typeof ngDevMode === 'undefined' || !ngDevMode) {
-        return;
-    }
     const storeMembers = {
         ...store.stateSignals,
         ...store.props,
@@ -279,7 +279,9 @@ function withProps(propsFactory) {
             ...store.props,
             ...store.methods,
         });
-        assertUniqueStoreMembers(store, Reflect.ownKeys(props));
+        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+            assertUniqueStoreMembers(store, Reflect.ownKeys(props));
+        }
         return {
             ...store,
             props: { ...store.props, ...props },
@@ -329,9 +331,9 @@ function withFeature(featureFactory) {
     return (store) => {
         const storeForFactory = {
             [STATE_SOURCE]: store[STATE_SOURCE],
-            ...store['stateSignals'],
-            ...store['props'],
-            ...store['methods'],
+            ...store.stateSignals,
+            ...store.props,
+            ...store.methods,
         };
         return featureFactory(storeForFactory)(store);
     };
@@ -348,9 +350,7 @@ function withHooks(hooksOrFactory) {
         const hooks = typeof hooksOrFactory === 'function'
             ? hooksOrFactory(storeMembers)
             : hooksOrFactory;
-        const createHook = (name) => {
-            const hook = hooks[name];
-            const currentHook = store.hooks[name];
+        const mergeHooks = (currentHook, hook) => {
             return hook
                 ? () => {
                     if (currentHook) {
@@ -363,8 +363,8 @@ function withHooks(hooksOrFactory) {
         return {
             ...store,
             hooks: {
-                onInit: createHook('onInit'),
-                onDestroy: createHook('onDestroy'),
+                onInit: mergeHooks(store.hooks.onInit, hooks.onInit),
+                onDestroy: mergeHooks(store.hooks.onDestroy, hooks.onDestroy),
             },
         };
     };
@@ -417,7 +417,9 @@ function withLinkedState(linkedStateFactory) {
             ...store.props,
         });
         const stateKeys = Reflect.ownKeys(linkedState);
-        assertUniqueStoreMembers(store, stateKeys);
+        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+            assertUniqueStoreMembers(store, stateKeys);
+        }
         const stateSource = store[STATE_SOURCE];
         const stateSignals = {};
         for (const key of stateKeys) {
@@ -442,7 +444,9 @@ function withMethods(methodsFactory) {
             ...store.props,
             ...store.methods,
         });
-        assertUniqueStoreMembers(store, Reflect.ownKeys(methods));
+        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+            assertUniqueStoreMembers(store, Reflect.ownKeys(methods));
+        }
         return {
             ...store,
             methods: { ...store.methods, ...methods },
@@ -454,7 +458,9 @@ function withState(stateOrFactory) {
     return (store) => {
         const state = (typeof stateOrFactory === 'function' ? stateOrFactory() : stateOrFactory);
         const stateKeys = Reflect.ownKeys(state);
-        assertUniqueStoreMembers(store, stateKeys);
+        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+            assertUniqueStoreMembers(store, stateKeys);
+        }
         const stateSource = store[STATE_SOURCE];
         const stateSignals = {};
         for (const key of stateKeys) {