makeswift

Patch Changes

• 75b31d9: Add support for client-side navigation.
• 9dde8e8: Fix inconsistencies between the builder and live pages for rich text list blocks.
• 6496ff0: Handle global element cycles.

Patch Changes

• f95617b: Update create-next-app to v13.1.6

Patch Changes

• af0e818: Refactored SerializedState format.
• be2aa16: Added latent snapshotting functionality.

Patch Changes

• 8207b36: Prevent clicks from propagating in content mode. This issue affected for example when you have a Text on a Accordion: if you click the text in content mode, the click also triggered the accordion open/close state.
• ba6d869: Add support for interaction mode.
• d258829: Handle missing object field in Props.RichText preset for built-in Text component.

Patch Changes

• 017675b: Fix type issues with Style control data.
• ac7bfe7: Stop using unoptimized prop for next/image in built-in Image component when in builder. This fixes an SSR hydration mismatch.
• 061f787: Create RichText control for usage within custom components.

Patch Changes

• 155820f: Add default value to width prop for built-in Box component.
• 8942b00: Handle ordered and unordered list for live pages in Text built-in component.

Patch Changes

• 9d2ec07: Fix the single select column not rendering radio buttons on the built-in Form component.

Minor Changes

• 99f5bc9: Adds a slimmer rich text component for live pages so that large dependencies like Slate and Immutable aren't included in bundles for live pages and are only used in the Makeswift builder. This reduces the overhead of the Makeswift runtime for live pages and boosts performance.

  While behavior is intended to be the same, these changes modify the structure of the DOM for live pages, which could cause issues with existing sites if they're relying on the DOM structure of the Text component. For this reason we're releasing this in a minor update as a breaking change.

Patch Changes

• 2662228: Fix duplicate cleanup call in component registration function.
• c2ee57e: Avoid re-render from Box animations.
• e05070e: Add missing Emotion dependencies that was causing Vite to include unnecessary JavaScript in the bundle.
• 8e587d7: Use findDOMNode only if ref isn't being forwarded.
• 0d9c55c: Avoid using React state to track element handle.
• ed0f027: Avoid using React state for tracking BackgroundsContainer ref as it results in an extra render when the component mounts.
• 0498e3d: Avoid registering documents in the live provider since document registration is currently only needed in the builder.

Patch Changes

• 13e1ab4: Re-add MakeswiftComponentType back to @makeswift/runtime/components

Patch Changes

• 01f0c0a: Move MakeswiftComponentType from @makeswift/runtime/components to @makeswift/runtime
• ef785cc: Fix snippets don't run on client-side navigation.

Patch Changes

• 9849bea: Fix SSR hydration mismatch due to attempting to render ReactPlayer on the server.

  See https://github.com/cookpete/react-player/issues/1428.

• 55c8439: Fix issue where API resource cache was filled too late resulting in unnecessary API requests.

Patch Changes

• cf486bb: Fix suspense boundary hydration issue.

Patch Changes

• 5a657ea: Swap @framer/motion box animation for a light CSS version.

This is our first release that supports Next.js v13.

Update @makeswift/runtime in package.json to use the latest version.

If you have any issues with either Next.js v12 or Next.js v13, please reach out to us or open a new issue in GitHub.

• d70c32b: Add Next.js v13 support.
• 115e3ee: BREAKING CHANGE: The Image component will use the new next/image if the host is using Next.js v13.
• f79ea18: BREAKING CHANGE: Drop support for Next.js v12.1. Makeswift requires a minimum Next.js version of 12.2.0. Please upgrade to Next.js version ^12.2.0 if you want to use Next.js v12, or version ^13.0.0 if you want to use Next.js v13.
• Updated dependencies [c3041ff]
  • @makeswift/[email protected]

BREAKING CHANGE: The Next.js plugin will now check the version of Next.js being used and if it is less than v12.2.0 an error is thrown.

• c3041ff: Adds Next.js version checking, and transpile package support for Next.js 13.

Patch Changes

• 83c1f5a: Fix falsy check on Style control CSS utility functions. This caused falsy 0 values to be ignored for margin, padding, border, and border radius.

Patch Changes

• f1ec0ff: Add a Suspense boundary around all element data. This is a huge performance boost due to how React schedules hydration tasks. With this change your Makeswift pages should score in the high 90s for Lighthouse performance benchmarks.

Minor Changes

• d2d7ef9: BREAKING CHANGE: This change completely reworks how the runtime fetches Makeswift API resources like swatches, files, typographies, etc. While behavior of components shouldn't change, and we've tested extensively, it's possible there's slight behavior changes in certain edge cases or there's old behavior that Apollo had that we didn't want to replicate.

  This change removes @apollo/client as a dependency in favor of a very slim and efficient API client and cache custom built for the Makeswift runtime. This change resulted in a reduction of ~300ms from Total Blocking Time and ~700ms from Time to Interactive in our benchmarks. This is part of our ongoing work to make the Makeswift runtime more lightweight to reduce the cost of React hydration. Expect even more changes soon!

  To migrate, just upgrade to the latest version. No public APIs have changed.

Patch Changes

• 3bcb4a1: Fix Style control default values for margin and padding.
• Updated dependencies [5b06076]
  • @makeswift/[email protected]

Patch Changes

• 5b06076: Remove styledComponents from Next.js config.