@milkdown/crepe 7.5.6 → 7.5.8

package/src/feature/block-edit/menu/config.ts

@@ -61,7 +61,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 1 })
+        const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+          level: 1,
+        })
         command(state, dispatch)
       },
     })
@@ -72,7 +74,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 2 })
+        const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+          level: 2,
+        })
         command(state, dispatch)
       },
     })
@@ -83,7 +87,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 3 })
+        const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+          level: 3,
+        })
         command(state, dispatch)
       },
     })
@@ -94,7 +100,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 4 })
+        const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+          level: 4,
+        })
         command(state, dispatch)
       },
     })
@@ -105,7 +113,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 5 })
+        const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+          level: 5,
+        })
         command(state, dispatch)
       },
     })
@@ -116,7 +126,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 6 })
+        const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+          level: 6,
+        })
         command(state, dispatch)
       },
     })
@@ -127,7 +139,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndWrapInBlockType(blockquoteSchema.type(ctx))
+        const command = clearContentAndWrapInBlockType(
+          blockquoteSchema.type(ctx)
+        )
         command(state, dispatch)
       },
     })
@@ -143,7 +157,8 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
       },
     })
 
-  groupBuilder.addGroup('list', config?.slashMenuListGroupLabel ?? 'List')
+  groupBuilder
+    .addGroup('list', config?.slashMenuListGroupLabel ?? 'List')
     .addItem('bullet-list', {
       label: config?.slashMenuBulletListLabel ?? 'Bullet List',
       icon: config?.slashMenuBulletListIcon?.() ?? bulletListIcon,
@@ -151,7 +166,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndWrapInBlockType(bulletListSchema.type(ctx))
+        const command = clearContentAndWrapInBlockType(
+          bulletListSchema.type(ctx)
+        )
         command(state, dispatch)
       },
     })
@@ -162,7 +179,9 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndWrapInBlockType(orderedListSchema.type(ctx))
+        const command = clearContentAndWrapInBlockType(
+          orderedListSchema.type(ctx)
+        )
         command(state, dispatch)
       },
     })
@@ -173,12 +192,16 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
         const view = ctx.get(editorViewCtx)
         const { dispatch, state } = view
 
-        const command = clearContentAndWrapInBlockType(listItemSchema.type(ctx), { checked: false })
+        const command = clearContentAndWrapInBlockType(
+          listItemSchema.type(ctx),
+          { checked: false }
+        )
         command(state, dispatch)
       },
     })
 
