refactor: migration to Angular 17

* chore: [nx migration] 15.0.0-migrate-to-inputs

* chore: [nx migration] 15.0.0-prefix-outputs

* chore: [nx migration] exclude-jest-config-from-ts-config

* chore: [nx migration] update-configs-jest-28

* chore: [nx migration] add-jest-inputs

* chore: [nx migration] add-eslint-inputs

* chore: [nx migration] update-angular-cli-version-14-1-0

* chore: [nx migration] update-rxjs-7-5-0

* chore: [nx migration] update-angular-cli-version-14-2-0

* chore: [nx migration] 15-7-0-split-configuration-into-project-json-files

* chore: [nx migration] 16.0.0-remove-nrwl-cli

* chore: [nx migration] 16.0.0-update-nx-cloud-runner

* chore: [nx migration] update-16-0-0-add-nx-packages

* chore: [nx migration] 16-0-0-move-workspace-generators-into-local-plugin

* chore: [nx migration] add-eslint-ignore

* chore: [nx migration] update-16-0-0-add-nx-packages

* chore: [nx migration] update-16-0-0-add-nx-packages

* chore: [nx migration] update-16-0-0-add-nx-packages

* chore: [nx migration] update-configs-jest-29

* chore: [nx migration] update-16-0-0-add-nx-packages

* chore: [nx migration] install-required-packages

* chore: [nx migration] update-angular-cli-version-15-0-0

* chore: [nx migration] remove-browserlist-config

* chore: [nx migration] update-typescript-target

* chore: [nx migration] update-workspace-config

* chore: [nx migration] update-platform-server-exports

* chore: [nx migration] update-angular-cli-version-15-1-0

* chore: [nx migration] update-angular-cli-version-15-2-0

* chore: [nx migration] update-16-0-0-add-nx-packages

* chore: [nx migration] migration-v15

* docs: adds compatibility matrix

* build: set node version to 18

* chore: [nx migration] 17.0.0-move-cache-directory

* chore: [nx migration] 17.0.0-use-minimal-config-for-tasks-runner-options

* chore: [nx migration] rm-default-collection-npm-scope

* chore: [nx migration] add-test-setup-to-inputs-ignore

* chore: [nx migration] move-options-to-target-defaults

* chore: [nx migration] remove-ngcc-invocation

* chore: [nx migration] update-server-executor-config

* chore: [nx migration] update-angular-cli-version-16-0-0

* chore: [nx migration] update-angular-cli-version-16-1-0

* chore: [nx migration] explicitly-set-projects-to-update-buildable-deps

* chore: [nx migration] update-angular-cli-version-16-2-0

* chore: [nx migration] update-angular-cli-version-17-0-0

* chore: [nx migration] rename-browser-target-to-build-target

* chore: [nx migration] replace-nguniversal-builders

* chore: [nx migration] replace-nguniversal-engines

* chore: [nx migration] update-17-0-0-rename-to-eslint

* chore: [nx migration] simplify-eslint-patterns

* chore: [nx migration] block-template-entities

* chore: [nx migration] migration-v17

* feat: migrate to angular 17

Author: geometricpanda

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc.json

