Los hooks permiten que los plugins intercepten y modifiquen el comportamiento de EmDash en puntos específicos del ciclo de vida de contenido, medios, correo electrónico, comentarios y páginas.
Resumen de hooks
| Hook | Disparador | Puede modificar | Exclusivo |
|---|---|---|---|
content:beforeSave | Antes de guardar contenido | Datos de contenido | No |
content:afterSave | Después de guardar contenido | Nada | No |
content:beforeDelete | Antes de eliminar contenido | Puede cancelar | No |
content:afterDelete | Después de eliminar contenido | Nada | No |
media:beforeUpload | Antes de subir un archivo | Metadatos del archivo | No |
media:afterUpload | Después de subir un archivo | Nada | No |
cron | Se ejecuta una tarea programada | Nada | No |
email:beforeSend | Antes del envío de email | Mensaje, puede cancelar | No |
email:deliver | Entregar email a través del transporte | Nada | Sí |
email:afterSend | Después de la entrega exitosa | Nada | No |
comment:beforeCreate | Antes de almacenar un comentario | Comentario, puede cancelar | No |
comment:moderate | Decidir estado de aprobación | Estado | Sí |
comment:afterCreate | Después de almacenar un comentario | Nada | No |
comment:afterModerate | Después de que admin cambie estado | Nada | No |
page:metadata | Renderizando head de página pública | Aportar etiquetas | No |
page:fragments | Renderizando body de página pública | Inyectar scripts | No |
plugin:install | Cuando el plugin se instala por primera vez | Nada | No |
plugin:activate | Cuando el plugin se habilita | Nada | No |
plugin:deactivate | Cuando el plugin se deshabilita | Nada | No |
plugin:uninstall | Cuando el plugin se elimina | Nada | No |
Hooks de contenido
content:beforeSave
Se ejecuta antes de guardar contenido en la base de datos. Úsalo para validar, transformar o enriquecer contenido.
import { definePlugin } from "emdash";
export default definePlugin({
id: "my-plugin",
version: "1.0.0",
hooks: {
"content:beforeSave": async (event, ctx) => {
const { content, collection, isNew } = event;
if (isNew) {
content.createdBy = "system";
}
content.modifiedAt = new Date().toISOString();
return content;
},
},
});
Evento
interface ContentHookEvent {
content: Record<string, unknown>; // Datos de contenido
collection: string; // Slug de la colección
isNew: boolean; // True para creaciones, false para actualizaciones
}
Valor de retorno
- Devuelve el objeto de contenido modificado para aplicar cambios
- Devuelve
voidpara pasar sin cambios
content:afterSave
Se ejecuta después de guardar contenido. Úsalo para efectos secundarios como notificaciones, invalidación de caché o sincronización externa.
hooks: {
"content:afterSave": async (event, ctx) => {
const { content, collection, isNew } = event;
if (collection === "posts" && content.status === "published") {
await ctx.http?.fetch("https://api.example.com/notify", {
method: "POST",
body: JSON.stringify({ postId: content.id }),
});
}
},
}
Valor de retorno
No se espera valor de retorno.
content:beforeDelete
Se ejecuta antes de eliminar contenido. Úsalo para validar o impedir la eliminación.
hooks: {
"content:beforeDelete": async (event, ctx) => {
const { id, collection } = event;
const item = await ctx.content?.get(collection, id);
if (item?.data.protected) {
return false; // Cancelar eliminación
}
return true;
},
}
Evento
interface ContentDeleteEvent {
id: string; // ID de la entrada
collection: string; // Slug de la colección
}
Valor de retorno
- Devuelve
falsepara cancelar la eliminación - Devuelve
trueovoidpara permitirla
content:afterDelete
Se ejecuta después de eliminar contenido. Úsalo para tareas de limpieza.
hooks: {
"content:afterDelete": async (event, ctx) => {
const { id, collection } = event;
await ctx.storage.relatedItems.delete(`${collection}:${id}`);
},
}
Hooks de medios
media:beforeUpload
Se ejecuta antes de subir un archivo. Úsalo para validar, renombrar o rechazar archivos.
hooks: {
"media:beforeUpload": async (event, ctx) => {
const { file } = event;
if (file.size > 10 * 1024 * 1024) {
throw new Error("File too large");
}
return {
name: `${Date.now()}-${file.name}`,
type: file.type,
size: file.size,
};
},
}
Evento
interface MediaUploadEvent {
file: {
name: string; // Nombre original del archivo
type: string; // Tipo MIME
size: number; // Tamaño en bytes
};
}
Valor de retorno
- Devuelve los metadatos del archivo modificados para aplicar cambios
- Devuelve
voidpara pasar sin cambios - Lanza una excepción para rechazar la subida
media:afterUpload
Se ejecuta después de subir un archivo. Úsalo para procesamiento, thumbnails o extracción de metadatos.
hooks: {
"media:afterUpload": async (event, ctx) => {
const { media } = event;
if (media.mimeType.startsWith("image/")) {
await ctx.kv.set(`media:${media.id}:analyzed`, {
processedAt: new Date().toISOString(),
});
}
},
}
Evento
interface MediaAfterUploadEvent {
media: {
id: string;
filename: string;
mimeType: string;
size: number | null;
url: string;
createdAt: string;
};
}
Hooks de ciclo de vida
plugin:install
Se ejecuta cuando un plugin se instala por primera vez. Úsalo para configuración inicial, crear colecciones de almacenamiento o sembrar datos.
hooks: {
"plugin:install": async (event, ctx) => {
await ctx.kv.set("settings:enabled", true);
await ctx.kv.set("settings:threshold", 100);
ctx.log.info("Plugin installed successfully");
},
}
plugin:activate
Se ejecuta cuando un plugin se habilita (después de la instalación o al rehabilitarlo).
hooks: {
"plugin:activate": async (event, ctx) => {
ctx.log.info("Plugin activated");
},
}
plugin:deactivate
Se ejecuta cuando un plugin se deshabilita.
hooks: {
"plugin:deactivate": async (event, ctx) => {
ctx.log.info("Plugin deactivated");
},
}
plugin:uninstall
Se ejecuta cuando un plugin se elimina. Úsalo para limpieza.
hooks: {
"plugin:uninstall": async (event, ctx) => {
const { deleteData } = event;
if (deleteData) {
const items = await ctx.kv.list("settings:");
for (const { key } of items) {
await ctx.kv.delete(key);
}
}
ctx.log.info("Plugin uninstalled");
},
}
Evento
interface UninstallEvent {
deleteData: boolean; // El usuario eligió eliminar los datos
}
Hook cron
cron
Se dispara cuando se ejecuta una tarea programada. Programa tareas con ctx.cron.schedule().
hooks: {
"cron": async (event, ctx) => {
if (event.name === "daily-sync") {
const data = await ctx.http?.fetch("https://api.example.com/data");
ctx.log.info("Sync complete");
}
},
}
Evento
interface CronEvent {
name: string;
data?: Record<string, unknown>;
scheduledAt: string;
}
Hooks de email
Los hooks de email forman un pipeline: email:beforeSend → email:deliver → email:afterSend.
email:beforeSend
Capacidad: email:intercept
Hook middleware que se ejecuta antes de la entrega. Transforma mensajes o cancela el envío.
hooks: {
"email:beforeSend": async (event, ctx) => {
return {
...event.message,
text: event.message.text + "\n\n—Sent from My Site",
};
// O devuelve false para cancelar la entrega
},
}
Evento
interface EmailBeforeSendEvent {
message: { to: string; subject: string; text: string; html?: string };
source: string;
}
Valor de retorno
- Devuelve el mensaje modificado para transformarlo
- Devuelve
falsepara cancelar la entrega - Devuelve
voidpara pasar sin cambios
email:deliver
Capacidad: email:provide | Exclusivo: Sí
El proveedor de transporte. Solo un plugin puede entregar emails. Es responsable de enviar realmente el mensaje a través de un servicio de email.
hooks: {
"email:deliver": {
exclusive: true,
handler: async (event, ctx) => {
await sendViaSES(event.message);
},
},
}
email:afterSend
Capacidad: email:intercept
Hook de tipo fire-and-forget después de la entrega exitosa. Los errores se registran pero no se propagan.
hooks: {
"email:afterSend": async (event, ctx) => {
await ctx.kv.set(`email:log:${Date.now()}`, {
to: event.message.to,
subject: event.message.subject,
});
},
}
Hooks de comentarios
Los hooks de comentarios forman un pipeline: comment:beforeCreate → comment:moderate → comment:afterCreate. El hook comment:afterModerate se dispara por separado cuando un administrador cambia el estado de un comentario.
comment:beforeCreate
Capacidad: read:users
Hook middleware antes de almacenar un comentario. Enriquece, valida o rechaza comentarios.
hooks: {
"comment:beforeCreate": async (event, ctx) => {
if (event.comment.body.includes("http")) {
return false;
}
},
}
Evento
interface CommentBeforeCreateEvent {
comment: {
collection: string;
contentId: string;
parentId: string | null;
authorName: string;
authorEmail: string;
authorUserId: string | null;
body: string;
ipHash: string | null;
userAgent: string | null;
};
metadata: Record<string, unknown>;
}
Valor de retorno
- Devuelve el evento modificado para transformarlo
- Devuelve
falsepara rechazarlo - Devuelve
voidpara pasar sin cambios
comment:moderate
Capacidad: read:users | Exclusivo: Sí
Decide si un comentario se aprueba, queda pendiente o es spam. Solo un proveedor de moderación está activo.
hooks: {
"comment:moderate": {
exclusive: true,
handler: async (event, ctx) => {
const score = await checkSpam(event.comment);
return {
status: score > 0.8 ? "spam" : score > 0.5 ? "pending" : "approved",
reason: `Spam score: ${score}`,
};
},
},
}
Evento
interface CommentModerateEvent {
comment: { /* igual que beforeCreate */ };
metadata: Record<string, unknown>;
collectionSettings: {
commentsEnabled: boolean;
commentsModeration: "all" | "first_time" | "none";
commentsClosedAfterDays: number;
commentsAutoApproveUsers: boolean;
};
priorApprovedCount: number;
}
Valor de retorno
{ status: "approved" | "pending" | "spam"; reason?: string }
comment:afterCreate
Capacidad: read:users
Hook de tipo fire-and-forget después de almacenar un comentario. Úsalo para notificaciones.
hooks: {
"comment:afterCreate": async (event, ctx) => {
if (event.comment.status === "approved") {
await ctx.email?.send({
to: event.contentAuthor?.email,
subject: `New comment on "${event.content.title}"`,
text: `${event.comment.authorName} commented: ${event.comment.body}`,
});
}
},
}
comment:afterModerate
Capacidad: read:users
Hook de tipo fire-and-forget cuando un administrador cambia manualmente el estado de un comentario.
Evento
interface CommentAfterModerateEvent {
comment: { id: string; /* ... */ };
previousStatus: string;
newStatus: string;
moderator: { id: string; name: string | null };
}
Hooks de página
Los hooks de página se ejecutan al renderizar páginas públicas. Permiten que los plugins inyecten metadatos y scripts.
page:metadata
Capacidad: page:inject
Aporta meta tags, propiedades Open Graph, datos estructurados JSON-LD o etiquetas link al head de la página.
hooks: {
"page:metadata": async (event, ctx) => {
return [
{ kind: "meta", name: "generator", content: "EmDash" },
{ kind: "property", property: "og:site_name", content: event.page.siteName },
{ kind: "jsonld", graph: { "@type": "WebSite", name: event.page.siteName } },
];
},
}
Tipos de contribución
type PageMetadataContribution =
| { kind: "meta"; name: string; content: string; key?: string }
| { kind: "property"; property: string; content: string; key?: string }
| { kind: "link"; rel: string; href: string; hreflang?: string; key?: string }
| { kind: "jsonld"; id?: string; graph: Record<string, unknown> };
El campo key deduplica contribuciones — solo se usa la última contribución con una clave determinada.
page:fragments
Capacidad: page:inject
Inyecta scripts o HTML en las páginas. Solo disponible para plugins de confianza (nativos).
hooks: {
"page:fragments": async (event, ctx) => {
return [
{
kind: "external-script",
placement: "body:end",
src: "https://analytics.example.com/script.js",
async: true,
},
{
kind: "inline-script",
placement: "head",
code: `window.siteId = "abc123";`,
},
];
},
}
Tipos de contribución
type PageFragmentContribution =
| {
kind: "external-script";
placement: "head" | "body:start" | "body:end";
src: string;
async?: boolean;
defer?: boolean;
attributes?: Record<string, string>;
key?: string;
}
| {
kind: "inline-script";
placement: "head" | "body:start" | "body:end";
code: string;
attributes?: Record<string, string>;
key?: string;
}
| {
kind: "html";
placement: "head" | "body:start" | "body:end";
html: string;
key?: string;
};
Configuración de hooks
Los hooks aceptan una función handler o un objeto de configuración:
hooks: {
// Handler simple
"content:afterSave": async (event, ctx) => { ... },
// Con configuración
"content:beforeSave": {
priority: 50, // Menor se ejecuta primero (predeterminado: 100)
timeout: 10000, // Tiempo máximo de ejecución en ms (predeterminado: 5000)
dependencies: [], // Ejecutar después de estos plugins
errorPolicy: "abort", // "continue" o "abort" (predeterminado)
handler: async (event, ctx) => { ... },
},
}
Opciones de configuración
| Opción | Tipo | Predeterminado | Descripción |
|---|---|---|---|
priority | number | 100 | Orden de ejecución (menor = antes) |
timeout | number | 5000 | Tiempo máximo de ejecución en milisegundos |
dependencies | string[] | [] | IDs de plugins que deben ejecutarse primero |
errorPolicy | string | "abort" | "continue" para ignorar errores |
exclusive | boolean | false | Solo un plugin puede ser el proveedor activo (para hooks de patrón proveedor como email:deliver, comment:moderate) |
Contexto del plugin
Todos los hooks reciben un objeto de contexto con acceso a las APIs del plugin:
interface PluginContext {
plugin: { id: string; version: string };
storage: PluginStorage;
kv: KVAccess;
content?: ContentAccess;
media?: MediaAccess;
http?: HttpAccess;
log: LogAccess;
site: { name: string; url: string; locale: string };
url(path: string): string;
users?: UserAccess;
cron?: CronAccess;
email?: EmailAccess;
}
Consulta Descripción general de plugins — Contexto del plugin para los requisitos de capacidades y detalles de los métodos.
Manejo de errores
Los errores en hooks se registran y manejan según errorPolicy:
"abort"(predeterminado) — Detiene la ejecución, revierte la transacción si aplica"continue"— Registra el error y continúa con el siguiente hook
hooks: {
"content:beforeSave": {
errorPolicy: "continue",
handler: async (event, ctx) => {
try {
await ctx.http?.fetch("https://api.example.com/validate");
} catch (error) {
ctx.log.warn("Validation service unavailable", error);
}
},
},
}
Orden de ejecución
Los hooks se ejecutan en este orden:
- Ordenados por
priority(ascendente) - Los plugins con
dependenciesse ejecutan después de sus dependencias - Con la misma prioridad, el orden es determinista pero no especificado
// Este se ejecuta primero (priority 10)
{ priority: 10, handler: ... }
// Este se ejecuta segundo (priority 50)
{ priority: 50, handler: ... }
// Este se ejecuta último (priority predeterminado 100)
{ handler: ... }