@ngxs/store 3.8.1-dev.master-98beeea → 3.8.1-dev.master-22c3643

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@ngxs/store",
-  "version": "3.8.1-dev.master-98beeea",
+  "version": "3.8.1-dev.master-22c3643",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {
     "@angular/core": ">=12.0.0 <17.0.0",
     "rxjs": ">=6.5.5"
   },
+  "schematics": "./schematics/collection.json",
   "module": "fesm2015/ngxs-store.mjs",
   "es2020": "fesm2020/ngxs-store.mjs",
   "esm2020": "esm2020/ngxs-store.mjs",

package/schematics/collection.json

@@ -0,0 +1,36 @@
+{
+  "extends": ["@schematics/angular"],
+  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "store": {
+      "factory": "./src/store/store.factory#store",
+      "description": "Create a NGXS full store",
+      "aliases": ["ngxs-store"],
+      "schema": "./src/store/schema.json"
+    },
+    "state": {
+      "factory": "./src/state/state.factory#state",
+      "description": "Create a NGXS state",
+      "aliases": ["ngxs-state"],
+      "schema": "./src/state/schema.json"
+    },
+    "actions": {
+      "factory": "./src/actions/actions.factory#actions",
+      "description": "Create a NGXS actions",
+      "aliases": ["ngxs-actions"],
+      "schema": "./src/actions/schema.json"
+    },
+    "starter-kit": {
+      "factory": "./src/starter-kit/starter-kit.factory#starterKit",
+      "description": "Create a NGXS starter kit with simple or best practice type",
+      "aliases": ["ngxs-sk"],
+      "schema": "./src/starter-kit/schema.json"
+    },
+    "ng-add": {
+      "factory": "./src/ng-add/ng-add.factory#ngAdd",
+      "description": "Add Ngxs Store and plugins in package.json",
+      "aliases": ["ngxs-init"],
+      "schema": "./src/ng-add/schema.json"
+    }
+  }
+}

package/schematics/src/actions/actions.factory.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { ActionsSchema } from './actions.schema';
+export declare function actions(options: ActionsSchema): Rule;

package/schematics/src/actions/actions.factory.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.actions = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const generate_utils_1 = require("../utils/generate-utils");
+const properties_1 = require("../utils/common/properties");
+const normalize_options_1 = require("../utils/normalize-options");
+const path_1 = require("path");
+function actions(options) {
+    if ((0, properties_1.isEmpty)(options.name)) {
+        throw new schematics_1.SchematicsException('Invalid options, "name" is required.');
+    }
+    const normalizedOptions = (0, normalize_options_1.normalizeBaseOptions)(options);
+    const path = options.flat
+        ? normalizedOptions.path
+        : (0, path_1.join)(normalizedOptions.path, normalizedOptions.name);
+    return (0, generate_utils_1.generateFiles)((0, schematics_1.url)('./files'), path, {
+        name: normalizedOptions.name
+    });
+}
+exports.actions = actions;
+//# sourceMappingURL=actions.factory.js.map

package/schematics/src/actions/actions.factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.factory.js","sourceRoot":"","sources":["../../../../../packages/store/schematics/src/actions/actions.factory.ts"],"names":[],"mappings":";;;AAAA,2DAA4E;AAE5E,4DAAwD;AACxD,2DAAqD;AACrD,kEAAkE;AAClE,+BAA4B;AAE5B,SAAgB,OAAO,CAAC,OAAsB;IAC5C,IAAI,IAAA,oBAAO,EAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACzB,MAAM,IAAI,gCAAmB,CAAC,sCAAsC,CAAC,CAAC;KACvE;IAED,MAAM,iBAAiB,GAAG,IAAA,wCAAoB,EAAC,OAAO,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI;QACvB,CAAC,CAAC,iBAAiB,CAAC,IAAI;QACxB,CAAC,CAAC,IAAA,WAAI,EAAC,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,IAAA,8BAAa,EAAC,IAAA,gBAAG,EAAC,SAAS,CAAC,EAAE,IAAI,EAAE;QACzC,IAAI,EAAE,iBAAiB,CAAC,IAAI;KAC7B,CAAC,CAAC;AACL,CAAC;AAbD,0BAaC"}

package/schematics/src/actions/files/__name__.actions.ts__template__

@@ -0,0 +1,4 @@
+export class <%= classify(name) %>Action {
+    public static readonly type = '[<%= classify(name) %>] Add item';
+    constructor(public payload: any) { }
+}

