@ngxs/devtools-plugin 3.8.1 → 3.8.2-dev.master-0fd1fe5

package/esm2020/src/devtools.module.mjs

@@ -0,0 +1,56 @@
+import { NgModule, InjectionToken, makeEnvironmentProviders } from '@angular/core';
+import { NGXS_PLUGINS, withNgxsPlugin } from '@ngxs/store';
+import { NGXS_DEVTOOLS_OPTIONS } from './symbols';
+import { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
+import * as i0 from "@angular/core";
+export function devtoolsOptionsFactory(options) {
+    return {
+        name: 'NGXS',
+        ...options
+    };
+}
+export const USER_OPTIONS = new InjectionToken('USER_OPTIONS');
+export class NgxsReduxDevtoolsPluginModule {
+    static forRoot(options) {
+        return {
+            ngModule: NgxsReduxDevtoolsPluginModule,
+            providers: [
+                {
+                    provide: NGXS_PLUGINS,
+                    useClass: NgxsReduxDevtoolsPlugin,
+                    multi: true
+                },
+                {
+                    provide: USER_OPTIONS,
+                    useValue: options
+                },
+                {
+                    provide: NGXS_DEVTOOLS_OPTIONS,
+                    useFactory: devtoolsOptionsFactory,
+                    deps: [USER_OPTIONS]
+                }
+            ]
+        };
+    }
+}
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, decorators: [{
+            type: NgModule
+        }] });
+export function withNgxsReduxDevtoolsPlugin(options) {
+    return makeEnvironmentProviders([
+        withNgxsPlugin(NgxsReduxDevtoolsPlugin),
+        {
+            provide: USER_OPTIONS,
+            useValue: options
+        },
+        {
+            provide: NGXS_DEVTOOLS_OPTIONS,
+            useFactory: devtoolsOptionsFactory,
+            deps: [USER_OPTIONS]
+        }
+    ]);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2dG9vbHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvZGV2dG9vbHMtcGx1Z2luL3NyYy9kZXZ0b29scy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFFBQVEsRUFFUixjQUFjLEVBRWQsd0JBQXdCLEVBQ3pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTNELE9BQU8sRUFBdUIscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDdkUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBRTVELE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxPQUE0QjtJQUNqRSxPQUFPO1FBQ0wsSUFBSSxFQUFFLE1BQU07UUFDWixHQUFHLE9BQU87S0FDWCxDQUFDO0FBQ0osQ0FBQztBQUVELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxJQUFJLGNBQWMsQ0FBQyxjQUFjLENBQUMsQ0FBQztBQUcvRCxNQUFNLE9BQU8sNkJBQTZCO0lBQ3hDLE1BQU0sQ0FBQyxPQUFPLENBQ1osT0FBNkI7UUFFN0IsT0FBTztZQUNMLFFBQVEsRUFBRSw2QkFBNkI7WUFDdkMsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxZQUFZO29CQUNyQixRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxLQUFLLEVBQUUsSUFBSTtpQkFDWjtnQkFDRDtvQkFDRSxPQUFPLEVBQUUsWUFBWTtvQkFDckIsUUFBUSxFQUFFLE9BQU87aUJBQ2xCO2dCQUNEO29CQUNFLE9BQU8sRUFBRSxxQkFBcUI7b0JBQzlCLFVBQVUsRUFBRSxzQkFBc0I7b0JBQ2xDLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDckI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOzs2SUF2QlUsNkJBQTZCOzhJQUE3Qiw2QkFBNkI7OElBQTdCLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQUR6QyxRQUFROztBQTJCVCxNQUFNLFVBQVUsMkJBQTJCLENBQ3pDLE9BQTZCO0lBRTdCLE9BQU8sd0JBQXdCLENBQUM7UUFDOUIsY0FBYyxDQUFDLHVCQUF1QixDQUFDO1FBQ3ZDO1lBQ0UsT0FBTyxFQUFFLFlBQVk7WUFDckIsUUFBUSxFQUFFLE9BQU87U0FDbEI7UUFDRDtZQUNFLE9BQU8sRUFBRSxxQkFBcUI7WUFDOUIsVUFBVSxFQUFFLHNCQUFzQjtZQUNsQyxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUM7U0FDckI7S0FDRixDQUFDLENBQUM7QUFDTCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmdNb2R1bGUsXG4gIE1vZHVsZVdpdGhQcm92aWRlcnMsXG4gIEluamVjdGlvblRva2VuLFxuICBFbnZpcm9ubWVudFByb3ZpZGVycyxcbiAgbWFrZUVudmlyb25tZW50UHJvdmlkZXJzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdYU19QTFVHSU5TLCB3aXRoTmd4c1BsdWdpbiB9IGZyb20gJ0BuZ3hzL3N0b3JlJztcblxuaW1wb3J0IHsgTmd4c0RldnRvb2xzT3B0aW9ucywgTkdYU19ERVZUT09MU19PUFRJT05TIH0gZnJvbSAnLi9zeW1ib2xzJztcbmltcG9ydCB7IE5neHNSZWR1eERldnRvb2xzUGx1Z2luIH0gZnJvbSAnLi9kZXZ0b29scy5wbHVnaW4nO1xuXG5leHBvcnQgZnVuY3Rpb24gZGV2dG9vbHNPcHRpb25zRmFjdG9yeShvcHRpb25zOiBOZ3hzRGV2dG9vbHNPcHRpb25zKSB7XG4gIHJldHVybiB7XG4gICAgbmFtZTogJ05HWFMnLFxuICAgIC4uLm9wdGlvbnNcbiAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IFVTRVJfT1BUSU9OUyA9IG5ldyBJbmplY3Rpb25Ub2tlbignVVNFUl9PUFRJT05TJyk7XG5cbkBOZ01vZHVsZSgpXG5leHBvcnQgY2xhc3MgTmd4c1JlZHV4RGV2dG9vbHNQbHVnaW5Nb2R1bGUge1xuICBzdGF0aWMgZm9yUm9vdChcbiAgICBvcHRpb25zPzogTmd4c0RldnRvb2xzT3B0aW9uc1xuICApOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE5neHNSZWR1eERldnRvb2xzUGx1Z2luTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbk1vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgcHJvdmlkZTogTkdYU19QTFVHSU5TLFxuICAgICAgICAgIHVzZUNsYXNzOiBOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbixcbiAgICAgICAgICBtdWx0aTogdHJ1ZVxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgcHJvdmlkZTogVVNFUl9PUFRJT05TLFxuICAgICAgICAgIHVzZVZhbHVlOiBvcHRpb25zXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBwcm92aWRlOiBOR1hTX0RFVlRPT0xTX09QVElPTlMsXG4gICAgICAgICAgdXNlRmFjdG9yeTogZGV2dG9vbHNPcHRpb25zRmFjdG9yeSxcbiAgICAgICAgICBkZXBzOiBbVVNFUl9PUFRJT05TXVxuICAgICAgICB9XG4gICAgICBdXG4gICAgfTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gd2l0aE5neHNSZWR1eERldnRvb2xzUGx1Z2luKFxuICBvcHRpb25zPzogTmd4c0RldnRvb2xzT3B0aW9uc1xuKTogRW52aXJvbm1lbnRQcm92aWRlcnMge1xuICByZXR1cm4gbWFrZUVudmlyb25tZW50UHJvdmlkZXJzKFtcbiAgICB3aXRoTmd4c1BsdWdpbihOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbiksXG4gICAge1xuICAgICAgcHJvdmlkZTogVVNFUl9PUFRJT05TLFxuICAgICAgdXNlVmFsdWU6IG9wdGlvbnNcbiAgICB9LFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HWFNfREVWVE9PTFNfT1BUSU9OUyxcbiAgICAgIHVzZUZhY3Rvcnk6IGRldnRvb2xzT3B0aW9uc0ZhY3RvcnksXG4gICAgICBkZXBzOiBbVVNFUl9PUFRJT05TXVxuICAgIH1cbiAgXSk7XG59XG4iXX0=

package/esm2020/src/devtools.plugin.mjs

@@ -0,0 +1,116 @@
+import { Inject, Injectable, Injector, NgZone, ɵglobal } from '@angular/core';
+import { InitState, getActionTypeFromInstance, Store } from '@ngxs/store';
+import { tap, catchError } from 'rxjs/operators';
+import { NGXS_DEVTOOLS_OPTIONS } from './symbols';
+import * as i0 from "@angular/core";
+/**
+ * Adds support for the Redux Devtools extension:
+ * http://extension.remotedev.io/
+ */
+export class NgxsReduxDevtoolsPlugin {
+    constructor(_options, _injector, _ngZone) {
+        this._options = _options;
+        this._injector = _injector;
+        this._ngZone = _ngZone;
+        this.devtoolsExtension = null;
+        this.globalDevtools = ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];
+        this.unsubscribe = null;
+        this.connect();
+    }
+    ngOnDestroy() {
+        this.unsubscribe?.();
+        this.globalDevtools?.disconnect();
+    }
+    /**
+     * Lazy get the store for circular dependency issues
+     */
+    get store() {
+        return this._injector.get(Store);
+    }
+    /**
+     * Middleware handle function
+     */
+    handle(state, action, next) {
+        if (!this.devtoolsExtension || this._options.disabled) {
+            return next(state, action);
+        }
+        return next(state, action).pipe(catchError(error => {
+            const newState = this.store.snapshot();
+            this.sendToDevTools(state, action, newState);
+            throw error;
+        }), tap(newState => {
+            this.sendToDevTools(state, action, newState);
+        }));
+    }
+    sendToDevTools(state, action, newState) {
+        const type = getActionTypeFromInstance(action);
+        // if init action, send initial state to dev tools
+        const isInitAction = type === InitState.type;
+        if (isInitAction) {
+            this.devtoolsExtension.init(state);
+        }
+        else {
+            this.devtoolsExtension.send({ ...action, action: null, type }, newState);
+        }
+    }
+    /**
+     * Handle the action from the dev tools subscription
+     */
+    dispatched(action) {
+        if (action.type === "DISPATCH" /* ReduxDevtoolsActionType.Dispatch */) {
+            if (action.payload.type === "JUMP_TO_ACTION" /* ReduxDevtoolsPayloadType.JumpToAction */ ||
+                action.payload.type === "JUMP_TO_STATE" /* ReduxDevtoolsPayloadType.JumpToState */) {
+                const prevState = JSON.parse(action.state);
+                // This makes the DevTools and Router plugins compatible with each other.
+                // We check for the existence of the `router` state and ensure it has the
+                // `trigger` property, confirming that it is our router state (coming from `@ngxs/router-plugin`).
+                // This enables a time-traveling feature, as it not only restores the state but
+                // also allows the `RouterState` to navigate back when the action is jumped.
+                if (prevState.router && prevState.router.trigger) {
+                    prevState.router.trigger = 'devtools';
+                }
+                this.store.reset(prevState);
+            }
+            else if (action.payload.type === "TOGGLE_ACTION" /* ReduxDevtoolsPayloadType.ToggleAction */) {
+                console.warn('Skip is not supported at this time.');
+            }
+            else if (action.payload.type === "IMPORT_STATE" /* ReduxDevtoolsPayloadType.ImportState */) {
+                const { actionsById, computedStates, currentStateIndex } = action.payload.nextLiftedState;
+                this.devtoolsExtension.init(computedStates[0].state);
+                Object.keys(actionsById)
+                    .filter(actionId => actionId !== '0')
+                    .forEach(actionId => this.devtoolsExtension.send(actionsById[actionId], computedStates[actionId].state));
+                this.store.reset(computedStates[currentStateIndex].state);
+            }
+        }
+        else if (action.type === "ACTION" /* ReduxDevtoolsActionType.Action */) {
+            const actionPayload = JSON.parse(action.payload);
+            this.store.dispatch(actionPayload);
+        }
+    }
+    connect() {
+        if (!this.globalDevtools || this._options.disabled) {
+            return;
+        }
+        // The `connect` method adds a `message` event listener to communicate
+        // with an extension through `window.postMessage` and handle message events.
+        // Since we only handle two specific events, we aim to avoid unnecessary change
+        // detections triggered by events that the extension sends, but we don't need to handle.
+        this.devtoolsExtension = this._ngZone.runOutsideAngular(() => this.globalDevtools.connect(this._options));
+        this.unsubscribe = this.devtoolsExtension.subscribe(action => {
+            if (action.type === "DISPATCH" /* ReduxDevtoolsActionType.Dispatch */ ||
+                action.type === "ACTION" /* ReduxDevtoolsActionType.Action */) {
+                this.dispatched(action);
+            }
+        });
+    }
+}
+/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin, deps: [{ token: NGXS_DEVTOOLS_OPTIONS }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NGXS_DEVTOOLS_OPTIONS]
+                }] }, { type: i0.Injector }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2dG9vbHMucGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvZGV2dG9vbHMtcGx1Z2luL3NyYy9kZXZ0b29scy5wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBYSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekYsT0FBTyxFQUNMLFNBQVMsRUFDVCx5QkFBeUIsRUFHekIsS0FBSyxFQUNOLE1BQU0sYUFBYSxDQUFDO0FBQ3JCLE9BQU8sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFakQsT0FBTyxFQUNMLHFCQUFxQixFQUl0QixNQUFNLFdBQVcsQ0FBQzs7QUFjbkI7OztHQUdHO0FBRUgsTUFBTSxPQUFPLHVCQUF1QjtJQU9sQyxZQUN5QyxRQUE2QixFQUM1RCxTQUFtQixFQUNuQixPQUFlO1FBRmdCLGFBQVEsR0FBUixRQUFRLENBQXFCO1FBQzVELGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQVRqQixzQkFBaUIsR0FBaUMsSUFBSSxDQUFDO1FBQzlDLG1CQUFjLEdBQzdCLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBRWxFLGdCQUFXLEdBQXdCLElBQUksQ0FBQztRQU85QyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsY0FBYyxFQUFFLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRDs7T0FFRztJQUNILElBQVksS0FBSztRQUNmLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQVEsS0FBSyxDQUFDLENBQUM7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MklBUnBCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQURuQyxVQUFVOzswQkFTTixNQUFNOzJCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdCwgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIE5nWm9uZSwgT25EZXN0cm95LCDJtWdsb2JhbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgSW5pdFN0YXRlLFxuICBnZXRBY3Rpb25UeXBlRnJvbUluc3RhbmNlLFxuICBOZ3hzTmV4dFBsdWdpbkZuLFxuICBOZ3hzUGx1Z2luLFxuICBTdG9yZVxufSBmcm9tICdAbmd4cy9zdG9yZSc7XG5pbXBvcnQgeyB0YXAsIGNhdGNoRXJyb3IgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7XG4gIE5HWFNfREVWVE9PTFNfT1BUSU9OUyxcbiAgTmd4c0RldnRvb2xzQWN0aW9uLFxuICBOZ3hzRGV2dG9vbHNFeHRlbnNpb24sXG4gIE5neHNEZXZ0b29sc09wdGlvbnNcbn0gZnJvbSAnLi9zeW1ib2xzJztcblxuY29uc3QgZW51bSBSZWR1eERldnRvb2xzQWN0aW9uVHlwZSB7XG4gIERpc3BhdGNoID0gJ0RJU1BBVENIJyxcbiAgQWN0aW9uID0gJ0FDVElPTidcbn1cblxuY29uc3QgZW51bSBSZWR1eERldnRvb2xzUGF5bG9hZFR5cGUge1xuICBKdW1wVG9BY3Rpb24gPSAnSlVNUF9UT19BQ1RJT04nLFxuICBKdW1wVG9TdGF0ZSA9ICdKVU1QX1RPX1NUQVRFJyxcbiAgVG9nZ2xlQWN0aW9uID0gJ1RPR0dMRV9BQ1RJT04nLFxuICBJbXBvcnRTdGF0ZSA9ICdJTVBPUlRfU1RBVEUnXG59XG5cbi8qKlxuICogQWRkcyBzdXBwb3J0IGZvciB0aGUgUmVkdXggRGV2dG9vbHMgZXh0ZW5zaW9uOlxuICogaHR0cDovL2V4dGVuc2lvbi5yZW1vdGVkZXYuaW8vXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbiBpbXBsZW1lbnRzIE9uRGVzdHJveSwgTmd4c1BsdWdpbiB7XG4gIHByaXZhdGUgZGV2dG9vbHNFeHRlbnNpb246IE5neHNEZXZ0b29sc0V4dGVuc2lvbiB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIHJlYWRvbmx5IGdsb2JhbERldnRvb2xzID1cbiAgICDJtWdsb2JhbFsnX19SRURVWF9ERVZUT09MU19FWFRFTlNJT05fXyddIHx8IMm1Z2xvYmFsWydkZXZUb29sc0V4dGVuc2lvbiddO1xuXG4gIHByaXZhdGUgdW5zdWJzY3JpYmU6IFZvaWRGdW5jdGlvbiB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTkdYU19ERVZUT09MU19PUFRJT05TKSBwcml2YXRlIF9vcHRpb25zOiBOZ3hzRGV2dG9vbHNPcHRpb25zLFxuICAgIHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICBwcml2YXRlIF9uZ1pvbmU6IE5nWm9uZVxuICApIHtcbiAgICB0aGlzLmNvbm5lY3QoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMudW5zdWJzY3JpYmU/LigpO1xuICAgIHRoaXMuZ2xvYmFsRGV2dG9vbHM/LmRpc2Nvbm5lY3QoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBMYXp5IGdldCB0aGUgc3RvcmUgZm9yIGNpcmN1bGFyIGRlcGVuZGVuY3kgaXNzdWVzXG4gICAqL1xuICBwcml2YXRlIGdldCBzdG9yZSgpOiBTdG9yZSB7XG4gICAgcmV0dXJuIHRoaXMuX2luamVjdG9yLmdldDxTdG9yZT4oU3RvcmUpO1xuICB9XG5cbiAgLyoqXG4gICAqIE1pZGRsZXdhcmUgaGFuZGxlIGZ1bmN0aW9uXG4gICAqL1xuICBoYW5kbGUoc3RhdGU6IGFueSwgYWN0aW9uOiBhbnksIG5leHQ6IE5neHNOZXh0UGx1Z2luRm4pIHtcbiAgICBpZiAoIXRoaXMuZGV2dG9vbHNFeHRlbnNpb24gfHwgdGhpcy5fb3B0aW9ucy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuIG5leHQoc3RhdGUsIGFjdGlvbik7XG4gICAgfVxuXG4gICAgcmV0dXJuIG5leHQoc3RhdGUsIGFjdGlvbikucGlwZShcbiAgICAgIGNhdGNoRXJyb3IoZXJyb3IgPT4ge1xuICAgICAgICBjb25zdCBuZXdTdGF0ZSA9IHRoaXMuc3RvcmUuc25hcHNob3QoKTtcbiAgICAgICAgdGhpcy5zZW5kVG9EZXZUb29scyhzdGF0ZSwgYWN0aW9uLCBuZXdTdGF0ZSk7XG4gICAgICAgIHRocm93IGVycm9yO1xuICAgICAgfSksXG4gICAgICB0YXAobmV3U3RhdGUgPT4ge1xuICAgICAgICB0aGlzLnNlbmRUb0RldlRvb2xzKHN0YXRlLCBhY3Rpb24sIG5ld1N0YXRlKTtcbiAgICAgIH0pXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgc2VuZFRvRGV2VG9vbHMoc3RhdGU6IGFueSwgYWN0aW9uOiBhbnksIG5ld1N0YXRlOiBhbnkpIHtcbiAgICBjb25zdCB0eXBlID0gZ2V0QWN0aW9uVHlwZUZyb21JbnN0YW5jZShhY3Rpb24pO1xuICAgIC8vIGlmIGluaXQgYWN0aW9uLCBzZW5kIGluaXRpYWwgc3RhdGUgdG8gZGV2IHRvb2xzXG4gICAgY29uc3QgaXNJbml0QWN0aW9uID0gdHlwZSA9PT0gSW5pdFN0YXRlLnR5cGU7XG4gICAgaWYgKGlzSW5pdEFjdGlvbikge1xuICAgICAgdGhpcy5kZXZ0b29sc0V4dGVuc2lvbiEuaW5pdChzdGF0ZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZGV2dG9vbHNFeHRlbnNpb24hLnNlbmQoeyAuLi5hY3Rpb24sIGFjdGlvbjogbnVsbCwgdHlwZSB9LCBuZXdTdGF0ZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSB0aGUgYWN0aW9uIGZyb20gdGhlIGRldiB0b29scyBzdWJzY3JpcHRpb25cbiAgICovXG4gIGRpc3BhdGNoZWQoYWN0aW9uOiBOZ3hzRGV2dG9vbHNBY3Rpb24pIHtcbiAgICBpZiAoYWN0aW9uLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNBY3Rpb25UeXBlLkRpc3BhdGNoKSB7XG4gICAgICBpZiAoXG4gICAgICAgIGFjdGlvbi5wYXlsb2FkLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNQYXlsb2FkVHlwZS5KdW1wVG9BY3Rpb24gfHxcbiAgICAgICAgYWN0aW9uLnBheWxvYWQudHlwZSA9PT0gUmVkdXhEZXZ0b29sc1BheWxvYWRUeXBlLkp1bXBUb1N0YXRlXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgcHJldlN0YXRlID0gSlNPTi5wYXJzZShhY3Rpb24uc3RhdGUpO1xuICAgICAgICAvLyBUaGlzIG1ha2VzIHRoZSBEZXZUb29scyBhbmQgUm91dGVyIHBsdWdpbnMgY29tcGF0aWJsZSB3aXRoIGVhY2ggb3RoZXIuXG4gICAgICAgIC8vIFdlIGNoZWNrIGZvciB0aGUgZXhpc3RlbmNlIG9mIHRoZSBgcm91dGVyYCBzdGF0ZSBhbmQgZW5zdXJlIGl0IGhhcyB0aGVcbiAgICAgICAgLy8gYHRyaWdnZXJgIHByb3BlcnR5LCBjb25maXJtaW5nIHRoYXQgaXQgaXMgb3VyIHJvdXRlciBzdGF0ZSAoY29taW5nIGZyb20gYEBuZ3hzL3JvdXRlci1wbHVnaW5gKS5cbiAgICAgICAgLy8gVGhpcyBlbmFibGVzIGEgdGltZS10cmF2ZWxpbmcgZmVhdHVyZSwgYXMgaXQgbm90IG9ubHkgcmVzdG9yZXMgdGhlIHN0YXRlIGJ1dFxuICAgICAgICAvLyBhbHNvIGFsbG93cyB0aGUgYFJvdXRlclN0YXRlYCB0byBuYXZpZ2F0ZSBiYWNrIHdoZW4gdGhlIGFjdGlvbiBpcyBqdW1wZWQuXG4gICAgICAgIGlmIChwcmV2U3RhdGUucm91dGVyICYmIHByZXZTdGF0ZS5yb3V0ZXIudHJpZ2dlcikge1xuICAgICAgICAgIHByZXZTdGF0ZS5yb3V0ZXIudHJpZ2dlciA9ICdkZXZ0b29scyc7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5zdG9yZS5yZXNldChwcmV2U3RhdGUpO1xuICAgICAgfSBlbHNlIGlmIChhY3Rpb24ucGF5bG9hZC50eXBlID09PSBSZWR1eERldnRvb2xzUGF5bG9hZFR5cGUuVG9nZ2xlQWN0aW9uKSB7XG4gICAgICAgIGNvbnNvbGUud2FybignU2tpcCBpcyBub3Qgc3VwcG9ydGVkIGF0IHRoaXMgdGltZS4nKTtcbiAgICAgIH0gZWxzZSBpZiAoYWN0aW9uLnBheWxvYWQudHlwZSA9PT0gUmVkdXhEZXZ0b29sc1BheWxvYWRUeXBlLkltcG9ydFN0YXRlKSB7XG4gICAgICAgIGNvbnN0IHsgYWN0aW9uc0J5SWQsIGNvbXB1dGVkU3RhdGVzLCBjdXJyZW50U3RhdGVJbmRleCB9ID1cbiAgICAgICAgICBhY3Rpb24ucGF5bG9hZC5uZXh0TGlmdGVkU3RhdGU7XG4gICAgICAgIHRoaXMuZGV2dG9vbHNFeHRlbnNpb24hLmluaXQoY29tcHV0ZWRTdGF0ZXNbMF0uc3RhdGUpO1xuICAgICAgICBPYmplY3Qua2V5cyhhY3Rpb25zQnlJZClcbiAgICAgICAgICAuZmlsdGVyKGFjdGlvbklkID0+IGFjdGlvbklkICE9PSAnMCcpXG4gICAgICAgICAgLmZvckVhY2goYWN0aW9uSWQgPT5cbiAgICAgICAgICAgIHRoaXMuZGV2dG9vbHNFeHRlbnNpb24hLnNlbmQoYWN0aW9uc0J5SWRbYWN0aW9uSWRdLCBjb21wdXRlZFN0YXRlc1thY3Rpb25JZF0uc3RhdGUpXG4gICAgICAgICAgKTtcbiAgICAgICAgdGhpcy5zdG9yZS5yZXNldChjb21wdXRlZFN0YXRlc1tjdXJyZW50U3RhdGVJbmRleF0uc3RhdGUpO1xuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoYWN0aW9uLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNBY3Rpb25UeXBlLkFjdGlvbikge1xuICAgICAgY29uc3QgYWN0aW9uUGF5bG9hZCA9IEpTT04ucGFyc2UoYWN0aW9uLnBheWxvYWQpO1xuICAgICAgdGhpcy5zdG9yZS5kaXNwYXRjaChhY3Rpb25QYXlsb2FkKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGNvbm5lY3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmdsb2JhbERldnRvb2xzIHx8IHRoaXMuX29wdGlvbnMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBUaGUgYGNvbm5lY3RgIG1ldGhvZCBhZGRzIGEgYG1lc3NhZ2VgIGV2ZW50IGxpc3RlbmVyIHRvIGNvbW11bmljYXRlXG4gICAgLy8gd2l0aCBhbiBleHRlbnNpb24gdGhyb3VnaCBgd2luZG93LnBvc3RNZXNzYWdlYCBhbmQgaGFuZGxlIG1lc3NhZ2UgZXZlbnRzLlxuICAgIC8vIFNpbmNlIHdlIG9ubHkgaGFuZGxlIHR3byBzcGVjaWZpYyBldmVudHMsIHdlIGFpbSB0byBhdm9pZCB1bm5lY2Vzc2FyeSBjaGFuZ2VcbiAgICAvLyBkZXRlY3Rpb25zIHRyaWdnZXJlZCBieSBldmVudHMgdGhhdCB0aGUgZXh0ZW5zaW9uIHNlbmRzLCBidXQgd2UgZG9uJ3QgbmVlZCB0byBoYW5kbGUuXG4gICAgdGhpcy5kZXZ0b29sc0V4dGVuc2lvbiA9IHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcihcbiAgICAgICgpID0+IDxOZ3hzRGV2dG9vbHNFeHRlbnNpb24+dGhpcy5nbG9iYWxEZXZ0b29scy5jb25uZWN0KHRoaXMuX29wdGlvbnMpXG4gICAgKTtcblxuICAgIHRoaXMudW5zdWJzY3JpYmUgPSB0aGlzLmRldnRvb2xzRXh0ZW5zaW9uLnN1YnNjcmliZShhY3Rpb24gPT4ge1xuICAgICAgaWYgKFxuICAgICAgICBhY3Rpb24udHlwZSA9PT0gUmVkdXhEZXZ0b29sc0FjdGlvblR5cGUuRGlzcGF0Y2ggfHxcbiAgICAgICAgYWN0aW9uLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNBY3Rpb25UeXBlLkFjdGlvblxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuZGlzcGF0Y2hlZChhY3Rpb24pO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2020/src/public_api.mjs

