refactor: move libs

apps/angular/10-utility-wrapper-pipe/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve angular-pipe-hard
+npx nx serve angular-utility-wrapper-pipe
 ```
 
 ### Documentation and Instruction

apps/angular/10-utility-wrapper-pipe/project.json

@@ -1,25 +1,25 @@
 {
-  "name": "angular-ngfor-enhancement",
+  "name": "angular-utility-wrapper-pipe",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "apps/angular/ngfor-enhancement/src",
+  "sourceRoot": "apps/angular/10-utility-wrapper-pipe/src",
   "prefix": "app",
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/angular/ngfor-enhancement",
-        "index": "apps/angular/ngfor-enhancement/src/index.html",
-        "main": "apps/angular/ngfor-enhancement/src/main.ts",
-        "polyfills": "apps/angular/ngfor-enhancement/src/polyfills.ts",
-        "tsConfig": "apps/angular/ngfor-enhancement/tsconfig.app.json",
+        "outputPath": "dist/apps/angular/10-utility-wrapper-pipe",
+        "index": "apps/angular/10-utility-wrapper-pipe/src/index.html",
+        "main": "apps/angular/10-utility-wrapper-pipe/src/main.ts",
+        "polyfills": "apps/angular/10-utility-wrapper-pipe/src/polyfills.ts",
+        "tsConfig": "apps/angular/10-utility-wrapper-pipe/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
         "assets": [
-          "apps/angular/ngfor-enhancement/src/favicon.ico",
-          "apps/angular/ngfor-enhancement/src/assets"
+          "apps/angular/10-utility-wrapper-pipe/src/favicon.ico",
+          "apps/angular/10-utility-wrapper-pipe/src/assets"
         ],
-        "styles": ["apps/angular/ngfor-enhancement/src/styles.scss"],
+        "styles": ["apps/angular/10-utility-wrapper-pipe/src/styles.scss"],
         "scripts": []
       },
       "configurations": {
@@ -53,10 +53,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "angular-ngfor-enhancement:build:production"
+          "buildTarget": "angular-utility-wrapper-pipe:build:production"
         },
         "development": {
-          "buildTarget": "angular-ngfor-enhancement:build:development"
+          "buildTarget": "angular-utility-wrapper-pipe:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -64,7 +64,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "angular-ngfor-enhancement:build"
+        "buildTarget": "angular-utility-wrapper-pipe:build"
       }
     },
     "lint": {

apps/angular/13-highly-customizable-css/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve angular-styling
+npx nx serve angular-highly-customizable-css
 ```
 
 ### Documentation and Instruction

apps/angular/13-highly-customizable-css/project.json

@@ -1,25 +1,25 @@
 {
-  "name": "angular-styling",
+  "name": "angular-highly-customizable-css",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "apps/angular/styling/src",
+  "sourceRoot": "apps/angular/13-highly-customizable-css/src",
   "prefix": "app",
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/angular/styling",
-        "index": "apps/angular/styling/src/index.html",
-        "main": "apps/angular/styling/src/main.ts",
+        "outputPath": "dist/apps/angular/13-highly-customizable-css",
+        "index": "apps/angular/13-highly-customizable-css/src/index.html",
+        "main": "apps/angular/13-highly-customizable-css/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/angular/styling/tsconfig.app.json",
+        "tsConfig": "apps/angular/13-highly-customizable-css/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
         "assets": [
-          "apps/angular/styling/src/favicon.ico",
-          "apps/angular/styling/src/assets"
+          "apps/angular/13-highly-customizable-css/src/favicon.ico",
+          "apps/angular/13-highly-customizable-css/src/assets"
         ],
-        "styles": ["apps/angular/styling/src/styles.scss"],
+        "styles": ["apps/angular/13-highly-customizable-css/src/styles.scss"],
         "scripts": []
       },
       "configurations": {
@@ -53,10 +53,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "angular-styling:build:production"
+          "buildTarget": "angular-highly-customizable-css:build:production"
         },
         "development": {
-          "buildTarget": "angular-styling:build:development"
+          "buildTarget": "angular-highly-customizable-css:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -64,7 +64,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "angular-styling:build"
+        "buildTarget": "angular-highly-customizable-css:build"
       }
     },
     "lint": {

apps/angular/16-master-dependency-injection/.eslintrc.json

@@ -8,29 +8,19 @@
         "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "app",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "app",
-            "style": "kebab-case"
-          }
-        ]
-      }
+      "rules": {}
     },
     {
       "files": ["*.html"],
       "extends": ["plugin:@nx/angular-template"],
       "rules": {}
+    },
+    {
+      "files": ["*.json"],
+      "parser": "jsonc-eslint-parser",
+      "rules": {
+        "@nx/dependency-checks": "error"
+      }
     }
   ]
 }

