@dotcms/angular 0.0.1-beta.40 → 0.0.1-beta.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -3
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@ The `@dotcms/angular` SDK is the DotCMS official Angular library. It empowers An
|
|
|
11
11
|
- [Installation](#installation)
|
|
12
12
|
- [dotCMS Client Configuration](#dotcms-client-configuration)
|
|
13
13
|
- [Proxy Configuration for Static Assets](#proxy-configuration-for-static-assets)
|
|
14
|
-
- [Using dotCMS Images with Angular
|
|
14
|
+
- [Using dotCMS Images with Angular's `NgOptimizedImage` Directive (Recommended)](#using-dotcms-images-with-angulars-ngoptimizedimage-directive-recommended)
|
|
15
15
|
- [Quickstart: Render a Page with dotCMS](#quickstart-render-a-page-with-dotcms)
|
|
16
16
|
- [Example Project](#example-project-)
|
|
17
17
|
- [SDK Reference](#sdk-reference)
|
|
@@ -77,9 +77,13 @@ For detailed instructions, please refer to the [dotCMS API Documentation - Read-
|
|
|
77
77
|
### Installation
|
|
78
78
|
|
|
79
79
|
```bash
|
|
80
|
-
npm install @dotcms/angular@next
|
|
80
|
+
npm install @dotcms/angular@next
|
|
81
81
|
```
|
|
82
82
|
|
|
83
|
+
This will automatically install the required dependencies:
|
|
84
|
+
- `@dotcms/uve`: Enables interaction with the [Universal Visual Editor](https://dev.dotcms.com/docs/uve-headless-config) for real-time content editing
|
|
85
|
+
- `@dotcms/client`: Provides the core client functionality for fetching and managing dotCMS data
|
|
86
|
+
|
|
83
87
|
## Configuration
|
|
84
88
|
|
|
85
89
|
The recommended way to configure the DotCMS client in your Angular application is to use the `provideDotCMSClient` function in your `app.config.ts`:
|
|
@@ -182,7 +186,7 @@ class MyDotCMSImageComponent {
|
|
|
182
186
|
}
|
|
183
187
|
```
|
|
184
188
|
|
|
185
|
-
### Using dotCMS Images with Angular
|
|
189
|
+
### Using dotCMS Images with Angular's `NgOptimizedImage` Directive (Recommended)
|
|
186
190
|
|
|
187
191
|
To optimize images served from dotCMS in your Angular app, we recommend using the built-in `NgOptimizedImage` directive. This integration supports automatic image preloading, lazy loading, and improved performance.
|
|
188
192
|
|
package/package.json
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dotcms/angular",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.42",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
+
"rxjs": ">=7.0.0",
|
|
5
6
|
"@angular/common": ">=17.0.0",
|
|
6
7
|
"@angular/core": ">=17.0.0",
|
|
7
|
-
"@angular/router": ">=17.0.0"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"@
|
|
11
|
-
"
|
|
8
|
+
"@angular/router": ">=17.0.0"
|
|
9
|
+
},
|
|
10
|
+
"dependencies": {
|
|
11
|
+
"@dotcms/uve": "next",
|
|
12
|
+
"@dotcms/client": "next",
|
|
13
|
+
"@tinymce/tinymce-angular": "8.0.0",
|
|
14
|
+
"tslib": "^2.3.0"
|
|
12
15
|
},
|
|
13
16
|
"description": "Official Angular Components library to render a dotCMS page.",
|
|
14
17
|
"repository": {
|
|
@@ -49,8 +52,5 @@
|
|
|
49
52
|
"default": "./fesm2022/dotcms-angular-next.mjs"
|
|
50
53
|
}
|
|
51
54
|
},
|
|
52
|
-
"sideEffects": false
|
|
53
|
-
"dependencies": {
|
|
54
|
-
"tslib": "^2.3.0"
|
|
55
|
-
}
|
|
55
|
+
"sideEffects": false
|
|
56
56
|
}
|