0.6.0

Improvements 👋

Edit content in the simulator 🔥

We're happy to announce the release of our new feature which allows you to edit mock data via the simulator in Slice Machine. Our editing widget shows you the mock data in your Slice and allows you to customize it however you want.

With this new feature you’ll be able to:

• Quickly update all of your components to reflect exactly what a Slice is intended to look like with real content (creating nicer Slice screenshots)
• Test edge cases, including content that looks different from the intended design
• Understand the editing experience you are providing to your content teams
• Save your mocks so you can retain the changes you as you edit your mocks and your Slice model

In the first release of this feature you’ll be able to edit the following fields:

• Rich Text field with bold, italic, bullet list, numbered list, heading, code block, and right-to-left
• Image field with the ability to crop
• Select field
• Key text field
• Number field
• Boolean field
• Title field
• Repeatable Zone

See our demo during the last Prismic Meetup :

MEETUP.EDITOR.DEMO.-.122022.1.mp4

Improving the setup and onboarding of the simulator 👌

With this new release, we are easing the setup flow to make your way to the Slice Simulator. Also, we're making error handling more simple so that you can understand when something went wrong previewing your Slices.

This new version:

• Highlights the new "Simulate Slice" button in the Slice builder with a video tooltip to explain the value of the simulator
• Includes the setup steps inside the simulator (removing the setup panel)
• Includes a new error state to let users know when dev server is not running to simulate their Slice

UX improvements 💄

• We added an ellipsis in the header bar in the Slice builder when the Slice name is too long

Setup improvement ⚙️

• @prismicio/next is now installed automatically when running the npx @slicemachine/init script to set up Slice Machine