apps/angular/16-master-dependency-injection/README.md

@@ -0,0 +1,7 @@
+# angular-master-dependency-injection
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test angular-master-dependency-injection` to execute the unit tests.

apps/angular/16-master-dependency-injection/jest.config.ts

@@ -1,9 +1,10 @@
 /* eslint-disable */
 export default {
-  displayName: 'angular-interop-rxjs-signal',
+  displayName: 'angular-master-dependency-injection',
   preset: '../../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../../coverage/apps/angular/interop-rxjs-signal',
+  coverageDirectory:
+    '../../../coverage/apps/angular/16-master-dependency-injection',
   transform: {
     '^.+\\.(ts|mjs|js|html)$': [
       'jest-preset-angular',

apps/angular/16-master-dependency-injection/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/apps/angular/16-master-dependency-injection",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

apps/angular/16-master-dependency-injection/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "angular-master-dependency-injection",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

apps/angular/16-master-dependency-injection/project.json

@@ -0,0 +1,36 @@
+{
+  "name": "angular-master-dependency-injection",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/angular/16-master-dependency-injection/src",
+  "prefix": "lib",
+  "tags": [],
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:ng-packagr-lite",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+      "options": {
+        "project": "apps/angular/16-master-dependency-injection/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "apps/angular/16-master-dependency-injection/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "apps/angular/16-master-dependency-injection/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "apps/angular/16-master-dependency-injection/jest.config.ts"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    }
+  }
+}

apps/angular/16-master-dependency-injection/src/index.ts

@@ -0,0 +1 @@
+export { TableComponent } from './lib/table.component';

apps/angular/16-master-dependency-injection/src/lib/table.component.ts

@@ -0,0 +1,29 @@
+import { NgFor, NgTemplateOutlet } from '@angular/common';
+import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
+
+@Component({
+  selector: 'table',
+  standalone: true,
+  imports: [NgTemplateOutlet, NgFor],
+  template: `
+    <thead>
+      <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
+    </thead>
+    <tbody *ngFor="let item of items">
+      <ng-container
+        *ngTemplateOutlet="
+          bodyTemplate;
+          context: { $implicit: item }
+        "></ng-container>
+    </tbody>
+  `,
+})
+export class TableComponent<T> {
+  @Input() items!: T[];
+
+  @ContentChild('header', { read: TemplateRef })
+  headerTemplate!: TemplateRef<void>;
+
+  @ContentChild('body', { read: TemplateRef })
+  bodyTemplate!: TemplateRef<{ $implicit: T }>;
+}

apps/angular/16-master-dependency-injection/src/test-setup.ts

@@ -0,0 +1,8 @@
+// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
+globalThis.ngJest = {
+  testEnvironmentOptions: {
+    errorOnUnknownElements: true,
+    errorOnUnknownProperties: true,
+  },
+};
+import 'jest-preset-angular/setup-jest';

apps/angular/16-master-dependency-injection/tsconfig.json

@@ -13,13 +13,10 @@
   "include": [],
   "references": [
     {
-      "path": "./tsconfig.app.json"
+      "path": "./tsconfig.lib.json"
     },
     {
       "path": "./tsconfig.spec.json"
-    },
-    {
-      "path": "./tsconfig.editor.json"
     }
   ],
   "extends": "../../../tsconfig.base.json",

apps/angular/16-master-dependency-injection/tsconfig.lib.json

@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/test-setup.ts",
+    "jest.config.ts",
+    "src/**/*.test.ts"
+  ],
+  "include": ["src/**/*.ts"]
+}

apps/angular/16-master-dependency-injection/tsconfig.lib.prod.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {}
+}

apps/angular/16-master-dependency-injection/tsconfig.spec.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "outDir": "../../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["jest", "node", "@testing-library/jest-dom"]
+    "target": "es2016",
+    "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
   "include": [

apps/angular/22-router-input/project.json

@@ -3,23 +3,23 @@
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/angular/router-input/src",
+  "sourceRoot": "apps/angular/22-router-input/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/angular/router-input",
-        "index": "apps/angular/router-input/src/index.html",
-        "main": "apps/angular/router-input/src/main.ts",
+        "outputPath": "dist/apps/angular/22-router-input",
+        "index": "apps/angular/22-router-input/src/index.html",
+        "main": "apps/angular/22-router-input/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/angular/router-input/tsconfig.app.json",
+        "tsConfig": "apps/angular/22-router-input/tsconfig.app.json",
         "assets": [
-          "apps/angular/router-input/src/favicon.ico",
-          "apps/angular/router-input/src/assets"
+          "apps/angular/22-router-input/src/favicon.ico",
+          "apps/angular/22-router-input/src/assets"
         ],
-        "styles": ["apps/angular/router-input/src/styles.scss"],
+        "styles": ["apps/angular/22-router-input/src/styles.scss"],
         "scripts": []
       },
       "configurations": {

apps/angular/3-directive-enhancement/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve angular-ngfor-enhancement
+npx nx serve angular-directive-enhancement
 ```
 
 ### Documentation and Instruction

