@ngxs/store 3.7.4-dev.master-a63a5af → 3.7.4-dev.master-2826e05

package/fesm2015/ngxs-store.js

@@ -1,5 +1,5 @@
 import { NgZone, Injectable, Inject, PLATFORM_ID, defineInjectable, inject, InjectionToken, INJECTOR, ɵglobal, Optional, SkipSelf, ErrorHandler, Injector, ɵivyEnabled, NgModule, APP_BOOTSTRAP_LISTENER } from '@angular/core';
-import { isAngularInTestMode, memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, NGXS_STATE_CONTEXT_FACTORY, NGXS_STATE_FACTORY, InitialState, ensureInjectorNotifierIsCaptured, localInject, ensureLocalInjectorCaptured } from '@ngxs/store/internals';
+import { isAngularInTestMode, memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, NGXS_STATE_CONTEXT_FACTORY, NGXS_STATE_FACTORY, InitialState } from '@ngxs/store/internals';
 import { isPlatformServer } from '@angular/common';
 import { Observable, Subject, BehaviorSubject, of, forkJoin, throwError, EMPTY, from } from 'rxjs';
 import { filter, map, shareReplay, take, exhaustMap, mergeMap, defaultIfEmpty, catchError, takeUntil, tap, publishReplay, refCount, distinctUntilChanged } from 'rxjs/operators';
@@ -3290,14 +3290,13 @@ class SelectFactory {
 SelectFactory.store = null;
 SelectFactory.config = null;
 SelectFactory.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+    { type: Injectable }
 ];
 /** @nocollapse */
 SelectFactory.ctorParameters = () => [
     { type: Store },
     { type: NgxsConfig }
 ];
