Les hooks permettent aux plugins d’intercepter et de modifier le comportement d’EmDash à des points spécifiques du cycle de vie du contenu, des médias, des emails, des commentaires et des pages.
Vue d’ensemble des hooks
| Hook | Déclencheur | Peut modifier | Exclusif |
|---|---|---|---|
content:beforeSave | Avant la sauvegarde du contenu | Données du contenu | Non |
content:afterSave | Après la sauvegarde du contenu | Rien | Non |
content:beforeDelete | Avant la suppression du contenu | Peut annuler | Non |
content:afterDelete | Après la suppression du contenu | Rien | Non |
media:beforeUpload | Avant le téléversement d’un fichier | Métadonnées du fichier | Non |
media:afterUpload | Après le téléversement d’un fichier | Rien | Non |
cron | Exécution d’une tâche planifiée | Rien | Non |
email:beforeSend | Avant l’envoi d’un email | Message, peut annuler | Non |
email:deliver | Livraison de l’email via le transport | Rien | Oui |
email:afterSend | Après la livraison réussie de l’email | Rien | Non |
comment:beforeCreate | Avant le stockage d’un commentaire | Commentaire, peut annuler | Non |
comment:moderate | Décision du statut d’approbation | Statut | Oui |
comment:afterCreate | Après le stockage d’un commentaire | Rien | Non |
comment:afterModerate | Après modification du statut par un admin | Rien | Non |
page:metadata | Rendu du head de la page publique | Contribuer des balises | Non |
page:fragments | Rendu du body de la page publique | Injecter des scripts | Non |
plugin:install | Lors de la première installation | Rien | Non |
plugin:activate | Lors de l’activation du plugin | Rien | Non |
plugin:deactivate | Lors de la désactivation du plugin | Rien | Non |
plugin:uninstall | Lors de la suppression du plugin | Rien | Non |
Hooks de contenu
content:beforeSave
S’exécute avant que le contenu ne soit sauvegardé en base de données. Utilisez-le pour valider, transformer ou enrichir le contenu.
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;
},
},
});
Événement
interface ContentHookEvent {
content: Record<string, unknown>; // Données du contenu
collection: string; // Slug de la collection
isNew: boolean; // True pour les créations, false pour les mises à jour
}
Valeur de retour
- Retournez l’objet contenu modifié pour appliquer les changements
- Retournez
voidpour passer sans modification
content:afterSave
S’exécute après la sauvegarde du contenu. Utilisez-le pour les effets de bord comme les notifications, l’invalidation de cache ou la synchronisation externe.
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 }),
});
}
},
}
Valeur de retour
Aucune valeur de retour attendue.
content:beforeDelete
S’exécute avant la suppression du contenu. Utilisez-le pour valider la suppression ou l’empêcher.
hooks: {
"content:beforeDelete": async (event, ctx) => {
const { id, collection } = event;
const item = await ctx.content?.get(collection, id);
if (item?.data.protected) {
return false; // Annuler la suppression
}
return true;
},
}
Événement
interface ContentDeleteEvent {
id: string; // ID de l'entrée
collection: string; // Slug de la collection
}
Valeur de retour
- Retournez
falsepour annuler la suppression - Retournez
trueouvoidpour autoriser
content:afterDelete
S’exécute après la suppression du contenu. Utilisez-le pour les tâches de nettoyage.
hooks: {
"content:afterDelete": async (event, ctx) => {
const { id, collection } = event;
await ctx.storage.relatedItems.delete(`${collection}:${id}`);
},
}
Hooks de médias
media:beforeUpload
S’exécute avant le téléversement d’un fichier. Utilisez-le pour valider, renommer ou rejeter les fichiers.
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,
};
},
}
Événement
interface MediaUploadEvent {
file: {
name: string; // Nom de fichier original
type: string; // Type MIME
size: number; // Taille en octets
};
}
Valeur de retour
- Retournez les métadonnées du fichier modifiées pour appliquer les changements
- Retournez
voidpour passer sans modification - Lancez une exception pour rejeter le téléversement
media:afterUpload
S’exécute après le téléversement d’un fichier. Utilisez-le pour le traitement, les miniatures ou l’extraction de métadonnées.
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(),
});
}
},
}
Événement
interface MediaAfterUploadEvent {
media: {
id: string;
filename: string;
mimeType: string;
size: number | null;
url: string;
createdAt: string;
};
}
Hooks de cycle de vie
plugin:install
S’exécute lors de la première installation d’un plugin. Utilisez-le pour la configuration initiale, la création de collections de stockage ou l’initialisation des données.
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
S’exécute lorsqu’un plugin est activé (après installation ou réactivation).
hooks: {
"plugin:activate": async (event, ctx) => {
ctx.log.info("Plugin activated");
},
}
plugin:deactivate
S’exécute lorsqu’un plugin est désactivé.
hooks: {
"plugin:deactivate": async (event, ctx) => {
ctx.log.info("Plugin deactivated");
},
}
plugin:uninstall
S’exécute lorsqu’un plugin est supprimé. Utilisez-le pour le nettoyage.
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");
},
}
Événement
interface UninstallEvent {
deleteData: boolean; // L'utilisateur a choisi de supprimer les données
}
Hook Cron
cron
Se déclenche lorsqu’une tâche planifiée s’exécute. Planifiez les tâches avec 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");
}
},
}
Événement
interface CronEvent {
name: string;
data?: Record<string, unknown>;
scheduledAt: string;
}
Hooks d’email
Les hooks d’email forment un pipeline : email:beforeSend → email:deliver → email:afterSend.
email:beforeSend
Capacité : email:intercept
Hook middleware qui s’exécute avant la livraison. Transformez les messages ou annulez la livraison.
hooks: {
"email:beforeSend": async (event, ctx) => {
return {
...event.message,
text: event.message.text + "\n\n—Sent from My Site",
};
// Ou retournez false pour annuler la livraison
},
}
Événement
interface EmailBeforeSendEvent {
message: { to: string; subject: string; text: string; html?: string };
source: string;
}
Valeur de retour
- Retournez le message modifié pour le transformer
- Retournez
falsepour annuler la livraison - Retournez
voidpour passer sans modification
email:deliver
Capacité : email:provide | Exclusif : Oui
Le fournisseur de transport. Un seul plugin peut livrer les emails. Responsable de l’envoi effectif du message via un service d’email.
hooks: {
"email:deliver": {
exclusive: true,
handler: async (event, ctx) => {
await sendViaSES(event.message);
},
},
}
email:afterSend
Capacité : email:intercept
Hook « fire-and-forget » après la livraison réussie. Les erreurs sont journalisées mais ne se propagent pas.
hooks: {
"email:afterSend": async (event, ctx) => {
await ctx.kv.set(`email:log:${Date.now()}`, {
to: event.message.to,
subject: event.message.subject,
});
},
}
Hooks de commentaires
Les hooks de commentaires forment un pipeline : comment:beforeCreate → comment:moderate → comment:afterCreate. Le hook comment:afterModerate se déclenche séparément lorsqu’un administrateur modifie le statut d’un commentaire.
comment:beforeCreate
Capacité : read:users
Hook middleware avant le stockage d’un commentaire. Enrichissez, validez ou rejetez les commentaires.
hooks: {
"comment:beforeCreate": async (event, ctx) => {
if (event.comment.body.includes("http")) {
return false;
}
},
}
Événement
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>;
}
Valeur de retour
- Retournez l’événement modifié pour le transformer
- Retournez
falsepour rejeter - Retournez
voidpour passer sans modification
comment:moderate
Capacité : read:users | Exclusif : Oui
Décidez si un commentaire est approuvé, en attente ou spam. Un seul fournisseur de modération est actif.
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}`,
};
},
},
}
Événement
interface CommentModerateEvent {
comment: { /* identique à beforeCreate */ };
metadata: Record<string, unknown>;
collectionSettings: {
commentsEnabled: boolean;
commentsModeration: "all" | "first_time" | "none";
commentsClosedAfterDays: number;
commentsAutoApproveUsers: boolean;
};
priorApprovedCount: number;
}
Valeur de retour
{ status: "approved" | "pending" | "spam"; reason?: string }
comment:afterCreate
Capacité : read:users
Hook « fire-and-forget » après le stockage d’un commentaire. Utilisez-le pour les notifications.
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
Capacité : read:users
Hook « fire-and-forget » lorsqu’un administrateur modifie manuellement le statut d’un commentaire.
Événement
interface CommentAfterModerateEvent {
comment: { id: string; /* ... */ };
previousStatus: string;
newStatus: string;
moderator: { id: string; name: string | null };
}
Hooks de page
Les hooks de page s’exécutent lors du rendu des pages publiques. Ils permettent aux plugins d’injecter des métadonnées et des scripts.
page:metadata
Capacité : page:inject
Contribuez des balises meta, des propriétés Open Graph, des données structurées JSON-LD ou des balises link au head de la page.
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 } },
];
},
}
Types de contributions
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> };
Le champ key déduplique les contributions — seule la dernière contribution avec une clé donnée est utilisée.
page:fragments
Capacité : page:inject
Injectez des scripts ou du HTML dans les pages. Disponible uniquement pour les plugins de confiance (natifs).
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";`,
},
];
},
}
Types de contributions
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;
};
Configuration des hooks
Les hooks acceptent soit une fonction handler, soit un objet de configuration :
hooks: {
// Handler simple
"content:afterSave": async (event, ctx) => { ... },
// Avec configuration
"content:beforeSave": {
priority: 50, // Plus bas s'exécute en premier (défaut : 100)
timeout: 10000, // Temps d'exécution max en ms (défaut : 5000)
dependencies: [], // S'exécute après ces plugins
errorPolicy: "abort", // "continue" ou "abort" (défaut)
handler: async (event, ctx) => { ... },
},
}
Options de configuration
| Option | Type | Défaut | Description |
|---|---|---|---|
priority | number | 100 | Ordre d’exécution (plus bas = plus tôt) |
timeout | number | 5000 | Temps d’exécution max en millisecondes |
dependencies | string[] | [] | ID des plugins qui doivent s’exécuter en premier |
errorPolicy | string | "abort" | "continue" pour ignorer les erreurs |
exclusive | boolean | false | Un seul plugin peut être le fournisseur actif (pour les hooks de type fournisseur comme email:deliver, comment:moderate) |
Contexte du plugin
Tous les hooks reçoivent un objet de contexte avec accès aux API du 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;
}
Voir Vue d’ensemble des plugins — Contexte du plugin pour les exigences de capacités et le détail des méthodes.
Gestion des erreurs
Les erreurs dans les hooks sont journalisées et traitées selon errorPolicy :
"abort"(défaut) — Arrête l’exécution, annule la transaction si applicable"continue"— Journalise l’erreur et continue au hook suivant
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);
}
},
},
}
Ordre d’exécution
Les hooks s’exécutent dans cet ordre :
- Triés par
priority(croissant) - Les plugins avec des
dependenciess’exécutent après leurs dépendances - À priorité égale, l’ordre est déterministe mais non spécifié
// S'exécute en premier (priorité 10)
{ priority: 10, handler: ... }
// S'exécute en deuxième (priorité 50)
{ priority: 50, handler: ... }
// S'exécute en dernier (priorité par défaut 100)
{ handler: ... }