@@ -0,0 +1,4 @@
+export { NgxsReduxDevtoolsPluginModule, withNgxsReduxDevtoolsPlugin } from './devtools.module';
+export { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
+export * from './symbols';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2RldnRvb2xzLXBsdWdpbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM1RCxjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IE5neHNSZWR1eERldnRvb2xzUGx1Z2luTW9kdWxlLCB3aXRoTmd4c1JlZHV4RGV2dG9vbHNQbHVnaW4gfSBmcm9tICcuL2RldnRvb2xzLm1vZHVsZSc7XG5leHBvcnQgeyBOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbiB9IGZyb20gJy4vZGV2dG9vbHMucGx1Z2luJztcbmV4cG9ydCAqIGZyb20gJy4vc3ltYm9scyc7XG4iXX0=

package/fesm2015/ngxs-devtools-plugin.mjs

@@ -0,0 +1,179 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, ɵglobal, Injectable, Inject, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { Store, getActionTypeFromInstance, InitState, NGXS_PLUGINS, withNgxsPlugin } from '@ngxs/store';
+import { catchError, tap } from 'rxjs/operators';
+
+const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');
+
+/**
+ * Adds support for the Redux Devtools extension:
+ * http://extension.remotedev.io/
+ */
+class NgxsReduxDevtoolsPlugin {
+    constructor(_options, _injector, _ngZone) {
+        this._options = _options;
+        this._injector = _injector;
+        this._ngZone = _ngZone;
+        this.devtoolsExtension = null;
+        this.globalDevtools = ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];
+        this.unsubscribe = null;
+        this.connect();
+    }
+    ngOnDestroy() {
+        var _a, _b;
+        (_a = this.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.globalDevtools) === null || _b === void 0 ? void 0 : _b.disconnect();
+    }
+    /**
+     * Lazy get the store for circular dependency issues
+     */
+    get store() {
+        return this._injector.get(Store);
+    }
+    /**
+     * Middleware handle function
+     */
+    handle(state, action, next) {
+        if (!this.devtoolsExtension || this._options.disabled) {
+            return next(state, action);
+        }
+        return next(state, action).pipe(catchError(error => {
+            const newState = this.store.snapshot();
+            this.sendToDevTools(state, action, newState);
+            throw error;
+        }), tap(newState => {
+            this.sendToDevTools(state, action, newState);
+        }));
+    }
+    sendToDevTools(state, action, newState) {
+        const type = getActionTypeFromInstance(action);
+        // if init action, send initial state to dev tools
+        const isInitAction = type === InitState.type;
+        if (isInitAction) {
+            this.devtoolsExtension.init(state);
+        }
+        else {
+            this.devtoolsExtension.send(Object.assign(Object.assign({}, action), { action: null, type }), newState);
+        }
+    }
+    /**
+     * Handle the action from the dev tools subscription
+     */
+    dispatched(action) {
+        if (action.type === "DISPATCH" /* ReduxDevtoolsActionType.Dispatch */) {
+            if (action.payload.type === "JUMP_TO_ACTION" /* ReduxDevtoolsPayloadType.JumpToAction */ ||
+                action.payload.type === "JUMP_TO_STATE" /* ReduxDevtoolsPayloadType.JumpToState */) {
+                const prevState = JSON.parse(action.state);
+                // This makes the DevTools and Router plugins compatible with each other.
+                // We check for the existence of the `router` state and ensure it has the
+                // `trigger` property, confirming that it is our router state (coming from `@ngxs/router-plugin`).
+                // This enables a time-traveling feature, as it not only restores the state but
+                // also allows the `RouterState` to navigate back when the action is jumped.
+                if (prevState.router && prevState.router.trigger) {
+                    prevState.router.trigger = 'devtools';
+                }
+                this.store.reset(prevState);
+            }
+            else if (action.payload.type === "TOGGLE_ACTION" /* ReduxDevtoolsPayloadType.ToggleAction */) {
+                console.warn('Skip is not supported at this time.');
+            }
+            else if (action.payload.type === "IMPORT_STATE" /* ReduxDevtoolsPayloadType.ImportState */) {
+                const { actionsById, computedStates, currentStateIndex } = action.payload.nextLiftedState;
+                this.devtoolsExtension.init(computedStates[0].state);
+                Object.keys(actionsById)
+                    .filter(actionId => actionId !== '0')
+                    .forEach(actionId => this.devtoolsExtension.send(actionsById[actionId], computedStates[actionId].state));
+                this.store.reset(computedStates[currentStateIndex].state);
+            }
+        }
+        else if (action.type === "ACTION" /* ReduxDevtoolsActionType.Action */) {
+            const actionPayload = JSON.parse(action.payload);
+            this.store.dispatch(actionPayload);
+        }
+    }
+    connect() {
+        if (!this.globalDevtools || this._options.disabled) {
+            return;
+        }
+        // The `connect` method adds a `message` event listener to communicate
+        // with an extension through `window.postMessage` and handle message events.
+        // Since we only handle two specific events, we aim to avoid unnecessary change
+        // detections triggered by events that the extension sends, but we don't need to handle.
+        this.devtoolsExtension = this._ngZone.runOutsideAngular(() => this.globalDevtools.connect(this._options));
+        this.unsubscribe = this.devtoolsExtension.subscribe(action => {
+            if (action.type === "DISPATCH" /* ReduxDevtoolsActionType.Dispatch */ ||
+                action.type === "ACTION" /* ReduxDevtoolsActionType.Action */) {
+                this.dispatched(action);
+            }
+        });
+    }
+}
+/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin, deps: [{ token: NGXS_DEVTOOLS_OPTIONS }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [NGXS_DEVTOOLS_OPTIONS]
+                    }] }, { type: i0.Injector }, { type: i0.NgZone }];
+    } });
+
+function devtoolsOptionsFactory(options) {
+    return Object.assign({ name: 'NGXS' }, options);
+}
+const USER_OPTIONS = new InjectionToken('USER_OPTIONS');
+class NgxsReduxDevtoolsPluginModule {
+    static forRoot(options) {
+        return {
+            ngModule: NgxsReduxDevtoolsPluginModule,
+            providers: [
+                {
+                    provide: NGXS_PLUGINS,
+                    useClass: NgxsReduxDevtoolsPlugin,
+                    multi: true
+                },
+                {
+                    provide: USER_OPTIONS,
+                    useValue: options
+                },
+                {
+                    provide: NGXS_DEVTOOLS_OPTIONS,
+                    useFactory: devtoolsOptionsFactory,
+                    deps: [USER_OPTIONS]
+                }
+            ]
+        };
+    }
+}
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, decorators: [{
+            type: NgModule
+        }] });
+function withNgxsReduxDevtoolsPlugin(options) {
+    return makeEnvironmentProviders([
+        withNgxsPlugin(NgxsReduxDevtoolsPlugin),
+        {
+            provide: USER_OPTIONS,
+            useValue: options
+        },
+        {
+            provide: NGXS_DEVTOOLS_OPTIONS,
+            useFactory: devtoolsOptionsFactory,
+            deps: [USER_OPTIONS]
+        }
+    ]);
+}
+
+/**
+ * The public api for consumers of @ngxs/devtools-plugin
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NGXS_DEVTOOLS_OPTIONS, NgxsReduxDevtoolsPlugin, NgxsReduxDevtoolsPluginModule, withNgxsReduxDevtoolsPlugin };
+//# sourceMappingURL=ngxs-devtools-plugin.mjs.map

package/fesm2015/ngxs-devtools-plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxs-devtools-plugin.mjs","sources":["../../../packages/devtools-plugin/src/symbols.ts","../../../packages/devtools-plugin/src/devtools.plugin.ts","../../../packages/devtools-plugin/src/devtools.module.ts","../../../packages/devtools-plugin/index.ts","../../../packages/devtools-plugin/ngxs-devtools-plugin.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Interface for the redux-devtools-extension API.\n */\nexport interface NgxsDevtoolsExtension {\n  init(state: any): void;\n  send(action: any, state?: any): void;\n  subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;\n}\n\nexport interface NgxsDevtoolsAction {\n  type: string;\n  payload: any;\n  state: any;\n  id: number;\n  source: string;\n}\n\nexport interface NgxsDevtoolsOptions {\n  /**\n   * The name of the extension\n   */\n  name?: string;\n\n  /**\n   * Whether the dev tools is enabled or note. Useful for setting during production.\n   */\n  disabled?: boolean;\n\n  /**\n   * Max number of entiries to keep.\n   */\n  maxAge?: number;\n\n  /**\n   * If more than one action is dispatched in the indicated interval, all new actions will be collected\n   * and sent at once. It is the joint between performance and speed. When set to 0, all actions will be\n   * sent instantly. Set it to a higher value when experiencing perf issues (also maxAge to a lower value).\n   * Default is 500 ms.\n   */\n  latency?: number;\n\n  /**\n   * string or array of strings as regex - actions types to be hidden in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsBlacklist?: string | string[];\n\n  /**\n   * string or array of strings as regex - actions types to be shown in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsWhitelist?: string | string[];\n\n  /**\n   * called for every action before sending, takes state and action object, and returns true in case it allows\n   * sending the current data to the monitor. Use it as a more advanced version of\n   * actionsBlacklist/actionsWhitelist parameters\n   */\n  predicate?: (state: any, action: any) => boolean;\n\n  /**\n   * Reformat actions before sending to dev tools\n   */\n  actionSanitizer?: (action: any) => void;\n\n  /**\n   * Reformat state before sending to devtools\n   */\n  stateSanitizer?: (state: any) => void;\n\n  /**\n   * If set to true, will include stack trace for every dispatched action\n   */\n  trace?: boolean | (() => string);\n\n  /**\n   * Maximum stack trace frames to be stored (in case trace option was provided as true)\n   */\n  traceLimit?: number;\n}\n\nexport const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');\n","import { Inject, Injectable, Injector, NgZone, OnDestroy, ɵglobal } from '@angular/core';\nimport {\n  InitState,\n  getActionTypeFromInstance,\n  NgxsNextPluginFn,\n  NgxsPlugin,\n  Store\n} from '@ngxs/store';\nimport { tap, catchError } from 'rxjs/operators';\n\nimport {\n  NGXS_DEVTOOLS_OPTIONS,\n  NgxsDevtoolsAction,\n  NgxsDevtoolsExtension,\n  NgxsDevtoolsOptions\n} from './symbols';\n\nconst enum ReduxDevtoolsActionType {\n  Dispatch = 'DISPATCH',\n  Action = 'ACTION'\n}\n\nconst enum ReduxDevtoolsPayloadType {\n  JumpToAction = 'JUMP_TO_ACTION',\n  JumpToState = 'JUMP_TO_STATE',\n  ToggleAction = 'TOGGLE_ACTION',\n  ImportState = 'IMPORT_STATE'\n}\n\n/**\n * Adds support for the Redux Devtools extension:\n * http://extension.remotedev.io/\n */\n@Injectable()\nexport class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {\n  private devtoolsExtension: NgxsDevtoolsExtension | null = null;\n  private readonly globalDevtools =\n    ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];\n\n  private unsubscribe: VoidFunction | null = null;\n\n  constructor(\n    @Inject(NGXS_DEVTOOLS_OPTIONS) private _options: NgxsDevtoolsOptions,\n    private _injector: Injector,\n    private _ngZone: NgZone\n  ) {\n    this.connect();\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribe?.();\n    this.globalDevtools?.disconnect();\n  }\n\n  /**\n   * Lazy get the store for circular dependency issues\n   */\n  private get store(): Store {\n    return this._injector.get<Store>(Store);\n  }\n\n  /**\n   * Middleware handle function\n   */\n  handle(state: any, action: any, next: NgxsNextPluginFn) {\n    if (!this.devtoolsExtension || this._options.disabled) {\n      return next(state, action);\n    }\n\n    return next(state, action).pipe(\n      catchError(error => {\n        const newState = this.store.snapshot();\n        this.sendToDevTools(state, action, newState);\n        throw error;\n      }),\n      tap(newState => {\n        this.sendToDevTools(state, action, newState);\n      })\n    );\n  }\n\n  private sendToDevTools(state: any, action: any, newState: any) {\n    const type = getActionTypeFromInstance(action);\n    // if init action, send initial state to dev tools\n    const isInitAction = type === InitState.type;\n    if (isInitAction) {\n      this.devtoolsExtension!.init(state);\n    } else {\n      this.devtoolsExtension!.send({ ...action, action: null, type }, newState);\n    }\n  }\n\n  /**\n   * Handle the action from the dev tools subscription\n   */\n  dispatched(action: NgxsDevtoolsAction) {\n    if (action.type === ReduxDevtoolsActionType.Dispatch) {\n      if (\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToAction ||\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToState\n      ) {\n        const prevState = JSON.parse(action.state);\n        // This makes the DevTools and Router plugins compatible with each other.\n        // We check for the existence of the `router` state and ensure it has the\n        // `trigger` property, confirming that it is our router state (coming from `@ngxs/router-plugin`).\n        // This enables a time-traveling feature, as it not only restores the state but\n        // also allows the `RouterState` to navigate back when the action is jumped.\n        if (prevState.router && prevState.router.trigger) {\n          prevState.router.trigger = 'devtools';\n        }\n        this.store.reset(prevState);\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ToggleAction) {\n        console.warn('Skip is not supported at this time.');\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ImportState) {\n        const { actionsById, computedStates, currentStateIndex } =\n          action.payload.nextLiftedState;\n        this.devtoolsExtension!.init(computedStates[0].state);\n        Object.keys(actionsById)\n          .filter(actionId => actionId !== '0')\n          .forEach(actionId =>\n            this.devtoolsExtension!.send(actionsById[actionId], computedStates[actionId].state)\n          );\n        this.store.reset(computedStates[currentStateIndex].state);\n      }\n    } else if (action.type === ReduxDevtoolsActionType.Action) {\n      const actionPayload = JSON.parse(action.payload);\n      this.store.dispatch(actionPayload);\n    }\n  }\n\n  private connect(): void {\n    if (!this.globalDevtools || this._options.disabled) {\n      return;\n    }\n\n    // The `connect` method adds a `message` event listener to communicate\n    // with an extension through `window.postMessage` and handle message events.\n    // Since we only handle two specific events, we aim to avoid unnecessary change\n    // detections triggered by events that the extension sends, but we don't need to handle.\n    this.devtoolsExtension = this._ngZone.runOutsideAngular(\n      () => <NgxsDevtoolsExtension>this.globalDevtools.connect(this._options)\n    );\n\n    this.unsubscribe = this.devtoolsExtension.subscribe(action => {\n      if (\n        action.type === ReduxDevtoolsActionType.Dispatch ||\n        action.type === ReduxDevtoolsActionType.Action\n      ) {\n        this.dispatched(action);\n      }\n    });\n  }\n}\n","import {\n  NgModule,\n  ModuleWithProviders,\n  InjectionToken,\n  EnvironmentProviders,\n  makeEnvironmentProviders\n} from '@angular/core';\nimport { NGXS_PLUGINS, withNgxsPlugin } from '@ngxs/store';\n\nimport { NgxsDevtoolsOptions, NGXS_DEVTOOLS_OPTIONS } from './symbols';\nimport { NgxsReduxDevtoolsPlugin } from './devtools.plugin';\n\nexport function devtoolsOptionsFactory(options: NgxsDevtoolsOptions) {\n  return {\n    name: 'NGXS',\n    ...options\n  };\n}\n\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\n\n@NgModule()\nexport class NgxsReduxDevtoolsPluginModule {\n  static forRoot(\n    options?: NgxsDevtoolsOptions\n  ): ModuleWithProviders<NgxsReduxDevtoolsPluginModule> {\n    return {\n      ngModule: NgxsReduxDevtoolsPluginModule,\n      providers: [\n        {\n          provide: NGXS_PLUGINS,\n          useClass: NgxsReduxDevtoolsPlugin,\n          multi: true\n        },\n        {\n          provide: USER_OPTIONS,\n          useValue: options\n        },\n        {\n          provide: NGXS_DEVTOOLS_OPTIONS,\n          useFactory: devtoolsOptionsFactory,\n          deps: [USER_OPTIONS]\n        }\n      ]\n    };\n  }\n}\n\nexport function withNgxsReduxDevtoolsPlugin(\n  options?: NgxsDevtoolsOptions\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    withNgxsPlugin(NgxsReduxDevtoolsPlugin),\n    {\n      provide: USER_OPTIONS,\n      useValue: options\n    },\n    {\n      provide: NGXS_DEVTOOLS_OPTIONS,\n      useFactory: devtoolsOptionsFactory,\n      deps: [USER_OPTIONS]\n    }\n  ]);\n}\n","/**\n * The public api for consumers of @ngxs/devtools-plugin\n */\nexport * from './src/public_api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/{fesm2015/ngxs-devtools-plugin.js → fesm2020/ngxs-devtools-plugin.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, ɵglobal, Injectable, Inject, NgModule } from '@angular/core';
-import { Store, getActionTypeFromInstance, NGXS_PLUGINS } from '@ngxs/store';
+import { InjectionToken, ɵglobal, Injectable, Inject, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { Store, getActionTypeFromInstance, InitState, NGXS_PLUGINS, withNgxsPlugin } from '@ngxs/store';
 import { catchError, tap } from 'rxjs/operators';
 
 const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');
@@ -20,12 +20,8 @@ class NgxsReduxDevtoolsPlugin {
         this.connect();
     }
     ngOnDestroy() {
-        if (this.unsubscribe !== null) {
-            this.unsubscribe();
-        }
-        if (this.globalDevtools) {
-            this.globalDevtools.disconnect();
-        }
+        this.unsubscribe?.();
+        this.globalDevtools?.disconnect();
     }
     /**
      * Lazy get the store for circular dependency issues
@@ -51,37 +47,36 @@ class NgxsReduxDevtoolsPlugin {
     sendToDevTools(state, action, newState) {
         const type = getActionTypeFromInstance(action);
         // if init action, send initial state to dev tools
-        const isInitAction = type === '@@INIT';
+        const isInitAction = type === InitState.type;
         if (isInitAction) {
             this.devtoolsExtension.init(state);
         }
         else {
-            this.devtoolsExtension.send(Object.assign(Object.assign({}, action), { action: null, type }), newState);
+            this.devtoolsExtension.send({ ...action, action: null, type }, newState);
         }
     }
     /**
      * Handle the action from the dev tools subscription
      */
     dispatched(action) {
-        if (action.type === "DISPATCH" /* Dispatch */) {
-            if (action.payload.type === "JUMP_TO_ACTION" /* JumpToAction */ ||
-                action.payload.type === "JUMP_TO_STATE" /* JumpToState */) {
+        if (action.type === "DISPATCH" /* ReduxDevtoolsActionType.Dispatch */) {
+            if (action.payload.type === "JUMP_TO_ACTION" /* ReduxDevtoolsPayloadType.JumpToAction */ ||
+                action.payload.type === "JUMP_TO_STATE" /* ReduxDevtoolsPayloadType.JumpToState */) {
                 const prevState = JSON.parse(action.state);
-                // This makes the DevTools and Router plugins friends with each other.
-                // We're checking for the `router` state to exist, and it also should
-                // have the `trigger` property, so we're sure that this is our router
-                // state (coming from `@ngxs/router-plugin`). This enables a time-traveling
-                // feature since it doesn't only restore the state but also allows the `RouterState`
-                // to navigate back when the action is jumped.
+                // This makes the DevTools and Router plugins compatible with each other.
+                // We check for the existence of the `router` state and ensure it has the
+                // `trigger` property, confirming that it is our router state (coming from `@ngxs/router-plugin`).
+                // This enables a time-traveling feature, as it not only restores the state but
+                // also allows the `RouterState` to navigate back when the action is jumped.
                 if (prevState.router && prevState.router.trigger) {
                     prevState.router.trigger = 'devtools';
                 }
                 this.store.reset(prevState);
             }
-            else if (action.payload.type === "TOGGLE_ACTION" /* ToggleAction */) {
+            else if (action.payload.type === "TOGGLE_ACTION" /* ReduxDevtoolsPayloadType.ToggleAction */) {
                 console.warn('Skip is not supported at this time.');
             }
-            else if (action.payload.type === "IMPORT_STATE" /* ImportState */) {
+            else if (action.payload.type === "IMPORT_STATE" /* ReduxDevtoolsPayloadType.ImportState */) {
                 const { actionsById, computedStates, currentStateIndex } = action.payload.nextLiftedState;
                 this.devtoolsExtension.init(computedStates[0].state);
                 Object.keys(actionsById)
@@ -90,7 +85,7 @@ class NgxsReduxDevtoolsPlugin {
                 this.store.reset(computedStates[currentStateIndex].state);
             }
         }
-        else if (action.type === "ACTION" /* Action */) {
+        else if (action.type === "ACTION" /* ReduxDevtoolsActionType.Action */) {
             const actionPayload = JSON.parse(action.payload);
             this.store.dispatch(actionPayload);
         }
@@ -99,24 +94,22 @@ class NgxsReduxDevtoolsPlugin {
         if (!this.globalDevtools || this._options.disabled) {
             return;
         }
-        // The `connect` method adds `message` event listener since it communicates
-        // with an extension through `window.postMessage` and message events.
-        // We handle only 2 events; thus, we don't want to run many change detections
-        // because the extension sends events that we don't have to handle.
+        // The `connect` method adds a `message` event listener to communicate
+        // with an extension through `window.postMessage` and handle message events.
+        // Since we only handle two specific events, we aim to avoid unnecessary change
+        // detections triggered by events that the extension sends, but we don't need to handle.
         this.devtoolsExtension = this._ngZone.runOutsideAngular(() => this.globalDevtools.connect(this._options));
         this.unsubscribe = this.devtoolsExtension.subscribe(action => {
-            if (action.type === "DISPATCH" /* Dispatch */ ||
-                action.type === "ACTION" /* Action */) {
-                this._ngZone.run(() => {
-                    this.dispatched(action);
-                });
+            if (action.type === "DISPATCH" /* ReduxDevtoolsActionType.Dispatch */ ||
+                action.type === "ACTION" /* ReduxDevtoolsActionType.Action */) {
+                this.dispatched(action);
             }
         });
     }
 }
-/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPlugin, deps: [{ token: NGXS_DEVTOOLS_OPTIONS }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPlugin });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPlugin, decorators: [{
+/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin, deps: [{ token: NGXS_DEVTOOLS_OPTIONS }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPlugin, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -124,7 +117,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }] }, { type: i0.Injector }, { type: i0.NgZone }]; } });
 
 function devtoolsOptionsFactory(options) {
-    return Object.assign({ name: 'NGXS' }, options);
+    return {
+        name: 'NGXS',
+        ...options
+    };
 }
 const USER_OPTIONS = new InjectionToken('USER_OPTIONS');
 class NgxsReduxDevtoolsPluginModule {
@@ -150,12 +146,26 @@ class NgxsReduxDevtoolsPluginModule {
         };
     }
 }
-/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
-/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, decorators: [{
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
+/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, decorators: [{
             type: NgModule
         }] });
+function withNgxsReduxDevtoolsPlugin(options) {
+    return makeEnvironmentProviders([
+        withNgxsPlugin(NgxsReduxDevtoolsPlugin),
+        {
+            provide: USER_OPTIONS,
+            useValue: options
+        },
+        {
+            provide: NGXS_DEVTOOLS_OPTIONS,
+            useFactory: devtoolsOptionsFactory,
+            deps: [USER_OPTIONS]
+        }
+    ]);
+}
 
 /**
  * The public api for consumers of @ngxs/devtools-plugin
@@ -165,5 +175,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NGXS_DEVTOOLS_OPTIONS, NgxsReduxDevtoolsPlugin, NgxsReduxDevtoolsPluginModule };
-//# sourceMappingURL=ngxs-devtools-plugin.js.map
+export { NGXS_DEVTOOLS_OPTIONS, NgxsReduxDevtoolsPlugin, NgxsReduxDevtoolsPluginModule, withNgxsReduxDevtoolsPlugin };
+//# sourceMappingURL=ngxs-devtools-plugin.mjs.map

package/fesm2020/ngxs-devtools-plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxs-devtools-plugin.mjs","sources":["../../../packages/devtools-plugin/src/symbols.ts","../../../packages/devtools-plugin/src/devtools.plugin.ts","../../../packages/devtools-plugin/src/devtools.module.ts","../../../packages/devtools-plugin/index.ts","../../../packages/devtools-plugin/ngxs-devtools-plugin.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Interface for the redux-devtools-extension API.\n */\nexport interface NgxsDevtoolsExtension {\n  init(state: any): void;\n  send(action: any, state?: any): void;\n  subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;\n}\n\nexport interface NgxsDevtoolsAction {\n  type: string;\n  payload: any;\n  state: any;\n  id: number;\n  source: string;\n}\n\nexport interface NgxsDevtoolsOptions {\n  /**\n   * The name of the extension\n   */\n  name?: string;\n\n  /**\n   * Whether the dev tools is enabled or note. Useful for setting during production.\n   */\n  disabled?: boolean;\n\n  /**\n   * Max number of entiries to keep.\n   */\n  maxAge?: number;\n\n  /**\n   * If more than one action is dispatched in the indicated interval, all new actions will be collected\n   * and sent at once. It is the joint between performance and speed. When set to 0, all actions will be\n   * sent instantly. Set it to a higher value when experiencing perf issues (also maxAge to a lower value).\n   * Default is 500 ms.\n   */\n  latency?: number;\n\n  /**\n   * string or array of strings as regex - actions types to be hidden in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsBlacklist?: string | string[];\n\n  /**\n   * string or array of strings as regex - actions types to be shown in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsWhitelist?: string | string[];\n\n  /**\n   * called for every action before sending, takes state and action object, and returns true in case it allows\n   * sending the current data to the monitor. Use it as a more advanced version of\n   * actionsBlacklist/actionsWhitelist parameters\n   */\n  predicate?: (state: any, action: any) => boolean;\n\n  /**\n   * Reformat actions before sending to dev tools\n   */\n  actionSanitizer?: (action: any) => void;\n\n  /**\n   * Reformat state before sending to devtools\n   */\n  stateSanitizer?: (state: any) => void;\n\n  /**\n   * If set to true, will include stack trace for every dispatched action\n   */\n  trace?: boolean | (() => string);\n\n  /**\n   * Maximum stack trace frames to be stored (in case trace option was provided as true)\n   */\n  traceLimit?: number;\n}\n\nexport const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');\n","import { Inject, Injectable, Injector, NgZone, OnDestroy, ɵglobal } from '@angular/core';\nimport {\n  InitState,\n  getActionTypeFromInstance,\n  NgxsNextPluginFn,\n  NgxsPlugin,\n  Store\n} from '@ngxs/store';\nimport { tap, catchError } from 'rxjs/operators';\n\nimport {\n  NGXS_DEVTOOLS_OPTIONS,\n  NgxsDevtoolsAction,\n  NgxsDevtoolsExtension,\n  NgxsDevtoolsOptions\n} from './symbols';\n\nconst enum ReduxDevtoolsActionType {\n  Dispatch = 'DISPATCH',\n  Action = 'ACTION'\n}\n\nconst enum ReduxDevtoolsPayloadType {\n  JumpToAction = 'JUMP_TO_ACTION',\n  JumpToState = 'JUMP_TO_STATE',\n  ToggleAction = 'TOGGLE_ACTION',\n  ImportState = 'IMPORT_STATE'\n}\n\n/**\n * Adds support for the Redux Devtools extension:\n * http://extension.remotedev.io/\n */\n@Injectable()\nexport class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {\n  private devtoolsExtension: NgxsDevtoolsExtension | null = null;\n  private readonly globalDevtools =\n    ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];\n\n  private unsubscribe: VoidFunction | null = null;\n\n  constructor(\n    @Inject(NGXS_DEVTOOLS_OPTIONS) private _options: NgxsDevtoolsOptions,\n    private _injector: Injector,\n    private _ngZone: NgZone\n  ) {\n    this.connect();\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribe?.();\n    this.globalDevtools?.disconnect();\n  }\n\n  /**\n   * Lazy get the store for circular dependency issues\n   */\n  private get store(): Store {\n    return this._injector.get<Store>(Store);\n  }\n\n  /**\n   * Middleware handle function\n   */\n  handle(state: any, action: any, next: NgxsNextPluginFn) {\n    if (!this.devtoolsExtension || this._options.disabled) {\n      return next(state, action);\n    }\n\n    return next(state, action).pipe(\n      catchError(error => {\n        const newState = this.store.snapshot();\n        this.sendToDevTools(state, action, newState);\n        throw error;\n      }),\n      tap(newState => {\n        this.sendToDevTools(state, action, newState);\n      })\n    );\n  }\n\n  private sendToDevTools(state: any, action: any, newState: any) {\n    const type = getActionTypeFromInstance(action);\n    // if init action, send initial state to dev tools\n    const isInitAction = type === InitState.type;\n    if (isInitAction) {\n      this.devtoolsExtension!.init(state);\n    } else {\n      this.devtoolsExtension!.send({ ...action, action: null, type }, newState);\n    }\n  }\n\n  /**\n   * Handle the action from the dev tools subscription\n   */\n  dispatched(action: NgxsDevtoolsAction) {\n    if (action.type === ReduxDevtoolsActionType.Dispatch) {\n      if (\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToAction ||\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToState\n      ) {\n        const prevState = JSON.parse(action.state);\n        // This makes the DevTools and Router plugins compatible with each other.\n        // We check for the existence of the `router` state and ensure it has the\n        // `trigger` property, confirming that it is our router state (coming from `@ngxs/router-plugin`).\n        // This enables a time-traveling feature, as it not only restores the state but\n        // also allows the `RouterState` to navigate back when the action is jumped.\n        if (prevState.router && prevState.router.trigger) {\n          prevState.router.trigger = 'devtools';\n        }\n        this.store.reset(prevState);\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ToggleAction) {\n        console.warn('Skip is not supported at this time.');\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ImportState) {\n        const { actionsById, computedStates, currentStateIndex } =\n          action.payload.nextLiftedState;\n        this.devtoolsExtension!.init(computedStates[0].state);\n        Object.keys(actionsById)\n          .filter(actionId => actionId !== '0')\n          .forEach(actionId =>\n            this.devtoolsExtension!.send(actionsById[actionId], computedStates[actionId].state)\n          );\n        this.store.reset(computedStates[currentStateIndex].state);\n      }\n    } else if (action.type === ReduxDevtoolsActionType.Action) {\n      const actionPayload = JSON.parse(action.payload);\n      this.store.dispatch(actionPayload);\n    }\n  }\n\n  private connect(): void {\n    if (!this.globalDevtools || this._options.disabled) {\n      return;\n    }\n\n    // The `connect` method adds a `message` event listener to communicate\n    // with an extension through `window.postMessage` and handle message events.\n    // Since we only handle two specific events, we aim to avoid unnecessary change\n    // detections triggered by events that the extension sends, but we don't need to handle.\n    this.devtoolsExtension = this._ngZone.runOutsideAngular(\n      () => <NgxsDevtoolsExtension>this.globalDevtools.connect(this._options)\n    );\n\n    this.unsubscribe = this.devtoolsExtension.subscribe(action => {\n      if (\n        action.type === ReduxDevtoolsActionType.Dispatch ||\n        action.type === ReduxDevtoolsActionType.Action\n      ) {\n        this.dispatched(action);\n      }\n    });\n  }\n}\n","import {\n  NgModule,\n  ModuleWithProviders,\n  InjectionToken,\n  EnvironmentProviders,\n  makeEnvironmentProviders\n} from '@angular/core';\nimport { NGXS_PLUGINS, withNgxsPlugin } from '@ngxs/store';\n\nimport { NgxsDevtoolsOptions, NGXS_DEVTOOLS_OPTIONS } from './symbols';\nimport { NgxsReduxDevtoolsPlugin } from './devtools.plugin';\n\nexport function devtoolsOptionsFactory(options: NgxsDevtoolsOptions) {\n  return {\n    name: 'NGXS',\n    ...options\n  };\n}\n\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\n\n@NgModule()\nexport class NgxsReduxDevtoolsPluginModule {\n  static forRoot(\n    options?: NgxsDevtoolsOptions\n  ): ModuleWithProviders<NgxsReduxDevtoolsPluginModule> {\n    return {\n      ngModule: NgxsReduxDevtoolsPluginModule,\n      providers: [\n        {\n          provide: NGXS_PLUGINS,\n          useClass: NgxsReduxDevtoolsPlugin,\n          multi: true\n        },\n        {\n          provide: USER_OPTIONS,\n          useValue: options\n        },\n        {\n          provide: NGXS_DEVTOOLS_OPTIONS,\n          useFactory: devtoolsOptionsFactory,\n          deps: [USER_OPTIONS]\n        }\n      ]\n    };\n  }\n}\n\nexport function withNgxsReduxDevtoolsPlugin(\n  options?: NgxsDevtoolsOptions\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    withNgxsPlugin(NgxsReduxDevtoolsPlugin),\n    {\n      provide: USER_OPTIONS,\n      useValue: options\n    },\n    {\n      provide: NGXS_DEVTOOLS_OPTIONS,\n      useFactory: devtoolsOptionsFactory,\n      deps: [USER_OPTIONS]\n    }\n  ]);\n}\n","/**\n * The public api for consumers of @ngxs/devtools-plugin\n */\nexport * from './src/public_api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,22 +1,34 @@
 {
-  "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@ngxs/devtools-plugin",
   "description": "redux devtools plugin for @ngxs/store",
-  "version": "3.8.1",
-  "sideEffects": true,
+  "version": "3.8.2-dev.master-0fd1fe5",
+  "sideEffects": false,
   "peerDependencies": {
-    "@ngxs/store": "^3.8.1 || ^3.8.1-dev",
-    "@angular/core": ">=12.0.0 <17.0.0",
+    "@angular/core": ">=12.0.0 <18.0.0",
+    "@ngxs/store": "^3.8.2 || ^3.8.2-dev",
     "rxjs": ">=6.5.5"
   },
-  "main": "bundles/ngxs-devtools-plugin.umd.js",
-  "module": "fesm2015/ngxs-devtools-plugin.js",
-  "es2015": "fesm2015/ngxs-devtools-plugin.js",
-  "esm2015": "esm2015/ngxs-devtools-plugin.js",
-  "fesm2015": "fesm2015/ngxs-devtools-plugin.js",
-  "typings": "ngxs-devtools-plugin.d.ts",
+  "module": "fesm2015/ngxs-devtools-plugin.mjs",
+  "es2020": "fesm2020/ngxs-devtools-plugin.mjs",
+  "esm2020": "esm2020/ngxs-devtools-plugin.mjs",
+  "fesm2020": "fesm2020/ngxs-devtools-plugin.mjs",
+  "fesm2015": "fesm2015/ngxs-devtools-plugin.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngxs-devtools-plugin.mjs",
+      "es2020": "./fesm2020/ngxs-devtools-plugin.mjs",
+      "es2015": "./fesm2015/ngxs-devtools-plugin.mjs",
+      "node": "./fesm2015/ngxs-devtools-plugin.mjs",
+      "default": "./fesm2020/ngxs-devtools-plugin.mjs"
+    }
+  },
   "dependencies": {
-    "tslib": "^2.2.0"
+    "tslib": "^2.3.0"
   },
   "repository": {
     "type": "git",
@@ -62,4 +74,4 @@
     "type": "opencollective",
     "url": "https://opencollective.com/ngxs"
   }
