@ngrx/store-devtools 12.3.0 → 13.0.0-beta.0

package/fesm2015/ngrx-store-devtools.js

@@ -1,10 +1,15 @@
-import { InjectionToken, Injectable, Inject, ErrorHandler, NgModule } from '@angular/core';
-import { ActionsSubject, UPDATE, INIT, ReducerObservable, ScannedActionsSubject, INITIAL_STATE, StateObservable, ReducerManagerDispatcher } from '@ngrx/store';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
+import * as i2 from '@ngrx/store';
+import { INIT, UPDATE, ActionsSubject, INITIAL_STATE, StateObservable, ReducerManagerDispatcher } from '@ngrx/store';
 import { EMPTY, Observable, of, merge, queueScheduler, ReplaySubject } from 'rxjs';
 import { share, filter, map, concatMap, timeout, debounceTime, catchError, take, takeUntil, switchMap, skip, observeOn, withLatestFrom, scan } from 'rxjs/operators';
 
 /**
- * @see http://extension.remotedev.io/docs/API/Arguments.html
+ * Chrome extension documentation
+ * @see https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md
+ * Firefox extension documentation
+ * @see https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Arguments.md
  */
 class StoreDevtoolsConfig {
     constructor() {
@@ -157,12 +162,6 @@ class PauseRecording {
     }
 }
 
-class DevtoolsDispatcher extends ActionsSubject {
-}
-DevtoolsDispatcher.decorators = [
-    { type: Injectable }
-];
-
 function difference(first, second) {
     return first.filter((item) => second.indexOf(item) < 0);
 }
@@ -268,151 +267,6 @@ function escapeRegExp(s) {
     return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
 
-const ExtensionActionTypes = {
-    START: 'START',
-    DISPATCH: 'DISPATCH',
-    STOP: 'STOP',
-    ACTION: 'ACTION',
-};
-const REDUX_DEVTOOLS_EXTENSION = new InjectionToken('@ngrx/store-devtools Redux Devtools Extension');
-class DevtoolsExtension {
-    constructor(devtoolsExtension, config, dispatcher) {
-        this.config = config;
-        this.dispatcher = dispatcher;
-        this.devtoolsExtension = devtoolsExtension;
-        this.createActionStreams();
-    }
-    notify(action, state) {
-        if (!this.devtoolsExtension) {
-            return;
-        }
-        // Check to see if the action requires a full update of the liftedState.
-        // If it is a simple action generated by the user's app and the recording
-        // is not locked/paused, only send the action and the current state (fast).
-        //
-        // A full liftedState update (slow: serializes the entire liftedState) is
-        // only required when:
-        //   a) redux-devtools-extension fires the @@Init action (ignored by
-        //      @ngrx/store-devtools)
-        //   b) an action is generated by an @ngrx module (e.g. @ngrx/effects/init
-        //      or @ngrx/store/update-reducers)
-        //   c) the state has been recomputed due to time-traveling
-        //   d) any action that is not a PerformAction to err on the side of
-        //      caution.
-        if (action.type === PERFORM_ACTION) {
-            if (state.isLocked || state.isPaused) {
-                return;
-            }
-            const currentState = unliftState(state);
-            if (shouldFilterActions(this.config) &&
-                isActionFiltered(currentState, action, this.config.predicate, this.config.actionsSafelist, this.config.actionsBlocklist)) {
-                return;
-            }
-            const sanitizedState = this.config.stateSanitizer
-                ? sanitizeState(this.config.stateSanitizer, currentState, state.currentStateIndex)
-                : currentState;
-            const sanitizedAction = this.config.actionSanitizer
-                ? sanitizeAction(this.config.actionSanitizer, action, state.nextActionId)
-                : action;
-            this.sendToReduxDevtools(() => this.extensionConnection.send(sanitizedAction, sanitizedState));
-        }
-        else {
-            // Requires full state update
-            const sanitizedLiftedState = Object.assign(Object.assign({}, state), { stagedActionIds: state.stagedActionIds, actionsById: this.config.actionSanitizer
-                    ? sanitizeActions(this.config.actionSanitizer, state.actionsById)
-                    : state.actionsById, computedStates: this.config.stateSanitizer
-                    ? sanitizeStates(this.config.stateSanitizer, state.computedStates)
-                    : state.computedStates });
-            this.sendToReduxDevtools(() => this.devtoolsExtension.send(null, sanitizedLiftedState, this.getExtensionConfig(this.config)));
-        }
-    }
-    createChangesObservable() {
-        if (!this.devtoolsExtension) {
-            return EMPTY;
-        }
-        return new Observable((subscriber) => {
-            const connection = this.devtoolsExtension.connect(this.getExtensionConfig(this.config));
-            this.extensionConnection = connection;
-            connection.init();
-            connection.subscribe((change) => subscriber.next(change));
-            return connection.unsubscribe;
-        });
-    }
-    createActionStreams() {
-        // Listens to all changes
-        const changes$ = this.createChangesObservable().pipe(share());
-        // Listen for the start action
-        const start$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.START));
-        // Listen for the stop action
-        const stop$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.STOP));
-        // Listen for lifted actions
-        const liftedActions$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.DISPATCH), map((change) => this.unwrapAction(change.payload)), concatMap((action) => {
-            if (action.type === IMPORT_STATE) {
-                // State imports may happen in two situations:
-                // 1. Explicitly by user
-                // 2. User activated the "persist state accross reloads" option
-                //    and now the state is imported during reload.
-                // Because of option 2, we need to give possible
-                // lazy loaded reducers time to instantiate.
-                // As soon as there is no UPDATE action within 1 second,
-                // it is assumed that all reducers are loaded.
-                return this.dispatcher.pipe(filter((action) => action.type === UPDATE), timeout(1000), debounceTime(1000), map(() => action), catchError(() => of(action)), take(1));
-            }
-            else {
-                return of(action);
-            }
-        }));
-        // Listen for unlifted actions
-        const actions$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.ACTION), map((change) => this.unwrapAction(change.payload)));
-        const actionsUntilStop$ = actions$.pipe(takeUntil(stop$));
-        const liftedUntilStop$ = liftedActions$.pipe(takeUntil(stop$));
-        this.start$ = start$.pipe(takeUntil(stop$));
-        // Only take the action sources between the start/stop events
-        this.actions$ = this.start$.pipe(switchMap(() => actionsUntilStop$));
-        this.liftedActions$ = this.start$.pipe(switchMap(() => liftedUntilStop$));
-    }
-    unwrapAction(action) {
-        return typeof action === 'string' ? eval(`(${action})`) : action;
-    }
-    getExtensionConfig(config) {
-        var _a;
-        const extensionOptions = {
-            name: config.name,
-            features: config.features,
-            serialize: config.serialize,
-            autoPause: (_a = config.autoPause) !== null && _a !== void 0 ? _a : false,
-            // The action/state sanitizers are not added to the config
-            // because sanitation is done in this class already.
-            // It is done before sending it to the devtools extension for consistency:
-            // - If we call extensionConnection.send(...),
-            //   the extension would call the sanitizers.
-            // - If we call devtoolsExtension.send(...) (aka full state update),
-            //   the extension would NOT call the sanitizers, so we have to do it ourselves.
-        };
-        if (config.maxAge !== false /* support === 0 */) {
-            extensionOptions.maxAge = config.maxAge;
-        }
-        return extensionOptions;
-    }
-    sendToReduxDevtools(send) {
-        try {
-            send();
-        }
-        catch (err) {
-            console.warn('@ngrx/store-devtools: something went wrong inside the redux devtools', err);
-        }
-    }
-}
-DevtoolsExtension.decorators = [
-    { type: Injectable }
-];
-/** @nocollapse */
-DevtoolsExtension.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [REDUX_DEVTOOLS_EXTENSION,] }] },
-    { type: StoreDevtoolsConfig, decorators: [{ type: Inject, args: [STORE_DEVTOOLS_CONFIG,] }] },
-    { type: DevtoolsDispatcher }
-];
-
 const INIT_ACTION = { type: INIT };
 const RECOMPUTE = '@ngrx/store-devtools/recompute';
 const RECOMPUTE_ACTION = { type: RECOMPUTE };
