Puck Files

Puck 0.23 improves drag-and-drop to reduce layout shift, adds a draggable outline for reordering components, and introduces a Dictionary API for translating the editor UI.

https://github.com/user-attachments/assets/a064e439-a7ab-48fd-98be-33ec1a922999

This is a summary of the main new features and full changelog.

Read the full release post on our blog.

Summary

• New canvas drag-and-drop: visualize the drop destination using fluid movement or an insertion line.
• New outline: reorder, duplicate, and delete components directly from the outline.
• Dictionary API: translate or reword every string in the editor UI and switch languages at runtime.

Full changelog

Features

• add dictionary (65790c8)
• add draggable outline and streamline UI (db035ce)
• allow the user to specify drag-and-drop behavior (d204aa9)
• introduce static drag-and-drop for reduced layout shift (835ab3e)

Bug Fixes

• default page data in next recipes (66de27c)
• don't call generate-id at module import time (1ab086c)
• don't drop last fields when updating config (4bf6887)
• don't drop transformed fields on updates (9bf3e00)
• don't mutate nested values in setDeep (cd238ee)
• don't prevent root prop title type changes (666fb74)
• don't remount root slots when props change (1960be2)
• don't reset caret position in custom and overriden fields (c37bed9)
• type data as user data before sending it to action in react router ai recipe (026f030)
• use the latest component position in inline fields (e83767b)