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

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

@@ -1,33 +0,0 @@
-import {
-  blockHandlePopoverProps,
-  blockHandlePopoverEvents,
-  type BlockHandlePopoverProps as Props,
-  type BlockHandlePopoverEvents as Events,
-} from '@prosekit/web/block-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link BlockHandlePopover} component.
- */
-export interface BlockHandlePopoverProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link BlockHandlePopover} component.
- */
-export interface BlockHandlePopoverEmits extends CreateEmits<Events> {}
-
-export const BlockHandlePopover: DefineSetupFnComponent<
-  BlockHandlePopoverProps & HTMLAttributes,
-  BlockHandlePopoverEmits
-> = createComponent<
-  BlockHandlePopoverProps,
-  BlockHandlePopoverEmits
->(
-  'prosekit-block-handle-popover',
-  'BlockHandlePopover',
-  Object.keys(blockHandlePopoverProps),
-  Object.keys(blockHandlePopoverEvents),
-)

package/src/components/create-component.ts

@@ -1,84 +0,0 @@
-import { defineComponent, h, onMounted, ref, watchEffect, type DefineSetupFnComponent, type EmitsOptions, type HTMLAttributes } from 'vue'
-
-import { useEditorContext } from '../injection/editor-context.ts'
-
-export function createComponent<
-  Props extends { [PropName in keyof Props]: unknown },
-  Emits extends EmitsOptions,
->(
-  tagName: string,
-  displayName: string,
-  propNames: string[],
-  eventNames: string[],
-): DefineSetupFnComponent<Partial<Props> & HTMLAttributes, Emits> {
-  const hasEditor = propNames.includes('editor')
-
-  const Component = defineComponent<any, any>(
-    (props: Record<string, unknown>, { slots, emit }) => {
-      const editor = useEditorContext()
-
-      const mounted = ref(false)
-
-      onMounted(() => {
-        mounted.value = true
-      })
-
-      const elementRef = ref<HTMLElement | null>(null)
-
-      watchEffect((onCleanup) => {
-        const element = elementRef.value
-        if (!element) return
-
-        const eventHandlers: Record<string, (event: Event) => void> = {}
-        for (const eventName of eventNames) {
-          const extractDetail = eventName.endsWith('Change')
-          eventHandlers[eventName] = (event: Event) => {
-            emit(
-              eventName,
-              extractDetail ? (event as CustomEvent).detail : event,
-            )
-          }
-        }
-
-        for (const [eventName, handler] of Object.entries(eventHandlers)) {
-          element.addEventListener(eventName, handler)
-        }
-
-        onCleanup(() => {
-          for (const [eventName, handler] of Object.entries(eventHandlers)) {
-            element.removeEventListener(eventName, handler)
-          }
-        })
-      })
-
-      return () => {
-        const properties: Record<string, unknown> = {}
-
-        for (const [key, value] of Object.entries(props)) {
-          if (value !== undefined && !key.startsWith('.')) {
-            properties[propNames.includes(key) ? '.' + key : key] = value
-          }
-        }
-
-        // Try to add the editor prop if it's missing.
-        if (hasEditor && editor && !properties['editor']) {
-          properties.editor = editor
-        }
-
-        // Ensure web components work after SSR hydration.
-        properties.key = mounted.value ? 1 : 0
-
-        properties.ref = elementRef
-
-        return h(tagName, properties, slots.default?.())
-      }
-    },
-    {
-      name: displayName,
-      props: propNames,
-      emits: eventNames,
-    },
-  )
-
-  return Component
-}

package/src/components/create-emits.ts

@@ -1,8 +0,0 @@
-export type CreateEmits<
-  Events extends { [EventName in keyof Events]: CustomEvent },
-> = {
-  [EventName in keyof Events]: (
-    event: EventName extends `${string}Change` ? Events[EventName]['detail']
-      : Events[EventName],
-  ) => void
-}

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