@@ -774,6 +628,161 @@ function liftReducerWith(initialCommittedState, initialLiftedState, errorHandler
     };
 }
 
+class DevtoolsDispatcher extends ActionsSubject {
+}
+/** @nocollapse */ DevtoolsDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: DevtoolsDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DevtoolsDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: DevtoolsDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: DevtoolsDispatcher, decorators: [{
+            type: Injectable
+        }] });
+
+const ExtensionActionTypes = {
+    START: 'START',
+    DISPATCH: 'DISPATCH',
+    STOP: 'STOP',
+    ACTION: 'ACTION',
+};
+const REDUX_DEVTOOLS_EXTENSION = new InjectionToken('@ngrx/store-devtools Redux Devtools Extension');
+class DevtoolsExtension {
+    constructor(devtoolsExtension, config, dispatcher) {
+        this.config = config;
+        this.dispatcher = dispatcher;
+        this.devtoolsExtension = devtoolsExtension;
+        this.createActionStreams();
+    }
+    notify(action, state) {
+        if (!this.devtoolsExtension) {
+            return;
+        }
+        // Check to see if the action requires a full update of the liftedState.
+        // If it is a simple action generated by the user's app and the recording
+        // is not locked/paused, only send the action and the current state (fast).
+        //
+        // A full liftedState update (slow: serializes the entire liftedState) is
+        // only required when:
+        //   a) redux-devtools-extension fires the @@Init action (ignored by
+        //      @ngrx/store-devtools)
+        //   b) an action is generated by an @ngrx module (e.g. @ngrx/effects/init
+        //      or @ngrx/store/update-reducers)
+        //   c) the state has been recomputed due to time-traveling
+        //   d) any action that is not a PerformAction to err on the side of
+        //      caution.
+        if (action.type === PERFORM_ACTION) {
+            if (state.isLocked || state.isPaused) {
+                return;
+            }
+            const currentState = unliftState(state);
+            if (shouldFilterActions(this.config) &&
+                isActionFiltered(currentState, action, this.config.predicate, this.config.actionsSafelist, this.config.actionsBlocklist)) {
+                return;
+            }
+            const sanitizedState = this.config.stateSanitizer
+                ? sanitizeState(this.config.stateSanitizer, currentState, state.currentStateIndex)
+                : currentState;
+            const sanitizedAction = this.config.actionSanitizer
+                ? sanitizeAction(this.config.actionSanitizer, action, state.nextActionId)
+                : action;
+            this.sendToReduxDevtools(() => this.extensionConnection.send(sanitizedAction, sanitizedState));
+        }
+        else {
+            // Requires full state update
+            const sanitizedLiftedState = Object.assign(Object.assign({}, state), { stagedActionIds: state.stagedActionIds, actionsById: this.config.actionSanitizer
+                    ? sanitizeActions(this.config.actionSanitizer, state.actionsById)
+                    : state.actionsById, computedStates: this.config.stateSanitizer
+                    ? sanitizeStates(this.config.stateSanitizer, state.computedStates)
+                    : state.computedStates });
+            this.sendToReduxDevtools(() => this.devtoolsExtension.send(null, sanitizedLiftedState, this.getExtensionConfig(this.config)));
+        }
+    }
+    createChangesObservable() {
+        if (!this.devtoolsExtension) {
+            return EMPTY;
+        }
+        return new Observable((subscriber) => {
+            const connection = this.devtoolsExtension.connect(this.getExtensionConfig(this.config));
+            this.extensionConnection = connection;
+            connection.init();
+            connection.subscribe((change) => subscriber.next(change));
+            return connection.unsubscribe;
+        });
+    }
+    createActionStreams() {
+        // Listens to all changes
+        const changes$ = this.createChangesObservable().pipe(share());
+        // Listen for the start action
+        const start$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.START));
+        // Listen for the stop action
+        const stop$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.STOP));
+        // Listen for lifted actions
+        const liftedActions$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.DISPATCH), map((change) => this.unwrapAction(change.payload)), concatMap((action) => {
+            if (action.type === IMPORT_STATE) {
+                // State imports may happen in two situations:
+                // 1. Explicitly by user
+                // 2. User activated the "persist state accross reloads" option
+                //    and now the state is imported during reload.
+                // Because of option 2, we need to give possible
+                // lazy loaded reducers time to instantiate.
+                // As soon as there is no UPDATE action within 1 second,
+                // it is assumed that all reducers are loaded.
+                return this.dispatcher.pipe(filter((action) => action.type === UPDATE), timeout(1000), debounceTime(1000), map(() => action), catchError(() => of(action)), take(1));
+            }
+            else {
+                return of(action);
+            }
+        }));
+        // Listen for unlifted actions
+        const actions$ = changes$.pipe(filter((change) => change.type === ExtensionActionTypes.ACTION), map((change) => this.unwrapAction(change.payload)));
+        const actionsUntilStop$ = actions$.pipe(takeUntil(stop$));
+        const liftedUntilStop$ = liftedActions$.pipe(takeUntil(stop$));
+        this.start$ = start$.pipe(takeUntil(stop$));
+        // Only take the action sources between the start/stop events
+        this.actions$ = this.start$.pipe(switchMap(() => actionsUntilStop$));
+        this.liftedActions$ = this.start$.pipe(switchMap(() => liftedUntilStop$));
+    }
+    unwrapAction(action) {
+        return typeof action === 'string' ? eval(`(${action})`) : action;
+    }
+    getExtensionConfig(config) {
+        var _a;
+        const extensionOptions = {
+            name: config.name,
+            features: config.features,
+            serialize: config.serialize,
+            autoPause: (_a = config.autoPause) !== null && _a !== void 0 ? _a : false,
+            // The action/state sanitizers are not added to the config
+            // because sanitation is done in this class already.
+            // It is done before sending it to the devtools extension for consistency:
+            // - If we call extensionConnection.send(...),
+            //   the extension would call the sanitizers.
+            // - If we call devtoolsExtension.send(...) (aka full state update),
+            //   the extension would NOT call the sanitizers, so we have to do it ourselves.
+        };
+        if (config.maxAge !== false /* support === 0 */) {
+            extensionOptions.maxAge = config.maxAge;
+        }
+        return extensionOptions;
+    }
+    sendToReduxDevtools(send) {
+        try {
+            send();
+        }
+        catch (err) {
+            console.warn('@ngrx/store-devtools: something went wrong inside the redux devtools', err);
+        }
+    }
+}
+/** @nocollapse */ DevtoolsExtension.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: DevtoolsExtension, deps: [{ token: REDUX_DEVTOOLS_EXTENSION }, { token: STORE_DEVTOOLS_CONFIG }, { token: DevtoolsDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DevtoolsExtension.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: DevtoolsExtension });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: DevtoolsExtension, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [REDUX_DEVTOOLS_EXTENSION]
+                }] }, { type: StoreDevtoolsConfig, decorators: [{
+                    type: Inject,
+                    args: [STORE_DEVTOOLS_CONFIG]
+                }] }, { type: DevtoolsDispatcher }]; } });
+
 class StoreDevtools {
     constructor(dispatcher, actions$, reducers$, extension, scannedActions, errorHandler, initialState, config) {
         const liftedInitialState = liftInitialState(initialState, config.monitor);
@@ -856,20 +865,17 @@ class StoreDevtools {
         this.dispatch(new PauseRecording(status));
     }
 }
-StoreDevtools.decorators = [
-    { type: Injectable }
-];
-/** @nocollapse */
-StoreDevtools.ctorParameters = () => [
-    { type: DevtoolsDispatcher },
-    { type: ActionsSubject },
-    { type: ReducerObservable },
-    { type: DevtoolsExtension },
-    { type: ScannedActionsSubject },
-    { type: ErrorHandler },
-    { type: undefined, decorators: [{ type: Inject, args: [INITIAL_STATE,] }] },
-    { type: StoreDevtoolsConfig, decorators: [{ type: Inject, args: [STORE_DEVTOOLS_CONFIG,] }] }
-];
+/** @nocollapse */ StoreDevtools.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtools, deps: [{ token: DevtoolsDispatcher }, { token: i2.ActionsSubject }, { token: i2.ReducerObservable }, { token: DevtoolsExtension }, { token: i2.ScannedActionsSubject }, { token: i0.ErrorHandler }, { token: INITIAL_STATE }, { token: STORE_DEVTOOLS_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ StoreDevtools.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtools });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtools, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DevtoolsDispatcher }, { type: i2.ActionsSubject }, { type: i2.ReducerObservable }, { type: DevtoolsExtension }, { type: i2.ScannedActionsSubject }, { type: i0.ErrorHandler }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [INITIAL_STATE]
+                }] }, { type: StoreDevtoolsConfig, decorators: [{
+                    type: Inject,
+                    args: [STORE_DEVTOOLS_CONFIG]
+                }] }]; } });
 
 const IS_EXTENSION_OR_MONITOR_PRESENT = new InjectionToken('@ngrx/store-devtools Is Devtools Extension or Monitor Present');
 function createIsExtensionOrMonitorPresent(extension, config) {
@@ -927,9 +933,13 @@ class StoreDevtoolsModule {
         };
     }
 }
-StoreDevtoolsModule.decorators = [
-    { type: NgModule, args: [{},] }
-];
+/** @nocollapse */ StoreDevtoolsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ StoreDevtoolsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtoolsModule });
+/** @nocollapse */ StoreDevtoolsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtoolsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: StoreDevtoolsModule, decorators: [{
+            type: NgModule,
+            args: [{}]
+        }] });
 
 /**
  * DO NOT EDIT
@@ -941,5 +951,5 @@ StoreDevtoolsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { INITIAL_OPTIONS, RECOMPUTE, StoreDevtools, StoreDevtoolsConfig, StoreDevtoolsModule, IS_EXTENSION_OR_MONITOR_PRESENT as ɵa, createIsExtensionOrMonitorPresent as ɵb, createReduxDevtoolsExtension as ɵc, createStateObservable as ɵd, STORE_DEVTOOLS_CONFIG as ɵe, noMonitor as ɵf, createConfig as ɵg, REDUX_DEVTOOLS_EXTENSION as ɵh, DevtoolsExtension as ɵi, DevtoolsDispatcher as ɵj };
+export { INITIAL_OPTIONS, RECOMPUTE, StoreDevtools, StoreDevtoolsConfig, StoreDevtoolsModule };
 //# sourceMappingURL=ngrx-store-devtools.js.map