Merge pull request #9837 from abpframework/feat/9783

Angular UI: Migrated the ng-packs project into an Nx workspace

.github/workflows/angular.yml

@@ -12,9 +12,11 @@ on:
       - 'dev'
 jobs:
   build-test-lint:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
 
       - uses: actions/cache@v2
         with:
@@ -31,25 +33,13 @@ jobs:
         working-directory: npm/ng-packs
 
       - name: Run lint
-        run: yarn ng lint
+        run: yarn affected:lint --base=remotes/origin/${{ github.base_ref }}
         working-directory: npm/ng-packs
 
-      - name: Run prepare workspace
-        run: yarn prepare:workspace
+      - name: Run build
+        run: yarn affected:build --base=remotes/origin/${{ github.base_ref }}
         working-directory: npm/ng-packs
 
       - name: Run test
-        run: yarn ci:test
-        working-directory: npm/ng-packs
-
-      - name: Build dev-app
-        run: yarn build --prod
+        run: yarn affected:test --base=remotes/origin/${{ github.base_ref }}
         working-directory: npm/ng-packs
-
-      - name: Install packages of app template
-        run: yarn install
-        working-directory: templates/app/angular
-
-      - name: Build app template
-        run: yarn build --prod
-        working-directory: templates/app/angular

npm/ng-packs/.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see https://editorconfig.org
+# Editor configuration, see http://editorconfig.org
 root = true
 
 [*]

npm/ng-packs/.eslintignore

@@ -0,0 +1 @@
+*.d.ts

npm/ng-packs/.eslintrc.json

@@ -0,0 +1,38 @@
+{
+  "root": true,
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@nrwl/nx"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@nrwl/nx/enforce-module-boundaries": [
+          "error",
+          {
+            "enforceBuildableLibDependency": true,
+            "allow": [],
+            "depConstraints": [
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
+            ]
+          }
+        ]
+      }
+    },  
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nrwl/nx/typescript"],
+      "rules": {
+        "@typescript-eslint/no-namespace": "off",
+        "@typescript-eslint/no-empty-function": ["warn"]
+      }
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nrwl/nx/javascript"],
+      "rules": {}
+    }
+  ]
+}

npm/ng-packs/.prettierignore

@@ -0,0 +1,4 @@
+# Add files here to ignore them from prettier formatting
+
+/dist
+/coverage

npm/ng-packs/.vscode/extensions.json

@@ -1,7 +1,10 @@
 {
   "recommendations": [
     "angular.ng-template",
+    "nrwl.angular-console",
     "esbenp.prettier-vscode",
+    "firsttris.vscode-jest-runner",
+    "dbaeumer.vscode-eslint",
     "ms-vscode.vscode-typescript-tslint-plugin",
     "visualstudioexptteam.vscodeintellicode",
     "christian-kohler.path-intellisense",

npm/ng-packs/CONTRIBUTING.md

@@ -8,16 +8,11 @@ Run `yarn` to install all dependencies, then run `yarn prepare:workspace` to pr
 
 Run `yarn start` to start the `dev-app`. Navigate to http://localhost:4200/.
 
-## Package
-
-[Symlink Manager](https://github.com/mehmet-erim/symlink-manager) is used to manage symbolic link processes. Run `yarn symlink copy` to select the packages to develop.
 
 ## Application
 
 The `dev-app` project is the same as the Angular UI template project. `dev-app` is used to see changes instantly.
 
-If you will only develop the `dev-app`, you don't need to run `symlink-manager`.
-
 > Reminder! If you have developed the `dev-app` template, you should do the same for the application and module templates.
 
 For more information, see the [docs.abp.io](https://docs.abp.io)

npm/ng-packs/README.md

@@ -8,20 +8,15 @@
 
 ## Getting started
 
-Run `yarn` to install all dependencies, then run `yarn prepare:workspace` to prepare the ABP packages (might take 2 minutes).
+Run `yarn` to install all dependencies.
 
 Run `yarn start` to start the `dev-app`. Navigate to http://localhost:4200/.
 
 ## Development
 
-### Package
-[Symlink Manager](https://github.com/mehmet-erim/symlink-manager) is used to manage symbolic link processes. Run `yarn symlink copy` to select the packages to develop.
-
 ### Application
 The `dev-app` project is the same as the Angular UI template project. `dev-app` is used to see changes instantly.
 
-If you will only develop the `dev-app`, you don't need to run `symlink-manager`.
-
 > Reminder! If you have developed the `dev-app` template, you should do the same for the application and module templates.
 
 For more information, see the [docs.abp.io](https://docs.abp.io)