Directus Extension Save Stay Button

A Directus interface that adds a save button to a form without leaving the current page.

The button simulates Directus' native Ctrl + S save shortcut, so the current item is saved while the user stays on the same view.

Features

• Adds a save-stay-button presentation interface
• Displays a configurable "Save" button
• Triggers Directus' native save action through the keyboard shortcut
• Keeps the user on the current page after saving

Requirements

• Node.js
• Directus ^12.0.0
• npm

Local Installation

Install dependencies:

npm install

Build the extension:

npm run build

Link the extension to a local Directus instance:

npm run link

During development, you can run the build in watch mode:

npm run dev

Usage In Directus

1. Restart Directus after installing or linking the extension.
2. Open the data model settings.
3. Add a presentation field.
4. Select the "Save Button" interface.
5. Configure the button label if needed.

Project Structure

src/index.js       Extension source code
package.json       npm and Directus extension configuration
package-lock.json  Locked dependency versions

The dist/ directory is generated by npm run build and is not committed.

Scripts

npm run build  # Compile the extension into dist/
npm run dev    # Compile in watch mode without minification
npm run link   # Link the extension to Directus for local development