Function serializeElementExpr

packages/lang-core/src/parser/serialize.ts:180–213

(
  node: ElementNode,
  paramMap: ParamMap,
  collector: StatementCollector,
)

// ─── ElementNode → expression string ─────────────────────────────────────────

function serializeElementExpr(
  node: ElementNode,
  paramMap: ParamMap,
  collector: StatementCollector,
): string {
  const def = paramMap.get(node.typeName);

  if (def) {
    // Map named props back to positional args using ParamMap order
    const args: string[] = [];
    for (const param of def.params) {
      const val = node.props[param.name];
      args.push(serializeValue(val, paramMap, collector));
    }

    // Trim trailing null/undefined/default args
    while (args.length > 0) {
      const last = args[args.length - 1];
      if (last !== "null") break;
      const paramIdx = args.length - 1;
      const param = def.params[paramIdx];
      if (!param) break;
      // Only trim if the param is optional or has a default matching null
      if (param.required) break;
      args.pop();
    }

    return `${node.typeName}(${args.join(", ")})`;
  }

  // Unknown component — fallback to Object.keys() order
  const fallbackArgs = Object.values(node.props).map((v) => serializeValue(v, paramMap, collector));
  return `${node.typeName}(${fallbackArgs.join(", ")})`;
}

// ─── State declaration serializer ────────────────────────────────────────────