auth

angular.json

@@ -149,18 +149,6 @@
       "sourceRoot": "libs/table/src",
       "prefix": "cnfs",
       "architect": {
-        // "build": {
-        //   "builder": "@nrwl/angular:package",
-        //   "options": {
-        //     "tsConfig": "libs/table/tsconfig.lib.json",
-        //     "project": "libs/table/ng-package.json"
-        //   },
-        //   "configurations": {
-        //     "production": {
-        //       "tsConfig": "libs/table/tsconfig.lib.prod.json"
-        //     }
-        //   }
-        // },
         "lint": {
           "builder": "@nrwl/linter:eslint",
           "options": {
@@ -213,18 +201,6 @@
       "sourceRoot": "libs/common/src",
       "prefix": "cnfs",
       "architect": {
-        // "build": {
-        //   "builder": "@nrwl/angular:package",
-        //   "options": {
-        //     "tsConfig": "libs/common/tsconfig.lib.json",
-        //     "project": "libs/common/ng-package.json"
-        //   },
-        //   "configurations": {
-        //     "production": {
-        //       "tsConfig": "libs/common/tsconfig.lib.prod.json"
-        //     }
-        //   }
-        // },
         "lint": {
           "builder": "@nrwl/linter:eslint",
           "options": {
@@ -251,18 +227,6 @@
       "sourceRoot": "libs/cognito/src",
       "prefix": "cnfs",
       "architect": {
-        // "build": {
-        //   "builder": "@nrwl/angular:package",
-        //   "options": {
-        //     "tsConfig": "libs/cognito/tsconfig.lib.json",
-        //     "project": "libs/cognito/ng-package.json"
-        //   },
-        //   "configurations": {
-        //     "production": {
-        //       "tsConfig": "libs/cognito/tsconfig.lib.prod.json"
-        //     }
-        //   }
-        // },
         "lint": {
           "builder": "@nrwl/linter:eslint",
           "options": {
@@ -282,6 +246,32 @@
           "style": "scss"
         }
       }
+    },
+    "auth": {
+      "projectType": "library",
+      "root": "libs/auth",
+      "sourceRoot": "libs/auth/src",
+      "prefix": "cnfs",
+      "architect": {
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": ["libs/auth/src/**/*.ts"]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "libs/auth/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      },
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      }
     }
   },
   "cli": {

jest.config.js

@@ -6,5 +6,6 @@ module.exports = {
     '<rootDir>/libs/iam',
     '<rootDir>/libs/common',
     '<rootDir>/libs/cognito',
+    '<rootDir>/libs/auth',
   ],
 };

libs/auth/.eslintrc.json

@@ -0,0 +1 @@
+{ "extends": "../../.eslintrc.json", "ignorePatterns": ["!**/*"], "rules": {} }

libs/auth/README.md

@@ -0,0 +1,31 @@
+# auth
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test auth` to execute the unit tests.
+
+## Usage
+
+### **authorization** directive
+
+Add the directive `*authorization` on any component. It takes an action string as an input. If current user has access to this action, component will be displayed, otherwise it will not be added to the dom.
+
+```html
+<button *authorization="'iam:user:create'">New User</button>
+```
+
+### **authorization** service
+
+Use the service to know programatically if the current user has access to an action or not.
+
+```ts
+service.hasAccess('iam:user:create').subscribe((res) => {
+  if (res) {
+    //user has access
+  } else {
+    //user does not have access
+  }
+});
+```

libs/auth/jest.config.js

@@ -0,0 +1,23 @@
+module.exports = {
+  displayName: 'auth',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsConfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+      astTransformers: {
+        before: [
+          'jest-preset-angular/build/InlineFilesTransformer',
+          'jest-preset-angular/build/StripStylesTransformer',
+        ],
+      },
+    },
+  },
+  coverageDirectory: '../../coverage/libs/auth',
+  snapshotSerializers: [
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
+  ],
+};

libs/auth/src/index.ts

@@ -0,0 +1,2 @@
+export * from './lib/auth.module';
+export * from './lib/authorization.service';

libs/auth/src/lib/auth.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AuthorizationDirective } from './authorization.directive';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [AuthorizationDirective],
+  exports: [AuthorizationDirective],
+})
+export class AuthModule {}

libs/auth/src/lib/authorization.directive.ts

@@ -0,0 +1,29 @@
+import { Directive, TemplateRef, ViewContainerRef, Input } from '@angular/core';
+import { AuthorizationService } from './authorization.service';
+
+@Directive({
+  selector: '[authorization]',
+})
+export class AuthorizationDirective {
+  private hasView: boolean;
+
+  public constructor(
+    private templateRef: TemplateRef<unknown>,
+    private viewContainer: ViewContainerRef,
+    private authorizationService: AuthorizationService
+  ) {}
+
+  @Input() public set authorization(resource: string) {
+    this.authorizationService
+      .hasAccess(resource)
+      .subscribe((condition: boolean) => {
+        if (condition && !this.hasView) {
+          this.viewContainer.createEmbeddedView(this.templateRef);
+          this.hasView = true;
+        } else if (!condition && this.hasView) {
+          this.viewContainer.clear();
+          this.hasView = false;
+        }
+      });
+  }
+}

libs/auth/src/lib/authorization.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AuthorizationService } from './authorization.service';
+
+describe('AuthorizationService', () => {
+  let service: AuthorizationService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AuthorizationService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

libs/auth/src/lib/authorization.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { of, Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AuthorizationService {
+  public hasAccess(resource: string): Observable<boolean> {
+    //** @todo do a call to backend and cache result */
+    return of(true);
+  }
+}

libs/auth/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular';

libs/auth/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

libs/auth/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}

libs/auth/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

nx.json

@@ -47,6 +47,9 @@
     },
     "cognito": {
       "tags": []
+    },
+    "auth": {
+      "tags": []
     }
   }
 }

tsconfig.base.json

@@ -21,7 +21,8 @@
       "@cnfs/angular-table": ["libs/table/src/index.ts"],
       "@cnfs/iam": ["libs/iam/src/index.ts"],
       "@cnfs/common": ["libs/common/src/index.ts"],
-      "@cnfs/cognito": ["libs/cognito/src/index.ts"]
+      "@cnfs/cognito": ["libs/cognito/src/index.ts"],
+      "@cnfs/auth": ["libs/auth/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]