package/schematics/src/actions/schema.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsNgxsActions",
+  "title": "Ngxs Actions Options Schema",
+  "type": "object",
+  "properties": {
+    "name": {
+      "description": "The name of the actions.",
+      "type": "string",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the actions?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the actions."
+    },
+    "flat": {
+      "type": "boolean",
+      "default": false,
+      "description": "Flag to indicate if a dir is created."
+    }
+  },
+  "required": ["name"]
+}

package/schematics/src/ng-add/ng-add.factory.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { NgxsPackageSchema } from './ng-add.schema';
+export declare function ngAdd(options: NgxsPackageSchema): Rule;

package/schematics/src/ng-add/ng-add.factory.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const ts = require("@schematics/angular/third_party/github.com/Microsoft/TypeScript/lib/typescript");
+const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
+const change_1 = require("@schematics/angular/utility/change");
+const dependencies_1 = require("@schematics/angular/utility/dependencies");
+const ng_ast_utils_1 = require("@schematics/angular/utility/ng-ast-utils");
+const lib_config_1 = require("../utils/common/lib.config");
+const project_1 = require("../utils/project");
+const versions = require('./../utils/versions.json');
+function ngAdd(options) {
+    return (0, schematics_1.chain)([
+        addNgxsPackageToPackageJson(options),
+        addDeclarationToNgModule(options),
+        options.skipInstall ? (0, schematics_1.noop)() : runNpmPackageInstall()
+    ]);
+}
+exports.ngAdd = ngAdd;
+function addNgxsPackageToPackageJson(options) {
+    return (host, context) => {
+        const ngxsStoreVersion = versions['@ngxs/store'];
+        if (!ngxsStoreVersion) {
+            throw new schematics_1.SchematicsException('Could not resolve the version of "@ngxs/store"');
+        }
+        Object.values(lib_config_1.LIBRARIES)
+            .filter(lib => { var _a; return (_a = options.plugins) === null || _a === void 0 ? void 0 : _a.includes(lib); })
+            .forEach(name => {
+            const packageExists = (0, dependencies_1.getPackageJsonDependency)(host, name);
+            if (packageExists === null) {
+                (0, dependencies_1.addPackageJsonDependency)(host, {
+                    type: dependencies_1.NodeDependencyType.Default,
+                    name,
+                    version: ngxsStoreVersion
+                });
+                context.logger.info(`✅️ Added "${name}" into ${dependencies_1.NodeDependencyType.Default}`);
+            }
+            else {
+                context.logger.warn(`✅️ "${name}" already exists in the ${dependencies_1.NodeDependencyType.Default}`);
+            }
+        });
+        return host;
+    };
+}
+function runNpmPackageInstall() {
+    return (_, context) => {
+        context.addTask(new tasks_1.NodePackageInstallTask());
+        context.logger.info(`🔍 Installing packages...`);
+    };
+}
+function addDeclarationToNgModule(options) {
+    return (host) => {
+        const project = (0, project_1.getProject)(host, { project: options.project });
+        if (typeof project === 'undefined' || project === null) {
+            const message = options.project
+                ? `Project "${options.project}" does not exist.`
+                : 'Could not determine the project to update.';
+            throw new schematics_1.SchematicsException(message);
+        }
+        const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, `${project.root}/src/main.ts`);
+        if (typeof modulePath === 'undefined') {
+            throw new schematics_1.SchematicsException(`Module path for project "${options.project}" does not exist.`);
+        }
+        const importPath = '@ngxs/store';
+        const moduleImport = 'NgxsModule.forRoot([], { developmentMode: /** !environment.production */ false, selectorOptions: { suppressErrors: false, injectContainerState: false } })';
+        const sourceBuffer = host.read(modulePath);
+        if (sourceBuffer !== null) {
+            const sourceText = sourceBuffer.toString();
+            const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
+            const changes = (0, ast_utils_1.addImportToModule)(source, modulePath, moduleImport, importPath);
+            const recorder = host.beginUpdate(modulePath);
+            for (const change of changes) {
+                if (change instanceof change_1.InsertChange) {
+                    recorder.insertLeft(change.pos, change.toAdd);
+                }
+            }
+            host.commitUpdate(recorder);
+        }
+        return host;
+    };
+}
+//# sourceMappingURL=ng-add.factory.js.map

package/schematics/src/ng-add/ng-add.factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-add.factory.js","sourceRoot":"","sources":["../../../../../packages/store/schematics/src/ng-add/ng-add.factory.ts"],"names":[],"mappings":"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"}

package/schematics/src/ng-add/schema.json