-/** @nocollapse */ SelectFactory.ngInjectableDef = defineInjectable({ factory: function SelectFactory_Factory() { return new SelectFactory(inject(Store), inject(NgxsConfig)); }, token: SelectFactory, providedIn: "root" });
 if (false) {
     /** @type {?} */
     SelectFactory.store;
@@ -3357,14 +3356,11 @@ class NgxsRootModule {
      * @param {?} factory
      * @param {?} internalStateOperations
      * @param {?} _store
-     * @param {?} injector
+     * @param {?} _select
      * @param {?=} states
      * @param {?=} lifecycleStateManager
      */
-    constructor(factory, internalStateOperations, _store, injector, states = [], lifecycleStateManager) {
-        // If the user is running View Engine then we create the `SelectFactory` instance,
-        // otherwise it'll be tree-shaken away in Ivy.
-        !ɵivyEnabled && injector.get(SelectFactory);
+    constructor(factory, internalStateOperations, _store, _select, states = [], lifecycleStateManager) {
         // Add stores to the state graph and return their defaults
         /** @type {?} */
         const results = factory.addAndReturnDefaults(states);
@@ -3383,7 +3379,7 @@ NgxsRootModule.ctorParameters = () => [
     { type: StateFactory },
     { type: InternalStateOperations },
     { type: Store },
-    { type: Injector },
+    { type: SelectFactory },
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [ROOT_STATE_TOKEN,] }] },
     { type: LifecycleStateManager }
 ];
@@ -3474,6 +3470,7 @@ class NgxsModule {
                 InternalNgxsExecutionStrategy,
                 Store,
                 StateStream,
+                SelectFactory,
                 PluginManager,
                 ...states,
                 ...NgxsModule.ngxsTokenProviders(states, options)
@@ -3713,37 +3710,30 @@ const DOLLAR_CHAR_CODE = 36;
 /**
  * @template T
  * @param {?} selector
- * @param {?} store
  * @return {?}
  */
-function createSelectObservable(selector, store) {
-    // We're doing this stuff to tree-shake the `SelectFactory` when the user
-    // is running Ivy since NGXS will select the state from the provided `store` argument.
-    return ɵivyEnabled
-        ? createSelectObservableIvy(selector, store)
-        : createSelectObservableViewEngine(selector);
+function createSelectObservable(selector) {
+    if (!SelectFactory.store) {
+        throwSelectFactoryNotConnectedError();
+    }
+    return (/** @type {?} */ (SelectFactory.store)).select(selector);
 }
 /**
- * @param {?} config
  * @param {?} name
  * @param {?=} rawSelector
  * @param {?=} paths
  * @return {?}
  */
-function createSelectorFn(config, name, rawSelector, paths = []) {
-    rawSelector = rawSelector || removeDollarAtTheEnd(name);
-    if (typeof rawSelector !== 'string') {
-        return rawSelector;
-    }
-    else {
+function createSelectorFn(name, rawSelector, paths = []) {
+    rawSelector = !rawSelector ? removeDollarAtTheEnd(name) : rawSelector;
+    if (typeof rawSelector === 'string') {
         /** @type {?} */
         const propsArray = paths.length
             ? [rawSelector, ...paths]
             : rawSelector.split('.');
-        return ɵivyEnabled
-            ? createSelectorFnIvy(propsArray, config)
-            : createSelectorFnViewEngine(propsArray);
+        return propGetter(propsArray, (/** @type {?} */ (SelectFactory.config)));
     }
+    return rawSelector;
 }
 /**
  * \@example If `foo$` => make it just `foo`
@@ -3757,42 +3747,6 @@ function removeDollarAtTheEnd(name) {
     const dollarAtTheEnd = name.charCodeAt(lastCharIndex) === DOLLAR_CHAR_CODE;
     return dollarAtTheEnd ? name.slice(0, lastCharIndex) : name;
 }
-/**
- * @template T
- * @param {?} selector
- * @param {?} store
- * @return {?}
- */
-function createSelectObservableIvy(selector, store) {
-    return ngDevMode && !store ? throwSelectFactoryNotConnectedError() : (/** @type {?} */ (store)).select(selector);
-}
-/**
- * @template T
- * @param {?} selector
- * @return {?}
- */
-function createSelectObservableViewEngine(selector) {
-    return SelectFactory.store
-        ? SelectFactory.store.select(selector)
-        : throwSelectFactoryNotConnectedError();
-}
-/**
- * @param {?} propsArray
- * @param {?} config
- * @return {?}
- */
-function createSelectorFnIvy(propsArray, config) {
-    return ngDevMode && !config
-        ? throwSelectFactoryNotConnectedError()
-        : propGetter(propsArray, (/** @type {?} */ (config)));
-}
-/**
- * @param {?} propsArray
- * @return {?}
- */
-function createSelectorFnViewEngine(propsArray) {
-    return propGetter(propsArray, (/** @type {?} */ (SelectFactory.config)));
-}
 
 /**
  * @fileoverview added by tsickle
@@ -3800,6 +3754,7 @@ function createSelectorFnViewEngine(propsArray) {
  */
 /**
  * Decorator for selecting a slice of state from the store.
+ * @deprecated
  * @template T
  * @param {?=} rawSelector
  * @param {...?} paths
@@ -3812,17 +3767,19 @@ function Select(rawSelector, ...paths) {
      * @return {?}
      */
     function (target, key) {
+        console.warn(`
+      The @Select decorator has been deprecated due to the following reasons:
+      1) Lack of type-safety (compare to 'store.select()')
+      2) Not compatible with server-side rendering because it uses a global 'Store' instance, which might change between renders
+      3) Not compatible with module federation
+      Consider replacing it the with store.select.
+      `);
         /** @type {?} */
         const name = key.toString();
         /** @type {?} */
         const selectorId = `__${name}__selector`;
         /** @type {?} */
-        let selector = null;
-        /** @type {?} */
-        let injectorNotifier$ = null;
-        if (ɵivyEnabled) {
-            injectorNotifier$ = ensureInjectorNotifierIsCaptured(target);
-        }
+        const selector = createSelectorFn(name, rawSelector, paths);
         Object.defineProperties(target, {
             [selectorId]: {
                 writable: true,
@@ -3836,36 +3793,10 @@ function Select(rawSelector, ...paths) {
                  * @return {?}
                  */
                 get() {
-                    if (this[selectorId]) {
-                        return this[selectorId];
-                    }
-                    // The `localInject` will be tree-shaken away in apps that
-                    // still use the View Engine.
-                    if (ɵivyEnabled) {
-                        this[selectorId] = (/** @type {?} */ (injectorNotifier$)).pipe(mergeMap((/**
-                         * @return {?}
-                         */
-                        () => {
-                            /** @type {?} */
-                            const store = localInject(this, Store);
-                            /** @type {?} */
-                            const config = localInject(this, NgxsConfig);
-                            selector = selector || createSelectorFn(config, name, rawSelector, paths);
-                            return createSelectObservable(selector, store);
-                        })));
-                    }
-                    else {
-                        selector = selector || createSelectorFn(null, name, rawSelector, paths);
-                        this[selectorId] = createSelectObservable(selector, null);
-                    }
-                    return this[selectorId];
+                    return this[selectorId] || (this[selectorId] = createSelectObservable(selector));
                 }
             }
         });
-        // Keep this `if` guard here so the below stuff will be tree-shaken away in apps that still use the View Engine.
-        if (ɵivyEnabled) {
-            ensureLocalInjectorCaptured(target);
-        }
     });
 }
 
@@ -4086,5 +4017,5 @@ if (false) {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { Action, Actions, InitState, NGXS_PLUGINS, NgxsModule, NgxsSimpleChange, NoopNgxsExecutionStrategy, Select, Selector, SelectorOptions, State, StateStream, StateToken, Store, UpdateState, actionMatcher, createSelector, ensureSelectorMetadata$1 as ensureSelectorMetadata, ensureStoreMetadata$1 as ensureStoreMetadata, getActionTypeFromInstance, getSelectorMetadata$1 as getSelectorMetadata, getStoreMetadata$1 as getStoreMetadata, getValue, ofAction, ofActionCanceled, ofActionCompleted, ofActionDispatched, ofActionErrored, ofActionSuccessful, setValue, OrderedSubject as ɵa, InternalActions as ɵb, ROOT_STATE_TOKEN as ɵc, FEATURE_STATE_TOKEN as ɵd, SELECTOR_META_KEY as ɵe, NgxsConfig as ɵf, mergeDeep as ɵg, USER_PROVIDED_NGXS_EXECUTION_STRATEGY as ɵh, NGXS_EXECUTION_STRATEGY as ɵi, NgxsRootModule as ɵj, StateFactory as ɵk, InternalDispatchedActionResults as ɵl, InternalDispatcher as ɵm, StateContextFactory as ɵn, InternalStateOperations as ɵo, PluginManager as ɵp, InternalNgxsExecutionStrategy as ɵq, ensureStoreMetadata as ɵs, getStoreMetadata as ɵt, ensureSelectorMetadata as ɵu, getSelectorMetadata as ɵv, LifecycleStateManager as ɵw, NgxsFeatureModule as ɵx };
+export { Action, Actions, InitState, NGXS_PLUGINS, NgxsModule, NgxsSimpleChange, NoopNgxsExecutionStrategy, Select, Selector, SelectorOptions, State, StateStream, StateToken, Store, UpdateState, actionMatcher, createSelector, ensureSelectorMetadata$1 as ensureSelectorMetadata, ensureStoreMetadata$1 as ensureStoreMetadata, getActionTypeFromInstance, getSelectorMetadata$1 as getSelectorMetadata, getStoreMetadata$1 as getStoreMetadata, getValue, ofAction, ofActionCanceled, ofActionCompleted, ofActionDispatched, ofActionErrored, ofActionSuccessful, setValue, OrderedSubject as ɵa, InternalActions as ɵb, ROOT_STATE_TOKEN as ɵc, FEATURE_STATE_TOKEN as ɵd, SELECTOR_META_KEY as ɵe, NgxsConfig as ɵf, mergeDeep as ɵg, USER_PROVIDED_NGXS_EXECUTION_STRATEGY as ɵh, NGXS_EXECUTION_STRATEGY as ɵi, NgxsRootModule as ɵj, StateFactory as ɵk, InternalDispatchedActionResults as ɵl, InternalDispatcher as ɵm, StateContextFactory as ɵn, InternalStateOperations as ɵo, PluginManager as ɵp, InternalNgxsExecutionStrategy as ɵq, SelectFactory as ɵr, ensureStoreMetadata as ɵt, getStoreMetadata as ɵu, ensureSelectorMetadata as ɵv, getSelectorMetadata as ɵw, LifecycleStateManager as ɵx, NgxsFeatureModule as ɵy };
 //# sourceMappingURL=ngxs-store.js.map