dotCMS
diff --git a/‎examples/angular/README.md
Lines changed: 20 additions & 5 deletions b/‎examples/angular/README.md
Lines changed: 20 additions & 5 deletions
diff --git a/‎examples/angular/angular.json
Lines changed: 40 additions & 26 deletions b/‎examples/angular/angular.json
Lines changed: 40 additions & 26 deletions
diff --git a/‎examples/angular/package.json
Lines changed: 44 additions & 44 deletions b/‎examples/angular/package.json
Lines changed: 44 additions & 44 deletions
diff --git a/‎examples/angular/proxy.conf.json
Lines changed: 8 additions & 8 deletions b/‎examples/angular/proxy.conf.json
Lines changed: 8 additions & 8 deletions
diff --git a/‎examples/angular/src/app/app.component.ts
Lines changed: 3 additions & 4 deletions b/‎examples/angular/src/app/app.component.ts
Lines changed: 3 additions & 4 deletions
@@ -33,6 +33,7 @@ Before you begin, ensure you have the following:
 You can get the code in two ways:
 
 1. Direct download:
+
    ```
    https://github.com/dotCMS/core/tree/main/examples/angular
    ```
@@ -60,8 +61,8 @@ To configure the Angular app to use your dotCMS instance:
    ```typescript
    export const environment = {
      production: false,
-     authToken: 'YOUR_AUTH_TOKEN_HERE',
-     dotcmsUrl: 'https://demo.dotcms.com',
+     authToken: "YOUR_AUTH_TOKEN_HERE",
+     dotcmsUrl: "https://demo.dotcms.com",
    };
    ```
 
@@ -96,7 +97,7 @@ Note: When accessing `localhost:4200/about`, ensure that the `/about` page exist
         │   └── services
         └── shared/
             └── contentlets-wrapper/
-                └── contentlet/  
+                └── contentlet/
 ```
 
 - `content-types/`: Components for rendering specific dotCMS content types
@@ -108,6 +109,7 @@ Note: When accessing `localhost:4200/about`, ensure that the `/about` page exist
 ## Key Features
 
 ### How dotCMS Routes Pages
+
 dotCMS allows a single page to be accessed via multiple URL paths (e.g., / and /index for the same "Home" page). This flexibility means your Angular application needs to handle these variations.
 
 To ensure all paths to the same content are properly managed and to prevent 404/500 errors, we recommend using a catch-all route strategy in Angular.
@@ -158,7 +160,8 @@ If you encounter issues while setting up or running the dotCMS Angular example,
 
 This often occurs when the environment variables are not set correctly.
 
-**Solution:** 
+**Solution:**
+
 - Double-check that you've updated the `authToken` in `src/environments/environment.development.ts` with a valid token.
 - Ensure the token has the necessary permissions (at least read access) for the content you're trying to fetch.
 - Verify that the token hasn't expired. If it has, generate a new one in the dotCMS UI.
@@ -170,6 +173,7 @@ This often occurs when the environment variables are not set correctly.
 If you're having trouble connecting to the dotCMS instance:
 
 **Solution:**
+
 - Verify that the `dotcmsUrl` in `src/environments/environment.development.ts` is correct.
 - Check if you can access the dotCMS instance directly through a web browser.
 - If using `https://demo.dotcms.com`, remember it restarts every 24 hours. You might need to wait or try again later.
@@ -182,6 +186,7 @@ If you're having trouble connecting to the dotCMS instance:
 If you're getting 404 errors for pages that should exist:
 
 **Solution:**
+
 - Ensure the page exists in your dotCMS instance. For example, if you're trying to access `/about`, make sure an "about" page exists in dotCMS.
 - Check if the content types used in the example match those in your dotCMS instance.
 - Verify that the content has been published and is not in draft status.
@@ -193,18 +198,23 @@ If you're getting 404 errors for pages that should exist:
 If you're experiencing unexpected behavior or errors related to dependencies:
 
 **Solution:** Perform a clean reinstall of all dependencies by running:
+
 ```bash
 rm -rf node_modules && rm package-lock.json && npm install
 ```
+
 This command will:
+
 1. Remove the `node_modules` directory
 2. Delete the `package-lock.json` file
 3. Perform a fresh install of all dependencies
 
 After this, restart your development server:
+
 ```bash
 ng serve
 ```
+
 </details>
 
 <details>
@@ -213,17 +223,21 @@ ng serve
 If you're experiencing build errors or changes aren't reflected in the running application:
 
 **Solution:** Clear the Angular build cache and rebuild the project:
+
 ```bash
 ng cache clean
 ng build --configuration=development
 ng serve
 ```
+
 This sequence of commands will:
+
 1. Clear the Angular build cache
 2. Rebuild the project with development configuration
 3. Start the development server
 
 This is recommended when:
+
 - You've made significant changes to your project configuration
 - You're experiencing unexplainable build errors
 - Your changes aren't reflected in the running application despite saving and restarting the dev server
