Skip to content

Conversation

@JamesW1
Copy link
Contributor

@JamesW1 JamesW1 commented Jan 28, 2026

Note: ⚠️ to be merged alongside 11.15.x release

  • Added Draft to Concepts section - defines reserved global version
  • Created new "Working with the Draft Version" section covering:
  • Added "Configuring Visual Editor for Versions" section
  • Various other terminology updates

@JamesW1 JamesW1 requested a review from a team as a code owner January 28, 2026 21:04
@vercel
Copy link

vercel bot commented Jan 28, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
docs Ready Ready Preview, Comment Jan 28, 2026 9:06pm

Request Review

Copy link
Contributor

@formfcw formfcw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @JamesW1 ❤️

A few things to consider


- **Version**: a version of an item is a snapshot that gets copied from the current version or main item, allowing you to safely make changes and later promote to be the main item.
- **Main**: the main item is the default item that is displayed to users. It is the "source of truth" for all versions.
- **Version**: A snapshot of an item that allows you to safely make changes without affecting the current version or main item. Versions can be promoted to become the new main item.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It is not a snapshot and we can’t make them from other versions atm.

Suggested change
- **Version**: A snapshot of an item that allows you to safely make changes without affecting the current version or main item. Versions can be promoted to become the new main item.
- **Version**: A version of an item that allows you to safely make changes without affecting the main item. Versions can be promoted to become the new main item.

- Shows as empty until you make edits
- Transforms from a virtual placeholder to an actual version when you save changes
- Uses "**draft**" as a reserved version key that cannot be used for custom versions
- Can be customized with a different display name, though it defaults to "Draft"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This not possible. "Draft" is always "Draft" or the translated "$t:draft" name of it. This way we avoid confusion when we select a draft from the version select menu.

Suggested change
- Can be customized with a different display name, though it defaults to "Draft"


::callout{icon="material-symbols:warning"}
**Backward Compatibility**
The reserved global "draft" version was introduced in Directus 11.15.0. If you previously had custom versions with the key "draft", they will be preserved with their current names but cannot be deleted. The reserved draft version will coexist with your existing draft versions.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
The reserved global "draft" version was introduced in Directus 11.15.0. If you previously had custom versions with the key "draft", they will be preserved with their current names but cannot be deleted. The reserved draft version will coexist with your existing draft versions.
The reserved global "draft" version was introduced in Directus 11.15.0. If you have an existing version with the key `draft` and a custom name other than “Draft”, the display name will be standardized to “Draft” (i.e. transformed) to support the new global versioning feature. The version content and functionality remain unchanged.

The Visual Editor integrates seamlessly with the draft version, allowing you to preview and edit changes in context:

1. **Switch versions** using the dropdown in the Visual Editor header to toggle between "Main" and "Draft"
2. **Edit items** that have content in the active version - items are only directly editable when they exist in the selected version
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
2. **Edit items** that have content in the active version - items are only directly editable when they exist in the selected version
2. **Edit items** that have content in the active version items are only directly editable when they exist in the selected version


::callout{icon="material-symbols:info-outline"}
**Version-Aware Editing**
When working in a specific version like draft, only items that have content saved in that version will show edit affordances. Other items fall back to displaying their main version content without automatically creating new version entries.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let’s wait until the final implementation with this.

our [API reference documentation](/api/versions).
::

## Configuring Visual Editor for Versions
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Configuring Visual Editor for Versions
## Configuring Live Preview for Versions


## Configuring Visual Editor for Versions

To enable version-aware previewing in the Visual Editor:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
To enable version-aware previewing in the Visual Editor:
To enable version-aware previewing in the Live Preview:

To enable version-aware previewing in the Visual Editor:

1. Navigate to **Settings** > **Data Model** and select your collection
2. In the Visual Editor settings, configure your preview URL to include the `version` variable
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
2. In the Visual Editor settings, configure your preview URL to include the `version` variable
2. In the Live Preview settings, configure your preview URL to include the `version` variable


1. Navigate to **Settings** > **Data Model** and select your collection
2. In the Visual Editor settings, configure your preview URL to include the `version` variable
3. Example preview URL: `https://your-site.com/preview?item={{id}}&version={{version}}`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A more realistic/classic example

Suggested change
3. Example preview URL: `https://your-site.com/preview?item={{id}}&version={{version}}`
3. Example preview URL: `https://your-site.com/{{slug}}?preview=true&version={{version}}`

2. In the Visual Editor settings, configure your preview URL to include the `version` variable
3. Example preview URL: `https://your-site.com/preview?item={{id}}&version={{version}}`

The Visual Editor will automatically pass the active version to your preview, allowing you to see draft changes in the context of your actual site layout.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
The Visual Editor will automatically pass the active version to your preview, allowing you to see draft changes in the context of your actual site layout.
Live Preview will automatically pass the active version to your preview, allowing you to see draft changes in the context of your actual site layout.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants