@prosekit/solid 0.6.6 → 0.6.8

package/src/components/popover/popover-content.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/popover'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link PopoverContent} component.

package/src/components/popover/popover-root.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/popover'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link PopoverRoot} component.

package/src/components/popover/popover-trigger.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/popover'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link PopoverTrigger} component.

package/src/components/prosekit.ts

@@ -1,10 +1,9 @@
 import type { Editor } from '@prosekit/core'
-import { ProsemirrorAdapterProvider } from '@prosemirror-adapter/solid'
 import { createComponent, type Component, type ParentProps } from 'solid-js'
 
-import { EditorContextProvider } from '../contexts/editor-context'
-import { consumeSolidMarkViews } from '../extensions/solid-mark-view'
-import { consumeSolidNodeViews } from '../extensions/solid-node-view'
+import { EditorContextProvider } from '../contexts/editor-context.ts'
+
+import { ViewRenderer } from './view-renderer.ts'
 
 export type ProseKitProps = ParentProps<{
   editor: Editor
@@ -21,10 +20,11 @@ export const ProseKit: Component<ProseKitProps> = (props) => {
       return props.editor
     },
     get children() {
-      return createComponent(ProsemirrorAdapterProvider, {
+      return createComponent(ViewRenderer, {
+        get editor() {
+          return props.editor
+        },
         get children() {
-          consumeSolidNodeViews()
-          consumeSolidMarkViews()
           return props.children
         },
       })

package/src/components/resizable/index.gen.ts

@@ -1,3 +1,3 @@
-export { ResizableHandle, type ResizableHandleProps } from './resizable-handle.gen'
+export { ResizableHandle, type ResizableHandleProps } from './resizable-handle.gen.ts'
 
-export { ResizableRoot, type ResizableRootProps } from './resizable-root.gen'
+export { ResizableRoot, type ResizableRootProps } from './resizable-root.gen.ts'

package/src/components/resizable/resizable-handle.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/resizable'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link ResizableHandle} component.

package/src/components/resizable/resizable-root.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/resizable'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link ResizableRoot} component.

package/src/components/table-handle/index.gen.ts

@@ -1,17 +1,17 @@
-export { TableHandleColumnRoot, type TableHandleColumnRootProps } from './table-handle-column-root.gen'
+export { TableHandleColumnRoot, type TableHandleColumnRootProps } from './table-handle-column-root.gen.ts'
 
-export { TableHandleColumnTrigger, type TableHandleColumnTriggerProps } from './table-handle-column-trigger.gen'
+export { TableHandleColumnTrigger, type TableHandleColumnTriggerProps } from './table-handle-column-trigger.gen.ts'
 
-export { TableHandleDragPreview, type TableHandleDragPreviewProps } from './table-handle-drag-preview.gen'
+export { TableHandleDragPreview, type TableHandleDragPreviewProps } from './table-handle-drag-preview.gen.ts'
 
-export { TableHandleDropIndicator, type TableHandleDropIndicatorProps } from './table-handle-drop-indicator.gen'
+export { TableHandleDropIndicator, type TableHandleDropIndicatorProps } from './table-handle-drop-indicator.gen.ts'
 
-export { TableHandlePopoverContent, type TableHandlePopoverContentProps } from './table-handle-popover-content.gen'
+export { TableHandlePopoverContent, type TableHandlePopoverContentProps } from './table-handle-popover-content.gen.ts'
 
-export { TableHandlePopoverItem, type TableHandlePopoverItemProps } from './table-handle-popover-item.gen'
+export { TableHandlePopoverItem, type TableHandlePopoverItemProps } from './table-handle-popover-item.gen.ts'
 
-export { TableHandleRoot, type TableHandleRootProps } from './table-handle-root.gen'
+export { TableHandleRoot, type TableHandleRootProps } from './table-handle-root.gen.ts'
 
-export { TableHandleRowRoot, type TableHandleRowRootProps } from './table-handle-row-root.gen'
+export { TableHandleRowRoot, type TableHandleRowRootProps } from './table-handle-row-root.gen.ts'
 
-export { TableHandleRowTrigger, type TableHandleRowTriggerProps } from './table-handle-row-trigger.gen'
+export { TableHandleRowTrigger, type TableHandleRowTriggerProps } from './table-handle-row-trigger.gen.ts'

package/src/components/table-handle/table-handle-column-root.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleColumnRoot} component.

package/src/components/table-handle/table-handle-column-trigger.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleColumnTrigger} component.

package/src/components/table-handle/table-handle-drag-preview.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleDragPreview} component.

package/src/components/table-handle/table-handle-drop-indicator.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleDropIndicator} component.