@@ -1,33 +0,0 @@
-import {
-  inlinePopoverProps,
-  inlinePopoverEvents,
-  type InlinePopoverProps as Props,
-  type InlinePopoverEvents as Events,
-} from '@prosekit/web/inline-popover'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link InlinePopover} component.
- */
-export interface InlinePopoverProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link InlinePopover} component.
- */
-export interface InlinePopoverEmits extends CreateEmits<Events> {}
-
-export const InlinePopover: DefineSetupFnComponent<
-  InlinePopoverProps & HTMLAttributes,
-  InlinePopoverEmits
-> = createComponent<
-  InlinePopoverProps,
-  InlinePopoverEmits
->(
-  'prosekit-inline-popover',
-  'InlinePopover',
-  Object.keys(inlinePopoverProps),
-  Object.keys(inlinePopoverEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  popoverContentProps,
-  popoverContentEvents,
-  type PopoverContentProps as Props,
-  type PopoverContentEvents as Events,
-} from '@prosekit/web/popover'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link PopoverContent} component.
- */
-export interface PopoverContentProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link PopoverContent} component.
- */
-export interface PopoverContentEmits extends CreateEmits<Events> {}
-
-export const PopoverContent: DefineSetupFnComponent<
-  PopoverContentProps & HTMLAttributes,
-  PopoverContentEmits
-> = createComponent<
-  PopoverContentProps,
-  PopoverContentEmits
->(
-  'prosekit-popover-content',
-  'PopoverContent',
-  Object.keys(popoverContentProps),
-  Object.keys(popoverContentEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tableHandleColumnRootProps,
-  tableHandleColumnRootEvents,
-  type TableHandleColumnRootProps as Props,
-  type TableHandleColumnRootEvents as Events,
-} from '@prosekit/web/table-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TableHandleColumnRoot} component.
- */
-export interface TableHandleColumnRootProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TableHandleColumnRoot} component.
- */
-export interface TableHandleColumnRootEmits extends CreateEmits<Events> {}
-
-export const TableHandleColumnRoot: DefineSetupFnComponent<
-  TableHandleColumnRootProps & HTMLAttributes,
-  TableHandleColumnRootEmits
-> = createComponent<
-  TableHandleColumnRootProps,
-  TableHandleColumnRootEmits
->(
-  'prosekit-table-handle-column-root',
-  'TableHandleColumnRoot',
-  Object.keys(tableHandleColumnRootProps),
-  Object.keys(tableHandleColumnRootEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tableHandleColumnTriggerProps,
-  tableHandleColumnTriggerEvents,
-  type TableHandleColumnTriggerProps as Props,
-  type TableHandleColumnTriggerEvents as Events,
-} from '@prosekit/web/table-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TableHandleColumnTrigger} component.
- */
-export interface TableHandleColumnTriggerProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TableHandleColumnTrigger} component.
- */
-export interface TableHandleColumnTriggerEmits extends CreateEmits<Events> {}
-
-export const TableHandleColumnTrigger: DefineSetupFnComponent<
-  TableHandleColumnTriggerProps & HTMLAttributes,
-  TableHandleColumnTriggerEmits
-> = createComponent<
-  TableHandleColumnTriggerProps,
-  TableHandleColumnTriggerEmits
->(
-  'prosekit-table-handle-column-trigger',
-  'TableHandleColumnTrigger',
-  Object.keys(tableHandleColumnTriggerProps),
-  Object.keys(tableHandleColumnTriggerEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tableHandlePopoverContentProps,
-  tableHandlePopoverContentEvents,
-  type TableHandlePopoverContentProps as Props,
-  type TableHandlePopoverContentEvents as Events,
-} from '@prosekit/web/table-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TableHandlePopoverContent} component.
- */
-export interface TableHandlePopoverContentProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TableHandlePopoverContent} component.
- */
-export interface TableHandlePopoverContentEmits extends CreateEmits<Events> {}
-
-export const TableHandlePopoverContent: DefineSetupFnComponent<
-  TableHandlePopoverContentProps & HTMLAttributes,
-  TableHandlePopoverContentEmits
-> = createComponent<
-  TableHandlePopoverContentProps,
-  TableHandlePopoverContentEmits
->(
-  'prosekit-table-handle-popover-content',
-  'TableHandlePopoverContent',
-  Object.keys(tableHandlePopoverContentProps),
-  Object.keys(tableHandlePopoverContentEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tableHandlePopoverItemProps,
-  tableHandlePopoverItemEvents,
-  type TableHandlePopoverItemProps as Props,
-  type TableHandlePopoverItemEvents as Events,
-} from '@prosekit/web/table-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TableHandlePopoverItem} component.
- */
-export interface TableHandlePopoverItemProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TableHandlePopoverItem} component.
- */
-export interface TableHandlePopoverItemEmits extends CreateEmits<Events> {}
-
-export const TableHandlePopoverItem: DefineSetupFnComponent<
-  TableHandlePopoverItemProps & HTMLAttributes,
-  TableHandlePopoverItemEmits
-> = createComponent<
-  TableHandlePopoverItemProps,
-  TableHandlePopoverItemEmits
->(
-  'prosekit-table-handle-popover-item',
-  'TableHandlePopoverItem',
-  Object.keys(tableHandlePopoverItemProps),
-  Object.keys(tableHandlePopoverItemEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tableHandleRowRootProps,
-  tableHandleRowRootEvents,
-  type TableHandleRowRootProps as Props,
-  type TableHandleRowRootEvents as Events,
-} from '@prosekit/web/table-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TableHandleRowRoot} component.
- */
-export interface TableHandleRowRootProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TableHandleRowRoot} component.
- */
-export interface TableHandleRowRootEmits extends CreateEmits<Events> {}
-
-export const TableHandleRowRoot: DefineSetupFnComponent<
-  TableHandleRowRootProps & HTMLAttributes,
-  TableHandleRowRootEmits
-> = createComponent<
-  TableHandleRowRootProps,
-  TableHandleRowRootEmits
->(
-  'prosekit-table-handle-row-root',
-  'TableHandleRowRoot',
-  Object.keys(tableHandleRowRootProps),
-  Object.keys(tableHandleRowRootEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tableHandleRowTriggerProps,
-  tableHandleRowTriggerEvents,
-  type TableHandleRowTriggerProps as Props,
-  type TableHandleRowTriggerEvents as Events,
-} from '@prosekit/web/table-handle'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TableHandleRowTrigger} component.
- */
-export interface TableHandleRowTriggerProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TableHandleRowTrigger} component.
- */
-export interface TableHandleRowTriggerEmits extends CreateEmits<Events> {}
-
-export const TableHandleRowTrigger: DefineSetupFnComponent<
-  TableHandleRowTriggerProps & HTMLAttributes,
-  TableHandleRowTriggerEmits
-> = createComponent<
-  TableHandleRowTriggerProps,
-  TableHandleRowTriggerEmits
->(
-  'prosekit-table-handle-row-trigger',
-  'TableHandleRowTrigger',
-  Object.keys(tableHandleRowTriggerProps),
-  Object.keys(tableHandleRowTriggerEvents),
-)

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

@@ -1,33 +0,0 @@
-import {
-  tooltipContentProps,
-  tooltipContentEvents,
-  type TooltipContentProps as Props,
-  type TooltipContentEvents as Events,
-} from '@prosekit/web/tooltip'
-import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateEmits } from '../create-emits.ts'
-
-/**
- * Props for the {@link TooltipContent} component.
- */
-export interface TooltipContentProps extends Partial<Props> {}
-
-/**
- * Emits for the {@link TooltipContent} component.
- */
-export interface TooltipContentEmits extends CreateEmits<Events> {}
-
-export const TooltipContent: DefineSetupFnComponent<
-  TooltipContentProps & HTMLAttributes,
-  TooltipContentEmits
-> = createComponent<
-  TooltipContentProps,
-  TooltipContentEmits
->(
-  'prosekit-tooltip-content',
-  'TooltipContent',
-  Object.keys(tooltipContentProps),
-  Object.keys(tooltipContentEvents),
-)