-  groupBuilder.addGroup('advanced', config?.slashMenuAdvancedGroupLabel ?? 'Advanced')
+  groupBuilder
+    .addGroup('advanced', config?.slashMenuAdvancedGroupLabel ?? 'Advanced')
     .addItem('image', {
       label: config?.slashMenuImageLabel ?? 'Image',
       icon: config?.slashMenuImageIcon?.() ?? imageIcon,
@@ -227,26 +250,22 @@ export function getGroups(filter?: string, config?: BlockEditFeatureConfig) {
   if (filter) {
     groups = groups
       .map((group) => {
-        const items = group
-          .items
-          .filter(item =>
-            item
-              .label
-              .toLowerCase()
-              .includes(filter.toLowerCase()))
+        const items = group.items.filter((item) =>
+          item.label.toLowerCase().includes(filter.toLowerCase())
+        )
 
         return {
           ...group,
           items,
         }
       })
-      .filter(group => group.items.length > 0)
+      .filter((group) => group.items.length > 0)
   }
 
-  const items = groups.flatMap(groups => groups.items)
-  items.forEach(((item, index) => {
+  const items = groups.flatMap((groups) => groups.items)
+  items.forEach((item, index) => {
     Object.assign(item, { index })
-  }))
+  })
 
   groups.reduce((acc, group) => {
     const end = acc + group.items.length

package/src/feature/block-edit/menu/group-builder.ts

@@ -37,9 +37,8 @@ export class GroupBuilder {
   }
 
   getGroup = (key: string) => {
-    const group = this.#groups.find(group => group.key === key)
-    if (!group)
-      throw new Error(`Group with key ${key} not found`)
+    const group = this.#groups.find((group) => group.key === key)
+    if (!group) throw new Error(`Group with key ${key} not found`)
 
     return this.#getGroupInstance(group)
   }

package/src/feature/block-edit/menu/index.ts

@@ -16,15 +16,18 @@ export interface MenuAPI {
   hide: () => void
 }
 
-export const menuAPI = $ctx({
-  show: () => {},
-  hide: () => {},
-} as MenuAPI, 'menuAPICtx')
+export const menuAPI = $ctx(
+  {
+    show: () => {},
+    hide: () => {},
+  } as MenuAPI,
+  'menuAPICtx'
+)
 
 defIfNotExists('milkdown-slash-menu', MenuElement)
 export function configureMenu(ctx: Ctx, config?: BlockEditFeatureConfig) {
   ctx.set(menu.key, {
-    view: view => new MenuView(ctx, view, config),
+    view: (view) => new MenuView(ctx, view, config),
   })
 }
 
@@ -44,21 +47,29 @@ class MenuView implements PluginView {
       content: this.#content,
       debounce: 20,
       shouldShow(this: SlashProvider, view: EditorView) {
-        if (isInCodeBlock(view.state.selection) || isInList(view.state.selection))
+        if (
+          isInCodeBlock(view.state.selection) ||
+          isInList(view.state.selection)
+        )
           return false
 
-        const currentText = this.getContent(view, node =>
-          ['paragraph', 'heading'].includes(node.type.name))
+        const currentText = this.getContent(view, (node) =>
+          ['paragraph', 'heading'].includes(node.type.name)
+        )
 
-        if (currentText == null)
-          return false
+        if (currentText == null) return false
 
         const pos = self.#programmaticallyPos
 
-        self.#content.filter = currentText.startsWith('/') ? currentText.slice(1) : currentText
+        self.#content.filter = currentText.startsWith('/')
+          ? currentText.slice(1)
+          : currentText
 
         if (typeof pos === 'number') {
-          if (view.state.doc.resolve(pos).node() !== view.state.doc.resolve(view.state.selection.from).node()) {
+          if (
+            view.state.doc.resolve(pos).node() !==
+            view.state.doc.resolve(view.state.selection.from).node()
+          ) {
             self.#programmaticallyPos = null
 
             return false
@@ -67,8 +78,7 @@ class MenuView implements PluginView {
           return true
         }
 
-        if (!currentText.startsWith('/'))
-          return false
+        if (!currentText.startsWith('/')) return false
 
         return true
       },
@@ -84,7 +94,7 @@ class MenuView implements PluginView {
     this.update(view)
 
     ctx.set(menuAPI.key, {
-      show: pos => this.show(pos),
+      show: (pos) => this.show(pos),
       hide: () => this.hide(),
     })
   }

package/src/feature/block-edit/menu/utils.ts

@@ -12,13 +12,18 @@ export interface MenuItem {
   onRun: (ctx: Ctx) => void
 }
 
-type WithRange<T, HasIndex extends true | false = true> = HasIndex extends true ? T & { range: [start: number, end: number] } : T
-
-export type MenuItemGroup<HasIndex extends true | false = true> = WithRange<{
-  key: string
-  label: string
-  items: HasIndex extends true ? MenuItem[] : Omit<MenuItem, 'index'>[]
-}, HasIndex>
+type WithRange<T, HasIndex extends true | false = true> = HasIndex extends true
+  ? T & { range: [start: number, end: number] }
+  : T
+
+export type MenuItemGroup<HasIndex extends true | false = true> = WithRange<
+  {
+    key: string
+    label: string
+    items: HasIndex extends true ? MenuItem[] : Omit<MenuItem, 'index'>[]
+  },
+  HasIndex
+>
 
 export function clearRange(tr: Transaction) {
   const { $from, $to } = tr.selection
@@ -28,31 +33,44 @@ export function clearRange(tr: Transaction) {
   return tr
 }
 
-export function setBlockType(tr: Transaction, nodeType: NodeType, attrs: Attrs | null = null) {
+export function setBlockType(
+  tr: Transaction,
+  nodeType: NodeType,
+  attrs: Attrs | null = null
+) {
   const { from, to } = tr.selection
   return tr.setBlockType(from, to, nodeType, attrs)
 }
 
-export function wrapInBlockType(tr: Transaction, nodeType: NodeType, attrs: Attrs | null = null) {
+export function wrapInBlockType(
+  tr: Transaction,
+  nodeType: NodeType,
+  attrs: Attrs | null = null
+) {
   const { $from, $to } = tr.selection
 
   const range = $from.blockRange($to)
   const wrapping = range && findWrapping(range, nodeType, attrs)
-  if (!wrapping)
-    return null
+  if (!wrapping) return null
 
   return tr.wrap(range, wrapping)
 }
 
-export function addBlockType(tr: Transaction, nodeType: NodeType, attrs: Attrs | null = null) {
+export function addBlockType(
+  tr: Transaction,
+  nodeType: NodeType,
+  attrs: Attrs | null = null
+) {
   const node = nodeType.createAndFill(attrs)
-  if (!node)
-    return null
+  if (!node) return null
 
   return tr.replaceSelectionWith(node)
 }
 
-export function clearContentAndSetBlockType(nodeType: NodeType, attrs: Attrs | null = null): Command {
+export function clearContentAndSetBlockType(
+  nodeType: NodeType,
+  attrs: Attrs | null = null
+): Command {
   return (state, dispatch) => {
     if (dispatch) {
       const tr = setBlockType(clearRange(state.tr), nodeType, attrs)
@@ -62,27 +80,29 @@ export function clearContentAndSetBlockType(nodeType: NodeType, attrs: Attrs | n
   }
 }
 
-export function clearContentAndWrapInBlockType(nodeType: NodeType, attrs: Attrs | null = null): Command {
+export function clearContentAndWrapInBlockType(
+  nodeType: NodeType,
+  attrs: Attrs | null = null
+): Command {
   return (state, dispatch) => {
     const tr = wrapInBlockType(clearRange(state.tr), nodeType, attrs)
-    if (!tr)
-      return false
+    if (!tr) return false
 
-    if (dispatch)
-      dispatch(tr.scrollIntoView())
+    if (dispatch) dispatch(tr.scrollIntoView())
 
     return true
   }
 }
 
-export function clearContentAndAddBlockType(nodeType: NodeType, attrs: Attrs | null = null): Command {
+export function clearContentAndAddBlockType(
+  nodeType: NodeType,
+  attrs: Attrs | null = null
+): Command {
   return (state, dispatch) => {
     const tr = addBlockType(clearRange(state.tr), nodeType, attrs)
-    if (!tr)
-      return false
+    if (!tr) return false
 
-    if (dispatch)
-      dispatch(tr.scrollIntoView())
+    if (dispatch) dispatch(tr.scrollIntoView())
 
     return true
   }

package/src/feature/code-mirror/index.ts

@@ -1,4 +1,7 @@
-import { codeBlockComponent, codeBlockConfig } from '@milkdown/kit/component/code-block'
+import {
+  codeBlockComponent,
+  codeBlockConfig,
+} from '@milkdown/kit/component/code-block'
 import type { LanguageDescription } from '@codemirror/language'
 import type { Extension } from '@codemirror/state'
 import { basicSetup } from 'codemirror'
@@ -20,31 +23,36 @@ interface CodeMirrorConfig {
   searchPlaceholder: string
   noResultText: string
 
-  renderLanguage: (language: string, selected: boolean) => ReturnType<typeof html> | string | HTMLElement
+  renderLanguage: (
+    language: string,
+    selected: boolean
+  ) => ReturnType<typeof html> | string | HTMLElement
 }
 export type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>
 
-export const defineFeature: DefineFeature<CodeMirrorFeatureConfig> = (editor, config = {}) => {
+export const defineFeature: DefineFeature<CodeMirrorFeatureConfig> = (
+  editor,
+  config = {}
+) => {
   editor
     .config(async (ctx) => {
-      let {
-        languages,
-        theme,
-      } = config
+      let { languages, theme } = config
       if (!languages) {
-        const { languages: langList } = await import('@codemirror/language-data')
+        const { languages: langList } = await import(
+          '@codemirror/language-data'
+        )
         languages = langList
       }
       if (!theme) {
-        const { nord } = await import('@uiw/codemirror-theme-nord')
-        theme = nord
+        const { oneDark } = await import('@codemirror/theme-one-dark')
+        theme = oneDark
       }
-      ctx.update(codeBlockConfig.key, defaultConfig => ({
+      ctx.update(codeBlockConfig.key, (defaultConfig) => ({
         extensions: [
           keymap.of(defaultKeymap.concat(indentWithTab)),
           basicSetup,
           theme,
-          ...config?.extensions ?? [],
+          ...(config?.extensions ?? []),
         ],
         languages,
 

package/src/feature/cursor/index.ts

@@ -8,7 +8,10 @@ interface CursorConfig {
 }
 export type CursorFeatureConfig = Partial<CursorConfig>
 
-export const defineFeature: DefineFeature<CursorFeatureConfig> = (editor, config) => {
+export const defineFeature: DefineFeature<CursorFeatureConfig> = (
+  editor,
+  config
+) => {
   editor
     .config((ctx) => {
       ctx.update(dropCursorConfig.key, () => ({

package/src/feature/image-block/index.ts

@@ -1,5 +1,11 @@
-import { imageBlockComponent, imageBlockConfig } from '@milkdown/kit/component/image-block'
-import { imageInlineComponent, inlineImageConfig } from '@milkdown/kit/component/image-inline'
+import {
+  imageBlockComponent,
+  imageBlockConfig,
+} from '@milkdown/kit/component/image-block'
+import {
+  imageInlineComponent,
+  inlineImageConfig,
+} from '@milkdown/kit/component/image-inline'
 import type { DefineFeature, Icon } from '../shared'
 import { captionIcon, confirmIcon, imageIcon } from '../../icons'
 
@@ -23,23 +29,29 @@ interface ImageBlockConfig {
 
 export type ImageBlockFeatureConfig = Partial<ImageBlockConfig>
 
-export const defineFeature: DefineFeature<ImageBlockFeatureConfig> = (editor, config) => {
+export const defineFeature: DefineFeature<ImageBlockFeatureConfig> = (
+  editor,
+  config
+) => {
   editor
     .config((ctx) => {
-      ctx.update(inlineImageConfig.key, value => ({
+      ctx.update(inlineImageConfig.key, (value) => ({
         uploadButton: config?.inlineUploadButton ?? (() => 'Upload'),
         imageIcon: config?.inlineImageIcon ?? (() => imageIcon),
         confirmButton: config?.inlineConfirmButton ?? (() => confirmIcon),
-        uploadPlaceholderText: config?.inlineUploadPlaceholderText ?? 'or paste link',
+        uploadPlaceholderText:
+          config?.inlineUploadPlaceholderText ?? 'or paste link',
         onUpload: config?.inlineOnUpload ?? config?.onUpload ?? value.onUpload,
       }))
-      ctx.update(imageBlockConfig.key, value => ({
+      ctx.update(imageBlockConfig.key, (value) => ({
         uploadButton: config?.blockUploadButton ?? (() => 'Upload file'),
         imageIcon: config?.blockImageIcon ?? (() => imageIcon),
         captionIcon: config?.blockCaptionIcon ?? (() => captionIcon),
         confirmButton: config?.blockConfirmButton ?? (() => 'Confirm'),
-        captionPlaceholderText: config?.blockCaptionPlaceholderText ?? 'Write Image Caption',
-        uploadPlaceholderText: config?.blockUploadPlaceholderText ?? 'or paste link',
+        captionPlaceholderText:
+          config?.blockCaptionPlaceholderText ?? 'Write Image Caption',
+        uploadPlaceholderText:
+          config?.blockUploadPlaceholderText ?? 'or paste link',
         onUpload: config?.blockOnUpload ?? config?.onUpload ?? value.onUpload,
       }))
     })

package/src/feature/index.ts

@@ -45,7 +45,11 @@ export const defaultFeatures: Record<CrepeFeature, boolean> = {
   [CrepeFeature.Table]: true,
 }
 
-export async function loadFeature(feature: CrepeFeature, editor: Editor, config?: never) {
+export async function loadFeature(
+  feature: CrepeFeature,
+  editor: Editor,
+  config?: never
+) {
   switch (feature) {
     case CrepeFeature.CodeMirror: {
       const { defineFeature } = await import('./code-mirror')

package/src/feature/link-tooltip/index.ts

@@ -1,4 +1,8 @@
-import { configureLinkTooltip, linkTooltipConfig, linkTooltipPlugin } from '@milkdown/kit/component/link-tooltip'
+import {
+  configureLinkTooltip,
+  linkTooltipConfig,
+  linkTooltipPlugin,
+} from '@milkdown/kit/component/link-tooltip'
 import type { DefineFeature, Icon } from '../shared'
 import { confirmIcon, copyIcon, editIcon, removeIcon } from '../../icons'
 
@@ -13,11 +17,14 @@ interface LinkTooltipConfig {
 
 export type LinkTooltipFeatureConfig = Partial<LinkTooltipConfig>
 
-export const defineFeature: DefineFeature<LinkTooltipFeatureConfig> = (editor, config) => {
+export const defineFeature: DefineFeature<LinkTooltipFeatureConfig> = (
+  editor,
+  config
+) => {
   editor
     .config(configureLinkTooltip)
     .config((ctx) => {
-      ctx.update(linkTooltipConfig.key, prev => ({
+      ctx.update(linkTooltipConfig.key, (prev) => ({
         ...prev,
         linkIcon: config?.linkIcon ?? (() => copyIcon),
         editButton: config?.editButton ?? (() => editIcon),

package/src/feature/list-item/index.ts

@@ -1,9 +1,16 @@
 import type { Ctx } from '@milkdown/kit/ctx'
-import { listItemBlockComponent, listItemBlockConfig } from '@milkdown/kit/component/list-item-block'
+import {
+  listItemBlockComponent,
+  listItemBlockConfig,
+} from '@milkdown/kit/component/list-item-block'
 import { html } from 'atomico'
 import clsx from 'clsx'
 import type { DefineFeature, Icon } from '../shared'
-import { bulletIcon, checkBoxCheckedIcon, checkBoxUncheckedIcon } from '../../icons'
+import {
+  bulletIcon,
+  checkBoxCheckedIcon,
+  checkBoxUncheckedIcon,
+} from '../../icons'
 
 export interface ListItemConfig {
   bulletIcon: Icon
@@ -18,21 +25,31 @@ function configureListItem(ctx: Ctx, config?: ListItemFeatureConfig) {
     renderLabel: ({ label, listType, checked, readonly }) => {
       if (checked == null) {
         if (listType === 'bullet')
-          return html`<span class='label'>${config?.bulletIcon?.() ?? bulletIcon}</span>`
+          return html`<span class="label"
+            >${config?.bulletIcon?.() ?? bulletIcon}</span
+          >`
 
-        return html`<span class='label'>${label}</span>`
+        return html`<span class="label">${label}</span>`
       }
 
       if (checked)
-        return html`<span class=${clsx('label checkbox', readonly && 'readonly')}>${config?.checkBoxCheckedIcon?.() ?? checkBoxCheckedIcon}</span>`
+        return html`<span
+          class=${clsx('label checkbox', readonly && 'readonly')}
+          >${config?.checkBoxCheckedIcon?.() ?? checkBoxCheckedIcon}</span
+        >`
 
-      return html`<span class=${clsx('label checkbox', readonly && 'readonly')}>${config?.checkBoxUncheckedIcon?.() ?? checkBoxUncheckedIcon}</span>`
+      return html`<span class=${clsx('label checkbox', readonly && 'readonly')}
+        >${config?.checkBoxUncheckedIcon?.() ?? checkBoxUncheckedIcon}</span
+      >`
     },
   })
 }
 
-export const defineFeature: DefineFeature<ListItemFeatureConfig> = (editor, config) => {
+export const defineFeature: DefineFeature<ListItemFeatureConfig> = (
+  editor,
+  config
+) => {
   editor
-    .config(ctx => configureListItem(ctx, config))
+    .config((ctx) => configureListItem(ctx, config))
     .use(listItemBlockComponent)
 }

package/src/feature/placeholder/index.ts

@@ -13,25 +13,22 @@ function isDocEmpty(doc: Node) {
 
 function createPlaceholderDecoration(
   state: EditorState,
-  placeholderText: string,
+  placeholderText: string
 ): Decoration | null {
   const { selection } = state
-  if (!selection.empty)
-    return null
+  if (!selection.empty) return null
 
   const $pos = selection.$anchor
   const node = $pos.parent
-  if (node.content.size > 0)
-    return null
+  if (node.content.size > 0) return null
 
-  const inTable = findParent(node => node.type.name === 'table')($pos)
-  if (inTable)
-    return null
+  const inTable = findParent((node) => node.type.name === 'table')($pos)
+  if (inTable) return null
 
   const before = $pos.before()
 
   return Decoration.node(before, before + node.nodeSize, {
-    'class': 'crepe-placeholder',
+    class: 'crepe-placeholder',
     'data-placeholder': placeholderText,
   })
 }
@@ -43,10 +40,13 @@ interface PlaceholderConfig {
 
 export type PlaceHolderFeatureConfig = Partial<PlaceholderConfig>
 
-export const placeholderConfig = $ctx({
-  text: 'Please enter...',
-  mode: 'block',
-} as PlaceholderConfig, 'placeholderConfigCtx')
+export const placeholderConfig = $ctx(
+  {
+    text: 'Please enter...',
+    mode: 'block',
+  } as PlaceholderConfig,
+  'placeholderConfigCtx'
+)
 
 export const placeholderPlugin = $prose((ctx) => {
   return new Plugin({
@@ -54,16 +54,14 @@ export const placeholderPlugin = $prose((ctx) => {
     props: {
       decorations: (state) => {
         const config = ctx.get(placeholderConfig.key)
-        if (config.mode === 'doc' && !isDocEmpty(state.doc))
-          return null
+        if (config.mode === 'doc' && !isDocEmpty(state.doc)) return null
 
         if (isInCodeBlock(state.selection) || isInList(state.selection))
           return null
 
         const placeholderText = config.text ?? 'Please enter...'
         const deco = createPlaceholderDecoration(state, placeholderText)
-        if (!deco)
-          return null
+        if (!deco) return null
 
         return DecorationSet.create(state.doc, [deco])
       },
@@ -71,7 +69,10 @@ export const placeholderPlugin = $prose((ctx) => {
   })
 })
 
-export const defineFeature: DefineFeature<PlaceHolderFeatureConfig> = (editor, config) => {
+export const defineFeature: DefineFeature<PlaceHolderFeatureConfig> = (
+  editor,
+  config
+) => {
   editor
     .config((ctx) => {
       if (config) {

package/src/feature/shared.ts

@@ -1,6 +1,9 @@
 import type { Editor } from '@milkdown/kit/core'
 import type { html } from 'atomico'
 
-export type DefineFeature<Config = unknown> = (editor: Editor, config?: Config) => void | Promise<void>
+export type DefineFeature<Config = unknown> = (
+  editor: Editor,
+  config?: Config
+) => void | Promise<void>
 
 export type Icon = () => HTMLElement | ReturnType<typeof html> | string | null