fix: bound call expression styles are preserved in Builder generator

[liamdebeasi]

Description

When fixing an issue where dynamic styles were not mapped to bindings I inadvertently broke a usecase where a function call could be bound to get the styles (I.e. style={state.getStyles()}. This PR resolves the issue by ensuring that call expressions can be set as styles.

It's possible that I am missing other use cases here, so I added a console warning whenever invalid styles are dropped so it's a bit more obvious that this is happening in the future.

Failing test example:

 FAIL  src/__tests__/builder.test.ts > Builder > preserve bound call expressions for styles
Error: Snapshot `Builder > preserve bound call expressions for styles 2` mismatched

- Expected
+ Received

  {
    "@type": "@builder.io/sdk:Element",
    "actions": {},
-   "bindings": {
-     "style": "state.getStyles()",
-   },
+   "bindings": {},
    "children": [],
    "code": {
      "actions": {},
      "bindings": {},
    },
    "properties": {},
    "tagName": "div",
  }

 ❯ src/__tests__/builder.test.ts:930:42
    928|     const builderJson = componentToBuilder()({ component });
    929| 
    930|     expect(builderJson.data!.blocks![0]).toMatchInlineSnapshot(`
       |                                          ^
    931|     {
    932|       "@type": "@builder.io/sdk:Element",

Make sure to follow the PR preparation steps in CONTRIBUTING.md before submitting your PR:

• format the codebase: from the root, run yarn fmt:prettier.
• update all snapshots (in core & CLI): from the root, run yarn test:update
• add Changeset entry: from the root, run yarn g:changeset and follow the CLI instructions. Alternatively, use the Changeset Github Bot to create the file.

[changeset-bot]

🦋 Changeset detected

Latest commit: 326504e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@builder.io/mitosis	Patch
@builder.io/mitosis-cli	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 326504e.

Command	Status	Duration	Result
nx e2e @builder.io/e2e-app	✅ Succeeded	1m 8s	View ↗
nx run-many --target test	✅ Succeeded	4m 42s	View ↗
nx run-many --target build --exclude @builder.i...	✅ Succeeded	3m 53s	View ↗
nx build @builder.io/mitosis-site	✅ Succeeded	2m 22s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-02-20 16:37:54 UTC