@prosekit/solid 0.7.0-beta.7 → 0.7.0

package/dist/autocomplete.d.ts

@@ -49,11 +49,18 @@ interface AutocompletePositionerProps {
    */
   placement?: AutocompletePositionerProps$1['placement'];
   /**
-   * The distance between the popover and the hovered block.
+   * The distance between the popover and the text selection.
    *
-   * @default 4
+   * @default { mainAxis: 8, crossAxis: -4 }
    */
   offset?: AutocompletePositionerProps$1['offset'];
+  /**
+   * Whether to hide the floating element when the reference element or the
+   * floating element is fully clipped.
+   *
+   * @default true
+   */
+  hide?: AutocompletePositionerProps$1['hide'];
   /** @default true */
   inline?: AutocompletePositionerProps$1['inline'];
   /** @default true */
@@ -114,13 +121,6 @@ interface AutocompletePositionerProps {
    * @default false
    */
   sameHeight?: AutocompletePositionerProps$1['sameHeight'];
-  /**
-   * Whether to hide the floating element when the reference element or the
-   * floating element is fully clipped.
-   *
-   * @default false
-   */
-  hide?: AutocompletePositionerProps$1['hide'];
   /**
    * Describes the root boundary that the element will be checked for overflow relative to.
    * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.

package/dist/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-root.gen.ts"],"mappings":";;;UAOiB,sBAAA;;cAGJ,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;UCFrE,qBAAA;EDDsB;;;;AAGvC;;;ECME,KAAA,GAAQ,uBAAA;EDN4E;;;;;ECYpF,QAAA,GAAW,uBAAA;EDZ6B;ECcxC,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;;cAIR,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA;;UCpBnE,sBAAA;EFDsB;;;;EEMrC,aAAA,IAAiB,KAAA,EAAO,uBAAA;EFGzB;;;;EEEC,cAAA,IAAkB,KAAA,EAAO,uBAAA;AAAA;;cAId,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;UCdrE,2BAAA;EHDsB;;;;AAGvC;EGIE,SAAA,GAAY,6BAAA;;;;;;EAMZ,MAAA,GAAS,6BAAA;EHV8B;EGYvC,MAAA,GAAS,6BAAA;EHZ+B;EGcxC,KAAA,GAAQ,6BAAA;EHd6D;EGgBrE,WAAA,GAAc,6BAAA;EHhB8F;EGkB5G,QAAA,GAAW,6BAAA;;EAEX,eAAA,GAAkB,6BAAA;EFtBkB;;;;;EE4BpC,QAAA,GAAW,6BAAA;EFZ8B;;;;;;;EEoBzC,UAAA,GAAa,6BAAA;EFpBsC;;AAIrD;;;;;;EEyBE,IAAA,GAAO,6BAAA;EFzB+B;;;;;EE+BtC,KAAA,GAAQ,6BAAA;EF/B0E;;;;ACpBpF;;EC0DE,OAAA,GAAU,6BAAA;EDhDsC;;;;;;ECuDhD,SAAA,GAAY,6BAAA;EDvDoD;;AAIlE;;;;EC0DE,UAAA,GAAa,6BAAA;ED1DoD;;;;;;ECiEjE,IAAA,GAAO,6BAAA;EDjE8D;;;;;ACdvE;EAsFE,YAAA,GAAe,6BAAA;;;;;;;;EAQf,cAAA,GAAiB,6BAAA;EAlEN;;;;;;;EA0EX,WAAA,GAAc,6BAAA;AAAA;;cAIH,sBAAA,EAAwB,SAAA,CAAU,2BAAA,GAA8B,GAAA,CAAI,cAAA,CAAe,6BAAA;;UCxG/E,qBAAA;EJHsB;;;;AAGvC;;EIOE,MAAA,GAAS,uBAAA;EJP+B;;;;;EIaxC,KAAA,GAAQ,uBAAA;EJbsB;;;;;;EIoB9B,MAAA,GAAS,uBAAA;;EAET,YAAA,IAAgB,KAAA,EAAO,sBAAA;EHxBa;EG0BpC,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHlBhB;;;;EGuBR,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHvBxB;;;;EG4BA,cAAA,IAAkB,KAAA,EAAO,sBAAA;AAAA;;cAId,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA"}
+{"version":3,"file":"autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-root.gen.ts"],"mappings":";;;UAOiB,sBAAA;;cAGJ,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;UCFrE,qBAAA;EDDsB;;;;AAGvC;;;ECME,KAAA,GAAQ,uBAAA;EDN4E;;;;;ECYpF,QAAA,GAAW,uBAAA;EDZ6B;ECcxC,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;;cAIR,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA;;UCpBnE,sBAAA;EFDsB;;;;EEMrC,aAAA,IAAiB,KAAA,EAAO,uBAAA;EFGzB;;;;EEEC,cAAA,IAAkB,KAAA,EAAO,uBAAA;AAAA;;cAId,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;UCdrE,2BAAA;EHDsB;;;;AAGvC;EGIE,SAAA,GAAY,6BAAA;;;;;;EAMZ,MAAA,GAAS,6BAAA;EHV8B;;;;;;EGiBvC,IAAA,GAAO,6BAAA;EHjBqG;EGmB5G,MAAA,GAAS,6BAAA;EFrBM;EEuBf,KAAA,GAAQ,6BAAA;;EAER,WAAA,GAAc,6BAAA;EFXH;EEaX,QAAA,GAAW,6BAAA;EFX8B;EEazC,eAAA,GAAkB,6BAAA;EFrBlB;;;;;EE2BA,QAAA,GAAW,6BAAA;EFnBC;;;AAId;;;;EEuBE,UAAA,GAAa,6BAAA;EFvBkD;;;;;;;;EEgC/D,IAAA,GAAO,6BAAA;EFhCkG;;;ACpB3G;;EC0DE,KAAA,GAAQ,6BAAA;EDhDwC;;;;;;ECuDhD,OAAA,GAAU,6BAAA;EDvDsD;;AAIlE;;;;EC0DE,SAAA,GAAY,6BAAA;ED1DqD;;;;;;ECiEjE,UAAA,GAAa,6BAAA;EDjEwD;;;;;ACdvE;EAsFE,YAAA,GAAe,6BAAA;;;;;;;;EAQf,cAAA,GAAiB,6BAAA;EAjEC;;;;;;;EAyElB,WAAA,GAAc,6BAAA;AAAA;;cAIH,sBAAA,EAAwB,SAAA,CAAU,2BAAA,GAA8B,GAAA,CAAI,cAAA,CAAe,6BAAA;;UCxG/E,qBAAA;EJHsB;;;;AAGvC;;EIOE,MAAA,GAAS,uBAAA;EJP+B;;;;;EIaxC,KAAA,GAAQ,uBAAA;EJbsB;;;;;;EIoB9B,MAAA,GAAS,uBAAA;;EAET,YAAA,IAAgB,KAAA,EAAO,sBAAA;EHxBa;EG0BpC,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHlBhB;;;;EGuBR,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHvBxB;;;;EG4BA,cAAA,IAAkB,KAAA,EAAO,sBAAA;AAAA;;cAId,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA"}

package/dist/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-root.gen.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompleteEmpty} Solid component. */\nexport interface AutocompleteEmptyProps {}\n\n/** A Solid component that renders an `prosekit-autocomplete-empty` custom element. */\nexport const AutocompleteEmpty: Component<AutocompleteEmptyProps & JSX.HTMLAttributes<AutocompleteEmptyElement>> = (props): any => {\n  registerAutocompleteEmptyElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-autocomplete-empty', restProps);\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteItemElement, type AutocompleteItemElement, type AutocompleteItemEvents, type AutocompleteItemProps as AutocompleteItemElementProps } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompleteItem} Solid component. */\nexport interface AutocompleteItemProps {\n  /**\n   * The value of the item, which will be matched against the query.\n   *\n   * If not provided, the value is the item's text content.\n   *\n   * @default \"\"\n   */\n  value?: AutocompleteItemElementProps['value'];\n  /**\n   * Whether this option is disabled.\n   *\n   * @default false\n   */\n  disabled?: AutocompleteItemElementProps['disabled'];\n  /** Emitted when the the item is selected. */\n  onSelect?: (event: AutocompleteItemEvents['select']) => void;\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-item` custom element. */\nexport const AutocompleteItem: Component<AutocompleteItemProps & JSX.HTMLAttributes<AutocompleteItemElement>> = (props): any => {\n  registerAutocompleteItemElement();\n\n  const [getElement, setElement] = createSignal<AutocompleteItemElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['disabled', 'value'], ['onSelect']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { disabled: elementProps.disabled, value: elementProps.value });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onSelect);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['select'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-item',\n      mergeProps(restProps, {\n        ref: (el: AutocompleteItemElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompletePopupElement, type AutocompletePopupElement, type AutocompletePopupEvents } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompletePopup} Solid component. */\nexport interface AutocompletePopupProps {\n  /**\n   * Emitted when the selected value changes. Only available when multiple is\n   * false.\n   */\n  onValueChange?: (event: AutocompletePopupEvents['valueChange']) => void;\n  /**\n   * Emitted when the selected values change. Only available when multiple is\n   * true.\n   */\n  onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-popup` custom element. */\nexport const AutocompletePopup: Component<AutocompletePopupProps & JSX.HTMLAttributes<AutocompletePopupElement>> = (props): any => {\n  registerAutocompletePopupElement();\n\n  const [getElement, setElement] = createSignal<AutocompletePopupElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [eventHandlers, restProps] = splitProps(props, ['onValueChange', 'onValuesChange']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onValueChange);\n    handlers.push(eventHandlers.onValuesChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['valueChange', 'valuesChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-popup',\n      mergeProps(restProps, {\n        ref: (el: AutocompletePopupElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompletePositionerElement, type AutocompletePositionerElement, type AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompletePositioner} Solid component. */\nexport interface AutocompletePositionerProps {\n  /**\n   * The placement of the popover, relative to the text cursor.\n   *\n   * @default \"bottom-start\"\n   */\n  placement?: AutocompletePositionerElementProps['placement'];\n  /**\n   * The distance between the popover and the hovered block.\n   *\n   * @default 4\n   */\n  offset?: AutocompletePositionerElementProps['offset'];\n  /** @default true */\n  inline?: AutocompletePositionerElementProps['inline'];\n  /** @default true */\n  hoist?: AutocompletePositionerElementProps['hoist'];\n  /** @default true */\n  fitViewport?: AutocompletePositionerElementProps['fitViewport'];\n  /** @default \"The body element\" */\n  boundary?: AutocompletePositionerElementProps['boundary'];\n  /** @default 8 */\n  overflowPadding?: AutocompletePositionerElementProps['overflowPadding'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: AutocompletePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: AutocompletePositionerElementProps['autoUpdate'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: AutocompletePositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: AutocompletePositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: AutocompletePositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: AutocompletePositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: AutocompletePositionerElementProps['sameHeight'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: AutocompletePositionerElementProps['hide'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: AutocompletePositionerElementProps['rootBoundary'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: AutocompletePositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: AutocompletePositionerElementProps['altBoundary'];\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-positioner` custom element. */\nexport const AutocompletePositioner: Component<AutocompletePositionerProps & JSX.HTMLAttributes<AutocompletePositionerElement>> = (props): any => {\n  registerAutocompletePositionerElement();\n\n  const [getElement, setElement] = createSignal<AutocompletePositionerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, {\n      altBoundary: elementProps.altBoundary,\n      autoUpdate: elementProps.autoUpdate,\n      boundary: elementProps.boundary,\n      elementContext: elementProps.elementContext,\n      fitViewport: elementProps.fitViewport,\n      flip: elementProps.flip,\n      hide: elementProps.hide,\n      hoist: elementProps.hoist,\n      inline: elementProps.inline,\n      offset: elementProps.offset,\n      overflowPadding: elementProps.overflowPadding,\n      overlap: elementProps.overlap,\n      placement: elementProps.placement,\n      rootBoundary: elementProps.rootBoundary,\n      sameHeight: elementProps.sameHeight,\n      sameWidth: elementProps.sameWidth,\n      shift: elementProps.shift,\n      strategy: elementProps.strategy,\n    });\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-positioner',\n      mergeProps(restProps, {\n        ref: (el: AutocompletePositionerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootEvents, type AutocompleteRootProps as AutocompleteRootElementProps } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link AutocompleteRoot} Solid component. */\nexport interface AutocompleteRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: AutocompleteRootElementProps['editor'];\n  /**\n   * The regular expression to match the query text to autocomplete.\n   *\n   * @default null\n   */\n  regex?: AutocompleteRootElementProps['regex'];\n  /**\n   * The filter function to determine if an item should be shown in the\n   * listbox.\n   *\n   * @default defaultItemFilter\n   */\n  filter?: AutocompleteRootElementProps['filter'];\n  /** Fired when the open state changes. */\n  onOpenChange?: (event: AutocompleteRootEvents['openChange']) => void;\n  /** Fired when the query changes. */\n  onQueryChange?: (event: AutocompleteRootEvents['queryChange']) => void;\n  /**\n   * Emitted when the selected value changes. Only available when multiple is\n   * false.\n   */\n  onValueChange?: (event: AutocompleteRootEvents['valueChange']) => void;\n  /**\n   * Emitted when the selected values change. Only available when multiple is\n   * true.\n   */\n  onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-root` custom element. */\nexport const AutocompleteRoot: Component<AutocompleteRootProps & JSX.HTMLAttributes<AutocompleteRootElement>> = (props): any => {\n  registerAutocompleteRootElement();\n\n  const [getElement, setElement] = createSignal<AutocompleteRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['editor', 'filter', 'regex'], ['onOpenChange', 'onQueryChange', 'onValueChange', 'onValuesChange']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback, filter: elementProps.filter, regex: elementProps.regex });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onOpenChange);\n    handlers.push(eventHandlers.onQueryChange);\n    handlers.push(eventHandlers.onValueChange);\n    handlers.push(eventHandlers.onValuesChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange', 'queryChange', 'valueChange', 'valuesChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-root',\n      mergeProps(restProps, {\n        ref: (el: AutocompleteRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-root.gen.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompleteEmpty} Solid component. */\nexport interface AutocompleteEmptyProps {}\n\n/** A Solid component that renders an `prosekit-autocomplete-empty` custom element. */\nexport const AutocompleteEmpty: Component<AutocompleteEmptyProps & JSX.HTMLAttributes<AutocompleteEmptyElement>> = (props): any => {\n  registerAutocompleteEmptyElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-autocomplete-empty', restProps);\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteItemElement, type AutocompleteItemElement, type AutocompleteItemEvents, type AutocompleteItemProps as AutocompleteItemElementProps } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompleteItem} Solid component. */\nexport interface AutocompleteItemProps {\n  /**\n   * The value of the item, which will be matched against the query.\n   *\n   * If not provided, the value is the item's text content.\n   *\n   * @default \"\"\n   */\n  value?: AutocompleteItemElementProps['value'];\n  /**\n   * Whether this option is disabled.\n   *\n   * @default false\n   */\n  disabled?: AutocompleteItemElementProps['disabled'];\n  /** Emitted when the the item is selected. */\n  onSelect?: (event: AutocompleteItemEvents['select']) => void;\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-item` custom element. */\nexport const AutocompleteItem: Component<AutocompleteItemProps & JSX.HTMLAttributes<AutocompleteItemElement>> = (props): any => {\n  registerAutocompleteItemElement();\n\n  const [getElement, setElement] = createSignal<AutocompleteItemElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['disabled', 'value'], ['onSelect']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { disabled: elementProps.disabled, value: elementProps.value });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onSelect);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['select'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-item',\n      mergeProps(restProps, {\n        ref: (el: AutocompleteItemElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompletePopupElement, type AutocompletePopupElement, type AutocompletePopupEvents } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompletePopup} Solid component. */\nexport interface AutocompletePopupProps {\n  /**\n   * Emitted when the selected value changes. Only available when multiple is\n   * false.\n   */\n  onValueChange?: (event: AutocompletePopupEvents['valueChange']) => void;\n  /**\n   * Emitted when the selected values change. Only available when multiple is\n   * true.\n   */\n  onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-popup` custom element. */\nexport const AutocompletePopup: Component<AutocompletePopupProps & JSX.HTMLAttributes<AutocompletePopupElement>> = (props): any => {\n  registerAutocompletePopupElement();\n\n  const [getElement, setElement] = createSignal<AutocompletePopupElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [eventHandlers, restProps] = splitProps(props, ['onValueChange', 'onValuesChange']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onValueChange);\n    handlers.push(eventHandlers.onValuesChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['valueChange', 'valuesChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-popup',\n      mergeProps(restProps, {\n        ref: (el: AutocompletePopupElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompletePositionerElement, type AutocompletePositionerElement, type AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompletePositioner} Solid component. */\nexport interface AutocompletePositionerProps {\n  /**\n   * The placement of the popover, relative to the text cursor.\n   *\n   * @default \"bottom-start\"\n   */\n  placement?: AutocompletePositionerElementProps['placement'];\n  /**\n   * The distance between the popover and the text selection.\n   *\n   * @default { mainAxis: 8, crossAxis: -4 }\n   */\n  offset?: AutocompletePositionerElementProps['offset'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default true\n   */\n  hide?: AutocompletePositionerElementProps['hide'];\n  /** @default true */\n  inline?: AutocompletePositionerElementProps['inline'];\n  /** @default true */\n  hoist?: AutocompletePositionerElementProps['hoist'];\n  /** @default true */\n  fitViewport?: AutocompletePositionerElementProps['fitViewport'];\n  /** @default \"The body element\" */\n  boundary?: AutocompletePositionerElementProps['boundary'];\n  /** @default 8 */\n  overflowPadding?: AutocompletePositionerElementProps['overflowPadding'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: AutocompletePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: AutocompletePositionerElementProps['autoUpdate'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: AutocompletePositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: AutocompletePositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: AutocompletePositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: AutocompletePositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: AutocompletePositionerElementProps['sameHeight'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: AutocompletePositionerElementProps['rootBoundary'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: AutocompletePositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: AutocompletePositionerElementProps['altBoundary'];\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-positioner` custom element. */\nexport const AutocompletePositioner: Component<AutocompletePositionerProps & JSX.HTMLAttributes<AutocompletePositionerElement>> = (props): any => {\n  registerAutocompletePositionerElement();\n\n  const [getElement, setElement] = createSignal<AutocompletePositionerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, {\n      altBoundary: elementProps.altBoundary,\n      autoUpdate: elementProps.autoUpdate,\n      boundary: elementProps.boundary,\n      elementContext: elementProps.elementContext,\n      fitViewport: elementProps.fitViewport,\n      flip: elementProps.flip,\n      hide: elementProps.hide,\n      hoist: elementProps.hoist,\n      inline: elementProps.inline,\n      offset: elementProps.offset,\n      overflowPadding: elementProps.overflowPadding,\n      overlap: elementProps.overlap,\n      placement: elementProps.placement,\n      rootBoundary: elementProps.rootBoundary,\n      sameHeight: elementProps.sameHeight,\n      sameWidth: elementProps.sameWidth,\n      shift: elementProps.shift,\n      strategy: elementProps.strategy,\n    });\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-positioner',\n      mergeProps(restProps, {\n        ref: (el: AutocompletePositionerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootEvents, type AutocompleteRootProps as AutocompleteRootElementProps } from '@prosekit/web/autocomplete';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link AutocompleteRoot} Solid component. */\nexport interface AutocompleteRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: AutocompleteRootElementProps['editor'];\n  /**\n   * The regular expression to match the query text to autocomplete.\n   *\n   * @default null\n   */\n  regex?: AutocompleteRootElementProps['regex'];\n  /**\n   * The filter function to determine if an item should be shown in the\n   * listbox.\n   *\n   * @default defaultItemFilter\n   */\n  filter?: AutocompleteRootElementProps['filter'];\n  /** Fired when the open state changes. */\n  onOpenChange?: (event: AutocompleteRootEvents['openChange']) => void;\n  /** Fired when the query changes. */\n  onQueryChange?: (event: AutocompleteRootEvents['queryChange']) => void;\n  /**\n   * Emitted when the selected value changes. Only available when multiple is\n   * false.\n   */\n  onValueChange?: (event: AutocompleteRootEvents['valueChange']) => void;\n  /**\n   * Emitted when the selected values change. Only available when multiple is\n   * true.\n   */\n  onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;\n}\n\n/** A Solid component that renders an `prosekit-autocomplete-root` custom element. */\nexport const AutocompleteRoot: Component<AutocompleteRootProps & JSX.HTMLAttributes<AutocompleteRootElement>> = (props): any => {\n  registerAutocompleteRootElement();\n\n  const [getElement, setElement] = createSignal<AutocompleteRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['editor', 'filter', 'regex'], ['onOpenChange', 'onQueryChange', 'onValueChange', 'onValuesChange']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback, filter: elementProps.filter, regex: elementProps.regex });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onOpenChange);\n    handlers.push(eventHandlers.onQueryChange);\n    handlers.push(eventHandlers.onValueChange);\n    handlers.push(eventHandlers.onValuesChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange', 'queryChange', 'valueChange', 'valuesChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-autocomplete-root',\n      mergeProps(restProps, {\n        ref: (el: AutocompleteRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/extensions/helpers.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/utils/to-value.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["export function hidePortalDiv(el: HTMLElement): void {\n  el.style.display = 'contents'\n  el.dataset.solidPortal = 'true'\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidMarkView,\n  buildSolidMarkViewCreator,\n  type MarkViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidMarkViewProps extends MarkViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidMarkViewComponent = Component<SolidMarkViewProps>\n\n/**\n * Options for {@link defineSolidMarkView}.\n *\n * @public\n */\nexport interface SolidMarkViewOptions extends CoreMarkViewUserOptions<SolidMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitSolidMarkView extends AbstractSolidMarkView<SolidMarkViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidMarkViewProps = this.context\n    const props: SolidMarkViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get mark() {\n        return getProps().mark\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidMarkViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidMarkViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidMarkView)\n  return defineMarkViewFactory<SolidMarkViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Solid component.\n *\n * @public\n */\nexport function defineSolidMarkView(options: SolidMarkViewOptions): Extension {\n  return defineMarkViewComponent<SolidMarkViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidNodeView,\n  buildSolidNodeViewCreator,\n  type NodeViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidNodeViewProps extends NodeViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidNodeViewComponent = Component<SolidNodeViewProps>\n\n/**\n * Options for {@link defineSolidNodeView}.\n *\n * @public\n */\nexport interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitSolidNodeView extends AbstractSolidNodeView<SolidNodeViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidNodeViewProps = this.context\n    const props: SolidNodeViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get getPos() {\n        return getProps().getPos\n      },\n      get setAttrs() {\n        return getProps().setAttrs\n      },\n      get node() {\n        return getProps().node\n      },\n      get selected() {\n        return getProps().selected\n      },\n      get decorations() {\n        return getProps().decorations\n      },\n      get innerDecorations() {\n        return getProps().innerDecorations\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidNodeViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidNodeViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidNodeView)\n  return defineNodeViewFactory<SolidNodeViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Solid component.\n *\n * @public\n */\nexport function defineSolidNodeView(options: SolidNodeViewOptions): Extension {\n  return defineNodeViewComponent<SolidNodeViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","/**\n * Accesses the value of a MaybeAccessor\n *\n * @example\n * ```ts\n * access(\"foo\") // => \"foo\"\n * access(() => \"foo\") // => \"foo\"\n * ```\n */\nexport function toValue<T>(\n  v: (() => T) | T,\n): T {\n  return (typeof v === 'function') ? (v as () => T)() : v\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, onCleanup, type Accessor } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editorAccessor: MaybeAccessor<Editor> | undefined | null,\n  extensionAccessor: Accessor<Extension | null>,\n): void {\n  const editorContext = useEditorContext()\n\n  createEffect(() => {\n    const editor = toValue(editorAccessor) || toValue(editorContext)\n    const extension = extensionAccessor()\n\n    if (!editor) {\n      throw new EditorNotFoundError()\n    }\n    if (extension) {\n      onCleanup(editor.use(extension))\n    }\n  })\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { useSolidRenderer } from '@prosemirror-adapter/solid'\nimport type { Component, JSX, ParentProps } from 'solid-js'\n\nimport { defineSolidMarkViewFactory } from '../extensions/solid-mark-view.ts'\nimport { defineSolidNodeViewFactory } from '../extensions/solid-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\ntype ViewRendererProps = ParentProps<{\n  editor: Editor\n}>\n\nexport const ViewRenderer: Component<ViewRendererProps> = (props): JSX.Element => {\n  const { renderSolidRenderer, removeSolidRenderer, render } = useSolidRenderer()\n\n  const extension = union([\n    defineSolidMarkViewFactory(renderSolidRenderer, removeSolidRenderer),\n    defineSolidNodeViewFactory(renderSolidRenderer, removeSolidRenderer),\n  ])\n\n  useEditorExtension(() => props.editor, () => extension)\n\n  return [props.children, render] as unknown as JSX.Element\n}\n","import type { Editor } from '@prosekit/core'\nimport { createComponent, type Component, type ParentProps } from 'solid-js'\n\nimport { EditorContextProvider } from '../contexts/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport type ProseKitProps = ParentProps<{\n  editor: Editor\n}>\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: Component<ProseKitProps> = (props) => {\n  return createComponent(EditorContextProvider, {\n    get value() {\n      return props.editor\n    },\n    get children() {\n      return createComponent(ViewRenderer, {\n        get editor() {\n          return props.editor\n        },\n        get children() {\n          return props.children\n        },\n      })\n    },\n  })\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: () => T | null,\n  priority?: Priority | null,\n): () => T | null {\n  return () => {\n    const ext = extension()\n    return ext && priority ? withPriority(ext, priority) : ext\n  }\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor>\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The accessor to an extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Accessor<Extension | null>,\n  options?: UseExtensionOptions,\n): void {\n  useEditorExtension(\n    options?.editor,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n  useExtension(() => extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, createSignal } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): () => Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const [depend, forceUpdate] = useForceUpdate()\n\n  createEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return () => {\n    depend()\n    return editor\n  }\n}\n\nfunction useForceUpdate() {\n  return createSignal(undefined, { equals: false })\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { createMemo, type Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns an accessor of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Accessor<Derived> {\n  const initialEditor = options?.editor\n  const editorAccessor: Accessor<Editor<E>> = initialEditor\n    ? () => toValue(initialEditor)\n    : useEditor<E>({ update: true })\n\n  return createMemo(() => derive(editorAccessor()))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(keymap: () => Keymap, options?: UseExtensionOptions): void {\n  const extension = () => defineKeymap(keymap())\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineUpdateHandler((view) => handler(view.state))\n  useExtension(() => extension, options)\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/extensions/helpers.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/utils/to-value.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["export function hidePortalDiv(el: HTMLElement): void {\n  el.style.display = 'contents'\n  el.dataset.solidPortal = 'true'\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidMarkView,\n  buildSolidMarkViewCreator,\n  type MarkViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidMarkViewProps extends MarkViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidMarkViewComponent = Component<SolidMarkViewProps>\n\n/**\n * Options for {@link defineSolidMarkView}.\n *\n * @public\n */\nexport interface SolidMarkViewOptions extends CoreMarkViewUserOptions<SolidMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitSolidMarkView extends AbstractSolidMarkView<SolidMarkViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidMarkViewProps = this.context\n    const props: SolidMarkViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get mark() {\n        return getProps().mark\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidMarkViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidMarkViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidMarkView)\n  return defineMarkViewFactory<SolidMarkViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Solid component.\n *\n * @public\n */\nexport function defineSolidMarkView(options: SolidMarkViewOptions): Extension {\n  return defineMarkViewComponent<SolidMarkViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidNodeView,\n  buildSolidNodeViewCreator,\n  type NodeViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidNodeViewProps extends NodeViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidNodeViewComponent = Component<SolidNodeViewProps>\n\n/**\n * Options for {@link defineSolidNodeView}.\n *\n * @public\n */\nexport interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitSolidNodeView extends AbstractSolidNodeView<SolidNodeViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidNodeViewProps = this.context\n    const props: SolidNodeViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get getPos() {\n        return getProps().getPos\n      },\n      get setAttrs() {\n        return getProps().setAttrs\n      },\n      get node() {\n        return getProps().node\n      },\n      get selected() {\n        return getProps().selected\n      },\n      get decorations() {\n        return getProps().decorations\n      },\n      get innerDecorations() {\n        return getProps().innerDecorations\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidNodeViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidNodeViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidNodeView)\n  return defineNodeViewFactory<SolidNodeViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Solid component.\n *\n * @public\n */\nexport function defineSolidNodeView(options: SolidNodeViewOptions): Extension {\n  return defineNodeViewComponent<SolidNodeViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","/**\n * Accesses the value of a MaybeAccessor\n *\n * @example\n * ```ts\n * access(\"foo\") // => \"foo\"\n * access(() => \"foo\") // => \"foo\"\n * ```\n */\nexport function toValue<T>(\n  v: (() => T) | T,\n): T {\n  return (typeof v === 'function') ? (v as () => T)() : v\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, onCleanup, type Accessor } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editorAccessor: MaybeAccessor<Editor> | undefined | null,\n  extensionAccessor: Accessor<Extension | null>,\n): void {\n  const editorContext = useEditorContext()\n\n  createEffect(() => {\n    const editor = toValue(editorAccessor) || toValue(editorContext)\n    const extension = extensionAccessor()\n\n    if (!editor) {\n      throw new EditorNotFoundError()\n    }\n    if (extension) {\n      onCleanup(editor.use(extension))\n    }\n  })\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { useSolidRenderer } from '@prosemirror-adapter/solid'\nimport type { Component, JSX, ParentProps } from 'solid-js'\n\nimport { defineSolidMarkViewFactory } from '../extensions/solid-mark-view.ts'\nimport { defineSolidNodeViewFactory } from '../extensions/solid-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\ntype ViewRendererProps = ParentProps<{\n  editor: Editor\n}>\n\nexport const ViewRenderer: Component<ViewRendererProps> = (props): JSX.Element => {\n  const { renderSolidRenderer, removeSolidRenderer, render } = useSolidRenderer()\n\n  const extension = union([\n    defineSolidMarkViewFactory(renderSolidRenderer, removeSolidRenderer),\n    defineSolidNodeViewFactory(renderSolidRenderer, removeSolidRenderer),\n  ])\n\n  useEditorExtension(() => props.editor, () => extension)\n\n  return [props.children, render] as unknown as JSX.Element\n}\n","import type { Editor } from '@prosekit/core'\nimport { createComponent, type Component, type ParentProps } from 'solid-js'\n\nimport { EditorContextProvider } from '../contexts/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport type ProseKitProps = ParentProps<{\n  editor: Editor\n}>\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: Component<ProseKitProps> = (props) => {\n  return createComponent(EditorContextProvider, {\n    get value() {\n      return props.editor\n    },\n    get children() {\n      return createComponent(ViewRenderer, {\n        get editor() {\n          return props.editor\n        },\n        get children() {\n          return props.children\n        },\n      })\n    },\n  })\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: () => T | null,\n  priority?: Priority | null,\n): () => T | null {\n  return () => {\n    const ext = extension()\n    return ext && priority ? withPriority(ext, priority) : ext\n  }\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor>\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The accessor to an extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Accessor<Extension | null>,\n  options?: UseExtensionOptions,\n): void {\n  useEditorExtension(\n    options?.editor,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n  useExtension(() => extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, createSignal } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): () => Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const [depend, forceUpdate] = useForceUpdate()\n\n  createEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return () => {\n    depend()\n    return editor\n  }\n}\n\nfunction useForceUpdate() {\n  return createSignal(undefined, { equals: false })\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { createMemo, type Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns an accessor of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Accessor<Derived> {\n  const initialEditor = options?.editor\n  const editorAccessor: Accessor<Editor<E>> = initialEditor\n    ? () => toValue(initialEditor)\n    : useEditor<E>({ update: true })\n\n  return createMemo(() => derive(editorAccessor()))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(keymap: () => Keymap, options?: UseExtensionOptions): void {\n  const extension = () => defineKeymap(keymap())\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineUpdateHandler((view) => handler(view.state))\n  useExtension(() => extension, options)\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.7.0-beta.7",
+  "version": "0.7.0",
   "private": false,
   "description": "Solid components and utilities for ProseKit",
   "author": {
@@ -74,9 +74,9 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.5.3",
     "@prosemirror-adapter/solid": "^0.5.3",
-    "@prosekit/core": "^0.12.0-beta.1",
-    "@prosekit/pm": "^0.1.16-beta.0",
-    "@prosekit/web": "^0.8.0-beta.6"
+    "@prosekit/pm": "^0.1.16",
+    "@prosekit/core": "^0.12.0",
+    "@prosekit/web": "^0.8.0"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"
@@ -88,14 +88,14 @@
   },
   "devDependencies": {
     "solid-js": "^1.9.12",
-    "tsdown": "^0.21.8",
+    "tsdown": "^0.21.10",
     "typescript": "~5.9.3",
     "vite-plugin-solid": "^2.11.12",
-    "vitest": "^4.1.4",
+    "vitest": "^4.1.5",
     "vitest-browser-solid": "^1.0.1",
+    "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/config-ts": "0.0.0",
     "@prosekit/config-vitest": "0.0.0",
-    "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/testing": "0.0.0"
   },
   "scripts": {

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

@@ -14,11 +14,18 @@ export interface AutocompletePositionerProps {
    */
   placement?: AutocompletePositionerElementProps['placement'];
   /**
-   * The distance between the popover and the hovered block.
+   * The distance between the popover and the text selection.
    *
-   * @default 4
+   * @default { mainAxis: 8, crossAxis: -4 }
    */
   offset?: AutocompletePositionerElementProps['offset'];
+  /**
+   * Whether to hide the floating element when the reference element or the
+   * floating element is fully clipped.
+   *
+   * @default true
+   */
+  hide?: AutocompletePositionerElementProps['hide'];
   /** @default true */
   inline?: AutocompletePositionerElementProps['inline'];
   /** @default true */
@@ -79,13 +86,6 @@ export interface AutocompletePositionerProps {
    * @default false
    */
   sameHeight?: AutocompletePositionerElementProps['sameHeight'];
-  /**
-   * Whether to hide the floating element when the reference element or the
-   * floating element is fully clipped.
-   *
-   * @default false
-   */
-  hide?: AutocompletePositionerElementProps['hide'];
   /**
    * Describes the root boundary that the element will be checked for overflow relative to.
    * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.