[LiveComponents] Hello Component JS Object

package.json

@@ -48,7 +48,12 @@
         ],
         "rules": {
             "@typescript-eslint/no-explicit-any": "off",
-            "@typescript-eslint/no-empty-function": "off"
+            "@typescript-eslint/no-empty-function": "off",
+            "@typescript-eslint/ban-ts-comment": "off",
+            "quotes": [
+                "error",
+                "single"
+            ]
         },
         "env": {
             "browser": true

src/Cropperjs/Resources/assets/test/controller.test.ts

@@ -52,7 +52,7 @@ describe('CropperjsController', () => {
                     data-cropperjs-public-url-value="https://symfony.com/logos/symfony_black_02.png"
                     data-cropperjs-options-value="${dataToJsonAttribute({
                         viewMode: 1,
-                        dragMode: "move"
+                        dragMode: 'move'
                     })}"
                 >
             </div>

src/LiveComponent/CHANGELOG.md

@@ -26,7 +26,25 @@
     <input data-model="firstName">
     ```
 
--   Added the ability to add `data-loading` behavior, which is only activated
+-   [BEHAVIOR CHANGE] The way that child components re-render when a parent re-renders
+    has changed, but shouldn't be drastically different. Child components will now
+    avoid re-rendering if no "input" to the component changed _and_ will maintain
+    any writable `LiveProp` values after the re-render. Also, the re-render happens
+    in a separate Ajax call after the parent has finished re-rendering.
+
+-   [BEHAVIOR CHANGE] If a model is updated, but the new value is equal to the old
+    one, a re-render will now be avoided.
+
+-   [BC BREAK] The `live:update-model` and `live:render` events are not longer
+    dispatched. You can now use the "hook" system directly on the `Component` object/
+
+-   [BC BREAK] The `LiveComponentHydrator::dehydrate()` method now returns a
+    `DehydratedComponent` object.
+
+-   Added a new JavaScript `Component` object, which is attached to the `__component`
+    property of all root component elements.
+
+-   the ability to add `data-loading` behavior, which is only activated
     when a specific **action** is triggered - e.g. `<span data-loading="action(save)|show">Loading</span>`.
 
 -   Added the ability to add `data-loading` behavior, which is only activated