feat(dotcms): Add UVE integration and edit controller for content management

Author: fmontes

examples/dotcms-symfony/assets/controllers/dotcms_edit_controller.js

@@ -0,0 +1,22 @@
+import { Controller } from '@hotwired/stimulus';
+import { getUVEState, editContentlet } from '@dotcms/uve';
+import { UVE_MODE } from "@dotcms/types";
+
+
+export default class extends Controller {
+    static values = {
+      contentlet: Object
+    }
+
+    connect() {
+        const isEditing = getUVEState()?.mode === UVE_MODE.EDIT;
+
+        if (!isEditing) {
+            this.element.style.display = 'none';
+        }
+    }
+
+    edit() {
+        editContentlet(this.contentletValue);
+    }
+}

examples/dotcms-symfony/package-lock.json

@@ -19,5 +19,9 @@
         "dev": "encore dev",
         "watch": "encore dev --watch",
         "build": "encore production --progress"
+    },
+    "dependencies": {
+        "@dotcms/types": "^1.0.0",
+        "@dotcms/uve": "^1.0.0"
     }
 }

examples/dotcms-symfony/package.json

@@ -21,7 +21,12 @@
                     <div style="max-width: 70ch; margin: 0 auto;">
 
                         <header>
-                            <button data-contentlet="{{ pageAsset.urlContentMap|json_encode }}">Edit</button>
+                            <button
+                                {{ stimulus_controller('dotcms-edit', { contentlet: pageAsset.urlContentMap|json_encode }) }}
+                                data-action="dotcms-edit#edit"
+                            >
+                                Edit
+                            </button>
                             <h1>{{ pageAsset.urlContentMap.title }}</h1>
                             {% if pageAsset.urlContentMap.publishDate is defined %}
                                 {% set publishDate = pageAsset.urlContentMap.publishDate // 1000 %}