@servlyadmin/runtime-core 0.1.12 → 0.1.14

package/dist/index.cjs

@@ -19774,6 +19774,9 @@ function getValueByPath2(obj, path) {
   return current;
 }
 function renderElement(element, tree, context, eventHandlers, elementStates, state, isRootElement = false) {
+  if (element.isComponentView) {
+    console.log("[Servly] Element has isComponentView=true:", element.i, "componentId:", element.componentId);
+  }
   if (element.isComponentView) {
     return renderComponentViewElement(element, tree, context, eventHandlers, elementStates, state, isRootElement);
   }
@@ -19835,6 +19838,13 @@ function renderIconElement(element, context, eventHandlers, elementStates, state
   return wrapper;
 }
 function renderComponentViewElement(element, tree, context, eventHandlers, elementStates, state, isRootElement) {
+  console.log("[Servly] renderComponentViewElement called:", {
+    elementId: element.i,
+    componentId: element.componentId,
+    isComponentView: element.isComponentView,
+    hasViews: !!state.views,
+    viewsKeys: state.views ? Array.from(state.views.keys()).slice(0, 5) : []
+  });
   const componentViewId = `${element.componentId}-${element.i}`;
   if (globalRenderingStack.has(componentViewId)) {
     const placeholder = document.createElement("div");
@@ -19846,11 +19856,13 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
   if (state.views?.has(element.componentId)) {
     const view = state.views.get(element.componentId);
     viewLayout = view?.layout;
+    console.log("[Servly] Found view in views map:", element.componentId, "layout length:", viewLayout?.length);
   }
   if (!viewLayout && state.componentRegistry) {
     const component = state.componentRegistry.get(element.componentId);
     if (component) {
       viewLayout = component.layout;
+      console.log("[Servly] Found view in registry:", element.componentId);
     }
   }
   if (!viewLayout && state.views === void 0 && state.viewsArray) {
@@ -19861,7 +19873,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
     }
   }
   if (!viewLayout) {
-    console.warn(`[Servly] Component not found: ${element.componentId}. Available in views: ${state.views ? Array.from(state.views.keys()).join(", ") : "none"}. Registry has: ${state.componentRegistry?.has(element.componentId) ? "yes" : "no"}`);
+    console.warn(`[Servly] Component not found: ${element.componentId}. Element ID: ${element.i}. Available in views: ${state.views ? Array.from(state.views.keys()).join(", ") : "none"}. Registry has: ${state.componentRegistry?.has(element.componentId) ? "yes" : "no"}`);
     const placeholder = document.createElement("div");
     placeholder.className = "border-2 border-yellow-500 border-dashed p-4 bg-yellow-50";
     placeholder.innerHTML = `<p class="text-yellow-600 text-sm">Component not found: ${element.componentId}</p>`;
@@ -19881,6 +19893,11 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
     wrapper.className = "contents";
     const viewTree = buildTree(viewLayout);
     const viewRoots = viewLayout.filter((el) => !el.parent || el.parent === null);
+    console.log("[Servly] viewRoots found:", {
+      count: viewRoots.length,
+      rootIds: viewRoots.map((r) => r.i),
+      allElementIds: viewLayout.map((el) => ({ id: el.i, parent: el.parent }))
+    });
     const nestedState = {
       ...state,
       elements: viewLayout,
@@ -19891,6 +19908,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
     };
     nestedState.renderingStack.add(componentViewId);
     for (const root of viewRoots) {
+      console.log("[Servly] Rendering root element:", root.i, "componentId:", root.componentId, "type:", root.type);
       const rootElement = renderElement(
         root,
         viewTree,
@@ -19900,6 +19918,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
         nestedState,
         true
       );
+      console.log("[Servly] Root element rendered:", rootElement?.tagName, "innerHTML length:", rootElement?.innerHTML?.length);
       wrapper.appendChild(rootElement);
     }
     const elementState = {

package/dist/index.js

@@ -2978,6 +2978,9 @@ function getValueByPath2(obj, path) {
   return current;
 }
 function renderElement(element, tree, context, eventHandlers, elementStates, state, isRootElement = false) {
+  if (element.isComponentView) {
+    console.log("[Servly] Element has isComponentView=true:", element.i, "componentId:", element.componentId);
+  }
   if (element.isComponentView) {
     return renderComponentViewElement(element, tree, context, eventHandlers, elementStates, state, isRootElement);
   }
@@ -3039,6 +3042,13 @@ function renderIconElement(element, context, eventHandlers, elementStates, state
   return wrapper;
 }
 function renderComponentViewElement(element, tree, context, eventHandlers, elementStates, state, isRootElement) {
+  console.log("[Servly] renderComponentViewElement called:", {
+    elementId: element.i,
+    componentId: element.componentId,
+    isComponentView: element.isComponentView,
+    hasViews: !!state.views,
+    viewsKeys: state.views ? Array.from(state.views.keys()).slice(0, 5) : []
+  });
   const componentViewId = `${element.componentId}-${element.i}`;
   if (globalRenderingStack.has(componentViewId)) {
     const placeholder = document.createElement("div");
@@ -3050,11 +3060,13 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
   if (state.views?.has(element.componentId)) {
     const view = state.views.get(element.componentId);
     viewLayout = view?.layout;
+    console.log("[Servly] Found view in views map:", element.componentId, "layout length:", viewLayout?.length);
   }
   if (!viewLayout && state.componentRegistry) {
     const component = state.componentRegistry.get(element.componentId);
     if (component) {
       viewLayout = component.layout;
+      console.log("[Servly] Found view in registry:", element.componentId);
     }
   }
   if (!viewLayout && state.views === void 0 && state.viewsArray) {
@@ -3065,7 +3077,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
     }
   }
   if (!viewLayout) {
-    console.warn(`[Servly] Component not found: ${element.componentId}. Available in views: ${state.views ? Array.from(state.views.keys()).join(", ") : "none"}. Registry has: ${state.componentRegistry?.has(element.componentId) ? "yes" : "no"}`);
+    console.warn(`[Servly] Component not found: ${element.componentId}. Element ID: ${element.i}. Available in views: ${state.views ? Array.from(state.views.keys()).join(", ") : "none"}. Registry has: ${state.componentRegistry?.has(element.componentId) ? "yes" : "no"}`);
     const placeholder = document.createElement("div");
     placeholder.className = "border-2 border-yellow-500 border-dashed p-4 bg-yellow-50";
     placeholder.innerHTML = `<p class="text-yellow-600 text-sm">Component not found: ${element.componentId}</p>`;
@@ -3085,6 +3097,11 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
     wrapper.className = "contents";
     const viewTree = buildTree(viewLayout);
     const viewRoots = viewLayout.filter((el) => !el.parent || el.parent === null);
+    console.log("[Servly] viewRoots found:", {
+      count: viewRoots.length,
+      rootIds: viewRoots.map((r) => r.i),
+      allElementIds: viewLayout.map((el) => ({ id: el.i, parent: el.parent }))
+    });
     const nestedState = {
       ...state,
       elements: viewLayout,
@@ -3095,6 +3112,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
     };
     nestedState.renderingStack.add(componentViewId);
     for (const root of viewRoots) {
+      console.log("[Servly] Rendering root element:", root.i, "componentId:", root.componentId, "type:", root.type);
       const rootElement = renderElement(
         root,
         viewTree,
@@ -3104,6 +3122,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
         nestedState,
         true
       );
+      console.log("[Servly] Root element rendered:", rootElement?.tagName, "innerHTML length:", rootElement?.innerHTML?.length);
       wrapper.appendChild(rootElement);
     }
     const elementState = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servlyadmin/runtime-core",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
   "main": "./dist/index.cjs",