-}
+}

package/src/devtools.module.d.ts

@@ -1,4 +1,4 @@
-import { ModuleWithProviders, InjectionToken } from '@angular/core';
+import { ModuleWithProviders, InjectionToken, EnvironmentProviders } from '@angular/core';
 import { NgxsDevtoolsOptions } from './symbols';
 import * as i0 from "@angular/core";
 export declare function devtoolsOptionsFactory(options: NgxsDevtoolsOptions): {
@@ -21,3 +21,4 @@ export declare class NgxsReduxDevtoolsPluginModule {
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgxsReduxDevtoolsPluginModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxsReduxDevtoolsPluginModule>;
 }
+export declare function withNgxsReduxDevtoolsPlugin(options?: NgxsDevtoolsOptions): EnvironmentProviders;

package/src/public_api.d.ts

@@ -1,3 +1,3 @@
-export { NgxsReduxDevtoolsPluginModule } from './devtools.module';
+export { NgxsReduxDevtoolsPluginModule, withNgxsReduxDevtoolsPlugin } from './devtools.module';
 export { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
 export * from './symbols';

package/bundles/ngxs-devtools-plugin.umd.js

@@ -1,209 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngxs/store'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@ngxs/devtools-plugin', ['exports', '@angular/core', '@ngxs/store', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ngxs = global.ngxs || {}, global.ngxs["devtools-plugin"] = {}), global.ng.core, global["ngxs-store"], global.rxjs.operators));
-})(this, (function (exports, i0, store, operators) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-
-    var NGXS_DEVTOOLS_OPTIONS = new i0.InjectionToken('NGXS_DEVTOOLS_OPTIONS');
-
-    /**
-     * Adds support for the Redux Devtools extension:
-     * http://extension.remotedev.io/
-     */
-    var NgxsReduxDevtoolsPlugin = /** @class */ (function () {
-        function NgxsReduxDevtoolsPlugin(_options, _injector, _ngZone) {
-            this._options = _options;
-            this._injector = _injector;
-            this._ngZone = _ngZone;
-            this.devtoolsExtension = null;
-            this.globalDevtools = i0["ɵglobal"]['__REDUX_DEVTOOLS_EXTENSION__'] || i0["ɵglobal"]['devToolsExtension'];
-            this.unsubscribe = null;
-            this.connect();
-        }
-        NgxsReduxDevtoolsPlugin.prototype.ngOnDestroy = function () {
-            if (this.unsubscribe !== null) {
-                this.unsubscribe();
-            }
-            if (this.globalDevtools) {
-                this.globalDevtools.disconnect();
-            }
-        };
-        Object.defineProperty(NgxsReduxDevtoolsPlugin.prototype, "store", {
-            /**
-             * Lazy get the store for circular dependency issues
-             */
-            get: function () {
-                return this._injector.get(store.Store);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Middleware handle function
-         */
-        NgxsReduxDevtoolsPlugin.prototype.handle = function (state, action, next) {
-            var _this = this;
-            if (!this.devtoolsExtension || this._options.disabled) {
-                return next(state, action);
-            }
-            return next(state, action).pipe(operators.catchError(function (error) {
-                var newState = _this.store.snapshot();
-                _this.sendToDevTools(state, action, newState);
-                throw error;
-            }), operators.tap(function (newState) {
-                _this.sendToDevTools(state, action, newState);
-            }));
-        };
-        NgxsReduxDevtoolsPlugin.prototype.sendToDevTools = function (state, action, newState) {
-            var type = store.getActionTypeFromInstance(action);
-            // if init action, send initial state to dev tools
-            var isInitAction = type === '@@INIT';
-            if (isInitAction) {
-                this.devtoolsExtension.init(state);
-            }
-            else {
-                this.devtoolsExtension.send(Object.assign(Object.assign({}, action), { action: null, type: type }), newState);
-            }
-        };
-        /**
-         * Handle the action from the dev tools subscription
-         */
-        NgxsReduxDevtoolsPlugin.prototype.dispatched = function (action) {
-            var _this = this;
-            if (action.type === "DISPATCH" /* Dispatch */) {
-                if (action.payload.type === "JUMP_TO_ACTION" /* JumpToAction */ ||
-                    action.payload.type === "JUMP_TO_STATE" /* JumpToState */) {
-                    var prevState = JSON.parse(action.state);
-                    // This makes the DevTools and Router plugins friends with each other.
-                    // We're checking for the `router` state to exist, and it also should
-                    // have the `trigger` property, so we're sure that this is our router
-                    // state (coming from `@ngxs/router-plugin`). This enables a time-traveling
-                    // feature since it doesn't only restore the state but also allows the `RouterState`
-                    // to navigate back when the action is jumped.
-                    if (prevState.router && prevState.router.trigger) {
-                        prevState.router.trigger = 'devtools';
-                    }
-                    this.store.reset(prevState);
-                }
-                else if (action.payload.type === "TOGGLE_ACTION" /* ToggleAction */) {
-                    console.warn('Skip is not supported at this time.');
-                }
-                else if (action.payload.type === "IMPORT_STATE" /* ImportState */) {
-                    var _a = action.payload.nextLiftedState, actionsById_1 = _a.actionsById, computedStates_1 = _a.computedStates, currentStateIndex = _a.currentStateIndex;
-                    this.devtoolsExtension.init(computedStates_1[0].state);
-                    Object.keys(actionsById_1)
-                        .filter(function (actionId) { return actionId !== '0'; })
-                        .forEach(function (actionId) { return _this.devtoolsExtension.send(actionsById_1[actionId], computedStates_1[actionId].state); });
-                    this.store.reset(computedStates_1[currentStateIndex].state);
-                }
-            }
-            else if (action.type === "ACTION" /* Action */) {
-                var actionPayload = JSON.parse(action.payload);
-                this.store.dispatch(actionPayload);
-            }
-        };
-        NgxsReduxDevtoolsPlugin.prototype.connect = function () {
-            var _this = this;
-            if (!this.globalDevtools || this._options.disabled) {
-                return;
-            }
-            // The `connect` method adds `message` event listener since it communicates
-            // with an extension through `window.postMessage` and message events.
-            // We handle only 2 events; thus, we don't want to run many change detections
-            // because the extension sends events that we don't have to handle.
-            this.devtoolsExtension = this._ngZone.runOutsideAngular(function () { return _this.globalDevtools.connect(_this._options); });
-            this.unsubscribe = this.devtoolsExtension.subscribe(function (action) {
-                if (action.type === "DISPATCH" /* Dispatch */ ||
-                    action.type === "ACTION" /* Action */) {
-                    _this._ngZone.run(function () {
-                        _this.dispatched(action);
-                    });
-                }
-            });
-        };
-        return NgxsReduxDevtoolsPlugin;
-    }());
-    /** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPlugin, deps: [{ token: NGXS_DEVTOOLS_OPTIONS }, { token: i0__namespace.Injector }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPlugin });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPlugin, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [NGXS_DEVTOOLS_OPTIONS]
-                        }] }, { type: i0__namespace.Injector }, { type: i0__namespace.NgZone }];
-        } });
-
-    function devtoolsOptionsFactory(options) {
-        return Object.assign({ name: 'NGXS' }, options);
-    }
-    var USER_OPTIONS = new i0.InjectionToken('USER_OPTIONS');
-    var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
-        function NgxsReduxDevtoolsPluginModule() {
-        }
-        NgxsReduxDevtoolsPluginModule.forRoot = function (options) {
-            return {
-                ngModule: NgxsReduxDevtoolsPluginModule,
-                providers: [
-                    {
-                        provide: store.NGXS_PLUGINS,
-                        useClass: NgxsReduxDevtoolsPlugin,
-                        multi: true
-                    },
-                    {
-                        provide: USER_OPTIONS,
-                        useValue: options
-                    },
-                    {
-                        provide: NGXS_DEVTOOLS_OPTIONS,
-                        useFactory: devtoolsOptionsFactory,
-                        deps: [USER_OPTIONS]
-                    }
-                ]
-            };
-        };
-        return NgxsReduxDevtoolsPluginModule;
-    }());
-    /** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPluginModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPluginModule });
-    /** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPluginModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsReduxDevtoolsPluginModule, decorators: [{
-                type: i0.NgModule
-            }] });
-
-    /**
-     * The public api for consumers of @ngxs/devtools-plugin
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.NGXS_DEVTOOLS_OPTIONS = NGXS_DEVTOOLS_OPTIONS;
-    exports.NgxsReduxDevtoolsPlugin = NgxsReduxDevtoolsPlugin;
-    exports.NgxsReduxDevtoolsPluginModule = NgxsReduxDevtoolsPluginModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=ngxs-devtools-plugin.umd.js.map

package/bundles/ngxs-devtools-plugin.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngxs-devtools-plugin.umd.js","sources":["../../../packages/devtools-plugin/src/symbols.ts","../../../packages/devtools-plugin/src/devtools.plugin.ts","../../../packages/devtools-plugin/src/devtools.module.ts","../../../packages/devtools-plugin/index.ts","../../../packages/devtools-plugin/ngxs-devtools-plugin.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Interface for the redux-devtools-extension API.\n */\nexport interface NgxsDevtoolsExtension {\n  init(state: any): void;\n  send(action: any, state?: any): void;\n  subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;\n}\n\nexport interface NgxsDevtoolsAction {\n  type: string;\n  payload: any;\n  state: any;\n  id: number;\n  source: string;\n}\n\nexport interface NgxsDevtoolsOptions {\n  /**\n   * The name of the extension\n   */\n  name?: string;\n\n  /**\n   * Whether the dev tools is enabled or note. Useful for setting during production.\n   */\n  disabled?: boolean;\n\n  /**\n   * Max number of entiries to keep.\n   */\n  maxAge?: number;\n\n  /**\n   * If more than one action is dispatched in the indicated interval, all new actions will be collected\n   * and sent at once. It is the joint between performance and speed. When set to 0, all actions will be\n   * sent instantly. Set it to a higher value when experiencing perf issues (also maxAge to a lower value).\n   * Default is 500 ms.\n   */\n  latency?: number;\n\n  /**\n   * string or array of strings as regex - actions types to be hidden in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsBlacklist?: string | string[];\n\n  /**\n   * string or array of strings as regex - actions types to be shown in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsWhitelist?: string | string[];\n\n  /**\n   * called for every action before sending, takes state and action object, and returns true in case it allows\n   * sending the current data to the monitor. Use it as a more advanced version of\n   * actionsBlacklist/actionsWhitelist parameters\n   */\n  predicate?: (state: any, action: any) => boolean;\n\n  /**\n   * Reformat actions before sending to dev tools\n   */\n  actionSanitizer?: (action: any) => void;\n\n  /**\n   * Reformat state before sending to devtools\n   */\n  stateSanitizer?: (state: any) => void;\n\n  /**\n   * If set to true, will include stack trace for every dispatched action\n   */\n  trace?: boolean | (() => string);\n\n  /**\n   * Maximum stack trace frames to be stored (in case trace option was provided as true)\n   */\n  traceLimit?: number;\n}\n\nexport const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');\n","import { Inject, Injectable, Injector, NgZone, OnDestroy, ɵglobal } from '@angular/core';\nimport { getActionTypeFromInstance, NgxsNextPluginFn, NgxsPlugin, Store } from '@ngxs/store';\nimport { tap, catchError } from 'rxjs/operators';\n\nimport {\n  NGXS_DEVTOOLS_OPTIONS,\n  NgxsDevtoolsAction,\n  NgxsDevtoolsExtension,\n  NgxsDevtoolsOptions\n} from './symbols';\n\nconst enum ReduxDevtoolsActionType {\n  Dispatch = 'DISPATCH',\n  Action = 'ACTION'\n}\n\nconst enum ReduxDevtoolsPayloadType {\n  JumpToAction = 'JUMP_TO_ACTION',\n  JumpToState = 'JUMP_TO_STATE',\n  ToggleAction = 'TOGGLE_ACTION',\n  ImportState = 'IMPORT_STATE'\n}\n\n/**\n * Adds support for the Redux Devtools extension:\n * http://extension.remotedev.io/\n */\n@Injectable()\nexport class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {\n  private devtoolsExtension: NgxsDevtoolsExtension | null = null;\n  private readonly globalDevtools =\n    ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];\n\n  private unsubscribe: VoidFunction | null = null;\n\n  constructor(\n    @Inject(NGXS_DEVTOOLS_OPTIONS) private _options: NgxsDevtoolsOptions,\n    private _injector: Injector,\n    private _ngZone: NgZone\n  ) {\n    this.connect();\n  }\n\n  ngOnDestroy(): void {\n    if (this.unsubscribe !== null) {\n      this.unsubscribe();\n    }\n    if (this.globalDevtools) {\n      this.globalDevtools.disconnect();\n    }\n  }\n\n  /**\n   * Lazy get the store for circular dependency issues\n   */\n  private get store(): Store {\n    return this._injector.get<Store>(Store);\n  }\n\n  /**\n   * Middleware handle function\n   */\n  handle(state: any, action: any, next: NgxsNextPluginFn) {\n    if (!this.devtoolsExtension || this._options.disabled) {\n      return next(state, action);\n    }\n\n    return next(state, action).pipe(\n      catchError(error => {\n        const newState = this.store.snapshot();\n        this.sendToDevTools(state, action, newState);\n        throw error;\n      }),\n      tap(newState => {\n        this.sendToDevTools(state, action, newState);\n      })\n    );\n  }\n\n  private sendToDevTools(state: any, action: any, newState: any) {\n    const type = getActionTypeFromInstance(action);\n    // if init action, send initial state to dev tools\n    const isInitAction = type === '@@INIT';\n    if (isInitAction) {\n      this.devtoolsExtension!.init(state);\n    } else {\n      this.devtoolsExtension!.send({ ...action, action: null, type }, newState);\n    }\n  }\n\n  /**\n   * Handle the action from the dev tools subscription\n   */\n  dispatched(action: NgxsDevtoolsAction) {\n    if (action.type === ReduxDevtoolsActionType.Dispatch) {\n      if (\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToAction ||\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToState\n      ) {\n        const prevState = JSON.parse(action.state);\n        // This makes the DevTools and Router plugins friends with each other.\n        // We're checking for the `router` state to exist, and it also should\n        // have the `trigger` property, so we're sure that this is our router\n        // state (coming from `@ngxs/router-plugin`). This enables a time-traveling\n        // feature since it doesn't only restore the state but also allows the `RouterState`\n        // to navigate back when the action is jumped.\n        if (prevState.router && prevState.router.trigger) {\n          prevState.router.trigger = 'devtools';\n        }\n        this.store.reset(prevState);\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ToggleAction) {\n        console.warn('Skip is not supported at this time.');\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ImportState) {\n        const {\n          actionsById,\n          computedStates,\n          currentStateIndex\n        } = action.payload.nextLiftedState;\n        this.devtoolsExtension!.init(computedStates[0].state);\n        Object.keys(actionsById)\n          .filter(actionId => actionId !== '0')\n          .forEach(actionId =>\n            this.devtoolsExtension!.send(actionsById[actionId], computedStates[actionId].state)\n          );\n        this.store.reset(computedStates[currentStateIndex].state);\n      }\n    } else if (action.type === ReduxDevtoolsActionType.Action) {\n      const actionPayload = JSON.parse(action.payload);\n      this.store.dispatch(actionPayload);\n    }\n  }\n\n  private connect(): void {\n    if (!this.globalDevtools || this._options.disabled) {\n      return;\n    }\n\n    // The `connect` method adds `message` event listener since it communicates\n    // with an extension through `window.postMessage` and message events.\n    // We handle only 2 events; thus, we don't want to run many change detections\n    // because the extension sends events that we don't have to handle.\n    this.devtoolsExtension = this._ngZone.runOutsideAngular(\n      () => <NgxsDevtoolsExtension>this.globalDevtools.connect(this._options)\n    );\n\n    this.unsubscribe = this.devtoolsExtension.subscribe(action => {\n      if (\n        action.type === ReduxDevtoolsActionType.Dispatch ||\n        action.type === ReduxDevtoolsActionType.Action\n      ) {\n        this._ngZone.run(() => {\n          this.dispatched(action);\n        });\n      }\n    });\n  }\n}\n","import { NgModule, ModuleWithProviders, InjectionToken } from '@angular/core';\nimport { NGXS_PLUGINS } from '@ngxs/store';\n\nimport { NgxsDevtoolsOptions, NGXS_DEVTOOLS_OPTIONS } from './symbols';\nimport { NgxsReduxDevtoolsPlugin } from './devtools.plugin';\n\nexport function devtoolsOptionsFactory(options: NgxsDevtoolsOptions) {\n  return {\n    name: 'NGXS',\n    ...options\n  };\n}\n\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\n\n@NgModule()\nexport class NgxsReduxDevtoolsPluginModule {\n  static forRoot(\n    options?: NgxsDevtoolsOptions\n  ): ModuleWithProviders<NgxsReduxDevtoolsPluginModule> {\n    return {\n      ngModule: NgxsReduxDevtoolsPluginModule,\n      providers: [\n        {\n          provide: NGXS_PLUGINS,\n          useClass: NgxsReduxDevtoolsPlugin,\n          multi: true\n        },\n        {\n          provide: USER_OPTIONS,\n          useValue: options\n        },\n        {\n          provide: NGXS_DEVTOOLS_OPTIONS,\n          useFactory: devtoolsOptionsFactory,\n          deps: [USER_OPTIONS]\n        }\n      ]\n    };\n  }\n}\n","/**\n * The public api for consumers of @ngxs/devtools-plugin\n */\nexport * from './src/public_api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InjectionToken","ɵglobal","Store","catchError","tap","getActionTypeFromInstance","i0","Injectable","Inject","NGXS_PLUGINS","NgModule"],"mappings":"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"}

package/esm2015/src/devtools.module.js

@@ -1,39 +0,0 @@
-import { NgModule, InjectionToken } from '@angular/core';
-import { NGXS_PLUGINS } from '@ngxs/store';
-import { NGXS_DEVTOOLS_OPTIONS } from './symbols';
-import { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
-import * as i0 from "@angular/core";
-export function devtoolsOptionsFactory(options) {
-    return Object.assign({ name: 'NGXS' }, options);
-}
-export const USER_OPTIONS = new InjectionToken('USER_OPTIONS');
-export class NgxsReduxDevtoolsPluginModule {
-    static forRoot(options) {
-        return {
-            ngModule: NgxsReduxDevtoolsPluginModule,
-            providers: [
-                {
-                    provide: NGXS_PLUGINS,
-                    useClass: NgxsReduxDevtoolsPlugin,
-                    multi: true
-                },
-                {
-                    provide: USER_OPTIONS,
-                    useValue: options
-                },
-                {
-                    provide: NGXS_DEVTOOLS_OPTIONS,
-                    useFactory: devtoolsOptionsFactory,
-                    deps: [USER_OPTIONS]
-                }
-            ]
-        };
-    }
-}
-/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
-/** @nocollapse */ NgxsReduxDevtoolsPluginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPluginModule, decorators: [{
-            type: NgModule
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2dG9vbHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvZGV2dG9vbHMtcGx1Z2luL3NyYy9kZXZ0b29scy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBdUIsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFM0MsT0FBTyxFQUF1QixxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN2RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFNUQsTUFBTSxVQUFVLHNCQUFzQixDQUFDLE9BQTRCO0lBQ2pFLHVCQUNFLElBQUksRUFBRSxNQUFNLElBQ1QsT0FBTyxFQUNWO0FBQ0osQ0FBQztBQUVELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxJQUFJLGNBQWMsQ0FBQyxjQUFjLENBQUMsQ0FBQztBQUcvRCxNQUFNLE9BQU8sNkJBQTZCO0lBQ3hDLE1BQU0sQ0FBQyxPQUFPLENBQ1osT0FBNkI7UUFFN0IsT0FBTztZQUNMLFFBQVEsRUFBRSw2QkFBNkI7WUFDdkMsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxZQUFZO29CQUNyQixRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxLQUFLLEVBQUUsSUFBSTtpQkFDWjtnQkFDRDtvQkFDRSxPQUFPLEVBQUUsWUFBWTtvQkFDckIsUUFBUSxFQUFFLE9BQU87aUJBQ2xCO2dCQUNEO29CQUNFLE9BQU8sRUFBRSxxQkFBcUI7b0JBQzlCLFVBQVUsRUFBRSxzQkFBc0I7b0JBQ2xDLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDckI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOzs4SUF2QlUsNkJBQTZCOytJQUE3Qiw2QkFBNkI7K0lBQTdCLDZCQUE2Qjs0RkFBN0IsNkJBQTZCO2tCQUR6QyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIE1vZHVsZVdpdGhQcm92aWRlcnMsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR1hTX1BMVUdJTlMgfSBmcm9tICdAbmd4cy9zdG9yZSc7XG5cbmltcG9ydCB7IE5neHNEZXZ0b29sc09wdGlvbnMsIE5HWFNfREVWVE9PTFNfT1BUSU9OUyB9IGZyb20gJy4vc3ltYm9scyc7XG5pbXBvcnQgeyBOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbiB9IGZyb20gJy4vZGV2dG9vbHMucGx1Z2luJztcblxuZXhwb3J0IGZ1bmN0aW9uIGRldnRvb2xzT3B0aW9uc0ZhY3Rvcnkob3B0aW9uczogTmd4c0RldnRvb2xzT3B0aW9ucykge1xuICByZXR1cm4ge1xuICAgIG5hbWU6ICdOR1hTJyxcbiAgICAuLi5vcHRpb25zXG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBVU0VSX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ1VTRVJfT1BUSU9OUycpO1xuXG5ATmdNb2R1bGUoKVxuZXhwb3J0IGNsYXNzIE5neHNSZWR1eERldnRvb2xzUGx1Z2luTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoXG4gICAgb3B0aW9ucz86IE5neHNEZXZ0b29sc09wdGlvbnNcbiAgKTogTW9kdWxlV2l0aFByb3ZpZGVyczxOZ3hzUmVkdXhEZXZ0b29sc1BsdWdpbk1vZHVsZT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogTmd4c1JlZHV4RGV2dG9vbHNQbHVnaW5Nb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHByb3ZpZGU6IE5HWFNfUExVR0lOUyxcbiAgICAgICAgICB1c2VDbGFzczogTmd4c1JlZHV4RGV2dG9vbHNQbHVnaW4sXG4gICAgICAgICAgbXVsdGk6IHRydWVcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHByb3ZpZGU6IFVTRVJfT1BUSU9OUyxcbiAgICAgICAgICB1c2VWYWx1ZTogb3B0aW9uc1xuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgcHJvdmlkZTogTkdYU19ERVZUT09MU19PUFRJT05TLFxuICAgICAgICAgIHVzZUZhY3Rvcnk6IGRldnRvb2xzT3B0aW9uc0ZhY3RvcnksXG4gICAgICAgICAgZGVwczogW1VTRVJfT1BUSU9OU11cbiAgICAgICAgfVxuICAgICAgXVxuICAgIH07XG4gIH1cbn1cbiJdfQ==

package/esm2015/src/devtools.plugin.js

@@ -1,123 +0,0 @@
-import { Inject, Injectable, Injector, NgZone, ɵglobal } from '@angular/core';
-import { getActionTypeFromInstance, Store } from '@ngxs/store';
-import { tap, catchError } from 'rxjs/operators';
-import { NGXS_DEVTOOLS_OPTIONS } from './symbols';
-import * as i0 from "@angular/core";
-/**
- * Adds support for the Redux Devtools extension:
- * http://extension.remotedev.io/
- */
-export class NgxsReduxDevtoolsPlugin {
-    constructor(_options, _injector, _ngZone) {
-        this._options = _options;
-        this._injector = _injector;
-        this._ngZone = _ngZone;
-        this.devtoolsExtension = null;
-        this.globalDevtools = ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];
-        this.unsubscribe = null;
-        this.connect();
-    }
-    ngOnDestroy() {
-        if (this.unsubscribe !== null) {
-            this.unsubscribe();
-        }
-        if (this.globalDevtools) {
-            this.globalDevtools.disconnect();
-        }
-    }
-    /**
-     * Lazy get the store for circular dependency issues
-     */
-    get store() {
-        return this._injector.get(Store);
-    }
-    /**
-     * Middleware handle function
-     */
-    handle(state, action, next) {
-        if (!this.devtoolsExtension || this._options.disabled) {
-            return next(state, action);
-        }
-        return next(state, action).pipe(catchError(error => {
-            const newState = this.store.snapshot();
-            this.sendToDevTools(state, action, newState);
-            throw error;
-        }), tap(newState => {
-            this.sendToDevTools(state, action, newState);
-        }));
-    }
-    sendToDevTools(state, action, newState) {
-        const type = getActionTypeFromInstance(action);
-        // if init action, send initial state to dev tools
-        const isInitAction = type === '@@INIT';
-        if (isInitAction) {
-            this.devtoolsExtension.init(state);
-        }
-        else {
-            this.devtoolsExtension.send(Object.assign(Object.assign({}, action), { action: null, type }), newState);
-        }
-    }
-    /**
-     * Handle the action from the dev tools subscription
-     */
-    dispatched(action) {
-        if (action.type === "DISPATCH" /* Dispatch */) {
-            if (action.payload.type === "JUMP_TO_ACTION" /* JumpToAction */ ||
-                action.payload.type === "JUMP_TO_STATE" /* JumpToState */) {
-                const prevState = JSON.parse(action.state);
-                // This makes the DevTools and Router plugins friends with each other.
-                // We're checking for the `router` state to exist, and it also should
-                // have the `trigger` property, so we're sure that this is our router
-                // state (coming from `@ngxs/router-plugin`). This enables a time-traveling
-                // feature since it doesn't only restore the state but also allows the `RouterState`
-                // to navigate back when the action is jumped.
-                if (prevState.router && prevState.router.trigger) {
-                    prevState.router.trigger = 'devtools';
-                }
-                this.store.reset(prevState);
-            }
-            else if (action.payload.type === "TOGGLE_ACTION" /* ToggleAction */) {
-                console.warn('Skip is not supported at this time.');
-            }
-            else if (action.payload.type === "IMPORT_STATE" /* ImportState */) {
-                const { actionsById, computedStates, currentStateIndex } = action.payload.nextLiftedState;
-                this.devtoolsExtension.init(computedStates[0].state);
-                Object.keys(actionsById)
-                    .filter(actionId => actionId !== '0')
-                    .forEach(actionId => this.devtoolsExtension.send(actionsById[actionId], computedStates[actionId].state));
-                this.store.reset(computedStates[currentStateIndex].state);
-            }
-        }
-        else if (action.type === "ACTION" /* Action */) {
-            const actionPayload = JSON.parse(action.payload);
-            this.store.dispatch(actionPayload);
-        }
-    }
-    connect() {
-        if (!this.globalDevtools || this._options.disabled) {
-            return;
-        }
-        // The `connect` method adds `message` event listener since it communicates
-        // with an extension through `window.postMessage` and message events.
-        // We handle only 2 events; thus, we don't want to run many change detections
-        // because the extension sends events that we don't have to handle.
-        this.devtoolsExtension = this._ngZone.runOutsideAngular(() => this.globalDevtools.connect(this._options));
-        this.unsubscribe = this.devtoolsExtension.subscribe(action => {
-            if (action.type === "DISPATCH" /* Dispatch */ ||
-                action.type === "ACTION" /* Action */) {
-                this._ngZone.run(() => {
-                    this.dispatched(action);
-                });
-            }
-        });
-    }
-}
-/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPlugin, deps: [{ token: NGXS_DEVTOOLS_OPTIONS }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NgxsReduxDevtoolsPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPlugin });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsReduxDevtoolsPlugin, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NGXS_DEVTOOLS_OPTIONS]
-                }] }, { type: i0.Injector }, { type: i0.NgZone }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2dG9vbHMucGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvZGV2dG9vbHMtcGx1Z2luL3NyYy9kZXZ0b29scy5wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBYSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekYsT0FBTyxFQUFFLHlCQUF5QixFQUFnQyxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDN0YsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQ0wscUJBQXFCLEVBSXRCLE1BQU0sV0FBVyxDQUFDOztBQWNuQjs7O0dBR0c7QUFFSCxNQUFNLE9BQU8sdUJBQXVCO0lBT2xDLFlBQ3lDLFFBQTZCLEVBQzVELFNBQW1CLEVBQ25CLE9BQWU7UUFGZ0IsYUFBUSxHQUFSLFFBQVEsQ0FBcUI7UUFDNUQsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNuQixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBVGpCLHNCQUFpQixHQUFpQyxJQUFJLENBQUM7UUFDOUMsbUJBQWMsR0FDN0IsT0FBTyxDQUFDLDhCQUE4QixDQUFDLElBQUksT0FBTyxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFFbEUsZ0JBQVcsR0FBd0IsSUFBSSxDQUFDO1FBTzlDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO1FBQ0QsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbEM7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFD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Q3BCLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxDQUFDO2FBQ0o7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O3dJQS9IVSx1QkFBdUIsa0JBUXhCLHFCQUFxQjs0SUFScEIsdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBRG5DLFVBQVU7OzBCQVNOLE1BQU07MkJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlLCBJbmplY3RvciwgTmdab25lLCBPbkRlc3Ryb3ksIMm1Z2xvYmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBnZXRBY3Rpb25UeXBlRnJvbUluc3RhbmNlLCBOZ3hzTmV4dFBsdWdpbkZuLCBOZ3hzUGx1Z2luLCBTdG9yZSB9IGZyb20gJ0BuZ3hzL3N0b3JlJztcbmltcG9ydCB7IHRhcCwgY2F0Y2hFcnJvciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtcbiAgTkdYU19ERVZUT09MU19PUFRJT05TLFxuICBOZ3hzRGV2dG9vbHNBY3Rpb24sXG4gIE5neHNEZXZ0b29sc0V4dGVuc2lvbixcbiAgTmd4c0RldnRvb2xzT3B0aW9uc1xufSBmcm9tICcuL3N5bWJvbHMnO1xuXG5jb25zdCBlbnVtIFJlZHV4RGV2dG9vbHNBY3Rpb25UeXBlIHtcbiAgRGlzcGF0Y2ggPSAnRElTUEFUQ0gnLFxuICBBY3Rpb24gPSAnQUNUSU9OJ1xufVxuXG5jb25zdCBlbnVtIFJlZHV4RGV2dG9vbHNQYXlsb2FkVHlwZSB7XG4gIEp1bXBUb0FjdGlvbiA9ICdKVU1QX1RPX0FDVElPTicsXG4gIEp1bXBUb1N0YXRlID0gJ0pVTVBfVE9fU1RBVEUnLFxuICBUb2dnbGVBY3Rpb24gPSAnVE9HR0xFX0FDVElPTicsXG4gIEltcG9ydFN0YXRlID0gJ0lNUE9SVF9TVEFURSdcbn1cblxuLyoqXG4gKiBBZGRzIHN1cHBvcnQgZm9yIHRoZSBSZWR1eCBEZXZ0b29scyBleHRlbnNpb246XG4gKiBodHRwOi8vZXh0ZW5zaW9uLnJlbW90ZWRldi5pby9cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE5neHNSZWR1eERldnRvb2xzUGx1Z2luIGltcGxlbWVudHMgT25EZXN0cm95LCBOZ3hzUGx1Z2luIHtcbiAgcHJpdmF0ZSBkZXZ0b29sc0V4dGVuc2lvbjogTmd4c0RldnRvb2xzRXh0ZW5zaW9uIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgcmVhZG9ubHkgZ2xvYmFsRGV2dG9vbHMgPVxuICAgIMm1Z2xvYmFsWydfX1JFRFVYX0RFVlRPT0xTX0VYVEVOU0lPTl9fJ10gfHwgybVnbG9iYWxbJ2RldlRvb2xzRXh0ZW5zaW9uJ107XG5cbiAgcHJpdmF0ZSB1bnN1YnNjcmliZTogVm9pZEZ1bmN0aW9uIHwgbnVsbCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChOR1hTX0RFVlRPT0xTX09QVElPTlMpIHByaXZhdGUgX29wdGlvbnM6IE5neHNEZXZ0b29sc09wdGlvbnMsXG4gICAgcHJpdmF0ZSBfaW5qZWN0b3I6IEluamVjdG9yLFxuICAgIHByaXZhdGUgX25nWm9uZTogTmdab25lXG4gICkge1xuICAgIHRoaXMuY29ubmVjdCgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudW5zdWJzY3JpYmUgIT09IG51bGwpIHtcbiAgICAgIHRoaXMudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZ2xvYmFsRGV2dG9vbHMpIHtcbiAgICAgIHRoaXMuZ2xvYmFsRGV2dG9vbHMuZGlzY29ubmVjdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBMYXp5IGdldCB0aGUgc3RvcmUgZm9yIGNpcmN1bGFyIGRlcGVuZGVuY3kgaXNzdWVzXG4gICAqL1xuICBwcml2YXRlIGdldCBzdG9yZSgpOiBTdG9yZSB7XG4gICAgcmV0dXJuIHRoaXMuX2luamVjdG9yLmdldDxTdG9yZT4oU3RvcmUpO1xuICB9XG5cbiAgLyoqXG4gICAqIE1pZGRsZXdhcmUgaGFuZGxlIGZ1bmN0aW9uXG4gICAqL1xuICBoYW5kbGUoc3RhdGU6IGFueSwgYWN0aW9uOiBhbnksIG5leHQ6IE5neHNOZXh0UGx1Z2luRm4pIHtcbiAgICBpZiAoIXRoaXMuZGV2dG9vbHNFeHRlbnNpb24gfHwgdGhpcy5fb3B0aW9ucy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuIG5leHQoc3RhdGUsIGFjdGlvbik7XG4gICAgfVxuXG4gICAgcmV0dXJuIG5leHQoc3RhdGUsIGFjdGlvbikucGlwZShcbiAgICAgIGNhdGNoRXJyb3IoZXJyb3IgPT4ge1xuICAgICAgICBjb25zdCBuZXdTdGF0ZSA9IHRoaXMuc3RvcmUuc25hcHNob3QoKTtcbiAgICAgICAgdGhpcy5zZW5kVG9EZXZUb29scyhzdGF0ZSwgYWN0aW9uLCBuZXdTdGF0ZSk7XG4gICAgICAgIHRocm93IGVycm9yO1xuICAgICAgfSksXG4gICAgICB0YXAobmV3U3RhdGUgPT4ge1xuICAgICAgICB0aGlzLnNlbmRUb0RldlRvb2xzKHN0YXRlLCBhY3Rpb24sIG5ld1N0YXRlKTtcbiAgICAgIH0pXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgc2VuZFRvRGV2VG9vbHMoc3RhdGU6IGFueSwgYWN0aW9uOiBhbnksIG5ld1N0YXRlOiBhbnkpIHtcbiAgICBjb25zdCB0eXBlID0gZ2V0QWN0aW9uVHlwZUZyb21JbnN0YW5jZShhY3Rpb24pO1xuICAgIC8vIGlmIGluaXQgYWN0aW9uLCBzZW5kIGluaXRpYWwgc3RhdGUgdG8gZGV2IHRvb2xzXG4gICAgY29uc3QgaXNJbml0QWN0aW9uID0gdHlwZSA9PT0gJ0BASU5JVCc7XG4gICAgaWYgKGlzSW5pdEFjdGlvbikge1xuICAgICAgdGhpcy5kZXZ0b29sc0V4dGVuc2lvbiEuaW5pdChzdGF0ZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZGV2dG9vbHNFeHRlbnNpb24hLnNlbmQoeyAuLi5hY3Rpb24sIGFjdGlvbjogbnVsbCwgdHlwZSB9LCBuZXdTdGF0ZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSB0aGUgYWN0aW9uIGZyb20gdGhlIGRldiB0b29scyBzdWJzY3JpcHRpb25cbiAgICovXG4gIGRpc3BhdGNoZWQoYWN0aW9uOiBOZ3hzRGV2dG9vbHNBY3Rpb24pIHtcbiAgICBpZiAoYWN0aW9uLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNBY3Rpb25UeXBlLkRpc3BhdGNoKSB7XG4gICAgICBpZiAoXG4gICAgICAgIGFjdGlvbi5wYXlsb2FkLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNQYXlsb2FkVHlwZS5KdW1wVG9BY3Rpb24gfHxcbiAgICAgICAgYWN0aW9uLnBheWxvYWQudHlwZSA9PT0gUmVkdXhEZXZ0b29sc1BheWxvYWRUeXBlLkp1bXBUb1N0YXRlXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgcHJldlN0YXRlID0gSlNPTi5wYXJzZShhY3Rpb24uc3RhdGUpO1xuICAgICAgICAvLyBUaGlzIG1ha2VzIHRoZSBEZXZUb29scyBhbmQgUm91dGVyIHBsdWdpbnMgZnJpZW5kcyB3aXRoIGVhY2ggb3RoZXIuXG4gICAgICAgIC8vIFdlJ3JlIGNoZWNraW5nIGZvciB0aGUgYHJvdXRlcmAgc3RhdGUgdG8gZXhpc3QsIGFuZCBpdCBhbHNvIHNob3VsZFxuICAgICAgICAvLyBoYXZlIHRoZSBgdHJpZ2dlcmAgcHJvcGVydHksIHNvIHdlJ3JlIHN1cmUgdGhhdCB0aGlzIGlzIG91ciByb3V0ZXJcbiAgICAgICAgLy8gc3RhdGUgKGNvbWluZyBmcm9tIGBAbmd4cy9yb3V0ZXItcGx1Z2luYCkuIFRoaXMgZW5hYmxlcyBhIHRpbWUtdHJhdmVsaW5nXG4gICAgICAgIC8vIGZlYXR1cmUgc2luY2UgaXQgZG9lc24ndCBvbmx5IHJlc3RvcmUgdGhlIHN0YXRlIGJ1dCBhbHNvIGFsbG93cyB0aGUgYFJvdXRlclN0YXRlYFxuICAgICAgICAvLyB0byBuYXZpZ2F0ZSBiYWNrIHdoZW4gdGhlIGFjdGlvbiBpcyBqdW1wZWQuXG4gICAgICAgIGlmIChwcmV2U3RhdGUucm91dGVyICYmIHByZXZTdGF0ZS5yb3V0ZXIudHJpZ2dlcikge1xuICAgICAgICAgIHByZXZTdGF0ZS5yb3V0ZXIudHJpZ2dlciA9ICdkZXZ0b29scyc7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5zdG9yZS5yZXNldChwcmV2U3RhdGUpO1xuICAgICAgfSBlbHNlIGlmIChhY3Rpb24ucGF5bG9hZC50eXBlID09PSBSZWR1eERldnRvb2xzUGF5bG9hZFR5cGUuVG9nZ2xlQWN0aW9uKSB7XG4gICAgICAgIGNvbnNvbGUud2FybignU2tpcCBpcyBub3Qgc3VwcG9ydGVkIGF0IHRoaXMgdGltZS4nKTtcbiAgICAgIH0gZWxzZSBpZiAoYWN0aW9uLnBheWxvYWQudHlwZSA9PT0gUmVkdXhEZXZ0b29sc1BheWxvYWRUeXBlLkltcG9ydFN0YXRlKSB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICBhY3Rpb25zQnlJZCxcbiAgICAgICAgICBjb21wdXRlZFN0YXRlcyxcbiAgICAgICAgICBjdXJyZW50U3RhdGVJbmRleFxuICAgICAgICB9ID0gYWN0aW9uLnBheWxvYWQubmV4dExpZnRlZFN0YXRlO1xuICAgICAgICB0aGlzLmRldnRvb2xzRXh0ZW5zaW9uIS5pbml0KGNvbXB1dGVkU3RhdGVzWzBdLnN0YXRlKTtcbiAgICAgICAgT2JqZWN0LmtleXMoYWN0aW9uc0J5SWQpXG4gICAgICAgICAgLmZpbHRlcihhY3Rpb25JZCA9PiBhY3Rpb25JZCAhPT0gJzAnKVxuICAgICAgICAgIC5mb3JFYWNoKGFjdGlvbklkID0+XG4gICAgICAgICAgICB0aGlzLmRldnRvb2xzRXh0ZW5zaW9uIS5zZW5kKGFjdGlvbnNCeUlkW2FjdGlvbklkXSwgY29tcHV0ZWRTdGF0ZXNbYWN0aW9uSWRdLnN0YXRlKVxuICAgICAgICAgICk7XG4gICAgICAgIHRoaXMuc3RvcmUucmVzZXQoY29tcHV0ZWRTdGF0ZXNbY3VycmVudFN0YXRlSW5kZXhdLnN0YXRlKTtcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGFjdGlvbi50eXBlID09PSBSZWR1eERldnRvb2xzQWN0aW9uVHlwZS5BY3Rpb24pIHtcbiAgICAgIGNvbnN0IGFjdGlvblBheWxvYWQgPSBKU09OLnBhcnNlKGFjdGlvbi5wYXlsb2FkKTtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goYWN0aW9uUGF5bG9hZCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBjb25uZWN0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5nbG9iYWxEZXZ0b29scyB8fCB0aGlzLl9vcHRpb25zLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gVGhlIGBjb25uZWN0YCBtZXRob2QgYWRkcyBgbWVzc2FnZWAgZXZlbnQgbGlzdGVuZXIgc2luY2UgaXQgY29tbXVuaWNhdGVzXG4gICAgLy8gd2l0aCBhbiBleHRlbnNpb24gdGhyb3VnaCBgd2luZG93LnBvc3RNZXNzYWdlYCBhbmQgbWVzc2FnZSBldmVudHMuXG4gICAgLy8gV2UgaGFuZGxlIG9ubHkgMiBldmVudHM7IHRodXMsIHdlIGRvbid0IHdhbnQgdG8gcnVuIG1hbnkgY2hhbmdlIGRldGVjdGlvbnNcbiAgICAvLyBiZWNhdXNlIHRoZSBleHRlbnNpb24gc2VuZHMgZXZlbnRzIHRoYXQgd2UgZG9uJ3QgaGF2ZSB0byBoYW5kbGUuXG4gICAgdGhpcy5kZXZ0b29sc0V4dGVuc2lvbiA9IHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcihcbiAgICAgICgpID0+IDxOZ3hzRGV2dG9vbHNFeHRlbnNpb24+dGhpcy5nbG9iYWxEZXZ0b29scy5jb25uZWN0KHRoaXMuX29wdGlvbnMpXG4gICAgKTtcblxuICAgIHRoaXMudW5zdWJzY3JpYmUgPSB0aGlzLmRldnRvb2xzRXh0ZW5zaW9uLnN1YnNjcmliZShhY3Rpb24gPT4ge1xuICAgICAgaWYgKFxuICAgICAgICBhY3Rpb24udHlwZSA9PT0gUmVkdXhEZXZ0b29sc0FjdGlvblR5cGUuRGlzcGF0Y2ggfHxcbiAgICAgICAgYWN0aW9uLnR5cGUgPT09IFJlZHV4RGV2dG9vbHNBY3Rpb25UeXBlLkFjdGlvblxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuX25nWm9uZS5ydW4oKCkgPT4ge1xuICAgICAgICAgIHRoaXMuZGlzcGF0Y2hlZChhY3Rpb24pO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIl19

package/esm2015/src/public_api.js

@@ -1,4 +0,0 @@
-export { NgxsReduxDevtoolsPluginModule } from './devtools.module';
-export { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
-export * from './symbols';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2RldnRvb2xzLXBsdWdpbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM1RCxjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IE5neHNSZWR1eERldnRvb2xzUGx1Z2luTW9kdWxlIH0gZnJvbSAnLi9kZXZ0b29scy5tb2R1bGUnO1xuZXhwb3J0IHsgTmd4c1JlZHV4RGV2dG9vbHNQbHVnaW4gfSBmcm9tICcuL2RldnRvb2xzLnBsdWdpbic7XG5leHBvcnQgKiBmcm9tICcuL3N5bWJvbHMnO1xuIl19

package/fesm2015/ngxs-devtools-plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngxs-devtools-plugin.js","sources":["../../../packages/devtools-plugin/src/symbols.ts","../../../packages/devtools-plugin/src/devtools.plugin.ts","../../../packages/devtools-plugin/src/devtools.module.ts","../../../packages/devtools-plugin/index.ts","../../../packages/devtools-plugin/ngxs-devtools-plugin.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Interface for the redux-devtools-extension API.\n */\nexport interface NgxsDevtoolsExtension {\n  init(state: any): void;\n  send(action: any, state?: any): void;\n  subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;\n}\n\nexport interface NgxsDevtoolsAction {\n  type: string;\n  payload: any;\n  state: any;\n  id: number;\n  source: string;\n}\n\nexport interface NgxsDevtoolsOptions {\n  /**\n   * The name of the extension\n   */\n  name?: string;\n\n  /**\n   * Whether the dev tools is enabled or note. Useful for setting during production.\n   */\n  disabled?: boolean;\n\n  /**\n   * Max number of entiries to keep.\n   */\n  maxAge?: number;\n\n  /**\n   * If more than one action is dispatched in the indicated interval, all new actions will be collected\n   * and sent at once. It is the joint between performance and speed. When set to 0, all actions will be\n   * sent instantly. Set it to a higher value when experiencing perf issues (also maxAge to a lower value).\n   * Default is 500 ms.\n   */\n  latency?: number;\n\n  /**\n   * string or array of strings as regex - actions types to be hidden in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsBlacklist?: string | string[];\n\n  /**\n   * string or array of strings as regex - actions types to be shown in the monitors (while passed to the reducers).\n   * If actionsWhitelist specified, actionsBlacklist is ignored.\n   */\n  actionsWhitelist?: string | string[];\n\n  /**\n   * called for every action before sending, takes state and action object, and returns true in case it allows\n   * sending the current data to the monitor. Use it as a more advanced version of\n   * actionsBlacklist/actionsWhitelist parameters\n   */\n  predicate?: (state: any, action: any) => boolean;\n\n  /**\n   * Reformat actions before sending to dev tools\n   */\n  actionSanitizer?: (action: any) => void;\n\n  /**\n   * Reformat state before sending to devtools\n   */\n  stateSanitizer?: (state: any) => void;\n\n  /**\n   * If set to true, will include stack trace for every dispatched action\n   */\n  trace?: boolean | (() => string);\n\n  /**\n   * Maximum stack trace frames to be stored (in case trace option was provided as true)\n   */\n  traceLimit?: number;\n}\n\nexport const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');\n","import { Inject, Injectable, Injector, NgZone, OnDestroy, ɵglobal } from '@angular/core';\nimport { getActionTypeFromInstance, NgxsNextPluginFn, NgxsPlugin, Store } from '@ngxs/store';\nimport { tap, catchError } from 'rxjs/operators';\n\nimport {\n  NGXS_DEVTOOLS_OPTIONS,\n  NgxsDevtoolsAction,\n  NgxsDevtoolsExtension,\n  NgxsDevtoolsOptions\n} from './symbols';\n\nconst enum ReduxDevtoolsActionType {\n  Dispatch = 'DISPATCH',\n  Action = 'ACTION'\n}\n\nconst enum ReduxDevtoolsPayloadType {\n  JumpToAction = 'JUMP_TO_ACTION',\n  JumpToState = 'JUMP_TO_STATE',\n  ToggleAction = 'TOGGLE_ACTION',\n  ImportState = 'IMPORT_STATE'\n}\n\n/**\n * Adds support for the Redux Devtools extension:\n * http://extension.remotedev.io/\n */\n@Injectable()\nexport class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {\n  private devtoolsExtension: NgxsDevtoolsExtension | null = null;\n  private readonly globalDevtools =\n    ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];\n\n  private unsubscribe: VoidFunction | null = null;\n\n  constructor(\n    @Inject(NGXS_DEVTOOLS_OPTIONS) private _options: NgxsDevtoolsOptions,\n    private _injector: Injector,\n    private _ngZone: NgZone\n  ) {\n    this.connect();\n  }\n\n  ngOnDestroy(): void {\n    if (this.unsubscribe !== null) {\n      this.unsubscribe();\n    }\n    if (this.globalDevtools) {\n      this.globalDevtools.disconnect();\n    }\n  }\n\n  /**\n   * Lazy get the store for circular dependency issues\n   */\n  private get store(): Store {\n    return this._injector.get<Store>(Store);\n  }\n\n  /**\n   * Middleware handle function\n   */\n  handle(state: any, action: any, next: NgxsNextPluginFn) {\n    if (!this.devtoolsExtension || this._options.disabled) {\n      return next(state, action);\n    }\n\n    return next(state, action).pipe(\n      catchError(error => {\n        const newState = this.store.snapshot();\n        this.sendToDevTools(state, action, newState);\n        throw error;\n      }),\n      tap(newState => {\n        this.sendToDevTools(state, action, newState);\n      })\n    );\n  }\n\n  private sendToDevTools(state: any, action: any, newState: any) {\n    const type = getActionTypeFromInstance(action);\n    // if init action, send initial state to dev tools\n    const isInitAction = type === '@@INIT';\n    if (isInitAction) {\n      this.devtoolsExtension!.init(state);\n    } else {\n      this.devtoolsExtension!.send({ ...action, action: null, type }, newState);\n    }\n  }\n\n  /**\n   * Handle the action from the dev tools subscription\n   */\n  dispatched(action: NgxsDevtoolsAction) {\n    if (action.type === ReduxDevtoolsActionType.Dispatch) {\n      if (\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToAction ||\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToState\n      ) {\n        const prevState = JSON.parse(action.state);\n        // This makes the DevTools and Router plugins friends with each other.\n        // We're checking for the `router` state to exist, and it also should\n        // have the `trigger` property, so we're sure that this is our router\n        // state (coming from `@ngxs/router-plugin`). This enables a time-traveling\n        // feature since it doesn't only restore the state but also allows the `RouterState`\n        // to navigate back when the action is jumped.\n        if (prevState.router && prevState.router.trigger) {\n          prevState.router.trigger = 'devtools';\n        }\n        this.store.reset(prevState);\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ToggleAction) {\n        console.warn('Skip is not supported at this time.');\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ImportState) {\n        const {\n          actionsById,\n          computedStates,\n          currentStateIndex\n        } = action.payload.nextLiftedState;\n        this.devtoolsExtension!.init(computedStates[0].state);\n        Object.keys(actionsById)\n          .filter(actionId => actionId !== '0')\n          .forEach(actionId =>\n            this.devtoolsExtension!.send(actionsById[actionId], computedStates[actionId].state)\n          );\n        this.store.reset(computedStates[currentStateIndex].state);\n      }\n    } else if (action.type === ReduxDevtoolsActionType.Action) {\n      const actionPayload = JSON.parse(action.payload);\n      this.store.dispatch(actionPayload);\n    }\n  }\n\n  private connect(): void {\n    if (!this.globalDevtools || this._options.disabled) {\n      return;\n    }\n\n    // The `connect` method adds `message` event listener since it communicates\n    // with an extension through `window.postMessage` and message events.\n    // We handle only 2 events; thus, we don't want to run many change detections\n    // because the extension sends events that we don't have to handle.\n    this.devtoolsExtension = this._ngZone.runOutsideAngular(\n      () => <NgxsDevtoolsExtension>this.globalDevtools.connect(this._options)\n    );\n\n    this.unsubscribe = this.devtoolsExtension.subscribe(action => {\n      if (\n        action.type === ReduxDevtoolsActionType.Dispatch ||\n        action.type === ReduxDevtoolsActionType.Action\n      ) {\n        this._ngZone.run(() => {\n          this.dispatched(action);\n        });\n      }\n    });\n  }\n}\n","import { NgModule, ModuleWithProviders, InjectionToken } from '@angular/core';\nimport { NGXS_PLUGINS } from '@ngxs/store';\n\nimport { NgxsDevtoolsOptions, NGXS_DEVTOOLS_OPTIONS } from './symbols';\nimport { NgxsReduxDevtoolsPlugin } from './devtools.plugin';\n\nexport function devtoolsOptionsFactory(options: NgxsDevtoolsOptions) {\n  return {\n    name: 'NGXS',\n    ...options\n  };\n}\n\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\n\n@NgModule()\nexport class NgxsReduxDevtoolsPluginModule {\n  static forRoot(\n    options?: NgxsDevtoolsOptions\n  ): ModuleWithProviders<NgxsReduxDevtoolsPluginModule> {\n    return {\n      ngModule: NgxsReduxDevtoolsPluginModule,\n      providers: [\n        {\n          provide: NGXS_PLUGINS,\n          useClass: NgxsReduxDevtoolsPlugin,\n          multi: true\n        },\n        {\n          provide: USER_OPTIONS,\n          useValue: options\n        },\n        {\n          provide: NGXS_DEVTOOLS_OPTIONS,\n          useFactory: devtoolsOptionsFactory,\n          deps: [USER_OPTIONS]\n        }\n      ]\n    };\n  }\n}\n","/**\n * The public api for consumers of @ngxs/devtools-plugin\n */\nexport * from './src/public_api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/ngxs-devtools-plugin.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ngxs/devtools-plugin" />
-export * from './index';