import {State} from '@ngxs/store';
import {Branch, Company, WsplItem} from '@psp/entities';
import {User} from '../modules/common/types/user';

export interface AppStateModel {
  companyAndBranch: {
    company: Company;
    branch: Branch;
  };
  pspItems: Array<WsplItem>;
  selectedWsplItem: WsplItem;
  pspItemsFilter: any;
  wsplScrollPosition: number;
  profile: {user: User; loggedIn: boolean; language: {code: string; text: string};};
}

const initialState: AppStateModel = {
  companyAndBranch: undefined,
  pspItems: undefined,
  selectedWsplItem: undefined,
  pspItemsFilter: undefined,
  wsplScrollPosition: undefined,
  profile: undefined
};

@State<AppStateModel>({
  name: 'app',
  defaults: initialState
})
export class AppState {}

import { ID } from '@datorama/akita';

export type Todo = {
  id: ID;
  title: string;
  completed: boolean;
};

export function createTodo({ id, title }: Partial<Todo>) {
  return {
    id,
    title,
    completed: false
  } as Todo;
}

import { Todo } from './todo.model';
import { EntityState, EntityStore } from '@datorama/akita';

export interface State extends EntityState<Todo> {}

@Injectable({
  providedIn: 'root'
})
export class TodosStore extends EntityStore<State, Todo> {
  constructor() {
    super(initialState);
  }
}

import { QueryEntity } from '@datorama/akita';

@Injectable({
  providedIn: 'root'
})
export class TodosQuery extends QueryEntity<State, Todo> {
  constructor(protected store: TodosStore) {
    super(store);
  }
}

ng new angular-akita-thomasvht
yarn add @datorama/akita
yarn add akita/schematics -D
yarn add @datorama/akita-ngdevtools -D

import { Action } from '@ngrx/store';
 
export enum ActionTypes {
  Increment = '[Counter Component] Increment',
  Decrement = '[Counter Component] Decrement',
  Reset = '[Counter Component] Reset',
}
 
export class Increment implements Action {
  readonly type = ActionTypes.Increment;
}
 
export class Decrement implements Action {
  readonly type = ActionTypes.Decrement;
}
 
export class Reset implements Action {
  readonly type = ActionTypes.Reset;
}

import { Action } from '@ngrx/store';
import { ActionTypes } from './counter.actions';
 
export const initialState = 0;
 
export function counterReducer(state = initialState, action: Action) {
  switch (action.type) {
    case ActionTypes.Increment:
      return state + 1;
 
    case ActionTypes.Decrement:
      return state - 1;
 
    case ActionTypes.Reset:
      return 0;
 
    default:
      return state;
  }
}

ng new angular-ngrx-thomasvht
yarn add @ngrx/platform
yarn add @ngrx/devtools -D
yarn add @ngrx/schematics -D

ng new angular-ngxs-thomasvht
yarn add @ngxs/store
yarn add @ngxs/devtools -D
yarn add @ngxs/schematics -D