feat: upgrade nx

Author: Chau Tran

.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": {}
         },
         {
@@ -43,5 +43,6 @@
             "parser": "jsonc-eslint-parser",
             "rules": {}
         }
-    ]
+    ],
+    "extends": [null, "plugin:storybook/recommended"]
 }

jest.config.ts

@@ -1,4 +1,4 @@
-import { getJestProjects } from '@nrwl/jest';
+import { getJestProjects } from '@nx/jest';
 
 export default {
     projects: getJestProjects(),

jest.preset.js

@@ -1,4 +1,4 @@
-const nxPreset = require('@nrwl/jest/preset').default;
+const nxPreset = require('@nx/jest/preset').default;
 
 module.exports = {
     ...nxPreset,

libs/angular-three-soba/.eslintrc.json

@@ -17,11 +17,11 @@
                 "@typescript-eslint/member-ordering": "off",
                 "@typescript-eslint/no-non-null-assertion": "off"
             },
-            "extends": ["plugin:@nrwl/nx/angular", "plugin:@angular-eslint/template/process-inline-templates"]
+            "extends": ["plugin:@nx/angular", "plugin:@angular-eslint/template/process-inline-templates"]
         },
         {
             "files": ["*.html"],
-            "extends": ["plugin:@nrwl/nx/angular-template"],
+            "extends": ["plugin:@nx/angular-template"],
             "rules": {}
         }
     ]

libs/angular-three-soba/.storybook/main.js

@@ -1,21 +1,29 @@
-const { resolve } = require('path');
-
+const {
+  resolve
+} = require('path');
 module.exports = {
-    core: { builder: 'webpack5' },
-    stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-    addons: ['@storybook/addon-essentials'],
-    webpackFinal: async (config, { configType }) => {
-        // apply any global webpack configs that might have been specified in .storybook/main.js
-
-        // add your own webpack tweaks if needed
-        config.module.rules.push({
-            test: /\.(glsl|vs|fs|vert|frag)$/,
-            exclude: /node_modules/,
-            use: ['raw-loader', 'glslify-loader'],
-            include: resolve(__dirname, '../'),
-        });
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-essentials'],
+  webpackFinal: async (config, {
+    configType
+  }) => {
+    // apply any global webpack configs that might have been specified in .storybook/main.js
 
-        return config;
-    },
-    staticDirs: ['./public'],
-};
+    // add your own webpack tweaks if needed
+    config.module.rules.push({
+      test: /\.(glsl|vs|fs|vert|frag)$/,
+      exclude: /node_modules/,
+      use: ['raw-loader', 'glslify-loader'],
+      include: resolve(__dirname, '../')
+    });
+    return config;
+  },
+  staticDirs: ['./public'],
+  framework: {
+    name: '@storybook/angular',
+    options: {}
+  },
+  docs: {
+    autodocs: true
+  }
+};

libs/angular-three-soba/.storybook/preview-body.html

@@ -1,12 +1,7 @@
 <style>
     html,
-    body {
-        width: 100%;
-        height: 100%;
-        background-color: #121212;
-    }
-
-    #root {
+    body,
+    #storybook-root {
         width: 100%;
         height: 100%;
         background-color: #121212;

libs/angular-three-soba/.storybook/public/soba/draco/draco_decoder.wasm

@@ -11,5 +11,5 @@
             "output": "assets"
         }
     ],
-    "allowedNonPeerDependencies": ["@nrwl/devkit"]
+    "allowedNonPeerDependencies": ["@nx/devkit"]
 }

libs/angular-three-soba/ng-package.json

@@ -34,8 +34,8 @@
         "troika-three-text": "^0.47.0"
     },
     "dependencies": {
-        "@nrwl/devkit": "^15.0.0",
-        "tslib": "^2.3.0"
+        "tslib": "^2.3.0",
+        "@nx/devkit": "^15.0.0"
     },
     "sideEffects": false,
     "generators": "./plugin/generators.json",

libs/angular-three-soba/package.json

@@ -6,7 +6,7 @@
     "prefix": "ngts",
     "targets": {
         "build": {
-            "executor": "@nrwl/angular:package",
+            "executor": "@nx/angular:package",
             "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
             "options": {
                 "project": "libs/angular-three-soba/ng-package.json"
@@ -29,7 +29,7 @@
             }
         },
         "test": {
-            "executor": "@nrwl/jest:jest",
+            "executor": "@nx/jest:jest",
             "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
             "options": {
                 "jestConfig": "libs/angular-three-soba/jest.config.ts",
@@ -43,7 +43,7 @@
             }
         },
         "lint": {
-            "executor": "@nrwl/linter:eslint",
+            "executor": "@nx/linter:eslint",
             "outputs": ["{options.outputFile}"],
             "options": {
                 "lintFilePatterns": [

libs/angular-three-soba/project.json

@@ -18,7 +18,7 @@
             "files": ["./package.json", "./generators.json", "./executors.json"],
             "parser": "jsonc-eslint-parser",
             "rules": {
-                "@nrwl/nx/nx-plugin-checks": "error"
+                "@nx/nx-plugin-checks": "error"
             }
         }
     ]

libs/plugin/.eslintrc.json

@@ -5,7 +5,7 @@
     "projectType": "library",
     "targets": {
         "build": {
-            "executor": "@nrwl/js:tsc",
+            "executor": "@nx/js:tsc",
             "outputs": ["{options.outputPath}"],
             "options": {
                 "outputPath": "dist/libs/angular-three-soba/plugin",
@@ -32,7 +32,7 @@
             }
         },
         "lint": {
-            "executor": "@nrwl/linter:eslint",
+            "executor": "@nx/linter:eslint",
             "outputs": ["{options.outputFile}"],
             "options": {
                 "lintFilePatterns": [
@@ -44,7 +44,7 @@
             }
         },
         "test": {
-            "executor": "@nrwl/jest:jest",
+            "executor": "@nx/jest:jest",
             "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
             "options": {
                 "jestConfig": "libs/plugin/jest.config.ts",

libs/plugin/project.json

@@ -1,4 +1,4 @@
-import { convertNxGenerator } from '@nrwl/devkit';
+import { convertNxGenerator } from '@nx/devkit';
 import init from './init';
 
 export default convertNxGenerator(init);

libs/plugin/src/generators/init/compat.ts

@@ -1,5 +1,5 @@
-import { readJson, Tree } from '@nrwl/devkit';
-import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
+import { readJson, Tree } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
 import init, { ANGULAR_THREE_SOBA_VERSION, THREE_STDLIB_VERSION } from './init';
 
 describe('init generator', () => {

libs/plugin/src/generators/init/init.spec.ts

@@ -1,4 +1,4 @@
-import { addDependenciesToPackageJson, installPackagesTask, logger, readJson, Tree } from '@nrwl/devkit';
+import { addDependenciesToPackageJson, installPackagesTask, logger, readJson, Tree } from '@nx/devkit';
 
 export const ANGULAR_THREE_SOBA_VERSION = '^1.0.0';
 export const THREE_STDLIB_VERSION = '^2.0.0';