@prosekit/solid 0.7.0-beta.0 → 0.7.0-beta.2

package/src/extensions/solid-node-view.spec.tsx

@@ -0,0 +1,141 @@
+import { createEditor, union, type NodeJSON } from '@prosekit/core'
+import { defineTestExtension, type ImageAttrs } from '@prosekit/testing'
+import { onCleanup, onMount, type Component } from 'solid-js'
+import { beforeEach, describe, expect, it } from 'vitest'
+import { render } from 'vitest-browser-solid'
+import { page } from 'vitest/browser'
+
+import { ProseKit } from '../components/prosekit.ts'
+
+import { defineSolidNodeView, type SolidNodeViewComponent, type SolidNodeViewProps } from './solid-node-view.ts'
+
+describe('SolidNodeView', () => {
+  const initialState = {
+    imageRefresh: {
+      mounted: 0,
+      unmounted: 0,
+      setAttrs: 0,
+    },
+  }
+
+  let state = structuredClone(initialState)
+
+  beforeEach(() => {
+    state = structuredClone(initialState)
+  })
+
+  function defineExtension() {
+    return union(
+      defineTestExtension(),
+      defineSolidNodeView({
+        name: 'image',
+        component: ImageRefreshView satisfies SolidNodeViewComponent,
+      }),
+    )
+  }
+
+  const ImageRefreshView: Component<SolidNodeViewProps> = (props) => {
+    const url = () => (props.node.attrs as ImageAttrs).src
+
+    onMount(() => {
+      state.imageRefresh.mounted++
+      const id = setInterval(() => {
+        state.imageRefresh.setAttrs++
+        props.setAttrs({ src: String(Math.random()) })
+      }, 50)
+      onCleanup(() => {
+        state.imageRefresh.unmounted++
+        clearInterval(id)
+      })
+    })
+
+    return <div data-testid="image-refresh-view" data-url={url()}></div>
+  }
+
+  const TestEditor: Component<{ initialContent?: NodeJSON }> = (props) => {
+    const editor = createEditor({
+      extension: defineExtension(),
+      defaultContent: props.initialContent,
+    })
+
+    onCleanup(() => editor.mount(null))
+
+    return (
+      <ProseKit editor={editor}>
+        <div data-testid="editor" ref={editor.mount}></div>
+      </ProseKit>
+    )
+  }
+
+  const paragraphJSON: NodeJSON = {
+    type: 'paragraph',
+    content: [{ type: 'text', text: 'Hello' }],
+  }
+  const imageRefreshJSON: NodeJSON = {
+    type: 'image',
+  }
+
+  const editor = page.getByTestId('editor')
+  const imageRefresh = page.getByTestId('image-refresh-view')
+
+  it('can render a single self-update image node', async () => {
+    const initialContent: NodeJSON = {
+      type: 'doc',
+      content: [imageRefreshJSON, paragraphJSON],
+    }
+    const screen = render(() => <TestEditor initialContent={initialContent} />)
+    await expect.element(editor).toBeVisible()
+    await expect.element(imageRefresh).toBeInTheDocument()
+
+    const urls = new Set<string>()
+    const check = () => {
+      imageRefresh.elements().forEach((element) => {
+        const url = element.getAttribute('data-url')
+        if (url) {
+          urls.add(url)
+        }
+      })
+      return urls.size >= 5
+    }
+
+    await expect.poll(check, { interval: 50, timeout: 30_000 }).toBe(true)
+
+    screen.unmount()
+
+    expect(state.imageRefresh.setAttrs).toBeGreaterThanOrEqual(5)
+    expect(state.imageRefresh.mounted).toBe(1)
+    expect(state.imageRefresh.unmounted).toBe(1)
+  })
+
+  it('can render multiple self-update image nodes', async () => {
+    const initialContent: NodeJSON = {
+      type: 'doc',
+      content: [imageRefreshJSON, paragraphJSON, imageRefreshJSON, imageRefreshJSON],
+    }
+    const screen = render(() => <TestEditor initialContent={initialContent} />)
+    await expect.element(editor).toBeVisible()
+    await expect.element(imageRefresh.nth(0)).toBeInTheDocument()
+    await expect.element(imageRefresh.nth(1)).toBeInTheDocument()
+    await expect.element(imageRefresh.nth(2)).toBeInTheDocument()
+    await expect.element(imageRefresh.nth(3)).not.toBeInTheDocument()
+
+    const urls = new Set<string>()
+    const check = () => {
+      imageRefresh.elements().forEach((element) => {
+        const url = element.getAttribute('data-url')
+        if (url) {
+          urls.add(url)
+        }
+      })
+      return urls.size >= 15
+    }
+
+    await expect.poll(check, { interval: 50, timeout: 30_000 }).toBe(true)
+
+    screen.unmount()
+
+    expect(state.imageRefresh.setAttrs).toBeGreaterThanOrEqual(15)
+    expect(state.imageRefresh.mounted).toBe(3)
+    expect(state.imageRefresh.unmounted).toBe(3)
+  })
+})

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

