@wakastellar/ui 4.0.0 → 4.1.1

package/src/components/editor/waka-document-editor.tsx

@@ -6,10 +6,15 @@ import { Label } from "../label"
 import { ScrollArea } from "../scroll-area"
 import { Textarea } from "../textarea"
 
+import type { AnyPluginConfig, Descendant, SlateEditor, Value } from "platejs"
+
 // ─── Types ───────────────────────────────────────────────────────────────────
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type SlateNode = any
+/** A single Slate document node (element or text leaf). */
+type SlateNode = Descendant
+
+/** Default empty document used when no initial value is provided. */
+const EMPTY_VALUE: Value = [{ type: "p", children: [{ text: "" }] }]
 
 /** TOC entry extracted from headings */
 export interface TocEntry {
@@ -21,9 +26,9 @@ export interface TocEntry {
 
 export interface WakaDocumentEditorProps {
   /** Initial Slate content */
-  value?: SlateNode[]
+  value?: Value
   /** Change callback */
-  onChange?: (value: SlateNode[]) => void
+  onChange?: (value: Value) => void
   /** Read-only mode */
   readOnly?: boolean
   /** Placeholder */
@@ -63,24 +68,39 @@ export interface WakaDocumentEditorProps {
   /** Enable markdown paste support */
   enableMarkdown?: boolean
   /** Extra Plate plugins */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
+  extraPlugins?: AnyPluginConfig[]
   /** Ref to the editor instance */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  editorRef?: React.MutableRefObject<SlateEditor | null>
 }
 
 // ─── Plate bundle ────────────────────────────────────────────────────────────
 
+/** Props passed to the dynamically loaded Plate root component. */
+interface PlateComponentProps {
+  editor: SlateEditor
+  onChange?: (change: { value: Value }) => void
+  readOnly?: boolean
+  children?: React.ReactNode
+}
+
+/** Props passed to the dynamically loaded PlateContent component. */
+interface PlateContentProps {
+  placeholder?: string
+  readOnly?: boolean
+  className?: string
+}
+
+/** Configuration accepted by the dynamically loaded usePlateEditor hook. */
+interface PlateEditorConfig {
+  plugins: AnyPluginConfig[]
+  value?: Value
+}
+
 interface PlateBundle {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  Plate: React.ComponentType<any>
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  PlateContent: React.ComponentType<any>
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  usePlateEditor: (config: any) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  plugins: any[]
+  Plate: React.ComponentType<PlateComponentProps>
+  PlateContent: React.ComponentType<PlateContentProps>
+  usePlateEditor: (config: PlateEditorConfig) => SlateEditor
+  plugins: AnyPluginConfig[]
 }
 
 // ─── Component ───────────────────────────────────────────────────────────────
@@ -174,8 +194,7 @@ export const WakaDocumentEditor = React.forwardRef<HTMLDivElement, WakaDocumentE
               import("@platejs/indent/react"),
             ])
 
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const plugins: any[] = [
+          const plugins: AnyPluginConfig[] = [
             basicNodes.BoldPlugin, basicNodes.ItalicPlugin, basicNodes.UnderlinePlugin,
             basicNodes.StrikethroughPlugin, basicNodes.CodePlugin, basicNodes.HighlightPlugin,
             basicNodes.SuperscriptPlugin, basicNodes.SubscriptPlugin,
@@ -278,10 +297,11 @@ export const WakaDocumentEditor = React.forwardRef<HTMLDivElement, WakaDocumentE
       const headingTypes = new Set(["h1", "h2", "h3", "h4", "h5", "h6"])
 
       for (const node of value) {
-        if (headingTypes.has(node?.type)) {
+        const nodeType = isElement(node) ? node.type : undefined
+        if (typeof nodeType === "string" && headingTypes.has(nodeType)) {
           const text = extractText(node)
           if (text.trim()) {
-            const level = parseInt(node.type.replace("h", ""), 10)
+            const level = parseInt(nodeType.replace("h", ""), 10)
             entries.push({
               id: `toc-${counter++}`,
               text: text.trim(),
@@ -346,8 +366,8 @@ WakaDocumentEditor.displayName = "WakaDocumentEditor"
 
 interface DocumentEditorInnerProps {
   bundle: PlateBundle
-  value?: SlateNode[]
-  onChange?: (value: SlateNode[]) => void
+  value?: Value
+  onChange?: (value: Value) => void
   readOnly?: boolean
   placeholder?: string
   className?: string
@@ -360,10 +380,8 @@ interface DocumentEditorInnerProps {
   onTitleChange?: (title: string) => void
   showTOC?: boolean
   toc: TocEntry[]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  extraPlugins?: AnyPluginConfig[]
+  editorRef?: React.MutableRefObject<SlateEditor | null>
 }
 
 const DocumentEditorInner = React.forwardRef<HTMLDivElement, DocumentEditorInnerProps>(
@@ -396,7 +414,7 @@ const DocumentEditorInner = React.forwardRef<HTMLDivElement, DocumentEditorInner
 
     const editor = usePlateEditor({
       plugins: allPlugins,
-      value: value ?? [{ type: "p", children: [{ text: "" }] }],
+      value: value ?? EMPTY_VALUE,
     })
 
     React.useEffect(() => {
@@ -410,7 +428,7 @@ const DocumentEditorInner = React.forwardRef<HTMLDivElement, DocumentEditorInner
 
         <Plate
           editor={editor}
-          onChange={onChange ? ({ value: v }: { value: SlateNode[] }) => onChange(v) : undefined}
+          onChange={onChange ? ({ value: v }: { value: Value }) => onChange(v) : undefined}
           readOnly={readOnly}
         >
           <div className={cn(
@@ -493,10 +511,15 @@ DocumentEditorInner.displayName = "DocumentEditorInner"
 
 // ─── Helpers ─────────────────────────────────────────────────────────────────
 
+/** Type guard narrowing a Slate node to an element (has `children`). */
+function isElement(node: SlateNode): node is Extract<SlateNode, { children: Descendant[] }> {
+  return "children" in node && Array.isArray(node.children)
+}
+
 function extractText(node: SlateNode): string {
-  if (typeof node?.text === "string") return node.text
-  if (Array.isArray(node?.children)) {
-    return node.children.map((c: SlateNode) => extractText(c)).join("")
+  if ("text" in node && typeof node.text === "string") return node.text
+  if (isElement(node)) {
+    return node.children.map((c) => extractText(c)).join("")
   }
   return ""
 }

package/src/components/editor/waka-editor.tsx

@@ -1,6 +1,8 @@
 "use client"
 
 import * as React from "react"
+import type { Descendant } from "platejs"
+import type { PlateEditor } from "@platejs/core/react"
 import { cn } from "../../utils/cn"
 import { Label } from "../label"
 import { Textarea } from "../textarea"
@@ -10,11 +12,10 @@ import type { WakaEditorPreset } from "./waka-editor-plugins"
 // ─── Types ───────────────────────────────────────────────────────────────────
 
 /**
- * Slate/Plate node type. Using a generic type to avoid tight coupling
- * with Plate internals while remaining compatible.
+ * Slate/Plate node type. A node is either an element or a text leaf;
+ * Plate's `Descendant` union captures both while remaining compatible.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type SlateNode = any
+export type SlateNode = Descendant
 
 export interface WakaEditorProps {
   /** Initial content as Slate value */
@@ -71,18 +72,16 @@ export interface WakaEditorProps {
   // ── Advanced ──────────────────────────────────────────────────────────────
 
   /** Extra Plate plugins to add on top of the preset */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
+  extraPlugins?: unknown[]
   /** Ref to the internal Plate editor instance */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  editorRef?: React.MutableRefObject<PlateEditor | null>
 }
 
 // ─── Plate component types (loaded dynamically) ─────────────────────────────
 
 interface PlateComponents {
   Plate: React.ComponentType<{
-    editor: unknown
+    editor: PlateEditor
     children?: React.ReactNode
     onChange?: (ctx: { value: SlateNode[] }) => void
     readOnly?: boolean
@@ -92,7 +91,7 @@ interface PlateComponents {
     className?: string
     readOnly?: boolean
   }>
-  usePlateEditor: (config: unknown) => unknown
+  usePlateEditor: (config: { plugins?: unknown[]; value?: SlateNode[] }) => PlateEditor
 }
 
 // ─── Main component ─────────────────────────────────────────────────────────
@@ -257,8 +256,7 @@ interface PlateEditorInnerProps {
   toolbarGroups?: ToolbarGroup[]
   hideToolbar?: boolean
   onAIClick?: () => void
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  editorRef?: React.MutableRefObject<PlateEditor | null>
 }
 
 const PlateEditorInner = React.forwardRef<HTMLDivElement, PlateEditorInnerProps>(
@@ -304,7 +302,7 @@ const PlateEditorInner = React.forwardRef<HTMLDivElement, PlateEditorInnerProps>
         )}
 
         <Plate
-          editor={editor as never}
+          editor={editor}
           onChange={onChange ? ({ value: v }: { value: SlateNode[] }) => onChange(v) : undefined}
           readOnly={readOnly}
         >

package/src/components/editor/waka-floating-toolbar.tsx

@@ -23,11 +23,9 @@ export interface FloatingToolbarButton {
   label: string
   shortcut?: string
   /** Execute the action on the editor */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  action: (editor: any) => void
+  action: (editor: unknown) => void
   /** Check if this mark/block is active */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  isActive?: (editor: any) => boolean
+  isActive?: (editor: unknown) => boolean
 }
 
 export interface WakaFloatingToolbarProps {
@@ -51,6 +49,18 @@ export interface WakaFloatingToolbarProps {
   disableFloating?: boolean
 }
 
+/** Shape returned by `@platejs/floating`'s `useFloatingToolbar` hook. */
+interface FloatingToolbarHookResult {
+  ref?:
+    | ((node: HTMLDivElement | null) => void)
+    | React.MutableRefObject<HTMLDivElement | null>
+  props?: Record<string, unknown>
+  hidden?: boolean
+}
+
+/** The lazily-loaded `useFloatingToolbar` hook from `@platejs/floating`. */
+type FloatingToolbarHook = (args: { editor: unknown }) => FloatingToolbarHookResult
+
 // ─── Default buttons ─────────────────────────────────────────────────────────
 
 function safeAction(editor: unknown, fn: (e: Record<string, unknown>) => void) {
@@ -150,15 +160,17 @@ export const WakaFloatingToolbar = React.forwardRef<HTMLDivElement, WakaFloating
     },
     ref
   ) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [floatingHook, setFloatingHook] = React.useState<any>(null)
+    const [floatingHook, setFloatingHook] = React.useState<FloatingToolbarHook | null>(null)
 
     React.useEffect(() => {
       if (disableFloating) return
       import("@platejs/floating")
         .then((mod) => {
           if (mod.useFloatingToolbar) {
-            setFloatingHook(() => mod.useFloatingToolbar)
+            // The runtime hook is invoked with `{ editor }` (see
+            // FloatingToolbarPositioned); adapt its declared signature to that.
+            const hook = mod.useFloatingToolbar as unknown as FloatingToolbarHook
+            setFloatingHook(() => hook)
           }
         })
         .catch(() => {
@@ -216,8 +228,7 @@ interface FloatingToolbarBaseProps {
 }
 
 interface FloatingToolbarPositionedProps extends FloatingToolbarBaseProps {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  floatingHook: any
+  floatingHook: FloatingToolbarHook
 }
 
 function FloatingToolbarLayout({

package/src/components/editor/waka-markdown-editor.tsx

@@ -1,6 +1,8 @@
 "use client"
 
 import * as React from "react"
+import type { AnyPluginConfig, Descendant, Value } from "platejs"
+import type { PlateEditor } from "@platejs/core/react"
 import { cn } from "../../utils/cn"
 import { Label } from "../label"
 import { Textarea } from "../textarea"
@@ -8,8 +10,7 @@ import { Button } from "../button"
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type SlateNode = any
+type SlateNode = Descendant
 
 export type MarkdownEditorMode = "rich" | "markdown" | "split"
 
@@ -41,24 +42,27 @@ export interface WakaMarkdownEditorProps {
   /** Error */
   error?: string
   /** Extra Plate plugins */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
+  extraPlugins?: AnyPluginConfig[]
   /** Ref to editor instance */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  editorRef?: React.MutableRefObject<PlateEditor | null>
 }
 
 // ─── Plate bundle ────────────────────────────────────────────────────────────
 
 interface PlateBundle {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  Plate: React.ComponentType<any>
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  PlateContent: React.ComponentType<any>
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  usePlateEditor: (config: any) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  plugins: any[]
+  Plate: React.ComponentType<{
+    editor: PlateEditor
+    children?: React.ReactNode
+    onChange?: (ctx: { value: Value }) => void
+    readOnly?: boolean
+  }>
+  PlateContent: React.ComponentType<{
+    placeholder?: string
+    className?: string
+    readOnly?: boolean
+  }>
+  usePlateEditor: (config: { plugins?: AnyPluginConfig[]; value?: Value }) => PlateEditor
+  plugins: AnyPluginConfig[]
   /** Serializes Slate nodes to Markdown */
   serializeMd: (editor: unknown, opts?: { value?: SlateNode[] }) => string
   /** Deserializes Markdown to Slate nodes */
@@ -136,8 +140,7 @@ export const WakaMarkdownEditor = React.forwardRef<HTMLDivElement, WakaMarkdownE
               import("@platejs/markdown"),
             ])
 
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const plugins: any[] = [
+          const plugins: AnyPluginConfig[] = [
             basicNodes.BoldPlugin, basicNodes.ItalicPlugin, basicNodes.UnderlinePlugin,
             basicNodes.StrikethroughPlugin, basicNodes.CodePlugin, basicNodes.HighlightPlugin,
             basicNodes.H1Plugin, basicNodes.H2Plugin, basicNodes.H3Plugin,
@@ -341,10 +344,8 @@ function RichPane({
   placeholder?: string
   minHeight?: number
   className?: string
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  extraPlugins?: AnyPluginConfig[]
+  editorRef?: React.MutableRefObject<PlateEditor | null>
 }) {
   const allPlugins = React.useMemo(
     () => [...plugins, ...(extraPlugins ?? [])],

package/src/components/editor/waka-mention-editor.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from "react"
+import type { AnyPluginConfig, Descendant, SlateEditor, Value } from "platejs"
 import { cn } from "../../utils/cn"
 import { Label } from "../label"
 import { Textarea } from "../textarea"
@@ -8,8 +9,24 @@ import { Avatar, AvatarFallback, AvatarImage } from "../avatar"
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type SlateNode = any
+type SlateNode = Descendant
+
+/** Plate runtime bundle resolved via dynamic import at mount time. */
+interface PlateBundle {
+  Plate: React.ComponentType<{
+    editor: SlateEditor
+    children?: React.ReactNode
+    onChange?: (ctx: { value: Value }) => void
+    readOnly?: boolean
+  }>
+  PlateContent: React.ComponentType<{
+    placeholder?: string
+    className?: string
+    readOnly?: boolean
+  }>
+  usePlateEditor: (config: { plugins?: AnyPluginConfig[]; value?: Value }) => SlateEditor
+  plugins: AnyPluginConfig[]
+}
 
 /** A mentionable user entity */
 export interface MentionableUser {
@@ -82,11 +99,9 @@ export interface WakaMentionEditorProps {
    */
   maxResults?: number
   /** Extra Plate plugins */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
+  extraPlugins?: AnyPluginConfig[]
   /** Ref to editor instance */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  editorRef?: React.MutableRefObject<SlateEditor | null>
 }
 
 // ─── Component ───────────────────────────────────────────────────────────────
@@ -149,8 +164,7 @@ export const WakaMentionEditor = React.forwardRef<HTMLDivElement, WakaMentionEdi
     },
     ref
   ) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [bundle, setBundle] = React.useState<any>(null)
+    const [bundle, setBundle] = React.useState<PlateBundle | null>(null)
     const [loadError, setLoadError] = React.useState(false)
     const [suggestions, setSuggestions] = React.useState<MentionableUser[]>([])
     const [searching, setSearching] = React.useState(false)
@@ -178,8 +192,7 @@ export const WakaMentionEditor = React.forwardRef<HTMLDivElement, WakaMentionEdi
               import("@platejs/mention/react"),
             ])
 
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const plugins: any[] = [
+          const plugins: AnyPluginConfig[] = [
             basicNodes.BoldPlugin, basicNodes.ItalicPlugin, basicNodes.UnderlinePlugin,
             basicNodes.StrikethroughPlugin, basicNodes.CodePlugin, basicNodes.HighlightPlugin,
             basicNodes.H1Plugin, basicNodes.H2Plugin, basicNodes.H3Plugin,
@@ -296,8 +309,7 @@ WakaMentionEditor.displayName = "WakaMentionEditor"
 // ─── Inner component ────────────────────────────────────────────────────────
 
 interface MentionEditorInnerProps {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  bundle: any
+  bundle: PlateBundle
   value?: SlateNode[]
   onChange?: (value: SlateNode[]) => void
   readOnly?: boolean
@@ -312,10 +324,8 @@ interface MentionEditorInnerProps {
   searching: boolean
   onSearch: (query: string) => void
   onMentionInserted?: (mention: InsertedMention) => void
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  extraPlugins?: any[]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  editorRef?: React.MutableRefObject<any>
+  extraPlugins?: AnyPluginConfig[]
+  editorRef?: React.MutableRefObject<SlateEditor | null>
 }
 
 const MentionEditorInner = React.forwardRef<HTMLDivElement, MentionEditorInnerProps>(
@@ -346,7 +356,7 @@ const MentionEditorInner = React.forwardRef<HTMLDivElement, MentionEditorInnerPr
 
     const editor = usePlateEditor({
       plugins: allPlugins,
-      value: value ?? [{ type: "p", children: [{ text: "" }] }],
+      value: (value ?? [{ type: "p", children: [{ text: "" }] }]) as Value,
     })
 
     React.useEffect(() => {

package/src/components/editor/waka-slash-menu.tsx

@@ -22,6 +22,24 @@ import { cn } from "../../utils/cn"
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 
+/**
+ * Minimal Plate/Slate editor surface used by slash command actions.
+ *
+ * Slash command callbacks reach for editor methods that are contributed
+ * dynamically by plugins (`tf.<plugin>`, TipTap-style `chain()`) or by the
+ * Slate core (`insertNodes`). They are declared here structurally so command
+ * authors get an editor instead of `any`, while the dynamic surfaces stay
+ * accessible without forcing per-call narrowing.
+ */
+export interface SlashCommandEditor {
+  /** Inserts Slate nodes at the current selection. */
+  insertNodes: (nodes: unknown, options?: unknown) => void
+  /** Plate transform surface (`editor.tf.<plugin>.<op>`). */
+  tf: Record<string, Record<string, (...args: unknown[]) => void>>
+  /** Additional, plugin-provided members accessed dynamically. */
+  [key: string]: unknown
+}
+
 /** A single slash command entry */
 export interface SlashCommand {
   /** Unique key used for filtering */
@@ -40,8 +58,7 @@ export interface SlashCommand {
    * Action to execute when the command is selected.
    * Receives the Plate editor instance.
    */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  action: (editor: any) => void
+  action: (editor: SlashCommandEditor) => void
 }
 
 export interface WakaSlashMenuProps {
@@ -55,6 +72,22 @@ export interface WakaSlashMenuProps {
 
 // ─── Default commands ────────────────────────────────────────────────────────
 
+/** Plate transform surface (`editor.tf.<plugin>.<op>`), accessed dynamically. */
+type EditorTransforms = { tf: Record<string, Record<string, (...args: unknown[]) => void>> }
+/** TipTap-style command chain surface (`editor.chain().focus()...run()`). */
+type EditorChain = { chain: () => Record<string, () => EditorChainStep> }
+type EditorChainStep = Record<string, () => EditorChainStep> & { run: () => void }
+
+/** Runs a Plate transform action, swallowing errors when the plugin is absent. */
+function runTransform(editor: unknown, fn: (tf: EditorTransforms["tf"]) => void) {
+  try { fn((editor as EditorTransforms).tf) } catch { /* plugin not loaded */ }
+}
+
+/** Runs a TipTap-style command chain, swallowing errors when unsupported. */
+function runChain(editor: unknown, fn: (chain: EditorChain["chain"]) => void) {
+  try { fn((editor as EditorChain).chain) } catch { /* command not loaded */ }
+}
+
 /** Default slash commands for WakaStart editors */
 export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
   // Basic blocks
@@ -65,7 +98,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Heading1,
     group: "Blocs de base",
     keywords: ["heading", "titre", "h1"],
-    action: (e) => { try { e.tf.h1.toggle() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.h1.toggle()),
   },
   {
     key: "h2",
@@ -74,7 +107,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Heading2,
     group: "Blocs de base",
     keywords: ["heading", "titre", "h2"],
-    action: (e) => { try { e.tf.h2.toggle() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.h2.toggle()),
   },
   {
     key: "h3",
@@ -83,7 +116,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Heading3,
     group: "Blocs de base",
     keywords: ["heading", "titre", "h3"],
-    action: (e) => { try { e.tf.h3.toggle() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.h3.toggle()),
   },
   {
     key: "bulletList",
@@ -92,7 +125,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: List,
     group: "Blocs de base",
     keywords: ["bullet", "list", "unordered", "puces"],
-    action: (e) => { try { e.chain().focus().toggleBulletList().run() } catch { /* */ } },
+    action: (e) => runChain(e, (chain) => chain().focus().toggleBulletList().run()),
   },
   {
     key: "numberedList",
@@ -101,7 +134,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: ListOrdered,
     group: "Blocs de base",
     keywords: ["numbered", "list", "ordered", "numerotee"],
-    action: (e) => { try { e.chain().focus().toggleOrderedList().run() } catch { /* */ } },
+    action: (e) => runChain(e, (chain) => chain().focus().toggleOrderedList().run()),
   },
   {
     key: "blockquote",
@@ -110,7 +143,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Quote,
     group: "Blocs de base",
     keywords: ["quote", "citation", "blockquote"],
-    action: (e) => { try { e.tf.blockquote.toggle() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.blockquote.toggle()),
   },
   // Advanced blocks
   {
@@ -120,7 +153,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Table,
     group: "Blocs avances",
     keywords: ["table", "tableau", "grid"],
-    action: (e) => { try { e.tf.table.insert({ rows: 3, cols: 3 }) } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.table.insert({ rows: 3, cols: 3 })),
   },
   {
     key: "columns",
@@ -129,7 +162,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Columns2,
     group: "Blocs avances",
     keywords: ["column", "colonne", "layout", "mise en page"],
-    action: (e) => { try { e.tf.column.insert() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.column.insert()),
   },
   {
     key: "callout",
@@ -138,7 +171,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: MessageSquarePlus,
     group: "Blocs avances",
     keywords: ["callout", "alert", "info", "encart"],
-    action: (e) => { try { e.tf.callout.insert() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.callout.insert()),
   },
   {
     key: "codeBlock",
@@ -147,7 +180,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Code,
     group: "Blocs avances",
     keywords: ["code", "pre", "source"],
-    action: (e) => { try { e.chain().focus().toggleCodeBlock().run() } catch { /* */ } },
+    action: (e) => runChain(e, (chain) => chain().focus().toggleCodeBlock().run()),
   },
   // Insertions
   {
@@ -157,7 +190,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Link,
     group: "Insertions",
     keywords: ["link", "lien", "url", "href"],
-    action: (e) => { try { e.tf.link.toggle() } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.link.toggle()),
   },
   {
     key: "image",
@@ -166,7 +199,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Image,
     group: "Insertions",
     keywords: ["image", "photo", "picture", "img"],
-    action: (e) => { try { e.tf.image.insert({ url: "" }) } catch { /* */ } },
+    action: (e) => runTransform(e, (tf) => tf.image.insert({ url: "" })),
   },
   {
     key: "divider",
@@ -175,7 +208,7 @@ export const DEFAULT_SLASH_COMMANDS: SlashCommand[] = [
     icon: Minus,
     group: "Insertions",
     keywords: ["divider", "separator", "hr", "line"],
-    action: (e) => { try { e.chain().focus().insertBreak().run() } catch { /* */ } },
+    action: (e) => runChain(e, (chain) => chain().focus().insertBreak().run()),
   },
   // AI
   {