@@ -236,6 +250,7 @@ This is recommended when:
 If the Universal Visual Editor is not functioning as expected:
 
 **Solution:**
+
 - Ensure you've correctly configured the UVE in your dotCMS instance as described in the [Universal Visual Editor](#universal-visual-editor) section.
 - Verify that your Angular application is running on `http://localhost:4200` (or update the UVE configuration if using a different port).
 - Check that you're accessing the dotCMS edit mode from the correct URL.
@@ -250,4 +265,4 @@ If you continue to experience issues after trying these solutions, please check
 - [dotCMS Documentation](https://dotcms.com/docs/)
 - [dotCMS REST API Authentication](https://auth.dotcms.com/docs/latest/rest-api-authentication)
 
-For more assistance with Angular, use `ng help` or visit the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+For more assistance with Angular, use `ng help` or visit the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
@@ -11,22 +11,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/angular",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ]
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"]
           },
           "configurations": {
             "production": {
@@ -59,9 +52,9 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
-              "proxyConfig": "./proxy.conf.json"
+            "proxyConfig": "./proxy.conf.json"
           },
           "configurations": {
             "production": {
@@ -74,30 +67,51 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "angular:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": []
           }
         }
       }
     }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
+  },
+  "cli": {
+    "analytics": "0edec4ee-1cae-4e3b-9f4f-8961fece817a"
   }
 }
@@ -1,46 +1,46 @@
 {
-    "name": "angular",
-    "version": "0.0.0",
-    "scripts": {
-        "ng": "ng",
-        "start": "ng serve",
-        "build": "ng build",
-        "watch": "ng build --watch --configuration development",
-        "test": "ng test"
-    },
-    "private": true,
-    "dependencies": {
-        "@angular/animations": "^17.1.0",
-        "@angular/common": "^17.1.0",
-        "@angular/compiler": "^17.1.0",
-        "@angular/core": "^17.1.0",
-        "@angular/forms": "^17.1.0",
-        "@angular/platform-browser": "^17.1.0",
-        "@angular/platform-browser-dynamic": "^17.1.0",
-        "@angular/router": "^17.1.0",
-        "@dotcms/angular": "latest",
-        "@dotcms/client": "latest",
-        "@dotcms/types": "latest",
-        "@dotcms/uve": "latest",
-        "rxjs": "~7.8.0",
-        "tslib": "^2.3.0",
-        "zone.js": "~0.14.2"
-    },
-    "devDependencies": {
-        "@angular-devkit/build-angular": "^17.0.7",
-        "@angular/cli": "^17.0.7",
-        "@angular/compiler-cli": "^17.1.0",
-        "@tailwindcss/typography": "^0.5.16",
-        "@types/jasmine": "~5.1.0",
-        "autoprefixer": "^10.4.19",
-        "jasmine-core": "~5.1.0",
-        "karma": "~6.4.0",
-        "karma-chrome-launcher": "~3.2.0",
-        "karma-coverage": "~2.2.0",
-        "karma-jasmine": "~5.1.0",
-        "karma-jasmine-html-reporter": "~2.1.0",
-        "postcss": "^8.4.38",
-        "tailwindcss": "^3.4.3",
-        "typescript": "~5.2.2"
-    }
+  "name": "angular",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^20.2.2",
+    "@angular/common": "^20.2.2",
+    "@angular/compiler": "^20.2.2",
+    "@angular/core": "^20.2.2",
+    "@angular/forms": "^20.2.2",
+    "@angular/platform-browser": "^20.2.2",
+    "@angular/platform-browser-dynamic": "^20.2.2",
+    "@angular/router": "^20.2.2",
+    "@dotcms/angular": "latest",
+    "@dotcms/client": "latest",
+    "@dotcms/types": "latest",
+    "@dotcms/uve": "latest",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.1"
+  },
+  "devDependencies": {
+    "@angular/build": "^20.2.1",
+    "@angular/cli": "^20.2.1",
+    "@angular/compiler-cli": "^20.2.2",
+    "@tailwindcss/typography": "^0.5.16",
+    "@types/jasmine": "~5.1.0",
+    "autoprefixer": "^10.4.19",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "~5.9.2"
+  }
 }
@@ -1,10 +1,10 @@
 {
-    "/api": {
-        "target": "http://localhost:8080",
-        "secure": false
-    },
-    "/dA": {
-        "target": "http://localhost:8080",
-        "secure": false
-    }
+  "/api": {
+    "target": "http://localhost:8080",
+    "secure": false
+  },
+  "/dA": {
+    "target": "http://localhost:8080",
+    "secure": false
+  }
 }
@@ -2,9 +2,8 @@ import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
-    selector: 'app-root',
-    standalone: true,
-    imports: [RouterOutlet],
-    template: '<router-outlet />'
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  template: '<router-outlet />',
 })
 export class AppComponent {}