feat(doc): move effect-selector

apps/ngrx/effect-selector/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": ["../../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

apps/ngrx/effect-selector/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve ngrx-1
+npx nx serve ngrx-effect-selector
 ```
 
 ### Documentation and Instruction

apps/ngrx/effect-selector/jest.config.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
 export default {
-  displayName: 'ngrx-1',
+  displayName: 'ngrx-effect-selector',
-  preset: '../../jest.preset.js',
+  preset: '../../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
   globals: {},
-  coverageDirectory: '../../coverage/apps/ngrx-1',
+  coverageDirectory: '../../../coverage/apps/ngrx/effect-selector',
   transform: {
     '^.+\\.(ts|mjs|js|html)$': [
       'jest-preset-angular',

apps/ngrx/effect-selector/project.json

@@ -1,22 +1,25 @@
 {
-  "name": "ngrx-1",
+  "name": "ngrx-effect-selector",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "apps/ngrx-1/src",
+  "sourceRoot": "apps/ngrx/effect-selector/src",
   "prefix": "app",
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/ngrx-1",
+        "outputPath": "dist/apps/ngrx/effect-selector",
-        "index": "apps/ngrx-1/src/index.html",
+        "index": "apps/ngrx/effect-selector/src/index.html",
-        "main": "apps/ngrx-1/src/main.ts",
+        "main": "apps/ngrx/effect-selector/src/main.ts",
-        "polyfills": "apps/ngrx-1/src/polyfills.ts",
+        "polyfills": "apps/ngrx/effect-selector/src/polyfills.ts",
-        "tsConfig": "apps/ngrx-1/tsconfig.app.json",
+        "tsConfig": "apps/ngrx/effect-selector/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/ngrx-1/src/favicon.ico", "apps/ngrx-1/src/assets"],
+        "assets": [
-        "styles": ["apps/ngrx-1/src/styles.scss"],
+          "apps/ngrx/effect-selector/src/favicon.ico",
+          "apps/ngrx/effect-selector/src/assets"
+        ],
+        "styles": ["apps/ngrx/effect-selector/src/styles.scss"],
         "scripts": [],
         "allowedCommonJsDependencies": ["seedrandom"]
       },
@@ -36,8 +39,8 @@
           ],
           "fileReplacements": [
             {
-              "replace": "apps/ngrx-1/src/environments/environment.ts",
+              "replace": "apps/ngrx/effect-selector/src/environments/environment.ts",
-              "with": "apps/ngrx-1/src/environments/environment.prod.ts"
+              "with": "apps/ngrx/effect-selector/src/environments/environment.prod.ts"
             }
           ],
           "outputHashing": "all"
@@ -57,10 +60,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "browserTarget": "ngrx-1:build:production"
+          "browserTarget": "ngrx-effect-selector:build:production"
         },
         "development": {
-          "browserTarget": "ngrx-1:build:development"
+          "browserTarget": "ngrx-effect-selector:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -68,20 +71,23 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "browserTarget": "ngrx-1:build"
+        "browserTarget": "ngrx-effect-selector:build"
       }
     },
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/ngrx-1/**/*.ts", "apps/ngrx-1/**/*.html"]
+        "lintFilePatterns": [
+          "apps/ngrx/effect-selector/**/*.ts",
+          "apps/ngrx/effect-selector/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "jestConfig": "apps/ngrx-1/jest.config.ts",
+        "jestConfig": "apps/ngrx/effect-selector/jest.config.ts",
         "passWithNoTests": true
       }
     }

apps/ngrx/effect-selector/src/app/app.component.ts

@@ -29,8 +29,7 @@ import { loadUsers } from './store/user/user.actions';
             *ngFor="
               let teacher of getAllTeachersForActivityType$(activity.type)
                 | async
-            "
+            ">
-          >
             {{ teacher.name }}
           </li>
         </ul>

apps/ngrx/effect-selector/src/app/store/activity/activity.model.ts

@@ -12,7 +12,7 @@ export const activityType = [
   'Maths',
   'Physics',
 ] as const;
-export type ActivityType = typeof activityType[number];
+export type ActivityType = (typeof activityType)[number];
 
 export interface Person {
   id: number;

apps/ngrx/effect-selector/tsconfig.app.json

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
+    "outDir": "../../../dist/out-tsc",
     "types": [],
     "target": "ES2022",
     "useDefineForClassFields": false

apps/ngrx/effect-selector/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../../tsconfig.base.json",
   "files": [],
   "include": [],
   "references": [

apps/ngrx/effect-selector/tsconfig.spec.json

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
+    "outDir": "../../../dist/out-tsc",
     "module": "commonjs",
     "types": ["jest", "node"]
   },

docs/src/content/docs/challenges/ngrx/2-effect-selector.md

@@ -3,7 +3,7 @@ title: 🟠 Effect vs Selector
 description: Challenge 2 is about learning the difference between effects and selectors in NgRx
 author: Thomas Laforge
 challengeNumber: 2
-command: ngrx-1
+command: ngrx-effect-selector
 blogLink: https://medium.com/@thomas.laforge/ngrx-effect-vs-reducer-vs-selector-58337ab59043
 sidebar:
   order: 113