[ACS-4534] nx workspace support for aca (#3143)

* ACS-4534 Added nx workspace support

* ACS-4534 Updated package-lock.json file

* ACS-4534 Configured cache directory and affected command

* ACS-4534 Updated README

* ACS-4534 Updated more README files

* ACS-4534 Fixed lint

* ACS-4534 Address comment for readme

* ACS-4534 Removed redundant build-libs script

* ACS-4534 Fixed start script

* ACS-4534 Updated some left documentation

* ACS-4534 Added more helper scripts, addressed PR comments

* ACS-4534 Updated package-lock.json after rebasing

* ACS-4534 Fix stylelint issue

projects/aca-content/README.md

@@ -4,21 +4,21 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
 
 ## Code scaffolding
 
-Run `ng generate component component-name --project aca-content` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project aca-content`.
+Run `nx generate component component-name --project aca-content` to generate a new component. You can also use `nx generate directive|pipe|service|class|guard|interface|enum|module --project aca-content`.
 > Note: Don't forget to add `--project aca-content` or else it will be added to the default project in your `angular.json` file. 
 
 ## Build
 
-Run `ng build aca-content` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `nx build aca-content` to build the project. The build artifacts will be stored in the `dist/` directory.
 
 ## Publishing
 
-After building your library with `ng build aca-content`, go to the dist folder `cd dist/aca-content` and run `npm publish`.
+After building your library with `nx build aca-content`, go to the dist folder `cd dist/aca-content` and run `npm publish`.
 
 ## Running unit tests
 
-Run `ng test aca-content` to execute the unit tests via [Karma](https://karma-runner.github.io).
+Run `nx test aca-content` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
 ## Further help
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+To get more help on the NX use `nx help` or go check out the [NX documentation](https://nx.dev/getting-started/intro) page.

projects/aca-content/project.json

@@ -0,0 +1,59 @@
+{
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "name": "aca-content",
+  "projectType": "library",
+  "sourceRoot": "projects/aca-content/src",
+  "prefix": "lib",
+  "targets": {
+    "build": {
+      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "options": {
+        "project": "projects/aca-content/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "projects/aca-content/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "projects/aca-content/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production",
+      "outputs": [
+        "{workspaceRoot}/dist/@alfresco/aca-content"
+      ]
+    },
+    "test": {
+      "executor": "@angular-devkit/build-angular:karma",
+      "options": {
+        "codeCoverage": true,
+        "main": "projects/aca-content/src/test.ts",
+        "tsConfig": "projects/aca-content/tsconfig.spec.json",
+        "karmaConfig": "projects/aca-content/karma.conf.js",
+        "styles": [
+          "projects/aca-content/src/lib/ui/application.scss"
+        ]
+      },
+      "configurations": {
+        "adfprod": {
+          "tsConfig": "projects/aca-content/tsconfig.spec.adf.json"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@angular-eslint/builder:lint",
+      "options": {
+        "lintFilePatterns": [
+          "projects/aca-content/**/*.ts",
+          "projects/aca-content/**/*.html"
+        ],
+        "cache": true,
+        "cacheLocation": ".eslintcache",
+        "ignorePath": ".eslintignore"
+      },
+      "outputs": [
+        "{options.outputFile}"
+      ]
+    }
+  }
+}

projects/aca-content/src/lib/ui/overrides/ay11.scss

@@ -1,5 +1,8 @@
 @mixin ay11-theme() {
-  .mat-icon-button, .mat-button, .mat-checkbox, .mat-raised-button {
+  .mat-icon-button,
+  .mat-button,
+  .mat-checkbox,
+  .mat-raised-button {
     &:focus-visible {
       @include rounded-outline;
     }
@@ -55,7 +58,8 @@
     }
   }
 
-  .adf-search-user-button, .app-search-button {
+  .adf-search-user-button,
+  .app-search-button {
     line-height: 36px !important;
 
     @include rounded-border(transparent);
@@ -135,14 +139,12 @@
     }
   }
 
-  .mat-stroked-button, .mat-flat-button {
+  .mat-stroked-button,
+  .mat-flat-button {
     &.cdk-keyboard-focused {
       .mat-button-ripple.mat-ripple {
         outline: 2px solid var(--theme-blue-button-color);
-        top: -4px;
-        left: -4px;
-        bottom: -4px;
-        right: -4px;
+        inset: -4px;
       }
     }
   }
@@ -179,7 +181,7 @@
       }
     }
 
-    &.cdk-keyboard-focused:not([aria-disabled="true"]) {
+    &.cdk-keyboard-focused:not([aria-disabled='true']) {
       background-color: white;
 
       @include rounded-border;
@@ -189,7 +191,8 @@
   .adf-error-snackbar {
     background-color: #ba1b1b;
 
-    .mat-simple-snackbar, .mat-simple-snackbar-action {
+    .mat-simple-snackbar,
+    .mat-simple-snackbar-action {
       color: white;
     }
   }
@@ -197,7 +200,8 @@
   .adf-info-snackbar {
     background-color: var(--theme-blue-button-color);
 
-    .mat-simple-snackbar, .mat-simple-snackbar-action {
+    .mat-simple-snackbar,
+    .mat-simple-snackbar-action {
       color: white;
     }
   }