@farm.js/react 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/vite.cjs

@@ -853,11 +853,11 @@ function analyzeKeyedRowsContainer(container, statesByValue, safeGlobals, listNa
   if (children.length !== 1) return void 0;
   return analyzeKeyedRowChild(children[0], statesByValue, safeGlobals, listNames);
 }
-function isStaticKeyedRangeSibling(element, statesByValue, safeGlobals) {
+function isStaticRangeSibling(element, statesByValue, safeGlobals) {
   for (const child of meaningfulJsxChildren(element)) {
     if (core.types.isJSXFragment(child)) return false;
     if (core.types.isJSXElement(child)) {
-      if (!isHostElement(child) || !isStaticKeyedRangeSibling(child, statesByValue, safeGlobals)) {
+      if (!isHostElement(child) || !isStaticRangeSibling(child, statesByValue, safeGlobals)) {
         return false;
       }
       continue;
@@ -898,7 +898,7 @@ function analyzeKeyedRangesContainer(container, statesByValue, safeGlobals, list
       continue;
     }
     if (!core.types.isJSXElement(child) || !isHostElement(child)) return void 0;
-    if (!isStaticKeyedRangeSibling(child, statesByValue, safeGlobals)) return void 0;
+    if (!isStaticRangeSibling(child, statesByValue, safeGlobals)) return void 0;
     staticBefore += 1;
   }
   if (ranges.length === 0) return void 0;
@@ -1050,6 +1050,60 @@ function analyzeHostConditionalContainer(container, statesByValue, safeGlobals)
     falsyBindings: falsyAnalysis.bindings || []
   };
 }
+function analyzeConditionalRangesContainer(container, statesByValue, safeGlobals, allowSingleRange = false) {
+  const containerName = container.openingElement.name;
+  if (!core.types.isJSXIdentifier(containerName) || !/^[a-z]/.test(containerName.name) || containerName.name === "svg" || container.openingElement.attributes.some(
+    (attribute) => core.types.isJSXSpreadAttribute(attribute) || core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name) && (attribute.name.name === "ref" || attribute.name.name === "dangerouslySetInnerHTML")
+  )) {
+    return void 0;
+  }
+  const children = meaningfulJsxChildren(container);
+  if (children.length < (allowSingleRange ? 1 : 2)) return void 0;
+  const ranges = [];
+  const dependencies = /* @__PURE__ */ new Set();
+  let staticBefore = 0;
+  for (const child of children) {
+    if (core.types.isJSXExpressionContainer(child) && !core.types.isJSXEmptyExpression(child.expression)) {
+      const shape = conditionalBlockShape(child.expression);
+      if (shape && !validateDerivedExpression(shape.test, safeGlobals)) {
+        const truthyAnalysis = shape.truthy ? analyzeHostConditionalTree(shape.truthy, safeGlobals) : { bindings: [] };
+        const falsyAnalysis = shape.falsy ? analyzeHostConditionalTree(shape.falsy, safeGlobals) : { bindings: [] };
+        if (truthyAnalysis.reason || falsyAnalysis.reason) return void 0;
+        const rangeDependencies = new Set(collectStateDependencies(shape.test, statesByValue));
+        for (const binding of [
+          ...truthyAnalysis.bindings || [],
+          ...falsyAnalysis.bindings || []
+        ]) {
+          for (const dependency of collectStateDependencies(binding.value, statesByValue)) {
+            rangeDependencies.add(dependency);
+          }
+        }
+        for (const dependency of rangeDependencies) dependencies.add(dependency);
+        ranges.push({
+          before: staticBefore,
+          source: child.expression,
+          test: cloneExpression(shape.test),
+          logical: shape.logical,
+          truthy: shape.truthy,
+          falsy: shape.falsy,
+          truthyBindings: truthyAnalysis.bindings || [],
+          falsyBindings: falsyAnalysis.bindings || []
+        });
+        staticBefore = 0;
+        continue;
+      }
+    }
+    if (!core.types.isJSXElement(child) || !isHostElement(child)) return void 0;
+    if (!isStaticRangeSibling(child, statesByValue, safeGlobals)) return void 0;
+    staticBefore += 1;
+  }
+  if (ranges.length === 0) return void 0;
+  return {
+    ranges,
+    trailing: staticBefore,
+    dependencies: [...dependencies].sort((left, right) => left - right)
+  };
+}
 function keyedListBoundary(blockRuntime, plan, source) {
   const name = core.types.jsxMemberExpression(
     core.types.jsxIdentifier(blockRuntime.name),
@@ -1512,6 +1566,67 @@ function hostConditionalBoundary(blockRuntime, plan) {
   }
   return core.types.jsxElement(core.types.jsxOpeningElement(name, attributes, true), null, [], true);
 }
+function conditionalRangeObject(range) {
+  const properties = [
+    core.types.objectProperty(core.types.identifier("before"), core.types.numericLiteral(range.before)),
+    core.types.objectProperty(
+      core.types.identifier("test"),
+      core.types.arrowFunctionExpression([], cloneExpression(range.test))
+    )
+  ];
+  if (range.logical) {
+    properties.push(core.types.objectProperty(core.types.identifier("logical"), core.types.booleanLiteral(true)));
+  }
+  if (range.truthy) {
+    properties.push(
+      core.types.objectProperty(
+        core.types.identifier("truthy"),
+        hostConditionalBranchObject(range.truthy, range.truthyBindings)
+      )
+    );
+  }
+  if (range.falsy) {
+    properties.push(
+      core.types.objectProperty(
+        core.types.identifier("falsy"),
+        hostConditionalBranchObject(range.falsy, range.falsyBindings)
+      )
+    );
+  }
+  return core.types.objectExpression(properties);
+}
+function conditionalRangesBoundary(blockRuntime, plan) {
+  const name = core.types.jsxMemberExpression(
+    core.types.jsxIdentifier(blockRuntime.name),
+    core.types.jsxIdentifier("ConditionalRanges")
+  );
+  const source = core.types.cloneNode(plan.source, true);
+  const rootRefIndex = source.openingElement.attributes.findIndex(
+    (attribute) => core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name) && attribute.name.name === "ref"
+  );
+  const rootRef = rootRefIndex >= 0 ? source.openingElement.attributes.splice(rootRefIndex, 1)[0] : void 0;
+  const attributes = [
+    core.types.jsxAttribute(core.types.jsxIdentifier("id"), core.types.jsxExpressionContainer(core.types.numericLiteral(plan.id))),
+    core.types.jsxAttribute(
+      core.types.jsxIdentifier("render"),
+      core.types.jsxExpressionContainer(core.types.arrowFunctionExpression([], source))
+    ),
+    core.types.jsxAttribute(
+      core.types.jsxIdentifier("ranges"),
+      core.types.jsxExpressionContainer(
+        core.types.arrayExpression(plan.ranges.map((range) => conditionalRangeObject(range)))
+      )
+    ),
+    core.types.jsxAttribute(
+      core.types.jsxIdentifier("trailing"),
+      core.types.jsxExpressionContainer(core.types.numericLiteral(plan.trailing))
+    )
+  ];
+  if (rootRef?.value) {
+    attributes.push(core.types.jsxAttribute(core.types.jsxIdentifier("rootRef"), core.types.cloneNode(rootRef.value, true)));
+  }
+  return core.types.jsxElement(core.types.jsxOpeningElement(name, attributes, true), null, [], true);
+}
 function analyzeComponentIslandElement(element, statesByValue, safeGlobals, allowedComponentNames) {
   const name = element.openingElement.name;
   if (!core.types.isJSXIdentifier(name) || !isComponentName(name.name)) {
@@ -1694,6 +1809,22 @@ function analyzeComposableBlocks(root, statesByValue, safeGlobals, listNames, al
             }
             continue;
           }
+          const conditionalRanges = insideConditional ? void 0 : analyzeConditionalRangesContainer(child, statesByValue, safeGlobals);
+          if (conditionalRanges) {
+            plans.push({
+              kind: "conditional-ranges",
+              id: nextId++,
+              parent,
+              dependencies: conditionalRanges.dependencies,
+              source: child,
+              ranges: conditionalRanges.ranges,
+              trailing: conditionalRanges.trailing
+            });
+            for (const range of conditionalRanges.ranges) {
+              conditionalExpressions.add(range.source);
+            }
+            continue;
+          }
           const hostConditional = analyzeHostConditionalContainer(
             child,
             statesByValue,
@@ -1848,6 +1979,32 @@ function analyzeComposableBlocks(root, statesByValue, safeGlobals, listNames, al
       keyedExpressions
     };
   }
+  const rootConditionalRanges = analyzeConditionalRangesContainer(
+    root,
+    statesByValue,
+    safeGlobals,
+    true
+  );
+  if (rootConditionalRanges) {
+    plans.push({
+      kind: "conditional-ranges",
+      id: nextId++,
+      dependencies: rootConditionalRanges.dependencies,
+      source: root,
+      ranges: rootConditionalRanges.ranges,
+      trailing: rootConditionalRanges.trailing
+    });
+    for (const range of rootConditionalRanges.ranges) {
+      conditionalExpressions.add(range.source);
+    }
+    return {
+      plans,
+      componentElements,
+      conditionalExpressions,
+      ownedElements,
+      keyedExpressions
+    };
+  }
   const result = visitHost(root, void 0, false);
   if (result.reason) return { reason: result.reason };
   return {
@@ -1888,6 +2045,9 @@ function lowerComposableBlocks(root, plans, blockRuntime, listNames) {
   if (rootPlan?.kind === "keyed-ranges") {
     return keyedRangesBoundary(blockRuntime, rootPlan);
   }
+  if (rootPlan?.kind === "conditional-ranges") {
+    return conditionalRangesBoundary(blockRuntime, rootPlan);
+  }
   const visit = (element) => {
     element.children = element.children.map((child) => {
       if (core.types.isJSXElement(child)) {
@@ -1901,6 +2061,9 @@ function lowerComposableBlocks(root, plans, blockRuntime, listNames) {
         if (plan2?.kind === "keyed-ranges") {
           return keyedRangesBoundary(blockRuntime, plan2);
         }
+        if (plan2?.kind === "conditional-ranges") {
+          return conditionalRangesBoundary(blockRuntime, plan2);
+        }
         if (plan2?.kind === "component") {
           return componentIslandBoundary(blockRuntime, plan2, child);
         }