chore: updates for angular 16

Author: SvetlanaMuravlova

.eslintignore

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

.eslintrc.json

@@ -4,37 +4,61 @@
     "**/*"
   ],
   "plugins": [
-    "@nrwl/nx"
+    "@nx"
   ],
   "overrides": [
     {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "files": [
+        "*.ts",
+        "*.tsx",
+        "*.js",
+        "*.jsx"
+      ],
       "rules": {
-        "@nrwl/nx/enforce-module-boundaries": [
+        "@nx/enforce-module-boundaries": [
           "error",
           {
             "enforceBuildableLibDependency": true,
             "allow": [],
             "depConstraints": [
-              { "sourceTag": "*", "onlyDependOnLibsWithTags": ["*"] }
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": [
+                  "*"
+                ]
+              }
             ]
           }
         ]
       }
     },
     {
-      "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nrwl/nx/typescript"],
-      "parserOptions": { "project": "./tsconfig.*?.json" },
+      "files": [
+        "*.ts",
+        "*.tsx"
+      ],
+      "extends": [
+        "plugin:@nx/typescript"
+      ],
+      "parserOptions": {
+        "project": "./tsconfig.*?.json"
+      },
       "rules": {
         "semi": "off",
-        "@typescript-eslint/semi": ["error"],
+        "@typescript-eslint/semi": [
+          "error"
+        ],
         "@typescript-eslint/ban-ts-comment": "off"
       }
     },
     {
-      "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nrwl/nx/javascript"],
+      "files": [
+        "*.js",
+        "*.jsx"
+      ],
+      "extends": [
+        "plugin:@nx/javascript"
+      ],
       "rules": {}
     }
   ]

angular.json

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

apps/demo/.eslintrc.json

@@ -27,7 +27,7 @@
       "dependsOn": [
         {
           "target": "build",
-          "projects": "dependencies"
+          "dependencies": true
         }
       ],
       "configurations": {
@@ -62,7 +62,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "options": {
         "lintFilePatterns": [
           "apps/demo/**/*.ts"

apps/demo/project.json

@@ -27,9 +27,9 @@ 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);
 }
 

decorate-angular-cli.js

@@ -1,3 +1,3 @@
-const { getJestProjects } = require('@nrwl/jest');
+const { getJestProjects } = require('@nx/jest');
 
 export default {"projects": getJestProjects()};

jest.config.ts

@@ -1,7 +1,17 @@
-const nxPreset = require('@nrwl/jest/preset').default;
+const nxPreset = require('@nx/jest/preset').default;
 module.exports = {
-  ...nxPreset,
-  ...{
+...nxPreset,
+...{
     coverageReporters: ['text-summary', 'json', 'lcov']
-  }
+  },
+/* TODO: Update to latest Jest snapshotFormat
+ * By default Nx has kept the older style of Jest Snapshot formats
+ * to prevent breaking of any existing tests with snapshots.
+ * It's recommend you update to the latest format.
+ * You can do this by removing snapshotFormat property
+ * and running tests with --update-snapshot flag.
+ * Example: "nx affected --targets=test --update-snapshot"
+ * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
+ */
+snapshotFormat: { escapeString: true, printBasicPrototype: true }
 }

jest.preset.js

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

libs/ng2-file-upload/.eslintrc.json

@@ -3,19 +3,17 @@ export default {
   displayName: 'ng2-file-upload',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/testing/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-
-    }
-  },
+  globals: {  },
   coverageDirectory: '../../coverage/libs/ng2-file-upload',
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',
     'jest-preset-angular/build/serializers/html-comment'
   ],
-  transform: { '^.+.(ts|mjs|js|html)$': 'jest-preset-angular' },
+  transform: { '^.+.(ts|mjs|js|html)$': ['jest-preset-angular', {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+
+    }] },
   transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
   moduleFileExtensions: ['mjs', 'ts', 'js', 'html']
 };