@@ -0,0 +1,72 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsNgxsNgAdd",
+  "title": "Ngxs NgAdd Options Schema",
+  "type": "object",
+  "properties": {
+    "skipInstall": {
+      "type": "boolean",
+      "description": "The flag for skipping packages installation.",
+      "default": false,
+      "x-prompt": "Do you want to skip packages installation?"
+    },
+    "plugins": {
+      "type": "array",
+      "description": "Additional plugins to be added to the workspace.",
+      "minItems": 0,
+      "maxItems": 7,
+      "items": {
+        "type": "string",
+        "enum": [
+          "@ngxs/devtools-plugin",
+          "@ngxs/form-plugin",
+          "@ngxs/hmr-plugin",
+          "@ngxs/logger-plugin",
+          "@ngxs/router-plugin",
+          "@ngxs/storage-plugin",
+          "@ngxs/websocket-plugin"
+        ]
+      },
+      "default": [],
+      "x-prompt": {
+        "message": "Choose any other @ngxs plugins you would like to add to the workspace.",
+        "type": "list",
+        "items": [
+          {
+            "value": "@ngxs/devtools-plugin",
+            "label": "Ngxs developer tools plugin"
+          },
+          {
+            "value": "@ngxs/form-plugin",
+            "label": "Ngxs form plugin"
+          },
+          {
+            "value": "@ngxs/hmr-plugin",
+            "label": "Ngxs HMR plugin"
+          },
+          {
+            "value": "@ngxs/logger-plugin",
+            "label": "Ngxs logger plugin"
+          },
+          {
+            "value": "@ngxs/router-plugin",
+            "label": "Ngxs router plugin"
+          },
+          {
+            "value": "@ngxs/storage-plugin",
+            "label": "Ngxs storage plugin"
+          },
+          {
+            "value": "@ngxs/websocket-plugin",
+            "label": "Ngxs websocket plugin"
+          }
+        ]
+      }
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project."
+    }
+  },
+  "required": []
+}

package/schematics/src/starter-kit/files/store/auth/auth.actions.ts__template__

@@ -0,0 +1,7 @@
+import { AuthenticationStateModel } from './auth.state';
+
+export class SetAuthData {
+  public static readonly type = '[Auth] Auth data';
+
+  constructor(public payload: AuthenticationStateModel) {}
+}

package/schematics/src/starter-kit/files/store/auth/auth.state.spec.ts__template__

@@ -0,0 +1,46 @@
+import { NgxsModule, Store } from '@ngxs/store';
+import { async, TestBed } from '@angular/core/testing';
+import { AuthenticationStateModel, AuthStateModule } from './auth.state';
+import { SetAuthData } from './auth.actions';
+
+describe('[TEST]: AuthStore', () => {
+  let store: Store;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [NgxsModule.forRoot([AuthStateModule])]
+    })
+      .compileComponents()
+      .then();
+    store = TestBed.get(Store);
+  }));
+
+  it('Should be correct dispatch and value is empty', () => {
+    const Authentication: AuthenticationStateModel = {
+      id: '',
+      firstName: '',
+      lastName: '',
+      fullName: '',
+      email: '',
+      roles: []
+    };
+    store.dispatch(new SetAuthData(Authentication));
+    const actual = store.selectSnapshot<AuthenticationStateModel>(AuthStateModule.getAuthData);
+    expect(actual).toEqual(Authentication);
+  });
+
+  it('Should be correct dispatch and next value is correct completed', () => {
+    const authentication: AuthenticationStateModel = {
+      id: '12',
+      firstName: 'Adam',
+      lastName: 'Gordon',
+      fullName: 'Adam Gordon',
+      email: 'agordon@google.com',
+      roles: ['ADMIN']
+    };
+
+    store.dispatch(new SetAuthData(authentication));
+    const actual = store.selectSnapshot<AuthenticationStateModel>(AuthStateModule.getAuthData);
+    expect(actual).toEqual(authentication);
+  });
+});

package/schematics/src/starter-kit/files/store/auth/auth.state.ts__template__

