EmDash’s plugin system lets you extend the CMS without modifying core code. Plugins can hook into content lifecycle events, store their own data, expose settings to administrators, and add custom UI to the admin panel.
Design Philosophy
EmDash plugins come in two flavors: sandboxed and native. Sandboxed plugins run in isolated V8 workers and can be installed from the marketplace with one click. Native plugins run in-process and are configured in code.
Prefer sandboxed plugins. They can be installed, updated, and removed from the admin UI without touching code or redeploying. Only use native plugins when you need features that require build-time integration (React admin pages, Portable Text rendering components, or page fragment injection).
Key principles:
- Sandbox-first — Design for the sandbox; use native mode only when you need to
- Declarative — Hooks, storage, and routes are declared at definition time, not registered dynamically
- Type-safe — Full TypeScript support with typed context objects
- Capability-based — Plugins declare what they need; the sandbox enforces it
What Plugins Can Do
Hook into events
Run code before or after content saves, media uploads, and plugin lifecycle events.
Store data
Persist plugin-specific data in indexed collections without writing database migrations.
Expose settings
Declare a settings schema and get an auto-generated admin UI for configuration.
Add admin pages
Create custom admin pages and dashboard widgets with React components.
Create API routes
Expose endpoints for your plugin’s admin UI or external integrations.
Make HTTP requests
Call external APIs with declared host restrictions for security.
Plugin Architecture
Every plugin is created with definePlugin():
import { definePlugin } from "emdash";
export default definePlugin({
id: "my-plugin",
version: "1.0.0",
// What APIs the plugin needs access to
capabilities: ["read:content", "network:fetch"],
// Hosts the plugin can make HTTP requests to
allowedHosts: ["api.example.com"],
// Persistent storage collections
storage: {
entries: {
indexes: ["userId", "createdAt"],
},
},
// Event handlers
hooks: {
"content:afterSave": async (event, ctx) => {
ctx.log.info("Content saved", { id: event.content.id });
},
},
// REST API endpoints
routes: {
status: {
handler: async (ctx) => ({ ok: true }),
},
},
// Admin UI configuration
admin: {
settingsSchema: {
apiKey: { type: "secret", label: "API Key" },
},
pages: [{ path: "/dashboard", label: "Dashboard" }],
widgets: [{ id: "status", size: "half" }],
},
});
Plugin Context
Every hook and route handler receives a PluginContext object with access to:
| Property | Description | Availability |
|---|---|---|
ctx.storage | Plugin’s document collections | Always (if declared) |
ctx.kv | Key-value store for settings and state | Always |
ctx.content | Read/write site content | With read:content or write:content |
ctx.media | Read/write media files | With read:media or write:media |
ctx.http | HTTP client for external requests | With network:fetch |
ctx.log | Structured logger (debug, info, warn, error) | Always |
ctx.plugin | Plugin metadata (id, version) | Always |
ctx.site | Site info: name, url, locale | Always |
ctx.url() | Generate absolute URLs from paths | Always |
ctx.users | Read user info: get(), getByEmail(), list() | With read:users |
ctx.cron | Schedule tasks: schedule(), cancel(), list() | Always |
ctx.email | Send email: send() | With email:send + provider configured |
The context shape is identical across all hooks and routes. Capability-gated properties are only present when the plugin declares the required capability.
Capabilities
Capabilities determine what APIs are available in the plugin context:
| Capability | Grants Access To |
|---|---|
read:content | ctx.content.get(), ctx.content.list() |
write:content | ctx.content.create(), ctx.content.update(), ctx.content.delete() |
read:media | ctx.media.get(), ctx.media.list() |
write:media | ctx.media.getUploadUrl(), ctx.media.upload(), ctx.media.delete() |
network:fetch | ctx.http.fetch() (restricted to allowedHosts) |
network:fetch:any | ctx.http.fetch() (unrestricted — for user-configured URLs) |
read:users | ctx.users.get(), ctx.users.getByEmail(), ctx.users.list() |
email:send | ctx.email.send() (requires a provider plugin) |
email:provide | Register email:deliver exclusive hook (transport provider) |
email:intercept | Register email:beforeSend / email:afterSend hooks |
page:inject | Register page:metadata / page:fragments hooks |
Registration
Register plugins in your Astro configuration:
import { defineConfig } from "astro/config";
import { emdash } from "emdash/astro";
import seoPlugin from "@emdash-cms/plugin-seo";
import auditLogPlugin from "@emdash-cms/plugin-audit-log";
export default defineConfig({
integrations: [
emdash({
plugins: [seoPlugin({ generateSitemap: true }), auditLogPlugin({ retentionDays: 90 })],
}),
],
});
Plugins are resolved at build time. Order matters for hooks with the same priority—earlier plugins in the array run first.
Execution Modes
EmDash supports two plugin execution modes:
| Mode | Description | Platform |
|---|---|---|
| Sandboxed | Isolated V8 workers with enforced limits | Cloudflare only |
| Native | In-process with full access | Any |
In sandboxed mode, capabilities are enforced at the runtime level — plugins can only access what they declare. In native mode, capabilities are advisory and plugins have full process access.
Next Steps
Create a Plugin
Build your first plugin with storage, hooks, and admin UI.
Available Hooks
Browse all hooks for content, media, and plugin lifecycle.
Plugin Storage
Learn about storage and how to query plugin data.
Admin UI
Add admin pages and dashboard widgets.
Native vs. Sandboxed
Compare execution modes and choose the right one for your plugin.