[LiveComponent] Show component name and id in processRender error

Author: kachnitel

src/LiveComponent/assets/dist/live_controller.js

@@ -2104,7 +2104,9 @@ class Component {
             }
         }
         catch (error) {
-            console.error('There was a problem with the component HTML returned:');
+            console.error(`There was a problem with the '${this.name}' component HTML returned:`, {
+                id: this.id
+            });
             throw error;
         }
         this.externalMutationTracker.handlePendingChanges();

src/LiveComponent/assets/src/Component/index.ts

@@ -363,8 +363,9 @@ export default class Component {
                 throw new Error('A live component template must contain a single root controller element.');
             }
         } catch (error) {
-            console.error('There was a problem with the component HTML returned:');
-
+            console.error(`There was a problem with the '${this.name}' component HTML returned:`, {
+                id: this.id
+            });
             throw error;
         }
 

src/LiveComponent/assets/src/dom_utils.ts

@@ -238,18 +238,8 @@ export function htmlToElement(html: string): HTMLElement {
     template.innerHTML = html;
 
     if (template.content.childElementCount > 1) {
-        let identifier = '';
-        const firstChild = template.content.firstElementChild;
-        if (firstChild instanceof HTMLElement) {
-            identifier = ' Id: ' + firstChild.id;
-
-            if (firstChild.dataset.liveNameValue) {
-                identifier += ' Component: ' + firstChild.dataset.liveNameValue;
-            }
-        }
-
         throw new Error(
-            `Component${identifier} HTML contains ${template.content.childElementCount} elements, but only 1 root element is allowed.`
+            `Component HTML contains ${template.content.childElementCount} elements, but only 1 root element is allowed.`
         );
     }