@@ -36,13 +36,36 @@ export interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeV
 class ProseKitSolidNodeView extends AbstractSolidNodeView<SolidNodeViewComponent> {
   render = (): JSX.Element => {
     const UserComponent = this.component
-    const getProps = this.context
+    const getProps: () => SolidNodeViewProps = this.context
+    const props: SolidNodeViewProps = {
+      get contentRef() {
+        return getProps().contentRef
+      },
+      get view() {
+        return getProps().view
+      },
+      get getPos() {
+        return getProps().getPos
+      },
+      get setAttrs() {
+        return getProps().setAttrs
+      },
+      get node() {
+        return getProps().node
+      },
+      get selected() {
+        return getProps().selected
+      },
+      get decorations() {
+        return getProps().decorations
+      },
+      get innerDecorations() {
+        return getProps().innerDecorations
+      },
+    }
     return createComponent(Portal, {
       mount: this.dom,
-      get children() {
-        const props: SolidNodeViewProps = getProps()
-        return createComponent(UserComponent, props)
-      },
+      children: createComponent(UserComponent, props),
       ref: hidePortalDiv,
     })
   }

package/dist/create-component.js

@@ -1,41 +0,0 @@
-import { n as useEditorContext } from "./editor-context.js";
-import h from "solid-js/h";
-//#region src/components/create-component.ts
-function createComponent(tagName, propNames, eventNames) {
-	const hasEditor = propNames.includes("editor");
-	const lowerCaseEventNameMap = new Map(eventNames.map((name) => [name.toLowerCase(), name]));
-	const Component = (props) => {
-		const properties = {};
-		const eventHandlers = {};
-		for (const name of Object.keys(props)) {
-			if (propNames.includes(name)) {
-				properties["prop:" + name] = () => props[name];
-				continue;
-			}
-			if (name.startsWith("on")) {
-				const lowerCaseEventName = name.slice(2).toLowerCase();
-				const eventName = lowerCaseEventNameMap.get(lowerCaseEventName);
-				if (eventName) {
-					const extractDetail = eventName.endsWith("Change");
-					eventHandlers["on:" + eventName] = (event) => {
-						const handler = props[name];
-						if (typeof handler === "function") handler(extractDetail ? event.detail : event);
-					};
-					continue;
-				}
-			}
-			properties[name] = () => props[name];
-		}
-		const editor = useEditorContext();
-		if (hasEditor && editor) properties["prop:editor"] = () => props["editor"] || editor;
-		return () => h(tagName, {
-			...properties,
-			...eventHandlers
-		});
-	};
-	return Component;
-}
-//#endregion
-export { createComponent as t };
-
-//# sourceMappingURL=create-component.js.map

package/dist/create-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-component.js","names":[],"sources":["../src/components/create-component.ts"],"sourcesContent":["import type { AnyFunction } from '@prosekit/core'\nimport type { Component } from 'solid-js'\nimport h from 'solid-js/h'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\nimport type { PropsWithElement } from '../types.ts'\n\nexport function createComponent<\n  Props extends object,\n  CustomElement extends HTMLElement,\n>(\n  tagName: string,\n  propNames: string[],\n  eventNames: string[],\n): Component<PropsWithElement<Props, CustomElement>> {\n  const hasEditor = propNames.includes('editor')\n  const lowerCaseEventNameMap = new Map(\n    eventNames.map((name) => [name.toLowerCase(), name]),\n  )\n\n  const Component = (props: Record<string, unknown>) => {\n    const properties: Record<string, () => unknown> = {}\n    const eventHandlers: Record<string, AnyFunction> = {}\n\n    for (const name of Object.keys(props)) {\n      if (propNames.includes(name)) {\n        properties['prop:' + name] = () => props[name]\n        continue\n      }\n\n      if (name.startsWith('on')) {\n        const lowerCaseEventName = name.slice(2).toLowerCase()\n        const eventName = lowerCaseEventNameMap.get(lowerCaseEventName)\n        if (eventName) {\n          const extractDetail = eventName.endsWith('Change')\n          eventHandlers['on:' + eventName] = (event: Event) => {\n            const handler = props[name] as AnyFunction | null\n            if (typeof handler === 'function') {\n              handler(extractDetail ? (event as CustomEvent).detail : event)\n            }\n          }\n          continue\n        }\n      }\n\n      properties[name] = () => props[name]\n    }\n\n    const editor = useEditorContext()\n\n    if (hasEditor && editor) {\n      properties['prop:editor'] = () => props['editor'] || editor\n    }\n\n    return () => h(tagName, { ...properties, ...eventHandlers })\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return Component as any\n}\n"],"mappings":";;;AAOA,SAAgB,gBAId,SACA,WACA,YACmD;CACnD,MAAM,YAAY,UAAU,SAAS,SAAS;CAC9C,MAAM,wBAAwB,IAAI,IAChC,WAAW,KAAK,SAAS,CAAC,KAAK,aAAa,EAAE,KAAK,CAAC,CACrD;CAED,MAAM,aAAa,UAAmC;EACpD,MAAM,aAA4C,EAAE;EACpD,MAAM,gBAA6C,EAAE;AAErD,OAAK,MAAM,QAAQ,OAAO,KAAK,MAAM,EAAE;AACrC,OAAI,UAAU,SAAS,KAAK,EAAE;AAC5B,eAAW,UAAU,cAAc,MAAM;AACzC;;AAGF,OAAI,KAAK,WAAW,KAAK,EAAE;IACzB,MAAM,qBAAqB,KAAK,MAAM,EAAE,CAAC,aAAa;IACtD,MAAM,YAAY,sBAAsB,IAAI,mBAAmB;AAC/D,QAAI,WAAW;KACb,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,mBAAc,QAAQ,cAAc,UAAiB;MACnD,MAAM,UAAU,MAAM;AACtB,UAAI,OAAO,YAAY,WACrB,SAAQ,gBAAiB,MAAsB,SAAS,MAAM;;AAGlE;;;AAIJ,cAAW,cAAc,MAAM;;EAGjC,MAAM,SAAS,kBAAkB;AAEjC,MAAI,aAAa,OACf,YAAW,uBAAuB,MAAM,aAAa;AAGvD,eAAa,EAAE,SAAS;GAAE,GAAG;GAAY,GAAG;GAAe,CAAC;;AAI9D,QAAO"}

package/dist/create-props.d.ts

@@ -1,6 +0,0 @@
-//#region src/components/create-props.d.ts
-type CreateProps<Props extends { [PropName in keyof Props]: unknown }, Events extends { [EventName in keyof Events]: CustomEvent }> = Props & CreateEventProps<Events>;
-type CreateEventProps<Events extends { [EventName in keyof Events]: CustomEvent }> = { [EventName in keyof Events as `on${Capitalize<string & EventName>}`]: (event: EventName extends `${string}Change` ? Events[EventName]['detail'] : Events[EventName]) => void };
-//#endregion
-export { CreateProps as t };
-//# sourceMappingURL=create-props.d.ts.map

package/dist/create-props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-props.d.ts","names":[],"sources":["../src/components/create-props.ts"],"mappings":";KAAY,WAAA,oCACyB,KAAA,mDACE,MAAA,GAAS,WAAA,MAC5C,KAAA,GAAQ,gBAAA,CAAiB,MAAA;AAAA,KAExB,gBAAA,sCACkC,MAAA,GAAS,WAAA,4BAE1B,MAAA,SAAe,UAAA,UAAoB,SAAA,OACrD,KAAA,EAAO,SAAA,6BAAsC,MAAA,CAAO,SAAA,cAChD,MAAA,CAAO,SAAA"}

package/dist/types.d.ts

@@ -1,26 +0,0 @@
-import { Accessor, JSX, JSXElement } from "solid-js";
-
-//#region src/types.d.ts
-/**
- * @internal
- */
-type PropsWithClass<P = unknown> = P & {
-  class?: string | undefined;
-};
-/**
- * @internal
- */
-type PropsWithChildren<P = unknown> = P & {
-  children?: JSXElement | undefined;
-};
-/**
- * @internal
- */
-type PropsWithElement<Props extends object, CustomElement extends HTMLElement> = Props & JSX.HTMLAttributes<CustomElement>;
-/**
- * T or a reactive/non-reactive function returning T
- */
-type MaybeAccessor<T> = T | Accessor<T>;
-//#endregion
-export { PropsWithElement as i, PropsWithChildren as n, PropsWithClass as r, MaybeAccessor as t };
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;AAKA;KAAY,cAAA,gBAA8B,CAAA;EACxC,KAAA;AAAA;;;;KAMU,iBAAA,gBAAiC,CAAA;EAC3C,QAAA,GAAW,UAAA;AAAA;;;;KAMD,gBAAA,6CAA6D,WAAA,IAAe,KAAA,GAAQ,GAAA,CAAI,cAAA,CAAe,aAAA;;;;KAKvG,aAAA,MAAmB,CAAA,GAAI,QAAA,CAAS,CAAA"}

package/src/components/autocomplete/autocomplete-list.gen.ts

@@ -1,29 +0,0 @@
-import { 
-  type AutocompleteListElement,
-  type AutocompleteListProps as Props,
-  type AutocompleteListEvents as Events,
-  autocompleteListProps,
-  autocompleteListEvents,
-} from '@prosekit/web/autocomplete'
-import type { Component } from 'solid-js'
-
-import type { PropsWithElement } from '../../types.ts'
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
-
-/**
- * Props for the {@link AutocompleteList} component.
- */
-export interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}
-
-export const AutocompleteList: Component<PropsWithElement<
-  AutocompleteListProps,
-  AutocompleteListElement
->> = createComponent<
-  AutocompleteListProps,
-  AutocompleteListElement
->(
-  'prosekit-autocomplete-list', 
-  Object.keys(autocompleteListProps),
-  Object.keys(autocompleteListEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type AutocompletePopoverElement,
-  type AutocompletePopoverProps as Props,
-  type AutocompletePopoverEvents as Events,
-  autocompletePopoverProps,
-  autocompletePopoverEvents,
-} from '@prosekit/web/autocomplete'
-import type { Component } from 'solid-js'
-
-import type { PropsWithElement } from '../../types.ts'
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
-
-/**
- * Props for the {@link AutocompletePopover} component.
- */
-export interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}
-
-export const AutocompletePopover: Component<PropsWithElement<
-  AutocompletePopoverProps,
-  AutocompletePopoverElement
->> = createComponent<
-  AutocompletePopoverProps,
-  AutocompletePopoverElement
->(
-  'prosekit-autocomplete-popover', 
-  Object.keys(autocompletePopoverProps),
-  Object.keys(autocompletePopoverEvents),
-)

package/src/components/block-handle/block-handle-popover.gen.ts

@@ -1,29 +0,0 @@
-import { 
-  type BlockHandlePopoverElement,
-  type BlockHandlePopoverProps as Props,
-  type BlockHandlePopoverEvents as Events,
-  blockHandlePopoverProps,
-  blockHandlePopoverEvents,
-} from '@prosekit/web/block-handle'
-import type { Component } from 'solid-js'
-
-import type { PropsWithElement } from '../../types.ts'
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
-
-/**
- * Props for the {@link BlockHandlePopover} component.
- */
-export interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {}
-
-export const BlockHandlePopover: Component<PropsWithElement<
-  BlockHandlePopoverProps,
-  BlockHandlePopoverElement
->> = createComponent<
-  BlockHandlePopoverProps,
-  BlockHandlePopoverElement
->(
-  'prosekit-block-handle-popover', 
-  Object.keys(blockHandlePopoverProps),
-  Object.keys(blockHandlePopoverEvents),
-)

package/src/components/create-component.ts

@@ -1,60 +0,0 @@
-import type { AnyFunction } from '@prosekit/core'
-import type { Component } from 'solid-js'
-import h from 'solid-js/h'
-
-import { useEditorContext } from '../contexts/editor-context.ts'
-import type { PropsWithElement } from '../types.ts'
-
-export function createComponent<
-  Props extends object,
-  CustomElement extends HTMLElement,
->(
-  tagName: string,
-  propNames: string[],
-  eventNames: string[],
-): Component<PropsWithElement<Props, CustomElement>> {
-  const hasEditor = propNames.includes('editor')
-  const lowerCaseEventNameMap = new Map(
-    eventNames.map((name) => [name.toLowerCase(), name]),
-  )
-
-  const Component = (props: Record<string, unknown>) => {
-    const properties: Record<string, () => unknown> = {}
-    const eventHandlers: Record<string, AnyFunction> = {}
-
-    for (const name of Object.keys(props)) {
-      if (propNames.includes(name)) {
-        properties['prop:' + name] = () => props[name]
-        continue
-      }
-
-      if (name.startsWith('on')) {
-        const lowerCaseEventName = name.slice(2).toLowerCase()
-        const eventName = lowerCaseEventNameMap.get(lowerCaseEventName)
-        if (eventName) {
-          const extractDetail = eventName.endsWith('Change')
-          eventHandlers['on:' + eventName] = (event: Event) => {
-            const handler = props[name] as AnyFunction | null
-            if (typeof handler === 'function') {
-              handler(extractDetail ? (event as CustomEvent).detail : event)
-            }
-          }
-          continue
-        }
-      }
-
-      properties[name] = () => props[name]
-    }
-
-    const editor = useEditorContext()
-
-    if (hasEditor && editor) {
-      properties['prop:editor'] = () => props['editor'] || editor
-    }
-
-    return () => h(tagName, { ...properties, ...eventHandlers })
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-  return Component as any
-}

package/src/components/create-props.ts

@@ -1,13 +0,0 @@
-export type CreateProps<
-  Props extends { [PropName in keyof Props]: unknown },
-  Events extends { [EventName in keyof Events]: CustomEvent },
-> = Props & CreateEventProps<Events>
-
-type CreateEventProps<
-  Events extends { [EventName in keyof Events]: CustomEvent },
-> = {
-  [EventName in keyof Events as `on${Capitalize<string & EventName>}`]: (
-    event: EventName extends `${string}Change` ? Events[EventName]['detail']
-      : Events[EventName],
-  ) => void
-}

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

@@ -1,29 +0,0 @@
-import { 
-  type InlinePopoverElement,
-  type InlinePopoverProps as Props,
-  type InlinePopoverEvents as Events,
-  inlinePopoverProps,
-  inlinePopoverEvents,
-} from '@prosekit/web/inline-popover'
-import type { Component } from 'solid-js'
-
-import type { PropsWithElement } from '../../types.ts'
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
-
-/**
- * Props for the {@link InlinePopover} component.
- */
-export interface InlinePopoverProps extends Partial<CreateProps<Props, Events>> {}
-
-export const InlinePopover: Component<PropsWithElement<
-  InlinePopoverProps,
-  InlinePopoverElement
->> = createComponent<
-  InlinePopoverProps,
-  InlinePopoverElement
->(
-  'prosekit-inline-popover', 
-  Object.keys(inlinePopoverProps),
-  Object.keys(inlinePopoverEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type PopoverContentElement,
-  type PopoverContentProps as Props,
-  type PopoverContentEvents as Events,
-  popoverContentProps,
-  popoverContentEvents,
-} from '@prosekit/web/popover'
-import type { Component } from 'solid-js'
-
-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.
- */
-export interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {}
-
-export const PopoverContent: Component<PropsWithElement<
-  PopoverContentProps,
-  PopoverContentElement
->> = createComponent<
-  PopoverContentProps,
-  PopoverContentElement
->(
-  'prosekit-popover-content', 
-  Object.keys(popoverContentProps),
-  Object.keys(popoverContentEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TableHandleColumnRootElement,
-  type TableHandleColumnRootProps as Props,
-  type TableHandleColumnRootEvents as Events,
-  tableHandleColumnRootProps,
-  tableHandleColumnRootEvents,
-} from '@prosekit/web/table-handle'
-import type { Component } from 'solid-js'
-
-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.
- */
-export interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleColumnRoot: Component<PropsWithElement<
-  TableHandleColumnRootProps,
-  TableHandleColumnRootElement
->> = createComponent<
-  TableHandleColumnRootProps,
-  TableHandleColumnRootElement
->(
-  'prosekit-table-handle-column-root', 
-  Object.keys(tableHandleColumnRootProps),
-  Object.keys(tableHandleColumnRootEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TableHandleColumnTriggerElement,
-  type TableHandleColumnTriggerProps as Props,
-  type TableHandleColumnTriggerEvents as Events,
-  tableHandleColumnTriggerProps,
-  tableHandleColumnTriggerEvents,
-} from '@prosekit/web/table-handle'
-import type { Component } from 'solid-js'
-
-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.
- */
-export interface TableHandleColumnTriggerProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleColumnTrigger: Component<PropsWithElement<
-  TableHandleColumnTriggerProps,
-  TableHandleColumnTriggerElement
->> = createComponent<
-  TableHandleColumnTriggerProps,
-  TableHandleColumnTriggerElement
->(
-  'prosekit-table-handle-column-trigger', 
-  Object.keys(tableHandleColumnTriggerProps),
-  Object.keys(tableHandleColumnTriggerEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TableHandlePopoverContentElement,
-  type TableHandlePopoverContentProps as Props,
-  type TableHandlePopoverContentEvents as Events,
-  tableHandlePopoverContentProps,
-  tableHandlePopoverContentEvents,
-} from '@prosekit/web/table-handle'
-import type { Component } from 'solid-js'
-
-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.
- */
-export interface TableHandlePopoverContentProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandlePopoverContent: Component<PropsWithElement<
-  TableHandlePopoverContentProps,
-  TableHandlePopoverContentElement
->> = createComponent<
-  TableHandlePopoverContentProps,
-  TableHandlePopoverContentElement
->(
-  'prosekit-table-handle-popover-content', 
-  Object.keys(tableHandlePopoverContentProps),
-  Object.keys(tableHandlePopoverContentEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TableHandlePopoverItemElement,
-  type TableHandlePopoverItemProps as Props,
-  type TableHandlePopoverItemEvents as Events,
-  tableHandlePopoverItemProps,
-  tableHandlePopoverItemEvents,
-} from '@prosekit/web/table-handle'
-import type { Component } from 'solid-js'
-
-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.
- */
-export interface TableHandlePopoverItemProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandlePopoverItem: Component<PropsWithElement<
-  TableHandlePopoverItemProps,
-  TableHandlePopoverItemElement
->> = createComponent<
-  TableHandlePopoverItemProps,
-  TableHandlePopoverItemElement
->(
-  'prosekit-table-handle-popover-item', 
-  Object.keys(tableHandlePopoverItemProps),
-  Object.keys(tableHandlePopoverItemEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TableHandleRowRootElement,
-  type TableHandleRowRootProps as Props,
-  type TableHandleRowRootEvents as Events,
-  tableHandleRowRootProps,
-  tableHandleRowRootEvents,
-} from '@prosekit/web/table-handle'
-import type { Component } from 'solid-js'
-
-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.
- */
-export interface TableHandleRowRootProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleRowRoot: Component<PropsWithElement<
-  TableHandleRowRootProps,
-  TableHandleRowRootElement
->> = createComponent<
-  TableHandleRowRootProps,
-  TableHandleRowRootElement
->(
-  'prosekit-table-handle-row-root', 
-  Object.keys(tableHandleRowRootProps),
-  Object.keys(tableHandleRowRootEvents),
-)