makeswift

This version is a BREAKING change. No public APIs have changed but there was a major rewrite of the CSS runtime and a major dependency dropped so some built in components could exhibit new unexpected behavior. If you encounter a bug, please open an issue and we'll address it ASAP!

Minor Changes

• #126: Perf Boost: Removal of Styled Components dependency and efficient animations.

  This change completely reworks how Makeswift handles CSS styles, resulting in improved performance. We've updated all components to use a lighter CSS runtime built on top of Emotion CSS' core utilities. On our benchmarks we've seen Total Blocking Time improve by ~25%. This change also reduces the amount of shipped JS by dropping the Styled Component depenency. There's still more work to do to get our CSS runtime even more lightweight: we want to completely drop the CSS runtime when serving live pages outside the Makeswift builder. But at this point we've squeezed as much performance as is reasonable from the CSS runtime and are hitting diminishing returns. We will return to the CSS runtime once we've addressed other areas where performance can be improved.

  We've also improved the Box component by only using Framer Motion when the Box is animated. Now, when there's no animations in a Box component, we use plain ol' divs. This had a noticeable boost on Total Blocking Time as well.

  The common thread in these improvements is reduced Total Blocking Time, which directly comes from React hydration. This is just the first of many performance boost updates we have planned, so stay tuned!

Patch Changes

• cf83c8e: Fix class format for width prop controller.
• d64d203: Use the useStyle hook instead of Styled Components in the Root builtin component.
• e38c912: Only use Framer Motion components in the Box when animations are configured. This reduced, on average, Total Blocking Time by 195ms in our benchmarks.

Patch Changes

• 7ec440b: Fix content-mode overlay doesn't appear properly.

Patch Changes

• fb3dce6: Fix issue where patched fetch API was sending Preview Mode header to a separate origin, causing CORS problems.

Patch Changes

• 04aee01: Implement copy functions for all controls, enabling templates to use code components.

Patch Changes

• Updated dependencies [c21792b]
  • @makeswift/[email protected]

Patch Changes

• c21792b: Set Preview Mode rewrites locale option to false so that it matches when using Next.js i18n features.

Patch Changes

• 3611500: Use serializable replacement context in ReactRuntime.copyElementTree public API.

Patch Changes

• 7116b8b: Remove authorization for producing a new element tree.

Patch Changes

• 4400d23: Fix type errors in runtime.

Patch Changes

• 1d6c968: Add copy functions NavigationLinks and Links default prop controllers. This advances work on the ReactRuntime.copyElementTree function.

• 0dea000: Add copy function for the Image prop controller. This advances work on ReactRuntime.copyElementTree.

• 25995d2: Add new endpoint to create an element tree from an existing one.

  At this point it is not complete. We will complete it under the hood, then switch over our template functionality to use it.

• b3ff4e4: Add copy function for ResponsiveColor control. This advances work done for ReactRuntime.copyElementTree.

• 1d22db7: Add copy function for ShadowPropController. This advances work for ReactRuntime.copyElementTree.

• 2ed68d6: Fix apostrophe in table column causing form data to not be recorded.

Patch Changes

• 80aeb24: Fix table column names containing a period cause the form to not record data for that column.

Patch Changes

• b9d329d: Add flag for preselecting template

Patch Changes

• 7f56a4e: Fix issue where drop zones would appear for slots that weren't visible anymore.

Patch Changes

• c2be15e: Fix issue where environment variables are double written in .env.local.

Patch Changes

• 79e2c26: Fix builder randomly put user into content mode when editing page.

Patch Changes

• 29eb2fd: Fix cryptic error that occurs if you run the CLI at the root of a monorepo. Now, a new Next.js app will be created.

Patch Changes

• c2adab7: Give the CLI the ability to accept environment variables from the browser. This paves the way for us allowing the user to add environment variables after they select a template / example that needs them.

Patch Changes

• e59a756: Fix bug where --example flag is ignored

Patch Changes

• 3f0f42d: Add ability for user to select example during setup process with npx makeswift CLI.

Patch Changes

• 427a709: Add better error message