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

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),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TableHandleRowTriggerElement,
-  type TableHandleRowTriggerProps as Props,
-  type TableHandleRowTriggerEvents as Events,
-  tableHandleRowTriggerProps,
-  tableHandleRowTriggerEvents,
-} 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 TableHandleRowTrigger} component.
- */
-export interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleRowTrigger: Component<PropsWithElement<
-  TableHandleRowTriggerProps,
-  TableHandleRowTriggerElement
->> = createComponent<
-  TableHandleRowTriggerProps,
-  TableHandleRowTriggerElement
->(
-  'prosekit-table-handle-row-trigger', 
-  Object.keys(tableHandleRowTriggerProps),
-  Object.keys(tableHandleRowTriggerEvents),
-)

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

@@ -1,29 +0,0 @@
-import { 
-  type TooltipContentElement,
-  type TooltipContentProps as Props,
-  type TooltipContentEvents as Events,
-  tooltipContentProps,
-  tooltipContentEvents,
-} from '@prosekit/web/tooltip'
-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 TooltipContent} component.
- */
-export interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TooltipContent: Component<PropsWithElement<
-  TooltipContentProps,
-  TooltipContentElement
->> = createComponent<
-  TooltipContentProps,
-  TooltipContentElement
->(
-  'prosekit-tooltip-content', 
-  Object.keys(tooltipContentProps),
-  Object.keys(tooltipContentEvents),
-)