package/src/components/table-handle/table-handle-popover-content.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandlePopoverContent} component.

package/src/components/table-handle/table-handle-popover-item.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandlePopoverItem} component.

package/src/components/table-handle/table-handle-root.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleRoot} component.

package/src/components/table-handle/table-handle-row-root.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleRowRoot} component.

package/src/components/table-handle/table-handle-row-trigger.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/table-handle'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TableHandleRowTrigger} component.

package/src/components/tooltip/index.gen.ts

@@ -1,5 +1,5 @@
-export { TooltipContent, type TooltipContentProps } from './tooltip-content.gen'
+export { TooltipContent, type TooltipContentProps } from './tooltip-content.gen.ts'
 
-export { TooltipRoot, type TooltipRootProps } from './tooltip-root.gen'
+export { TooltipRoot, type TooltipRootProps } from './tooltip-root.gen.ts'
 
-export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen'
+export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen.ts'

package/src/components/tooltip/tooltip-content.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/tooltip'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TooltipContent} component.

package/src/components/tooltip/tooltip-root.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/tooltip'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TooltipRoot} component.

package/src/components/tooltip/tooltip-trigger.gen.ts

@@ -7,9 +7,9 @@ import {
 } from '@prosekit/web/tooltip'
 import type { Component } from 'solid-js'
 
-import type { PropsWithElement } from '../../types'
-import { createComponent } from '../create-component'
-import type { CreateProps } from '../create-props'
+import type { PropsWithElement } from '../../types.ts'
+import { createComponent } from '../create-component.ts'
+import type { CreateProps } from '../create-props.ts'
 
 /**
  * Props for the {@link TooltipTrigger} component.

package/src/components/view-renderer.ts

@@ -0,0 +1,24 @@
+import { union, type Editor } from '@prosekit/core'
+import { useSolidRenderer } from '@prosemirror-adapter/solid'
+import type { Component, JSX, ParentProps } from 'solid-js'
+
+import { defineSolidMarkViewFactory } from '../extensions/solid-mark-view.ts'
+import { defineSolidNodeViewFactory } from '../extensions/solid-node-view.ts'
+import { useEditorExtension } from '../hooks/use-editor-extension.ts'
+
+type ViewRendererProps = ParentProps<{
+  editor: Editor
+}>
+
+export const ViewRenderer: Component<ViewRendererProps> = (props): JSX.Element => {
+  const { renderSolidRenderer, removeSolidRenderer, render } = useSolidRenderer()
+
+  const extension = union([
+    defineSolidMarkViewFactory(renderSolidRenderer, removeSolidRenderer),
+    defineSolidNodeViewFactory(renderSolidRenderer, removeSolidRenderer),
+  ])
+
+  useEditorExtension(() => props.editor, () => extension)
+
+  return [props.children, render] as unknown as JSX.Element
+}

package/src/extensions/helpers.ts

@@ -0,0 +1,4 @@
+export function hidePortalDiv(el: HTMLElement): void {
+  el.style.display = 'contents'
+  el.dataset.solidPortal = 'true'
+}

package/src/extensions/solid-mark-view.ts

@@ -1,15 +1,15 @@
 import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'
-import type { MarkViewConstructor } from '@prosekit/pm/view'
 import type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'
 import {
-  useMarkViewContext,
-  useMarkViewFactory,
+  AbstractSolidMarkView,
+  buildSolidMarkViewCreator,
   type MarkViewContextProps,
-  type SolidMarkViewUserOptions,
+  type SolidRendererResult,
 } from '@prosemirror-adapter/solid'
-import { createComponent, createMemo, type Accessor, type Component } from 'solid-js'
+import { createComponent, type Component, type JSX } from 'solid-js'
+import { Portal } from 'solid-js/web'
 
-import { useExtension } from '../hooks/use-extension'
+import { hidePortalDiv } from './helpers.ts'
 
 /**
  * @public
@@ -33,37 +33,33 @@ export interface SolidMarkViewOptions extends CoreMarkViewUserOptions<SolidMarkV
   name: string
 }
 
-function withMarkViewProps(
-  component: SolidMarkViewComponent,
-): Component<SolidMarkViewProps> {
-  return function MarkViewPropsWrapper() {
-    const context: Accessor<SolidMarkViewProps> = useMarkViewContext()
-    const props: SolidMarkViewProps = {
-      get contentRef() {
-        return context().contentRef
+class ProseKitSolidMarkView extends AbstractSolidMarkView<SolidMarkViewComponent> {
+  render = (): JSX.Element => {
+    const UserComponent = this.component
+    const getProps = this.context
+    return createComponent(Portal, {
+      mount: this.dom,
+      get children() {
+        const props: MarkViewContextProps = getProps()
+        return createComponent(UserComponent, props)
       },
-      get view() {
-        return context().view
-      },
-      get mark() {
-        return context().mark
-      },
-    }
-    return createComponent(component, props)
+      ref: hidePortalDiv,
+    })
   }
 }
 
 /**
  * @internal
  */
