feat(UVE): Integrate Universal Visual Editor (UVE) package

- Added @dotcms/uve as a dependency in package.json and package-lock.json.
- Updated README.md with instructions for enabling UVE and initializing it in app.js.
- Refactored app.js to use createUVESubscription for real-time updates on content changes.

Author: fmontes

examples/dotcms-laravel/README.md

@@ -488,13 +488,42 @@ This command starts Laravel's built-in development server on port 8000, providin
 
 2. Visit `http://localhost:8000` in your browser. The application will fetch and render pages from your DotCMS instance.
 
+## Enable Universal Visual Editor (UVE)
+
+To enable the Universal Visual Editor (UVE) for in-context editing:
+
+1. Install the UVE package:
+
+```bash
+npm install @dotcms/uve
+```
+
+2. Update your `resources/js/app.js` to initialize UVE:
+
+```javascript
+import {createUVESubscription} from '@dotcms/uve';
+
+import './bootstrap';
+
+try {
+    createUVESubscription('changes', (changes) => {
+        window.location.reload();
+    });
+} catch (error) {
+    console.warn('dotUVE is not available, you might experience issues with the the Universal Visual Editor', error);
+}
+```
+
+This setup enables real-time updates when content is edited through the Universal Visual Editor.
+
 ## How It Works
 
 1. When a user visits a URL, the catch-all route directs the request to `AppController::index()`.
 2. The controller uses the `DotCMSClient` to fetch the page from DotCMS.
 3. The page data is passed to the Blade templates for rendering.
 4. DotCMS-specific helper functions assist with rendering containers and content.
 5. Content-type specific templates render each content type appropriately.
+6. The `createUVESubscription` is to subscribe to the pages changes that the user performs inside the UVE.
 
 ```mermaid
 sequenceDiagram

examples/dotcms-laravel/package-lock.json

@@ -12,5 +12,8 @@
         "laravel-vite-plugin": "^1.2.0",
         "tailwindcss": "^4.0.0",
         "vite": "^6.0.11"
+    },
+    "dependencies": {
+        "@dotcms/uve": "^0.0.1-beta.29"
     }
 }

examples/dotcms-laravel/package.json

@@ -1,10 +1,11 @@
+import {createUVESubscription} from '@dotcms/uve';
+
 import './bootstrap';
 
-// dotUVE is a global variable that is set by the dotCMS UVE JavaScript API
-if (window.dotUVE) {
-    window.dotUVE.createSubscription('changes', (changes) => {
+try {
+    createUVESubscription('changes', (changes) => {
         window.location.reload();
-    })
-} else {
-    console.warn('dotUVE is not available, you might experience issues with the the Universal Visual Editor');
+    });
+} catch (error) {
+    console.warn('dotUVE is not available, you might experience issues with the the Universal Visual Editor', error);
 }