@jay-framework/compiler-jay-html 0.15.2 → 0.15.3

package/dist/index.js

@@ -20554,9 +20554,25 @@ ${context.indent.firstLine}    ${createBody})`,
       itemChildNodes.map((child) => renderHydrateNode(child, itemContext)),
       ",\n"
     );
-    const adoptBody = itemContent.rendered.trim() ? `() => [
+    const itemRenderCtx = buildRenderContext(itemContext);
+    const itemAttrs = renderDynamicAttributes(element, itemRenderCtx);
+    const itemHasDynamicAttrs = itemAttrs.imports.has(Import.dynamicAttribute) || itemAttrs.imports.has(Import.dynamicProperty) || itemAttrs.imports.has(Import.booleanAttribute);
+    const itemRefFragment = renderElementRef$1(element, itemRenderCtx);
+    const needsItemAdoption = itemHasDynamicAttrs || !!itemRefFragment.rendered.trim();
+    let adoptBody;
+    if (needsItemAdoption) {
+      const refSuffix = itemRefFragment.rendered ? `, ${itemRefFragment.rendered}` : "";
+      const childrenArr = itemContent.rendered.trim() ? `[
+${itemContent.rendered},
+${indent.firstLine}        ]` : "[]";
+      adoptBody = `() => [
+${indent.firstLine}        adoptElement("", ${itemAttrs.rendered}, ${childrenArr}${refSuffix}),
+${indent.firstLine}    ]`;
+    } else {
+      adoptBody = itemContent.rendered.trim() ? `() => [
 ${itemContent.rendered},
 ${indent.firstLine}    ]` : "() => []";
+    }
     const createRenderContext = {
       ...renderContext,
       variables: forEachVariables,
@@ -20585,21 +20601,27 @@ ${indent.firstLine}    ]` : "() => []";
     );
     const forEachElementFunc = forEachNeedsDynamic ? "de" : "e";
     const forEachElementImport = forEachNeedsDynamic ? Import.dynamicElement : Import.element;
+    const createItemRef = renderElementRef$1(element, createRenderContext);
+    const createRefSuffix = createItemRef.rendered ? `, ${createItemRef.rendered}` : "";
     const createBody = `(${forEachVariables.currentVar}: ${forEachVariables.currentType.name}) => {
-${indent.firstLine}    return ${forEachElementFunc}('${element.rawTagName}', ${createAttributes.rendered}, [${createChildren.rendered}]);
+${indent.firstLine}    return ${forEachElementFunc}('${element.rawTagName}', ${createAttributes.rendered}, [${createChildren.rendered}]${createRefSuffix});
 ${indent.firstLine}    }`;
+    let allImports = Imports.for(Import.hydrateForEach).plus(forEachElementImport).plus(forEachFragment.imports).plus(itemContent.imports).plus(createChildren.imports).plus(createAttributes.imports).plus(itemAttrs.imports).plus(itemRefFragment.imports).plus(createItemRef.imports);
+    if (needsItemAdoption) {
+      allImports = allImports.plus(Import.adoptElement);
+    }
     const hydrateForEachFragment = new RenderFragment(
       `${indent.firstLine}hydrateForEach(${forEachFragment.rendered}, '${trackBy}',
 ${indent.firstLine}    ${adoptBody},
 ${indent.firstLine}    ${createBody},
 ${indent.firstLine})`,
-      Imports.for(Import.hydrateForEach).plus(forEachElementImport).plus(forEachFragment.imports).plus(itemContent.imports).plus(createChildren.imports).plus(createAttributes.imports),
+      allImports,
       [
         ...forEachFragment.validations,
         ...itemContent.validations,
         ...createChildren.validations
       ],
-      itemContent.refs
+      mergeRefsTrees(itemContent.refs, itemRefFragment.refs)
     );
     return nestRefs(forEachAccessor.terms, hydrateForEachFragment);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/compiler-jay-html",
-  "version": "0.15.2",
+  "version": "0.15.3",
   "description": "",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -34,12 +34,12 @@
   },
   "author": "",
   "dependencies": {
-    "@jay-framework/compiler-analyze-exported-types": "^0.15.2",
-    "@jay-framework/compiler-shared": "^0.15.2",
-    "@jay-framework/component": "^0.15.2",
-    "@jay-framework/logger": "^0.15.2",
-    "@jay-framework/runtime": "^0.15.2",
-    "@jay-framework/secure": "^0.15.2",
+    "@jay-framework/compiler-analyze-exported-types": "^0.15.3",
+    "@jay-framework/compiler-shared": "^0.15.3",
+    "@jay-framework/component": "^0.15.3",
+    "@jay-framework/logger": "^0.15.3",
+    "@jay-framework/runtime": "^0.15.3",
+    "@jay-framework/secure": "^0.15.3",
     "@types/js-yaml": "^4.0.9",
     "change-case": "^4.1.2",
     "js-yaml": "^4.1.0",
@@ -51,8 +51,8 @@
   },
   "devDependencies": {
     "@caiogondim/strip-margin": "^1.0.0",
-    "@jay-framework/4-react": "^0.15.2",
-    "@jay-framework/dev-environment": "^0.15.2",
+    "@jay-framework/4-react": "^0.15.3",
+    "@jay-framework/dev-environment": "^0.15.3",
     "@testing-library/jest-dom": "^6.2.0",
     "@types/js-beautify": "^1",
     "@types/node": "^20.11.5",