apps/angular/3-directive-enhancement/project.json

@@ -1,25 +1,25 @@
 {
-  "name": "angular-pipe-hard",
+  "name": "angular-directive-enhancement",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "apps/angular/pipe-hard/src",
+  "sourceRoot": "apps/angular/3-directive-enhancement/src",
   "prefix": "app",
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/angular/pipe-hard",
-        "index": "apps/angular/pipe-hard/src/index.html",
-        "main": "apps/angular/pipe-hard/src/main.ts",
-        "polyfills": "apps/angular/pipe-hard/src/polyfills.ts",
-        "tsConfig": "apps/angular/pipe-hard/tsconfig.app.json",
+        "outputPath": "dist/apps/angular/3-directive-enhancement",
+        "index": "apps/angular/3-directive-enhancement/src/index.html",
+        "main": "apps/angular/3-directive-enhancement/src/main.ts",
+        "polyfills": "apps/angular/3-directive-enhancement/src/polyfills.ts",
+        "tsConfig": "apps/angular/3-directive-enhancement/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
         "assets": [
-          "apps/angular/pipe-hard/src/favicon.ico",
-          "apps/angular/pipe-hard/src/assets"
+          "apps/angular/3-directive-enhancement/src/favicon.ico",
+          "apps/angular/3-directive-enhancement/src/assets"
         ],
-        "styles": ["apps/angular/pipe-hard/src/styles.scss"],
+        "styles": ["apps/angular/3-directive-enhancement/src/styles.scss"],
         "scripts": []
       },
       "configurations": {
@@ -53,10 +53,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "angular-pipe-hard:build:production"
+          "buildTarget": "angular-directive-enhancement:build:production"
         },
         "development": {
-          "buildTarget": "angular-pipe-hard:build:development"
+          "buildTarget": "angular-directive-enhancement:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -64,7 +64,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "angular-pipe-hard:build"
+        "buildTarget": "angular-directive-enhancement:build"
       }
     },
     "lint": {

apps/angular/31-module-to-standalone/project.json

@@ -3,23 +3,23 @@
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/angular/module-to-standalone/src",
+  "sourceRoot": "apps/angular/31-module-to-standalone/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/angular/module-to-standalone",
-        "index": "apps/angular/module-to-standalone/src/index.html",
-        "main": "apps/angular/module-to-standalone/src/main.ts",
+        "outputPath": "dist/apps/angular/31-module-to-standalone",
+        "index": "apps/angular/31-module-to-standalone/src/index.html",
+        "main": "apps/angular/31-module-to-standalone/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/angular/module-to-standalone/tsconfig.app.json",
+        "tsConfig": "apps/angular/31-module-to-standalone/tsconfig.app.json",
         "assets": [
-          "apps/angular/module-to-standalone/src/favicon.ico",
-          "apps/angular/module-to-standalone/src/assets"
+          "apps/angular/31-module-to-standalone/src/favicon.ico",
+          "apps/angular/31-module-to-standalone/src/assets"
         ],
-        "styles": ["apps/angular/module-to-standalone/src/styles.scss"],
+        "styles": ["apps/angular/31-module-to-standalone/src/styles.scss"],
         "scripts": []
       },
       "configurations": {

apps/angular/32-change-detection-bug/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve angular-bug-cd
+npx nx serve angular-change-detection-bug
 ```
 
 ### Documentation and Instruction

apps/angular/32-change-detection-bug/jest.config.ts

@@ -1,9 +1,9 @@
 /* eslint-disable */
 export default {
-  displayName: 'angular-bug-cd',
+  displayName: 'angular-change-detection-bug',
   preset: '../../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../../coverage/apps/angular/bug-cd',
+  coverageDirectory: '../../../coverage/apps/angular/32-change-detection-bug',
   transform: {
     '^.+\\.(ts|mjs|js|html)$': [
       'jest-preset-angular',

apps/angular/32-change-detection-bug/project.json

@@ -1,25 +1,25 @@
 {
-  "name": "angular-bug-cd",
+  "name": "angular-change-detection-bug",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/angular/bug-cd/src",
+  "sourceRoot": "apps/angular/32-change-detection-bug/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/angular/bug-cd",
-        "index": "apps/angular/bug-cd/src/index.html",
-        "main": "apps/angular/bug-cd/src/main.ts",
+        "outputPath": "dist/apps/angular/32-change-detection-bug",
+        "index": "apps/angular/32-change-detection-bug/src/index.html",
+        "main": "apps/angular/32-change-detection-bug/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/angular/bug-cd/tsconfig.app.json",
+        "tsConfig": "apps/angular/32-change-detection-bug/tsconfig.app.json",
         "assets": [
-          "apps/angular/bug-cd/src/favicon.ico",
-          "apps/angular/bug-cd/src/assets"
+          "apps/angular/32-change-detection-bug/src/favicon.ico",
+          "apps/angular/32-change-detection-bug/src/assets"
         ],
-        "styles": ["apps/angular/bug-cd/src/styles.scss"],
+        "styles": ["apps/angular/32-change-detection-bug/src/styles.scss"],
         "scripts": []
       },
       "configurations": {
@@ -53,10 +53,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "angular-bug-cd:build:production"
+          "buildTarget": "angular-change-detection-bug:build:production"
         },
         "development": {
-          "buildTarget": "angular-bug-cd:build:development"
+          "buildTarget": "angular-change-detection-bug:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -64,7 +64,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "angular-bug-cd:build"
+        "buildTarget": "angular-change-detection-bug:build"
       }
     },
     "lint": {
@@ -74,7 +74,7 @@
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "jestConfig": "apps/angular/bug-cd/jest.config.ts"
+        "jestConfig": "apps/angular/32-change-detection-bug/jest.config.ts"
       }
     }
   }