feat: Keycloak Angular v19 release

- Update to Angular v19 - NgModules are deprecated, to use the functional approach instead. - New functionalities such as provideKeycloak, directives, interceptors, signal, guards.md, keycloak angular features. - Refactored and added new examples.
mauriciovigolo · Dec 19, 2024 · d6a8722 · d6a8722
1 parent 9a002d5
commit d6a8722
Show file tree

Hide file tree

Showing 102 changed files with 10,941 additions and 6,860 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -8,10 +8,7 @@
         "project": ["tsconfig.json", "e2e/tsconfig.json"],
         "createDefaultProgram": true
       },
-      "extends": [
-        "plugin:@angular-eslint/recommended",
-        "plugin:@angular-eslint/template/process-inline-templates"
-      ],
+      "extends": ["plugin:@angular-eslint/recommended", "plugin:@angular-eslint/template/process-inline-templates"],
       "rules": {
         "@angular-eslint/component-selector": [
           "error",

diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,5 @@
 {
-  "printWidth": 80,
+  "printWidth": 120,
   "singleQuote": true,
   "bracketSpacing": true,
   "semi": true,

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -35,24 +35,22 @@ git clone https://github.com/YOUR-USERNAME/keycloak-angular.git
 npm install
 ```
 
-- Now, lets code! :smile:
-
 ## <a name="sug"></a> Submission guidelines
 
 ### For issues
 
-Before submiting an issue, please search if there is an open issue for the same bug. A minimal reproduce scenario is necessary to help to understand the problem.
+Before submitting an issue, please search if there is an open issue for the same bug. A minimal reproduce scenario is necessary to help to understand the problem.
 
 For opening an issue, you can fill out this [issue form](https://github.com/mauriciovigolo/keycloak-angular/issues/new).
 
 ### Submitting a Pull Request (PR)
 
-Before submiting a Pull Request, please:
+Before submitting a Pull Request, please:
 
 - Search for open and closed related PRs.
 - Follow the coding rules.
 - Follow the commit message guidelines.
-- Checkout the code documentation - jsdocs.
+- Checkout the code documentation - jsdoc.
 
 ## <a name="cru"></a> Coding rules
 
@@ -126,6 +124,6 @@ Breaking Changes should start with the word BREAKING CHANGE: with a space or two
 
 ## <a name="fmg"></a> Final message
 
-Thanks for your interest in this project. Hope to see your contribution!
+Thank you for your interest in this project. Hope to see your contribution!
 
 See you and happy coding!
diff --git a/README.md b/README.md
diff --git a/angular.json b/angular.json
@@ -7,7 +7,7 @@
       "root": "projects/keycloak-angular",
       "sourceRoot": "projects/keycloak-angular/src",
       "projectType": "library",
-      "prefix": "lib",
+      "prefix": "ka",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:ng-packagr",
@@ -25,46 +25,40 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/keycloak-angular/src/test.ts",
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "projects/keycloak-angular/tsconfig.spec.json",
             "karmaConfig": "projects/keycloak-angular/karma.conf.js"
           }
         },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "projects/keycloak-angular/**/*.ts",
-              "projects/keycloak-angular/**/*.html"
-            ]
+            "lintFilePatterns": ["projects/keycloak-angular/**/*.ts", "projects/keycloak-angular/**/*.html"]
           }
         }
       }
     },
-    "example": {
+    "example-ngmodule": {
       "projectType": "application",
       "schematics": {},
-      "root": "projects/example",
-      "sourceRoot": "projects/example/src",
+      "root": "projects/examples/ngmodule",
+      "sourceRoot": "projects/examples/ngmodule/src",
       "prefix": "app",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": {
-              "base": "dist/example"
+              "base": "dist/examples/ngmodule"
             },
-            "index": "projects/example/src/index.html",
+            "index": "projects/examples/ngmodule/src/index.html",
             "polyfills": ["zone.js"],
-            "tsConfig": "projects/example/tsconfig.app.json",
-            "assets": [
-              "projects/example/src/favicon.ico",
-              "projects/example/src/assets"
-            ],
+            "tsConfig": "projects/examples/ngmodule/tsconfig.app.json",
+            "assets": ["projects/examples/ngmodule/src/favicon.ico", "projects/examples/ngmodule/src/assets"],
             "allowedCommonJsDependencies": ["base64-js", "js-sha256"],
-            "styles": ["projects/example/src/styles.css"],
+            "styles": ["projects/examples/ngmodule/src/styles.css"],
             "scripts": [],
-            "browser": "projects/example/src/main.ts"
+            "browser": "projects/examples/ngmodule/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -95,46 +89,127 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "example:build:production"
+              "buildTarget": "example-ngmodule:build:production"
             },
             "development": {
-              "buildTarget": "example:build:development"
+              "buildTarget": "example-ngmodule:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "buildTarget": "example:build"
+            "buildTarget": "example-ngmodule:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": ["zone.js", "zone.js/testing"],
+            "tsConfig": "projects/examples/ngmodule/tsconfig.spec.json",
+            "assets": ["projects/examples/ngmodule/src/favicon.ico", "projects/examples/ngmodule/src/assets"],
+            "styles": ["projects/examples/ngmodule/src/styles.css"],
+            "scripts": []
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": ["projects/examples/ngmodule/**/*.ts", "projects/examples/ngmodule/**/*.html"]
           }
+        }
+      }
+    },
+    "example-standalone": {
+      "projectType": "application",
+      "schematics": {},
+      "root": "projects/examples/standalone",
+      "sourceRoot": "projects/examples/standalone/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/examples/standalone",
+            "index": "projects/examples/standalone/src/index.html",
+            "browser": "projects/examples/standalone/src/main.ts",
+            "polyfills": ["zone.js"],
+            "tsConfig": "projects/examples/standalone/tsconfig.app.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "projects/examples/standalone/public"
+              }
+            ],
+            "styles": ["projects/examples/standalone/src/styles.css"],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "example-standalone:build:production"
+            },
+            "development": {
+              "buildTarget": "example-standalone:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "polyfills": ["zone.js", "zone.js/testing"],
-            "tsConfig": "projects/example/tsconfig.spec.json",
+            "tsConfig": "projects/examples/standalone/tsconfig.spec.json",
             "assets": [
-              "projects/example/src/favicon.ico",
-              "projects/example/src/assets"
+              {
+                "glob": "**/*",
+                "input": "projects/examples/standalone/public"
+              }
             ],
-            "styles": ["projects/example/src/styles.css"],
+            "styles": ["projects/examples/standalone/src/styles.css"],
             "scripts": []
           }
         },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "projects/example/**/*.ts",
-              "projects/example/**/*.html"
-            ]
+            "lintFilePatterns": ["projects/examples/standalone/**/*.ts", "projects/examples/standalone/**/*.html"]
           }
         }
       }
     }
   },
   "cli": {
-    "schematicCollections": ["@angular-eslint/schematics"]
+    "schematicCollections": ["@angular-eslint/schematics"],
+    "analytics": false
   }
 }