📦 Publish Mitosis

[builderio-bot]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@builder.io/[email protected]

Patch Changes

• Updated dependencies [b63279f]
  • @builder.io/[email protected]

@builder.io/[email protected]

Patch Changes

• b63279f: [angular, stencil]: Add attributePassing to enable passing attributes like data-*, aria-* or class to correct child.

  There is a wired behaviour for Angular and Stencil (without shadow DOM), where attributes are rendered on parent elements like this:

  Input

  <!-- Angular -->
  <my-component class="cool" data-nice="true" aria-label="wow"></my-component>
  

  Output

  <!-- DOM -->
  <my-component class="cool" data-nice="true" aria-label="wow">
    <button class="my-component">My Component</button>
  </my-component>

  In general, we want to pass those attributes down to the rendered child, like this:

  <!-- DOM -->
  <my-component>
    <button class="my-component cool" data-nice="true" aria-label="wow">My Component</button>
  </my-component>

  We provide 2 ways to enable this attribute passing:

  Metadata

  // my-component.lite.tsx
  useMetadata({
    attributePassing: {
      enabled: true,
      // customRef: "_myRef";
    },
  });

  Config

  // mitosis.config.cjs
  module.exports = {
    // ... other settings
    attributePassing: {
      enabled: true,
      // customRef: "_myRef";
    },
  };

  If you enable the attributePassing we add a new ref to the root element named _root to interact with the DOM element. If you wish to control the name of the ref, because you already have a useRef on your root element, you can use the customRef property to select it.

[cloudflare-workers-and-pages]

Deploying mitosis with    Cloudflare Pages

Latest commit:	a3f1038
Status:	✅  Deploy successful!
Preview URL:	https://92fb0baf.mitosis-9uh.pages.dev
Branch Preview URL:	https://changeset-release-main.mitosis-9uh.pages.dev

View logs

[nx-cloud]

View your CI Pipeline Execution ↗ for commit a3f1038.

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

---

☁️ Nx Cloud last updated this comment at 2025-01-20 16:40:38 UTC