Feature/upgrade to nx 16.0 (#1943)

* Upgrade to Nx 16.0 * Update changelog
2 years ago · 32c1e6b390
20 changed files with 5230 additions and 8637 deletions
--- a/.eslintrc.json
+++ b/.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": {}
    },
    {
@ -113,5 +113,6 @@
        "radix": "error"
      }
    }
-  ]
+  ],
+  "extends": [null, "plugin:storybook/recommended"]
 }
--- a/.storybook/main.js
+++ b/.storybook/main.js
@ -1,4 +1,11 @@
 module.exports = {
+  docs: {
+    autodocs: true
+  },
+  framework: {
+    name: '@storybook/angular',
+    options: {}
+  }
  // uncomment the property below if you want to apply some webpack config globally
  // webpackFinal: async (config, { configType }) => {
  //   // Make whatever fine-grained changes you need that should apply to all storybook configs
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improved the management of platforms in the admin control panel
 - Improved the style of the interstitial for the subscription
 - Improved the language localization for German (`de`)
+- Upgraded `Nx` from version `15.9.2` to `16.0.3`

 ## 1.266.0 - 2023-05-06

--- a/apps/api/project.json
+++ b/apps/api/project.json
@ -33,7 +33,7 @@
      "outputs": ["{options.outputPath}"]
    },
    "serve": {
-      "executor": "@nrwl/node:node",
+      "executor": "@nx/node:node",
      "options": {
        "buildTarget": "api:build"
      }
@ -45,7 +45,7 @@
      }
    },
    "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
      "options": {
        "jestConfig": "apps/api/jest.config.ts",
        "passWithNoTests": true
--- a/apps/client-e2e/project.json
+++ b/apps/client-e2e/project.json
@ -5,7 +5,7 @@
  "projectType": "application",
  "targets": {
    "e2e": {
-      "executor": "@nrwl/cypress:cypress",
+      "executor": "@nx/cypress:cypress",
      "options": {
        "cypressConfig": "apps/client-e2e/cypress.json",
        "tsConfig": "apps/client-e2e/tsconfig.e2e.json",
--- a/apps/client-e2e/src/plugins/index.js
+++ b/apps/client-e2e/src/plugins/index.js
@ -11,7 +11,7 @@
 // This function is called when a project is opened or re-opened (e.g. due to
 // the project's config changing)

-const { preprocessTypescript } = require('@nrwl/cypress/plugins/preprocessor');
+const { preprocessTypescript } = require('@nx/cypress/plugins/preprocessor');

 module.exports = (on, config) => {
  // `on` is used to hook into various events Cypress emits
--- a/apps/client/project.json
+++ b/apps/client/project.json
@ -195,7 +195,7 @@
      }
    },
    "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
      "options": {
        "jestConfig": "apps/client/jest.config.ts",
        "passWithNoTests": true
--- a/apps/ui-e2e/project.json
+++ b/apps/ui-e2e/project.json
@ -5,7 +5,7 @@
  "projectType": "application",
  "targets": {
    "e2e": {
-      "executor": "@nrwl/cypress:cypress",
+      "executor": "@nx/cypress:cypress",
      "options": {
        "cypressConfig": "apps/ui-e2e/cypress.json",
        "devServerTarget": "ui:storybook",
--- a/apps/ui-e2e/src/plugins/index.js
+++ b/apps/ui-e2e/src/plugins/index.js
@ -11,7 +11,7 @@
 // This function is called when a project is opened or re-opened (e.g. due to
 // the project's config changing)

-const { preprocessTypescript } = require('@nrwl/cypress/plugins/preprocessor');
+const { preprocessTypescript } = require('@nx/cypress/plugins/preprocessor');

 module.exports = (on, config) => {
  // `on` is used to hook into various events Cypress emits
--- a/decorate-angular-cli.js
+++ b/decorate-angular-cli.js
@ -27,9 +27,11 @@ const cp = require('child_process');
 const isWindows = os.platform() === 'win32';
 let output;
 try {
-  output = require('@nrwl/workspace').output;
+  output = require('@nx/workspace').output;
 } catch (e) {
-  console.warn('Angular CLI could not be decorated to enable computation caching. Please ensure @nrwl/workspace is installed.');
+  console.warn(
+    'Angular CLI could not be decorated to enable computation caching. Please ensure @nx/workspace is installed.'
+  );
  process.exit(0);
 }

@ -46,16 +48,20 @@ function symlinkNgCLItoNxCLI() {
       * This is the most reliable way to create symlink-like behavior on Windows.
       * Such that it works in all shells and works with npx.
       */
-      ['', '.cmd', '.ps1'].forEach(ext => {
-        if (fs.existsSync(nxPath + ext)) fs.writeFileSync(ngPath + ext, fs.readFileSync(nxPath + ext));
+      ['', '.cmd', '.ps1'].forEach((ext) => {
+        if (fs.existsSync(nxPath + ext))
+          fs.writeFileSync(ngPath + ext, fs.readFileSync(nxPath + ext));
      });
    } else {
      // If unix-based, symlink
      cp.execSync(`ln -sf ./nx ${ngPath}`);
    }
-  }
-  catch(e) {
-    output.error({ title: 'Unable to create a symlink from the Angular CLI to the Nx CLI:' + e.message });
+  } catch (e) {
+    output.error({
+      title:
+        'Unable to create a symlink from the Angular CLI to the Nx CLI:' +
+        e.message
+    });
    throw e;
  }
 }
@ -63,7 +69,11 @@ function symlinkNgCLItoNxCLI() {
 try {
  symlinkNgCLItoNxCLI();
  require('@nrwl/cli/lib/decorate-cli').decorateCli();
-  output.log({ title: 'Angular CLI has been decorated to enable computation caching.' });
-} catch(e) {
-  output.error({ title: 'Decoration of the Angular CLI did not complete successfully' });
+  output.log({
+    title: 'Angular CLI has been decorated to enable computation caching.'
+  });
+} catch (e) {
+  output.error({
+    title: 'Decoration of the Angular CLI did not complete successfully'
+  });
 }
--- a/jest.config.ts
+++ b/jest.config.ts
@ -1,3 +1,3 @@
-const { getJestProjects } = require('@nrwl/jest');
+const { getJestProjects } = require('@nx/jest');

 export default { projects: getJestProjects() };
--- a/jest.preset.js
+++ b/jest.preset.js
@ -1,3 +1,3 @@
-const nxPreset = require('@nrwl/jest/preset').default;
+const nxPreset = require('@nx/jest/preset').default;

 module.exports = { ...nxPreset };
--- a/libs/common/.babelrc
+++ b/libs/common/.babelrc
@ -1,3 +1,3 @@
 {
-  "presets": [["@nrwl/web/babel", { "useBuiltIns": "usage" }]]
+  "presets": []
 }
--- a/libs/common/project.json
+++ b/libs/common/project.json
@ -11,7 +11,7 @@
      }
    },
    "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
      "outputs": ["{workspaceRoot}/coverage/libs/common"],
      "options": {
        "jestConfig": "libs/common/jest.config.ts",
--- a/libs/ui/.eslintrc.json
+++ b/libs/ui/.eslintrc.json
@ -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": {}
    }
  ]
--- a/libs/ui/project.json
+++ b/libs/ui/project.json
@ -11,7 +11,7 @@
  "prefix": "gf",
  "targets": {
    "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
      "outputs": ["{workspaceRoot}/coverage/libs/ui"],
      "options": {
        "jestConfig": "libs/ui/jest.config.ts",
--- a/nx.json
+++ b/nx.json
@ -5,7 +5,7 @@
  "npmScope": "ghostfolio",
  "tasksRunnerOptions": {
    "default": {
-      "runner": "@nrwl/nx-cloud",
+      "runner": "nx-cloud",
      "options": {
        "accessToken": "Mjg0ZGQ2YjAtNGI4NS00NmYwLThhOWEtMWZmNmQzODM4YzU4fHJlYWQ=",
        "cacheableOperations": [
@ -21,17 +21,17 @@
  },
  "defaultProject": "api",
  "generators": {
-    "@nrwl/angular:application": {
+    "@nx/angular:application": {
      "linter": "eslint",
      "unitTestRunner": "jest",
      "e2eTestRunner": "cypress"
    },
-    "@nrwl/angular:library": {
+    "@nx/angular:library": {
      "linter": "eslint",
      "unitTestRunner": "jest"
    },
-    "@nrwl/nest": {},
-    "@nrwl/angular:component": {}
+    "@nx/angular:component": {},
+    "@nx/nest": {}
  },
  "$schema": "./node_modules/nx/schemas/nx-schema.json",
  "targetDefaults": {
--- a/package.json
+++ b/package.json
@ -79,7 +79,6 @@
    "@nestjs/platform-express": "9.1.4",
    "@nestjs/schedule": "2.1.0",
    "@nestjs/serve-static": "3.0.0",
-    "@nrwl/angular": "15.9.2",
    "@prisma/client": "4.13.0",
    "@simplewebauthn/browser": "5.2.1",
    "@simplewebauthn/server": "5.2.1",
@ -144,22 +143,19 @@
    "@angular/pwa": "15.2.5",
    "@nestjs/schematics": "9.1.0",
    "@nestjs/testing": "9.4.0",
-    "@nrwl/cli": "15.9.2",
-    "@nrwl/cypress": "15.9.2",
-    "@nrwl/eslint-plugin-nx": "15.9.2",
-    "@nrwl/jest": "15.9.2",
-    "@nrwl/nest": "15.9.2",
-    "@nrwl/node": "15.9.2",
-    "@nrwl/nx-cloud": "15.3.5",
-    "@nrwl/storybook": "15.9.2",
-    "@nrwl/workspace": "15.9.2",
+    "@nx/angular": "16.0.3",
+    "@nx/cypress": "16.0.3",
+    "@nx/eslint-plugin": "16.0.3",
+    "@nx/jest": "16.0.3",
+    "@nx/nest": "16.0.3",
+    "@nx/node": "16.0.3",
+    "@nx/storybook": "16.1.1",
+    "@nx/workspace": "16.0.3",
    "@schematics/angular": "15.2.5",
    "@simplewebauthn/typescript-types": "5.2.1",
-    "@storybook/addon-essentials": "6.5.16",
-    "@storybook/angular": "6.5.16",
-    "@storybook/builder-webpack5": "6.5.16",
-    "@storybook/core-server": "6.5.16",
-    "@storybook/manager-webpack5": "6.5.16",
+    "@storybook/addon-essentials": "7.0.9",
+    "@storybook/angular": "7.0.9",
+    "@storybook/core-server": "7.0.9",
    "@types/big.js": "6.1.6",
    "@types/body-parser": "1.19.2",
    "@types/cache-manager": "3.4.2",
@ -179,17 +175,20 @@
    "eslint-config-prettier": "8.6.0",
    "eslint-plugin-cypress": "2.12.1",
    "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-storybook": "0.6.12",
    "import-sort-cli": "6.0.0",
    "import-sort-parser-typescript": "6.0.0",
    "import-sort-style-module": "6.0.0",
    "jest": "29.4.3",
    "jest-environment-jsdom": "29.4.3",
    "jest-preset-angular": "13.0.0",
-    "nx": "15.9.2",
+    "nx": "16.0.3",
+    "nx-cloud": "16.0.5",
    "prettier": "2.8.4",
    "prettier-plugin-organize-attributes": "0.0.5",
    "replace-in-file": "6.3.5",
-    "ts-jest": "29.0.5",
+    "storybook": "7.0.9",
+    "ts-jest": "29.1.0",
    "ts-node": "10.9.1",
    "tslib": "2.0.0",
    "typescript": "4.9.5"
--- a/tools/generators/.gitkeep
+++ b/tools/generators/.gitkeep
--- a/yarn.lock
+++ b/yarn.lock