@@ -0,0 +1,45 @@
+import { Action, Selector, State, StateContext } from '@ngxs/store';
+import { SetAuthData } from './auth.actions';
+
+export interface AuthenticationStateModel {
+  id: string;
+  firstName: string;
+  lastName: string;
+  fullName: string;
+  email: string;
+  roles: string[];
+}
+
+@State<AuthenticationStateModel>({
+  name: 'authStateModule',
+  defaults: {
+    id: '',
+    firstName: '',
+    lastName: '',
+    fullName: '',
+    email: '',
+    roles: []
+  }
+})
+export class AuthStateModule {
+  @Selector()
+  public static getAuthData(state: AuthenticationStateModel): AuthenticationStateModel {
+    return AuthStateModule.getInstanceState(state);
+  }
+
+  private static setInstanceState(state: AuthenticationStateModel): AuthenticationStateModel {
+    return { ...state };
+  }
+
+  private static getInstanceState(state: AuthenticationStateModel): AuthenticationStateModel {
+    return { ...state };
+  }
+
+  @Action(SetAuthData)
+  public setAuthData(
+    { setState }: StateContext<AuthenticationStateModel>,
+    { payload }: SetAuthData
+  ) {
+    setState(AuthStateModule.setInstanceState(payload));
+  }
+}

package/schematics/src/starter-kit/files/store/dashboard/index.ts__template__

@@ -0,0 +1,11 @@
+import { State } from '@ngxs/store';
+import { DictionaryState } from './states/dictionary/dictionary.state';
+import { UserState } from './states/user/user.state';
+
+export const DashboardStates = [DictionaryState, UserState];
+
+@State({
+  name: 'dashboardStateModule',
+  children: DashboardStates
+})
+export class DashboardStateModule {}

package/schematics/src/starter-kit/files/store/dashboard/states/dictionary/dictionary.actions.ts__template__

@@ -0,0 +1,13 @@
+import { DictionaryStateModel } from './dictionary.state';
+
+export class SetDictionaryData {
+  public static readonly type = '[Dictionary] Set dictionary data action';
+
+  constructor(public payload: DictionaryStateModel) {}
+}
+
+export class DictionaryReset {
+  public static readonly type = '[Dictionary] Reset dictionary action';
+
+  constructor() {}
+}

package/schematics/src/starter-kit/files/store/dashboard/states/dictionary/dictionary.state.spec.ts__template__

@@ -0,0 +1,77 @@
+import { NgxsModule, Store } from '@ngxs/store';
+import { async, TestBed } from '@angular/core/testing';
+import { DictionaryState, DictionaryStateModel } from './dictionary.state';
+import { DictionaryReset, SetDictionaryData } from './dictionary.actions';
+
+const data = [
+  {
+    id: '323',
+    departmentCode: '2392',
+    departmentName: 'Main office',
+    mainCuratorUserId: 'admin',
+    mainCuratorName: 'Adam Gordon',
+    backupCuratorUserId: 'manager',
+    backupCuratorName: 'Alexander Chester'
+  },
+  {
+    id: '322',
+    departmentCode: '2999',
+    departmentName: 'New York office',
+    mainCuratorUserId: 'manager',
+    mainCuratorName: 'Alexander Chester',
+    backupCuratorUserId: 'manager',
+    backupCuratorName: 'Amanda Brian'
+  }
+];
+
+describe('[TEST]: Dictionary state', () => {
+  let store: Store;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [NgxsModule.forRoot([DictionaryState])]
+    })
+      .compileComponents()
+      .then();
+    store = TestBed.get(Store);
+  }));
+
+  it('Should be correct dispatch and dictionary is empty', () => {
+    const dictionary: DictionaryStateModel = {
+      content: [],
+      page: 0,
+      size: 0,
+      totalPages: 0,
+      totalElements: 0
+    };
+    store.dispatch(new SetDictionaryData(dictionary));
+    const actual = store.selectSnapshot(DictionaryState.getDictionaryState);
+    expect(actual).toEqual(dictionary);
+  });
+
+  it('Should be state is filled DictionaryStateModel', () => {
+    const dictionary: DictionaryStateModel = {
+      content: data,
+      page: 0,
+      size: 20,
+      totalPages: 2,
+      totalElements: 1
+    };
+    store.dispatch(new SetDictionaryData(dictionary));
+    const actual = store.selectSnapshot(DictionaryState.getDictionaryState);
+    expect(actual).toEqual(dictionary);
+  });
+
+  it('should be reset state', function () {
+    const dictionary: DictionaryStateModel = {
+      content: [],
+      page: 0,
+      size: 0,
+      totalPages: 0,
+      totalElements: 0
+    };
+    store.dispatch(new DictionaryReset());
+    const actual = store.selectSnapshot(DictionaryState.getDictionaryState);
+    expect(actual).toEqual(dictionary);
+  });
+});

package/schematics/src/starter-kit/files/store/dashboard/states/dictionary/dictionary.state.ts__template__