@@ -1,12 +1,12 @@
 {
   "root": true,
   "ignorePatterns": ["**/*"],
-  "plugins": ["@nrwl/nx"],
+  "plugins": ["@nx"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "@nrwl/nx/enforce-module-boundaries": [
+        "@nx/enforce-module-boundaries": [
           "error",
           {
             "enforceBuildableLibDependency": true,
@@ -23,12 +23,12 @@
     },
     {
       "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nrwl/nx/typescript"],
+      "extends": ["plugin:@nx/typescript"],
       "rules": {}
     },
     {
       "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nrwl/nx/javascript"],
+      "extends": ["plugin:@nx/javascript"],
       "rules": {}
     }
   ]

.github/workflows/docs.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '18'
 
       - uses: c-hive/gha-yarn-cache@v2
 

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '18'
           registry-url: 'https://registry.npmjs.org'
           scope: '@geometricpanda'
 

.gitignore

@@ -37,8 +37,14 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
-
 .angular
+.nx/cache
 
 # Local Netlify folder
 .netlify
+
+# Yarn
+.yarn/*
+!.yarn/releases
+!.yarn/plugins
+.pnp.*

.prettierignore

@@ -2,3 +2,5 @@
 
 /dist
 /coverage
+
+/.nx/cache

.yarn/releases/yarn-4.0.2.cjs

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.0.2.cjs

.yarnrc.yml

@@ -5,7 +5,7 @@
     {
       "files": ["*.ts"],
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
@@ -29,7 +29,7 @@
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:@nx/angular-template"],
       "rules": {}
     }
   ]

angular.json

@@ -3,15 +3,16 @@ export default {
   displayName: 'tilt-angular-docs',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$',
-    },
-  },
+  globals: {},
   coverageDirectory: '../../coverage/apps/tilt-angular-docs',
   transform: {
-    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
   },
   transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
   snapshotSerializers: [

apps/tilt-angular-docs/.browserslistrc

@@ -1,62 +1,71 @@
 {
+  "name": "tilt-angular-docs",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "apps/tilt-angular-docs/src",
   "prefix": "app",
+  "sourceRoot": "apps/tilt-angular-docs/src",
+  "tags": [],
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
+      "executor": "@angular-devkit/build-angular:application",
       "outputs": [
         "{options.outputPath}"
       ],
       "options": {
-        "outputPath": "dist/apps/tilt-angular-docs/browser",
+        "allowedCommonJsDependencies": [
+          "@fortawesome/free-brands-svg-icons/faNpm",
+          "@fortawesome/free-solid-svg-icons/faGamepad",
+          "@fortawesome/free-solid-svg-icons/faHouseChimney",
+          "@fortawesome/free-solid-svg-icons/faBook",
+          "@fortawesome/free-solid-svg-icons/faImage",
+          "@fortawesome/free-brands-svg-icons/faGithubAlt",
+          "@fortawesome/free-brands-svg-icons/faCcMastercard",
+          "@fortawesome/free-solid-svg-icons/faTimes"
+        ],
+        "outputPath": "dist/apps/tilt-angular-docs",
         "index": "apps/tilt-angular-docs/src/index.html",
-        "main": "apps/tilt-angular-docs/src/main.ts",
-        "polyfills": "apps/tilt-angular-docs/src/polyfills.ts",
+        "browser": "apps/tilt-angular-docs/src/main.ts",
+        "polyfills": [
+          "zone.js"
+        ],
         "tsConfig": "apps/tilt-angular-docs/tsconfig.app.json",
         "assets": [
           "apps/tilt-angular-docs/src/favicon.ico",
           "apps/tilt-angular-docs/src/assets",
-          {
-            "glob": "_redirects",
-            "input": "apps/tilt-angular-docs",
-            "output": "/"
-          }
+          "apps/tilt-angular-docs/src/_redirects"
         ],
         "styles": [
           "apps/tilt-angular-docs/src/styles.css"
         ],
-        "scripts": []
+        "scripts": [],
+        "server": "apps/tilt-angular-docs/src/main.server.ts",
+        "prerender": {
+          "routesFile": "apps/tilt-angular-docs/routes.txt"
+        },
+        "ssr": {
+          "entry": "apps/tilt-angular-docs/server.ts"
+        }
       },
       "configurations": {
         "production": {
           "budgets": [
             {
               "type": "initial",
-              "maximumWarning": "500kb",
+              "maximumWarning": "510kb",
               "maximumError": "1mb"
             },
             {
               "type": "anyComponentStyle",
-              "maximumWarning": "2kb",
+              "maximumWarning": "3kb",
               "maximumError": "4kb"
             }
           ],
-          "fileReplacements": [
-            {
-              "replace": "apps/tilt-angular-docs/src/environments/environment.ts",
-              "with": "apps/tilt-angular-docs/src/environments/environment.prod.ts"
-            }
-          ],
           "outputHashing": "all"
         },
         "development": {
-          "buildOptimizer": false,
           "optimization": false,
-          "vendorChunk": true,
           "extractLicenses": false,
-          "sourceMap": true,
-          "namedChunks": true
+          "sourceMap": true
         }
       },
       "defaultConfiguration": "production"
@@ -65,95 +74,34 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "browserTarget": "tilt-angular-docs:build:production"
+          "buildTarget": "tilt-angular-docs:build:production"
         },
         "development": {
-          "browserTarget": "tilt-angular-docs:build:development"
+          "buildTarget": "tilt-angular-docs:build:development"
         }
       },
       "defaultConfiguration": "development"
     },
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "browserTarget": "tilt-angular-docs:build"
+        "buildTarget": "tilt-angular-docs:build"
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
-      "options": {
-        "lintFilePatterns": [
-          "apps/tilt-angular-docs/**/*.ts",
-          "apps/tilt-angular-docs/**/*.html"
-        ]
-      }
+      "executor": "@nx/eslint:lint",
+      "outputs": [
+        "{options.outputFile}"
+      ]
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": [
-        "coverage/apps/tilt-angular-docs"
+        "{workspaceRoot}/coverage/{projectRoot}"
       ],
       "options": {
-        "jestConfig": "apps/tilt-angular-docs/jest.config.ts",
-        "passWithNoTests": true
+        "jestConfig": "apps/tilt-angular-docs/jest.config.ts"
       }
-    },
-    "server": {
-      "executor": "@angular-devkit/build-angular:server",
-      "options": {
-        "outputPath": "dist/apps/tilt-angular-docs/server",
-        "main": "apps/tilt-angular-docs/src/ssr.server.ts",
-        "tsConfig": "apps/tilt-angular-docs/tsconfig.server.json"
-      },
-      "configurations": {
-        "production": {
-          "outputHashing": "media",
-          "fileReplacements": [
-            {
-              "replace": "apps/tilt-angular-docs/src/environments/environment.ts",
-              "with": "apps/tilt-angular-docs/src/environments/environment.prod.ts"
-            }
-          ]
-        },
-        "development": {
-          "optimization": false,
-          "sourceMap": true,
-          "extractLicenses": false
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "serve-ssr": {
-      "executor": "@nguniversal/builders:ssr-dev-server",
-      "configurations": {
-        "development": {
-          "browserTarget": "tilt-angular-docs:build:development",
-          "serverTarget": "tilt-angular-docs:server:development"
-        },
-        "production": {
-          "browserTarget": "tilt-angular-docs:build:production",
-          "serverTarget": "tilt-angular-docs:server:production"
-        }
-      },
-      "defaultConfiguration": "development"
-    },
-    "prerender": {
-      "executor": "@nguniversal/builders:prerender",
-      "options": {
-        "routesFile": "apps/tilt-angular-docs/routes.txt"
-      },
-      "configurations": {
-        "development": {
-          "browserTarget": "tilt-angular-docs:build:development",
-          "serverTarget": "tilt-angular-docs:server:development"
-        },
-        "production": {
-          "browserTarget": "tilt-angular-docs:build:production",
-          "serverTarget": "tilt-angular-docs:server:production"
-        }
-      },
-      "defaultConfiguration": "development"
     }
-  },
-  "tags": []
+  }
 }