@prosekit/svelte 0.8.8 → 0.8.10

package/dist/build/components/autocomplete/autocomplete-empty.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/autocomplete'
 
 import { autocompleteEmptyProps, autocompleteEmptyEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/autocomplete/autocomplete-item.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/autocomplete'
 
 import { autocompleteItemProps, autocompleteItemEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/autocomplete/autocomplete-list.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/autocomplete'
 
 import { autocompleteListProps, autocompleteListEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/autocomplete/autocomplete-popover.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/autocomplete'
 
 import { autocompletePopoverProps, autocompletePopoverEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/autocomplete/index.gen.js

@@ -1,4 +1,4 @@
-export { AutocompleteEmpty } from './autocomplete-empty.gen.ts';
-export { AutocompleteItem } from './autocomplete-item.gen.ts';
-export { AutocompleteList } from './autocomplete-list.gen.ts';
-export { AutocompletePopover } from './autocomplete-popover.gen.ts';
+export { AutocompleteEmpty } from "./autocomplete-empty.gen.js";
+export { AutocompleteItem } from "./autocomplete-item.gen.js";
+export { AutocompleteList } from "./autocomplete-list.gen.js";
+export { AutocompletePopover } from "./autocomplete-popover.gen.js";

package/dist/build/components/block-handle/block-handle-add.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/block-handle'
 
 import { blockHandleAddProps, blockHandleAddEvents } from '@prosekit/web/block-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/block-handle/block-handle-draggable.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/block-handle'
 
 import { blockHandleDraggableProps, blockHandleDraggableEvents } from '@prosekit/web/block-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/block-handle/block-handle-popover.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/block-handle'
 
 import { blockHandlePopoverProps, blockHandlePopoverEvents } from '@prosekit/web/block-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/block-handle/index.gen.js

@@ -1,3 +1,3 @@
-export { BlockHandleAdd } from './block-handle-add.gen.ts';
-export { BlockHandleDraggable } from './block-handle-draggable.gen.ts';
-export { BlockHandlePopover } from './block-handle-popover.gen.ts';
+export { BlockHandleAdd } from "./block-handle-add.gen.js";
+export { BlockHandleDraggable } from "./block-handle-draggable.gen.js";
+export { BlockHandlePopover } from "./block-handle-popover.gen.js";

package/dist/build/components/drop-indicator/drop-indicator.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/drop-indicator'
 
 import { dropIndicatorProps, dropIndicatorEvents } from '@prosekit/web/drop-indicator'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/drop-indicator/index.gen.js

@@ -1 +1 @@
-export { DropIndicator } from './drop-indicator.gen.ts';
+export { DropIndicator } from "./drop-indicator.gen.js";

package/dist/build/components/inline-popover/index.gen.js

@@ -1 +1 @@
-export { InlinePopover } from './inline-popover.gen.ts';
+export { InlinePopover } from "./inline-popover.gen.js";

package/dist/build/components/inline-popover/inline-popover.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/inline-popover'
 
 import { inlinePopoverProps, inlinePopoverEvents } from '@prosekit/web/inline-popover'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/popover/index.gen.js

@@ -1,3 +1,3 @@
-export { PopoverContent } from './popover-content.gen.ts';
-export { PopoverRoot } from './popover-root.gen.ts';
-export { PopoverTrigger } from './popover-trigger.gen.ts';
+export { PopoverContent } from "./popover-content.gen.js";
+export { PopoverRoot } from "./popover-root.gen.js";
+export { PopoverTrigger } from "./popover-trigger.gen.js";

package/dist/build/components/popover/popover-content.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/popover'
 
 import { popoverContentProps, popoverContentEvents } from '@prosekit/web/popover'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/popover/popover-root.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/popover'
 
 import { popoverRootProps, popoverRootEvents } from '@prosekit/web/popover'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/popover/popover-trigger.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/popover'
 
 import { popoverTriggerProps, popoverTriggerEvents } from '@prosekit/web/popover'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/prosekit/prosekit.svelte

@@ -1,16 +1,13 @@
 <script lang="ts">
 import type { Editor } from '@prosekit/core'
-import { useProsemirrorAdapterProvider } from '@prosemirror-adapter/svelte'
-import { setEditorContext } from '../../contexts/editor-context.ts'
-import { MarkViewConsumer } from '../mark-view-consumer/index.ts'
-import { NodeViewConsumer } from '../node-view-consumer/index.ts'
+import { setEditorContext } from '../../contexts/editor-context.js'
+import { ViewRenderer } from '../view-renderer/index.js'
 
 export let editor: Editor
 
 setEditorContext(editor)
-useProsemirrorAdapterProvider()
 </script>
 
-<slot />
-<NodeViewConsumer />
-<MarkViewConsumer />
+<ViewRenderer {editor}>
+  <slot />
+</ViewRenderer>

package/dist/build/components/resizable/index.gen.js

@@ -1,2 +1,2 @@
-export { ResizableHandle } from './resizable-handle.gen.ts';
-export { ResizableRoot } from './resizable-root.gen.ts';
+export { ResizableHandle } from "./resizable-handle.gen.js";
+export { ResizableRoot } from "./resizable-root.gen.js";

package/dist/build/components/resizable/resizable-handle.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/resizable'
 
 import { resizableHandleProps, resizableHandleEvents } from '@prosekit/web/resizable'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/resizable/resizable-root.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/resizable'
 
 import { resizableRootProps, resizableRootEvents } from '@prosekit/web/resizable'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/index.gen.js

@@ -1,9 +1,9 @@
-export { TableHandleColumnRoot } from './table-handle-column-root.gen.ts';
-export { TableHandleColumnTrigger } from './table-handle-column-trigger.gen.ts';
-export { TableHandleDragPreview } from './table-handle-drag-preview.gen.ts';
-export { TableHandleDropIndicator } from './table-handle-drop-indicator.gen.ts';
-export { TableHandlePopoverContent } from './table-handle-popover-content.gen.ts';
-export { TableHandlePopoverItem } from './table-handle-popover-item.gen.ts';
-export { TableHandleRoot } from './table-handle-root.gen.ts';
-export { TableHandleRowRoot } from './table-handle-row-root.gen.ts';
-export { TableHandleRowTrigger } from './table-handle-row-trigger.gen.ts';
+export { TableHandleColumnRoot } from "./table-handle-column-root.gen.js";
+export { TableHandleColumnTrigger } from "./table-handle-column-trigger.gen.js";
+export { TableHandleDragPreview } from "./table-handle-drag-preview.gen.js";
+export { TableHandleDropIndicator } from "./table-handle-drop-indicator.gen.js";
+export { TableHandlePopoverContent } from "./table-handle-popover-content.gen.js";
+export { TableHandlePopoverItem } from "./table-handle-popover-item.gen.js";
+export { TableHandleRoot } from "./table-handle-root.gen.js";
+export { TableHandleRowRoot } from "./table-handle-row-root.gen.js";
+export { TableHandleRowTrigger } from "./table-handle-row-trigger.gen.js";

package/dist/build/components/table-handle/table-handle-column-root.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleColumnRootProps, tableHandleColumnRootEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-column-trigger.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleColumnTriggerProps, tableHandleColumnTriggerEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-drag-preview.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleDragPreviewProps, tableHandleDragPreviewEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleDropIndicatorProps, tableHandleDropIndicatorEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-popover-content.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandlePopoverContentProps, tableHandlePopoverContentEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-popover-item.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandlePopoverItemProps, tableHandlePopoverItemEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-root.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleRootProps, tableHandleRootEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-row-root.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleRowRootProps, tableHandleRowRootEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/table-handle/table-handle-row-trigger.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/table-handle'
 
 import { tableHandleRowTriggerProps, tableHandleRowTriggerEvents } from '@prosekit/web/table-handle'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/tooltip/index.gen.js

@@ -1,3 +1,3 @@
-export { TooltipContent } from './tooltip-content.gen.ts';
-export { TooltipRoot } from './tooltip-root.gen.ts';
-export { TooltipTrigger } from './tooltip-trigger.gen.ts';
+export { TooltipContent } from "./tooltip-content.gen.js";
+export { TooltipRoot } from "./tooltip-root.gen.js";
+export { TooltipTrigger } from "./tooltip-trigger.gen.js";

package/dist/build/components/tooltip/tooltip-content.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/tooltip'
 
 import { tooltipContentProps, tooltipContentEvents } from '@prosekit/web/tooltip'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/tooltip/tooltip-root.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/tooltip'
 
 import { tooltipRootProps, tooltipRootEvents } from '@prosekit/web/tooltip'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/tooltip/tooltip-trigger.gen.svelte

@@ -2,9 +2,9 @@
 import '@prosekit/web/tooltip'
 
 import { tooltipTriggerProps, tooltipTriggerEvents } from '@prosekit/web/tooltip'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+import { ClientUpdate } from '../client-update/index.js'
+import { useComponent } from '../use-component.js'
+import { useEventHandlers } from '../use-event-handlers.js'
 
 let attributes: Record<string, unknown> = {}
 let eventHandlers: Record<string, (...args: any[]) => any> = {}

package/dist/build/components/use-component.js

@@ -1,4 +1,4 @@
-import { useEditorContext } from '../contexts/editor-context.ts';
+import { useEditorContext } from "../contexts/editor-context.js";
 // For unknown reason, Svelte v4 cannot set properties on a web component
 // when I directly use `{...$$props}`. It seems that Svelte v4 recognizes
 // the properties as attributes. Here is a workaround to set the properties

package/dist/build/components/view-renderer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ViewRenderer } from './view-renderer.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/build/components/view-renderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/view-renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/build/components/view-renderer/index.js

@@ -0,0 +1 @@
+export { default as ViewRenderer } from './view-renderer.svelte';

package/dist/build/components/view-renderer/view-renderer.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+import { union, type Editor } from '@prosekit/core'
+import { useSvelteRenderer } from '@prosemirror-adapter/svelte'
+import { getAllContexts } from 'svelte'
+import { readable } from 'svelte/store'
+import { defineSvelteMarkViewFactory } from '../../extensions/svelte-mark-view.js'
+import { defineSvelteNodeViewFactory } from '../../extensions/svelte-node-view.js'
+import { useEditorExtension } from '../../hooks/use-editor-extension.js'
+
+export let editor: Editor
+
+const { renderSvelteRenderer, removeSvelteRenderer } = useSvelteRenderer()
+const context = getAllContexts()
+
+const extension = union([
+  defineSvelteMarkViewFactory(renderSvelteRenderer, removeSvelteRenderer, context),
+  defineSvelteNodeViewFactory(renderSvelteRenderer, removeSvelteRenderer, context),
+])
+
+useEditorExtension(editor, readable(extension))
+</script>
+
+<slot />

package/dist/build/extensions/svelte-mark-view.d.ts

@@ -1,8 +1,7 @@
 import { type Extension } from '@prosekit/core';
-import type { MarkViewConstructor } from '@prosekit/pm/view';
 import type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core';
-import type { MarkViewContext, SvelteMarkViewUserOptions } from '@prosemirror-adapter/svelte';
-import type { Component } from 'svelte';
+import { type MarkViewContext, type SvelteRendererResult } from '@prosemirror-adapter/svelte';
+import { type Component } from 'svelte';
 /**
  * @public
  */
@@ -23,11 +22,14 @@ export interface SvelteMarkViewOptions extends CoreMarkViewUserOptions<SvelteMar
      */
     name: string;
 }
+/**
+ * @internal
+ */
+export declare function defineSvelteMarkViewFactory(renderSvelteRenderer: SvelteRendererResult['renderSvelteRenderer'], removeSvelteRenderer: SvelteRendererResult['removeSvelteRenderer'], context: Map<any, any>): Extension;
 /**
  * Defines a mark view using a Svelte component.
  *
  * @public
  */
 export declare function defineSvelteMarkView(options: SvelteMarkViewOptions): Extension;
-export declare function defineSvelteMarkViewFactory(factory: (options: SvelteMarkViewUserOptions) => MarkViewConstructor): Extension;
 //# sourceMappingURL=svelte-mark-view.d.ts.map

package/dist/build/extensions/svelte-mark-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte-mark-view.d.ts","sourceRoot":"","sources":["../../../src/extensions/svelte-mark-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC7G,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIvC;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAA;AAEpE;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB,CAAC,uBAAuB,CAAC;IAC7F;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAID;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,qBAAqB,GAC7B,SAAS,CAkBX;AAiBD,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,mBAAmB,GACnE,SAAS,CAKX"}
+{"version":3,"file":"svelte-mark-view.d.ts","sourceRoot":"","sources":["../../../src/extensions/svelte-mark-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC7G,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElE;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAA;AAEpE;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB,CAAC,uBAAuB,CAAC;IAC7F;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAkBD;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,oBAAoB,EAAE,oBAAoB,CAAC,sBAAsB,CAAC,EAClE,oBAAoB,EAAE,oBAAoB,CAAC,sBAAsB,CAAC,EAClE,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GACrB,SAAS,CAMX;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,qBAAqB,GAC7B,SAAS,CAWX"}

package/dist/build/extensions/svelte-mark-view.js

@@ -1,6 +1,33 @@
 import { defineMarkViewComponent, defineMarkViewFactory, definePlugin } from '@prosekit/core';
-import { MarkViewWrapper } from '../components/mark-view-wrapper/index.ts';
+import { AbstractSvelteMarkView, buildSvelteMarkViewCreator, } from '@prosemirror-adapter/svelte';
+import { flushSync, mount, unmount } from 'svelte';
 const isServer = typeof window === 'undefined';
+class ProseKitSvelteMarkView extends AbstractSvelteMarkView {
+    constructor() {
+        super(...arguments);
+        this.render = (options) => {
+            const UserComponent = this.component;
+            const props = this.context;
+            const component = mount(UserComponent, {
+                target: this.dom,
+                context: options.context,
+                props,
+            });
+            flushSync();
+            return () => unmount(component);
+        };
+    }
+}
+/**
+ * @internal
+ */
+export function defineSvelteMarkViewFactory(renderSvelteRenderer, removeSvelteRenderer, context) {
+    const factory = buildSvelteMarkViewCreator(renderSvelteRenderer, removeSvelteRenderer, ProseKitSvelteMarkView, context);
+    return defineMarkViewFactory({
+        group: 'svelte',
+        factory,
+    });
+}
 /**
  * Defines a mark view using a Svelte component.
  *
@@ -11,30 +38,9 @@ export function defineSvelteMarkView(options) {
     if (isServer) {
         return definePlugin([]);
     }
-    const { name, component, ...userOptions } = options;
-    const args = {
-        ...userOptions,
-        component: wrapComponent(component),
-    };
     return defineMarkViewComponent({
         group: 'svelte',
-        name,
-        args,
-    });
-}
-function wrapComponent(component) {
-    // `MarkViewWrapper` is an object during SSR
-    if (!MarkViewWrapper || typeof MarkViewWrapper !== 'function') {
-        return component;
-    }
-    const MarkViewPropsWrapper = (internals, props) => {
-        return MarkViewWrapper(internals, { ...props, component });
-    };
-    return MarkViewPropsWrapper;
-}
-export function defineSvelteMarkViewFactory(factory) {
-    return defineMarkViewFactory({
-        group: 'svelte',
-        factory,
+        name: options.name,
+        args: options,
     });
 }