fix: multi block handle (#1731)

* fix: should not support blockquote in list

* fix: multi block handle instance

Author: Saul-Mirone

Diff for: packages/plugins/plugin-block/src/block-plugin.ts

@@ -4,27 +4,38 @@ import { $ctx, $prose } from '@milkdown/utils'
 
 import { BlockService } from './block-service'
 import { withMeta } from './__internal__/with-meta'
-import { blockConfig } from './block-config'
 
 /// @internal
-export const blockService = $ctx(new BlockService(), 'blockService')
+export const blockService = $ctx(() => new BlockService(), 'blockService')
 
-withMeta(blockConfig, {
+/// @internal
+export const blockServiceInstance = $ctx(
+  {} as BlockService,
+  'blockServiceInstance'
+)
+
+withMeta(blockService, {
   displayName: 'Ctx<blockService>',
 })
 
+withMeta(blockServiceInstance, {
+  displayName: 'Ctx<blockServiceInstance>',
+})
+
 /// A slice contains a factory that will return a plugin spec.
 /// Users can use this slice to customize the plugin.
 export const blockSpec = $ctx<PluginSpec<any>, 'blockSpec'>({}, 'blockSpec')
 
-withMeta(blockConfig, {
+withMeta(blockSpec, {
   displayName: 'Ctx<blockSpec>',
 })
 
 /// The block prosemirror plugin.
 export const blockPlugin = $prose((ctx) => {
   const milkdownPluginBlockKey = new PluginKey('MILKDOWN_BLOCK')
-  const service = ctx.get(blockService.key)
+  const getService = ctx.get(blockService.key)
+  const service = getService()
+  ctx.set(blockServiceInstance.key, service)
   const spec = ctx.get(blockSpec.key)
 
   return new Plugin({

Diff for: packages/plugins/plugin-block/src/block-provider.ts

@@ -12,7 +12,7 @@ import { computePosition, flip, offset } from '@floating-ui/dom'
 
 import { editorViewCtx } from '@milkdown/core'
 import type { BlockService } from './block-service'
-import { blockService } from './block-plugin'
+import { blockServiceInstance } from './block-plugin'
 import type { ActiveNode } from './types'
 
 /// The context of the block provider.
@@ -117,7 +117,7 @@ export class BlockProvider {
     const root = this.#root ?? view.dom.parentElement ?? document.body
     root.appendChild(this.#element)
 
-    const service = this.#ctx.get(blockService.key)
+    const service = this.#ctx.get(blockServiceInstance.key)
     service.bind(this.#ctx, (message) => {
       if (message.type === 'hide') {
         this.hide()

Diff for: packages/plugins/plugin-block/src/index.ts

@@ -3,7 +3,12 @@ import type { PluginSpec } from '@milkdown/prose/state'
 import type { $Ctx, $Prose } from '@milkdown/utils'
 import type { FilterNodes } from './block-config'
 import { blockConfig } from './block-config'
-import { blockPlugin, blockService, blockSpec } from './block-plugin'
+import {
+  blockPlugin,
+  blockService,
+  blockServiceInstance,
+  blockSpec,
+} from './block-plugin'
 import type { BlockService } from './block-service'
 
 export * from './block-plugin'
@@ -16,7 +21,8 @@ export * from './types'
 export type BlockPlugin = [
   $Ctx<PluginSpec<any>, 'blockSpec'>,
   $Ctx<{ filterNodes: FilterNodes }, 'blockConfig'>,
-  $Ctx<BlockService, 'blockService'>,
+  $Ctx<() => BlockService, 'blockService'>,
+  $Ctx<BlockService, 'blockServiceInstance'>,
   $Prose,
 ] & {
   key: SliceType<PluginSpec<any>, 'blockSpec'>
@@ -28,6 +34,7 @@ export const block = [
   blockSpec,
   blockConfig,
   blockService,
+  blockServiceInstance,
   blockPlugin,
 ] as BlockPlugin
 block.key = blockSpec.key