-export function consumeSolidMarkViews(): void {
-  const markViewFactory = useMarkViewFactory()
-  const extension = createMemo(
-    () => defineSolidMarkViewFactory(markViewFactory),
-    [markViewFactory],
-  )
-
-  useExtension(extension)
+export function defineSolidMarkViewFactory(
+  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],
+  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],
+): Extension {
+  const factory = buildSolidMarkViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidMarkView)
+  return defineMarkViewFactory<SolidMarkViewOptions>({
+    group: 'solid',
+    factory,
+  })
 }
 
 /**
@@ -72,25 +68,9 @@ export function consumeSolidMarkViews(): void {
  * @public
  */
 export function defineSolidMarkView(options: SolidMarkViewOptions): Extension {
-  const { name, component, ...userOptions } = options
-
-  const args: SolidMarkViewUserOptions = {
-    ...userOptions,
-    component: withMarkViewProps(component),
-  }
-
-  return defineMarkViewComponent<SolidMarkViewUserOptions>({
-    group: 'solid',
-    name,
-    args,
-  })
-}
-
-function defineSolidMarkViewFactory(
-  factory: (options: SolidMarkViewOptions) => MarkViewConstructor,
-) {
-  return defineMarkViewFactory<SolidMarkViewOptions>({
+  return defineMarkViewComponent<SolidMarkViewOptions>({
     group: 'solid',
-    factory,
+    name: options.name,
+    args: options,
   })
 }

package/src/extensions/solid-node-view.ts

@@ -1,15 +1,15 @@
 import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'
-import type { NodeViewConstructor } from '@prosekit/pm/view'
 import type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'
 import {
-  useNodeViewContext,
-  useNodeViewFactory,
+  AbstractSolidNodeView,
+  buildSolidNodeViewCreator,
   type NodeViewContextProps,
-  type SolidNodeViewUserOptions,
+  type SolidRendererResult,
 } from '@prosemirror-adapter/solid'
-import { createComponent, createMemo, type Accessor, type Component } from 'solid-js'
+import { createComponent, type Component, type JSX } from 'solid-js'
+import { Portal } from 'solid-js/web'
 
-import { useExtension } from '../hooks/use-extension'
+import { hidePortalDiv } from './helpers.ts'
 
 /**
  * @public
@@ -33,52 +33,33 @@ export interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeV
   name: string
 }
 
-function withNodeViewProps(
-  component: SolidNodeViewComponent,
-): Component<SolidNodeViewProps> {
-  return function NodeViewPropsWrapper() {
-    const context: Accessor<SolidNodeViewProps> = useNodeViewContext()
-    const props: SolidNodeViewProps = {
-      get contentRef() {
-        return context().contentRef
+class ProseKitSolidNodeView extends AbstractSolidNodeView<SolidNodeViewComponent> {
+  render = (): JSX.Element => {
+    const UserComponent = this.component
+    const getProps = this.context
+    return createComponent(Portal, {
+      mount: this.dom,
+      get children() {
+        const props: SolidNodeViewProps = getProps()
+        return createComponent(UserComponent, props)
       },
-      get view() {
-        return context().view
-      },
-      get getPos() {
-        return context().getPos
-      },
-      get setAttrs() {
-        return context().setAttrs
-      },
-      get node() {
-        return context().node
-      },
-      get selected() {
-        return context().selected
-      },
-      get decorations() {
-        return context().decorations
-      },
-      get innerDecorations() {
-        return context().innerDecorations
-      },
-    }
-    return createComponent(component, props)
+      ref: hidePortalDiv,
+    })
   }
 }
 
 /**
  * @internal
  */
-export function consumeSolidNodeViews(): void {
-  const nodeViewFactory = useNodeViewFactory()
-  const extension = createMemo(
-    () => defineSolidNodeViewFactory(nodeViewFactory),
-    [nodeViewFactory],
-  )
-
-  useExtension(extension)
+export function defineSolidNodeViewFactory(
+  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],
+  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],
+): Extension {
+  const factory = buildSolidNodeViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidNodeView)
+  return defineNodeViewFactory<SolidNodeViewOptions>({
+    group: 'solid',
+    factory,
+  })
 }
 
 /**
@@ -87,25 +68,9 @@ export function consumeSolidNodeViews(): void {
  * @public
  */
 export function defineSolidNodeView(options: SolidNodeViewOptions): Extension {
-  const { name, component, ...userOptions } = options
-
-  const args: SolidNodeViewUserOptions = {
-    ...userOptions,
-    component: withNodeViewProps(component),
-  }
-
-  return defineNodeViewComponent<SolidNodeViewUserOptions>({
-    group: 'solid',
-    name,
-    args,
-  })
-}
-
-function defineSolidNodeViewFactory(
-  factory: (options: SolidNodeViewOptions) => NodeViewConstructor,
-) {
-  return defineNodeViewFactory<SolidNodeViewOptions>({
+  return defineNodeViewComponent<SolidNodeViewOptions>({
     group: 'solid',
-    factory,
+    name: options.name,
+    args: options,
   })
 }

package/src/hooks/use-doc-change.ts

@@ -1,7 +1,7 @@
 import { defineDocChangeHandler } from '@prosekit/core'
 import type { ProseMirrorNode } from '@prosekit/pm/model'
 
-import { useExtension, type UseExtensionOptions } from './use-extension'
+import { useExtension, type UseExtensionOptions } from './use-extension.ts'
 
 /**
  * Calls the given handler whenever the editor document changes.

package/src/hooks/use-editor-derived-value.ts

@@ -1,10 +1,10 @@
 import type { Editor, Extension } from '@prosekit/core'
 import { createMemo, type Accessor } from 'solid-js'
 
-import type { MaybeAccessor } from '../types'
-import { toValue } from '../utils/to-value'
+import type { MaybeAccessor } from '../types.ts'
+import { toValue } from '../utils/to-value.ts'
 
-import { useEditor } from './use-editor'
+import { useEditor } from './use-editor.ts'
 
 export interface UseEditorDerivedOptions<E extends Extension = any> {
   /**

package/src/hooks/use-editor-extension.ts

@@ -1,9 +1,9 @@
 import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'
 import { createEffect, onCleanup, type Accessor } from 'solid-js'
 
-import { useEditorContext } from '../contexts/editor-context'
-import type { MaybeAccessor } from '../types'
-import { toValue } from '../utils/to-value'
+import { useEditorContext } from '../contexts/editor-context.ts'
+import type { MaybeAccessor } from '../types.ts'
+import { toValue } from '../utils/to-value.ts'
 
 /**
  * @internal

package/src/hooks/use-editor.ts

@@ -1,7 +1,7 @@
 import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'
 import { createEffect, createSignal } from 'solid-js'
 
-import { useEditorContext } from '../contexts/editor-context'
+import { useEditorContext } from '../contexts/editor-context.ts'
 
 /**
  * Retrieves the editor instance from the nearest ProseKit component.

package/src/hooks/use-extension.ts

@@ -1,10 +1,10 @@
 import type { Editor, Extension, Priority } from '@prosekit/core'
 import type { Accessor } from 'solid-js'
 
-import type { MaybeAccessor } from '../types'
+import type { MaybeAccessor } from '../types.ts'
 
-import { useEditorExtension } from './use-editor-extension'
-import { usePriorityExtension } from './use-priority-extension'
+import { useEditorExtension } from './use-editor-extension.ts'
+import { usePriorityExtension } from './use-priority-extension.ts'
 
 export interface UseExtensionOptions {
   /**