@jay-framework/compiler-jay-html 0.19.8 → 0.21.0

package/dist/index.d.cts

@@ -29,6 +29,7 @@ interface ContractProp {
     name: string;
     dataType: JayType;
     required?: boolean;
+    phase?: RenderingPhase;
     description?: Array<string>;
     default?: string;
 }

package/dist/index.js

@@ -19715,10 +19715,22 @@ function parseProp(prop) {
     return new WithValidations(void 0, validations);
   }
   const description = parseDescription(prop.description);
+  let phase = "slow";
+  if (prop.phase) {
+    const validPhases = ["slow", "fast", "fast+interactive"];
+    if (!validPhases.includes(prop.phase)) {
+      validations.push(
+        `Prop [${prop.name}] has invalid phase [${prop.phase}]. Valid phases are: ${validPhases.join(", ")}`
+      );
+    } else {
+      phase = prop.phase;
+    }
+  }
   const contractProp = {
     name: prop.name,
     dataType,
     ...prop.required && { required: prop.required },
+    phase,
     ...description && { description },
     ...prop.default !== void 0 && { default: prop.default }
   };
@@ -20681,14 +20693,24 @@ function renderHydrate(types2, body, importStatements, elementType, preRenderTyp
   if (!rootElement.val) {
     return new RenderFragment("", Imports.none(), rootElement.validations);
   }
-  let renderedHydrate = renderHydrateElementContent(
-    rootElement.val,
-    context,
-    buildRenderContext(context),
-    null,
-    true
-    // forceAdopt — root element always needs adoption
+  const rootComponentMatch = getComponentName(
+    rootElement.val.rawTagName,
+    context.importedSymbols,
+    context.headlessContractNames
   );
+  let renderedHydrate;
+  if (rootComponentMatch !== null && rootComponentMatch.kind === "headless-instance") {
+    renderedHydrate = renderHydrateElement(rootElement.val, context);
+  } else {
+    renderedHydrate = renderHydrateElementContent(
+      rootElement.val,
+      context,
+      buildRenderContext(context),
+      null,
+      true
+      // forceAdopt — root element always needs adoption
+    );
+  }
   renderedHydrate = optimizeRefs(renderedHydrate, headlessImports);
   const { renderedRefsManager, refsManagerImport } = renderReferenceManager(
     renderedHydrate.refs,

package/package.json

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