@@ -0,0 +1,60 @@
+import { Action, Selector, State, StateContext } from '@ngxs/store';
+import { DictionaryReset, SetDictionaryData } from './dictionary.actions';
+
+export interface DictionaryStateModel {
+  content: any[];
+  page: number;
+  size: number;
+  totalPages: number;
+  totalElements: number;
+}
+
+@State<DictionaryStateModel>({
+  name: 'dictionary',
+  defaults: {
+    content: [],
+    page: 0,
+    size: 0,
+    totalPages: 0,
+    totalElements: 0
+  }
+})
+export class DictionaryState {
+  @Selector()
+  public static getDictionaryState(state: DictionaryStateModel): DictionaryStateModel {
+    return DictionaryState.getInstanceState(state);
+  }
+
+  @Selector()
+  public static getDictionaryContent(state: DictionaryStateModel) {
+    return state.content;
+  }
+
+  private static setInstanceState(state: DictionaryStateModel): DictionaryStateModel {
+    return { ...state };
+  }
+
+  private static getInstanceState(state: DictionaryStateModel): DictionaryStateModel {
+    return { ...state };
+  }
+
+  @Action(SetDictionaryData)
+  public setTasks(
+    { setState }: StateContext<DictionaryStateModel>,
+    { payload }: SetDictionaryData
+  ) {
+    setState(DictionaryState.setInstanceState(payload));
+  }
+
+  @Action(DictionaryReset)
+  public resetTasks({ setState }: StateContext<DictionaryStateModel>) {
+    const initialState = {
+      content: [],
+      page: 0,
+      size: 0,
+      totalPages: 0,
+      totalElements: 0
+    };
+    setState(initialState);
+  }
+}

package/schematics/src/starter-kit/files/store/dashboard/states/user/user.actions.ts__template__

@@ -0,0 +1,6 @@
+import { PersonStateModel } from './user.state';
+
+export class SetUser {
+  public static readonly type = '[SetUser] action';
+  constructor(public payload: PersonStateModel) {}
+}

package/schematics/src/starter-kit/files/store/dashboard/states/user/user.state.spec.ts__template__

@@ -0,0 +1,54 @@
+import { NgxsModule, Store } from '@ngxs/store';
+import { async, TestBed } from '@angular/core/testing';
+import { PersonStateModel, UserState } from './user.state';
+import { SetUser } from './user.actions';
+
+describe('[TEST]: User state', () => {
+  let store: Store;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [NgxsModule.forRoot([UserState])]
+    })
+      .compileComponents()
+      .then();
+    store = TestBed.get(Store);
+  }));
+
+  it('Should be state is PersonStateModel', () => {
+    const person: PersonStateModel = {
+      userId: '',
+      departmentCode: '',
+      departmentName: '',
+      email: '',
+      firstName: '',
+      lastName: '',
+      fullName: '',
+      positionId: '',
+      positionName: ''
+    };
+    store.dispatch(new SetUser(person));
+    const actual = store.selectSnapshot(({ user }) => user);
+
+    expect(actual).toEqual(person);
+  });
+
+  it('Should be state is filled PersonStateModel', () => {
+    const person: PersonStateModel = {
+      userId: '12',
+      departmentCode: '2392',
+      departmentName: 'Main office',
+      email: 'agordon@google.com',
+      firstName: 'Adam',
+      lastName: 'Gordon',
+      fullName: 'Adam Gordon',
+      positionId: '102003',
+      positionName: 'admin'
+    };
+
+    store.dispatch(new SetUser(person));
+    const actual = store.selectSnapshot<PersonStateModel>(({ user }) => user);
+
+    expect(actual).toEqual(person);
+  });
+});

package/schematics/src/starter-kit/files/store/dashboard/states/user/user.state.ts__template__

@@ -0,0 +1,40 @@
+import { Action, Selector, State, StateContext } from '@ngxs/store';
+import { SetUser } from './user.actions';
+
+export interface PersonStateModel {
+  userId: string;
+  email: string;
+  firstName: string;
+  lastName: string;
+  fullName: string;
+  positionId: string;
+  positionName: string;
+  departmentCode: string;
+  departmentName: string;
+}
+
+@State<PersonStateModel>({
+  name: 'user',
+  defaults: {
+    userId: '',
+    email: '',
+    firstName: '',
+    lastName: '',
+    fullName: '',
+    positionId: '',
+    positionName: '',
+    departmentCode: '',
+    departmentName: ''
+  }
+})
+export class UserState {
+  @Selector()
+  public static getUser(state: PersonStateModel): PersonStateModel {
+    return state;
+  }
+
+  @Action(SetUser)
+  public setUser(ctx: StateContext<PersonStateModel>, { payload }: SetUser) {
+    ctx.setState(payload);
+  }
+}