[email protected]

Minor Changes

• #88 3ec89c4 Thanks @stevenwoodson! - Dynamic imports are now even more optimized. Multiple uses of the same dynamically imported component will result in only one addition of the necessary scripts and styles.

[email protected]

Minor Changes

• #83 e19eab0 Thanks @leomp12! - Introduces the "idle" value to the client:interaction directive. When set, an interaction will schedule the loading of the component for when the browser is idle, instead of loading it immediately.

  ---
  import Component from "../components/Counter.jsx"
  ---
  <Component client:interaction="idle" />

  By default, a component with the client:interaction directive could be loaded before or after the ones with the client:idle directive, depending on the timing of the first interaction. This feature allows client:interaction components to have predictably lower loading priority than client:idle components.

[email protected]

Patch Changes

• #81 07166b4 Thanks @lilnasy! - Prevents error overlay from appearing in dev mode for user errors. Astro's error overlay appears whenever a server side error occurs. For server-side rendering html, it's important to pay attention to them. However, for APIs, an error is just another response - it is unintended for it to take over the browser.

[email protected]

Major Changes

• #79 2e47043 Thanks @lilnasy! - Initial release

[email protected]

Minor Changes

• #76 7dd1ec8 Thanks @lilnasy! - Breaking: The required @stylexjs/stylex version is now 0.5.1.

  Updates @stylexjs/stylex version to 0.5.1. This version introduces a new API for non-react UI frameworks: stylex.attrs().

  Previously, svelte users had to create a wrapper function around stylex.props(), which returned the className prop intended only for React. The newly introduced stylex.attrs() returns the generated classes in the class props, allowing it to work across frameworks.

  <script context="module">
    import stylex from "@stylexjs/stylex"
    const colorStyles = stylex.create({
          red: {
              backgroundColor: 'red',
              borderColor: 'darkred',
          },
          green: {
              backgroundColor: 'lightgreen',
              borderColor: 'darkgreen',
          },
      });
  </script>
  <button {...stylex.attrs(colorStyles.red)} />
  <button {...stylex.attrs(colorStyles.green)} />

[email protected]

Patch Changes

• #71 081326b Thanks @lilnasy! - Includes a required file previously missing from the NPM package.

[email protected]

Major Changes

• #69 654d7d8 Thanks @lilnasy! - Improves compatibility with recent versions of Astro. Minimum required astro version is now 4.2.2.

[email protected]

Major Changes

• #67 b48b367 Thanks @lilnasy! - Initial release

[email protected]

Patch Changes

• #65 6a64dd4 Thanks @lilnasy! - Adds a helpful typescript error for when an export is not uppercase.

[email protected]

Minor Changes

• #63 80faab4 Thanks @rishi-raj-jain! - Adds compatibility with all package managers.