v0.12.0

[chrisvxd]

The Puck docs now live at https://puckeditor.com/.

Summary

This release introduces support for React Server Components (thanks @4leite), makes huge improvements to responsive behaviour (🙇‍♂️ @monospaced) and introduces a Remix recipe (ty @EarthlingDavey).

⚡️ React Server Components

Puck now supports Puck server components via the included @measured/puck/rsc bundle. You should import Render from this bundle instead of the main bundle if you need to support RSC:

import { Render } from "@measured/puck/rsc";
 
export function Page() {
  return <Render config={config} data={data} />;
}

Docs: https://puckeditor.com/docs/integrating-puck/server-components

📱 Responsive Improvements

Puck now behaves much better on small viewports! We’ll continue to iterate on this experience.

✨ Remix Recipe

The new Remix recipe enables you to generate a Remix v2 application configured with Puck

💅 New CSS imports

You can now import your CSS directly from the Puck package, instead of reaching into dist. This is backwards compatible.

@import "@measured/puck/puck.css";

Changelog

Features

• support React server components via @measured/puck/rsc bundle (90ac161)
• add explicit rsc and css exports (0b6a527)
• improve responsive behaviour (889b4c7)
• add visibility toggle for right-hand sidebar (3d6c5d4)
• allow custom fields to set UI state during onChange (388793c)
• expose field "id" to custom fields (849161e)
• improve IconButton accessibility (4c71d39)
• add new monospaced font stack (c484ea6)
• tweak Field input focus state (8012afd)

Bug Fixes

• don't enable style pollution of input background color (bb1a76b)
• don't reset array item labels when changing order (57563e1)
• ensure field icon and label are vertically aligned (caa40e0)
• ensure root render receives props from latest data API (abb6ff1)
• export missing PuckAction type (f22f32d)
• fix rootResolver behaviour when using recommended root data API (5c13de5)
• migrate to @hello-pangea/dnd to fix defaultProps warning (2c97362)
• prevent inconsistent default input font-size (99f90b3)
• show a default value when no placeholder set on external fields (e30b5b6)
• stop zones getting wiped out if data prop updated (0c4514f)
• stop style pollution into array field items (03b89d5)
• stretch external field table to width of modal (f6d89f6)
• use correct root data API in next recipe example database (b598144)
• use Inter font in button type Buttons (1973847)

Full Changelog: v0.11.0...v0.12.0

New Contributors

• @4leite made their first contribution in feat: support headless render for react server components #197
• @monospaced made their first contribution in Improve responsive behaviour #230
• @EarthlingDavey made their first contribution in Feat/remix recipe #227

---

This discussion was created from the release v0.12.0 .