0.7.1

👋

We're releasing today a new version of Slice Machine, including new fields supported in the editor in Slice Simulator and a few bug fixes.

Improvements 🌱

• Users can now edit and save their mock data for the Link field in Slice Simulator. (Only links to web are supported for now)
• Users can now edit and save their mock data for the Date field in Slice Simulator.

Bug fixes 🐛

• We fixed a bug preventing users on Node 14 to rename their Slices.

0.7.0

👋

We're happy to announce our new version of Slice Machine! We are continuing to improve Slice Machine by adding a long-requested feature: Slices and Custom Types deletion.

With this version, users can delete Slices and Custom Types directly in Slice Machine. This will significantly simplify the Slice management workflow, avoiding the hassle of using the Custom Types API for Slice deletion.

Improvements 🔥

Delete Custom Types and Slices in Slice Machine

• Users can now delete Slices directly within Slice Machine
• Users can now delete Custom Types directly within Slice Machine
• When you delete a Custom Type, Slice Machine will let you delete all of the associated Documents at the same time.

Push

• Slice Machine will now push all of your changes at once.

Supporting Legacy Slices

• Users can now import their Custom Types that include Slices built with the Legacy Builder . To do so, copy each of your Legacy Custom Type JSON models into their own sub-folders in the customtypes directory in your file system and run Slice Machine version 7 or higher.

Bug fixes 🐛

• We removed an error that was logged in the terminal when successfully renaming a Slice.
• We fixed a bug that was preventing users from using Storybook after renaming a Slice.

0.6.1

👋

We're making good progress toward our next big release. In the meantime, we've tackled a few bugs to make Slice Machine even more robust. If you want an update on our ongoing work, visit prismic.io/progress.

Bug fixes ⚙️

We fixed the following bugs:

• A bug that caused an error when users tried to simulate a Slice variation that had not been saved to the file system. Users now have to save variations first
• A bug that caused a reset of all mock data saved when you created a new variation for a Slice
• A bug when taking a screenshot with multiple images where images didn't finish loading before the screenshot was taken and some didn't appear in the screenshot
• A bug with the Select field that was causing an app freeze when typing fast in the field settings
• A bug that was letting users create duplicate Custom Types and Slices tabs with the same name
• A bug that was preventing users to move fields properly in the list

We also fixed wording issues in the login modals.

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

0.5.2

Improvements 👋

Screenshots improvements 🔥

We're happy to be releasing some improvements to the Slice screenshots. Screenshots are the best way to visually document your Slices, showing content editors what each Slice looks like.

To facilitate screenshots, we want to make the process seamless on the Slice Machine side. To that end, we've made the following improvements:

• You can take or drag and drop screenshots from the Slices list
• You can take or drag and drop screenshots from the Changes page
• You can take or drag and drop screenshots per Slice variation in the new screenshots modal
• You can take automatic screenshots from inside the simulator
• You can set custom height and width for your screenshots in the simulator
• You will see warnings for missing screenshots

0.5.1

Improvements 👋

TypeScript support 🔥

We are happy to announce official TypeScript support in Slice Machine. Slice Machine now automatically generates types when you create, update, or rename a Slice or a Custom Type. To use this new feature, make sure you have @prismicio/types installed.

Here are two useful resources to learn more about type generation and usage with your Slice Machine project:

• Slice Machine TypeScript documentation
• This explainer video from Prismic Developer Experience Engineer @lihbr:

Prismic.x.TypeScript.just.got.better.mp4

UX 💄

• Buttons in Slice Machine have been reworked to keep consistent across the whole application
• We removed the unused burger menu in all fields editing modal
• We removed an error message shown in the Custom Type creation modal when switching from repeatable to single
• We added an error message in the Rich Text field editing modal when no "accept" field is defined
• We removed comments in the middle of code snippets, in the repeatable zone

Bug fixes 🚧

• In the image field editing modal, you can now set the size of the thumbnails with only height or width

0.5.0

Improvements 👋

Pushing changes:

We have redesigned the way you will push changes to Prismic

• Custom types and Slices are now pushed from a dedicated Changes page
• Anything that is not pushed to Prismic will be considered a change to be pushed
• Status of Custom types and Slices will be unknown if you can't reach the Prismic API
• Slice Machine displays the number of changes waiting to be pushed
• New or updated screenshots are now considered a change 🎉

UX improvements

• Slice Machine shows a badge for the pushed status of each Slice and Custom Type in the Slices and Custom Types pages. When you hover the badge, a tooltip displays more information.
• The onboarding videos are updated with new information.

Bug Fixes 🚧

• We no longer check for the Slice Simulator setup for custom screenshots #558
• Custom Type state is properly updated on save, no need to refresh anymore #554

0.4.2

Improvements 👋

Rename Slices and Custom Types:

• You can now rename Slices Names from the Slice edition page.
• You can now rename Custom types names from the Slice edition page.

Performance

• Slice Creation now takes as much time as Custom Type creation.

Rich Text labels

• Rich text labels can now be added to your Rich text field .json models and are not overridden.

UX/UI improvements

• We have redesigned all fields states and clarified placeholders.
• We have made the API id for Uid fields non-editable as it is expecting only "uid".
• When creating a new field, API id gets automatically inferred from the field name and can be edited.

Videos

• We added 2 new onboarding videos on the Custom Types and Slices empty state screens.

Bug Fixes 🚧

• We fixed a bug causing Slices screenshots being automatically taken when saving Slices.
• We fixed a UI bug caused by too-long names on Slices and Fields.
• We fixed a bug for Next.js, the code snippet for Key Text fields was incorrect.
• We fixed a bug causing Slice screenshots to be deleted upon Slice saving.
• We fixed a bug causing incorrect Slice status updates after pushing Slices to Prismic.
• We fixed a bug preventing configuring mocks for Slices fields inside the repeatable zone.

0.4.1

Small fixes ⚙️ :

• We fixed a bug to prevent the creation of empty fields API ID
• When starting Slice Machine, we now run a validation on models to make sure they are compatible with the Prismic API, and show potential errors in your terminal.
• Custom Types and Slices IDs will be created using "_" instead of "-" for GraphQL compatibility
• New fields IDs will be created using "_" instead of "-" for GraphQL compatibility
• Slice Machine will keep being retro compatible with models and fields using "-" in their IDs. These modifications will apply only on new models/fields.

0.4.0

Improvements 👋

Starters 🏍 :

You can now start a new repository using one of our Prismic Starters. Starters are fully fledged projects made with Slice Machine, that you can download, edit and start your new repository with.

We have revamped the 'init' command so that you can start a repository with a Starter from the Prismic Dashboard.
Starters are fully fledged projects made with Slice Machine, that you can download, edit and start your new repository with.

When starting with a starter you will be able to:

• Download the project locally
• Install Slicemachine by using the init command that will automatically push all Documents, Custom types and Slices to your repository

UX/UI improvements 💄 :

• When creating a Custom Type, the id is now automatically inferred from the Custom Type name, and can still be edited.
• Spacing and wording improvements on the Slices list and widget list