@prosekit/preact 0.6.3 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{create-component-BqjC2d_2.js → create-component-BXe2FADc.js} +2 -2
- package/dist/{create-component-BqjC2d_2.js.map → create-component-BXe2FADc.js.map} +1 -1
- package/dist/{editor-context-DNun2Non.js → editor-context-Ns6wbE1p.js} +4 -4
- package/dist/{editor-context-DNun2Non.js.map → editor-context-Ns6wbE1p.js.map} +1 -1
- package/dist/prosekit-preact-autocomplete.js +1 -1
- package/dist/prosekit-preact-block-handle.js +1 -1
- package/dist/prosekit-preact-drop-indicator.js +1 -1
- package/dist/prosekit-preact-inline-popover.js +1 -1
- package/dist/prosekit-preact-popover.js +1 -1
- package/dist/prosekit-preact-resizable.js +1 -1
- package/dist/prosekit-preact-table-handle.js +1 -1
- package/dist/prosekit-preact-tooltip.js +1 -1
- package/dist/prosekit-preact.js +1 -1
- package/package.json +3 -3
- package/src/contexts/editor-context.ts +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as useEditorContext } from "./editor-context-
|
|
1
|
+
import { n as useEditorContext } from "./editor-context-Ns6wbE1p.js";
|
|
2
2
|
import { createElement } from "preact";
|
|
3
3
|
import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "preact/hooks";
|
|
4
4
|
import { forwardRef } from "preact/compat";
|
|
@@ -94,4 +94,4 @@ function createComponent(tagName, displayName, propNames, eventNames) {
|
|
|
94
94
|
|
|
95
95
|
//#endregion
|
|
96
96
|
export { createComponent as t };
|
|
97
|
-
//# sourceMappingURL=create-component-
|
|
97
|
+
//# sourceMappingURL=create-component-BXe2FADc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-component-
|
|
1
|
+
{"version":3,"file":"create-component-BXe2FADc.js","names":["cleanups: VoidFunction[]","properties: Record<string, unknown>","attributes: Record<string, unknown>","eventHandlers: Record<string, AnyFunction>","fixedEventHandlers: Record<string, AnyFunction>"],"sources":["../src/components/merge-refs.ts","../src/components/create-component.ts"],"sourcesContent":["import type { Ref } from 'preact'\n\n/**\n * Assigns a value to a ref.\n * @returns The ref cleanup callback, if any.\n */\nfunction assignRef<T>(\n ref: Ref<T> | undefined,\n value: T | null,\n): VoidFunction | void {\n if (typeof ref === 'function') {\n return ref(value)\n } else if (ref) {\n ref.current = value\n }\n}\n\n/**\n * Merges multiple refs into a single one.\n */\nexport function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T> {\n return (value: T | null) => {\n const cleanups: VoidFunction[] = []\n\n for (const ref of refs) {\n const cleanup = assignRef(ref, value)\n const isCleanup = typeof cleanup === 'function'\n cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null))\n }\n\n return () => {\n for (const cleanup of cleanups) cleanup()\n }\n }\n}\n","import type { AnyFunction } from '@prosekit/core'\nimport { createElement } from 'preact'\nimport {\n forwardRef,\n type ForwardRefExoticComponent,\n type HTMLAttributes,\n type RefAttributes,\n} from 'preact/compat'\nimport {\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'preact/hooks'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { mergeRefs } from './merge-refs'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport function createComponent<\n Props extends object,\n CustomElement extends HTMLElement,\n>(\n tagName: string,\n displayName: string,\n propNames: string[],\n eventNames: string[],\n): ForwardRefExoticComponent<\n Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>\n> {\n const hasEditor = propNames.includes('editor')\n const lowerCaseEventNameMap = new Map(\n eventNames.map((name) => [name.toLowerCase(), name]),\n )\n\n const Component = forwardRef<any, any>((props: Props, ref) => {\n const [el, setEl] = useState<HTMLElement | null>(null)\n\n const properties: Record<string, unknown> = {}\n const attributes: Record<string, unknown> = {}\n const eventHandlersRef = useRef<Record<string, AnyFunction>>({})\n const eventHandlers: Record<string, AnyFunction> = {}\n\n for (const [name, value] of Object.entries(props)) {\n if (value === undefined) {\n continue\n }\n\n if (propNames.includes(name)) {\n properties[name] = value\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[eventName] = (event: Event) => {\n const handler = value as AnyFunction | null\n if (typeof handler === 'function') {\n handler(extractDetail ? (event as CustomEvent).detail : event)\n }\n }\n continue\n }\n }\n\n if (name === 'className') {\n attributes['class'] = value\n } else {\n attributes[name] = value\n }\n }\n\n const editor = useEditorContext()\n\n if (hasEditor && editor && !properties['editor']) {\n properties['editor'] = editor\n }\n\n // Set all properties.\n useIsomorphicLayoutEffect(() => {\n if (!el) return\n for (const [name, value] of Object.entries(properties)) {\n if (value !== undefined) {\n // @ts-expect-error: we know that name is a valid property name\n // eslint-disable-next-line react-hooks/immutability\n el[name] = value\n }\n }\n }, [el, ...propNames.map((name) => properties[name])])\n\n // Put all event listeners extracted from `props` into `eventHandlersRef`.\n useIsomorphicLayoutEffect(() => {\n eventHandlersRef.current = eventHandlers\n })\n\n // Register the event listeners to the element.\n useIsomorphicLayoutEffect(() => {\n if (!el) {\n return\n }\n\n const fixedEventHandlers: Record<string, AnyFunction> = {}\n\n for (const eventName of eventNames) {\n fixedEventHandlers[eventName] = (event: Event) => {\n eventHandlersRef.current[eventName]?.(event)\n }\n }\n\n for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n el.addEventListener(name, handler)\n }\n\n return () => {\n for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n el.removeEventListener(name, handler)\n }\n }\n }, [el])\n\n const mergedRef = useMemo(() => mergeRefs([ref, setEl]), [ref])\n\n return createElement(tagName, { ...attributes, ref: mergedRef })\n })\n\n Component.displayName = displayName\n\n return Component\n}\n"],"mappings":";;;;;;;;;;AAMA,SAAS,UACP,KACA,OACqB;AACrB,KAAI,OAAO,QAAQ,WACjB,QAAO,IAAI,MAAM;UACR,IACT,KAAI,UAAU;;;;;AAOlB,SAAgB,UAAa,MAAsC;AACjE,SAAQ,UAAoB;EAC1B,MAAMA,WAA2B,EAAE;AAEnC,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,UAAU,UAAU,KAAK,MAAM;GACrC,MAAM,YAAY,OAAO,YAAY;AACrC,YAAS,KAAK,YAAY,gBAAgB,UAAU,KAAK,KAAK,CAAC;;AAGjE,eAAa;AACX,QAAK,MAAM,WAAW,SAAU,UAAS;;;;;;;ACX/C,MAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;AAEpF,SAAgB,gBAId,SACA,aACA,WACA,YAGA;CACA,MAAM,YAAY,UAAU,SAAS,SAAS;CAC9C,MAAM,wBAAwB,IAAI,IAChC,WAAW,KAAK,SAAS,CAAC,KAAK,aAAa,EAAE,KAAK,CAAC,CACrD;CAED,MAAM,YAAY,YAAsB,OAAc,QAAQ;EAC5D,MAAM,CAAC,IAAI,SAAS,SAA6B,KAAK;EAEtD,MAAMC,aAAsC,EAAE;EAC9C,MAAMC,aAAsC,EAAE;EAC9C,MAAM,mBAAmB,OAAoC,EAAE,CAAC;EAChE,MAAMC,gBAA6C,EAAE;AAErD,OAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,EAAE;AACjD,OAAI,UAAU,OACZ;AAGF,OAAI,UAAU,SAAS,KAAK,EAAE;AAC5B,eAAW,QAAQ;AACnB;;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,cAAc,UAAiB;MAC3C,MAAM,UAAU;AAChB,UAAI,OAAO,YAAY,WACrB,SAAQ,gBAAiB,MAAsB,SAAS,MAAM;;AAGlE;;;AAIJ,OAAI,SAAS,YACX,YAAW,WAAW;OAEtB,YAAW,QAAQ;;EAIvB,MAAM,SAAS,kBAAkB;AAEjC,MAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,YAAY;AAIzB,kCAAgC;AAC9B,OAAI,CAAC,GAAI;AACT,QAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,WAAW,CACpD,KAAI,UAAU,OAGZ,IAAG,QAAQ;KAGd,CAAC,IAAI,GAAG,UAAU,KAAK,SAAS,WAAW,MAAM,CAAC,CAAC;AAGtD,kCAAgC;AAC9B,oBAAiB,UAAU;IAC3B;AAGF,kCAAgC;AAC9B,OAAI,CAAC,GACH;GAGF,MAAMC,qBAAkD,EAAE;AAE1D,QAAK,MAAM,aAAa,WACtB,oBAAmB,cAAc,UAAiB;AAChD,qBAAiB,QAAQ,aAAa,MAAM;;AAIhD,QAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,iBAAiB,MAAM,QAAQ;AAGpC,gBAAa;AACX,SAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,oBAAoB,MAAM,QAAQ;;KAGxC,CAAC,GAAG,CAAC;EAER,MAAM,YAAY,cAAc,UAAU,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAE/D,SAAO,cAAc,SAAS;GAAE,GAAG;GAAY,KAAK;GAAW,CAAC;GAChE;AAEF,WAAU,cAAc;AAExB,QAAO"}
|
|
@@ -2,18 +2,18 @@ import { createContext } from "preact";
|
|
|
2
2
|
import { useContext } from "preact/hooks";
|
|
3
3
|
|
|
4
4
|
//#region src/contexts/editor-context.ts
|
|
5
|
-
const
|
|
5
|
+
const EditorContext = createContext(null);
|
|
6
6
|
/**
|
|
7
7
|
* @internal
|
|
8
8
|
*/
|
|
9
9
|
function useEditorContext() {
|
|
10
|
-
return useContext(
|
|
10
|
+
return useContext(EditorContext);
|
|
11
11
|
}
|
|
12
12
|
/**
|
|
13
13
|
* @internal
|
|
14
14
|
*/
|
|
15
|
-
const EditorContextProvider =
|
|
15
|
+
const EditorContextProvider = EditorContext.Provider;
|
|
16
16
|
|
|
17
17
|
//#endregion
|
|
18
18
|
export { useEditorContext as n, EditorContextProvider as t };
|
|
19
|
-
//# sourceMappingURL=editor-context-
|
|
19
|
+
//# sourceMappingURL=editor-context-Ns6wbE1p.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-context-
|
|
1
|
+
{"version":3,"file":"editor-context-Ns6wbE1p.js","names":["EditorContextProvider: Provider<Editor | null>"],"sources":["../src/contexts/editor-context.ts"],"sourcesContent":["import type {\n Editor,\n Extension,\n} from '@prosekit/core'\nimport {\n createContext,\n type Provider,\n} from 'preact'\nimport { useContext } from 'preact/hooks'\n\nconst EditorContext = createContext<Editor | null>(null)\n\n/**\n * @internal\n */\nexport function useEditorContext<E extends Extension>(): Editor<E> | null {\n return useContext(EditorContext)\n}\n\n/**\n * @internal\n */\nexport const EditorContextProvider: Provider<Editor | null> = EditorContext.Provider\n"],"mappings":";;;;AAUA,MAAM,gBAAgB,cAA6B,KAAK;;;;AAKxD,SAAgB,mBAA0D;AACxE,QAAO,WAAW,cAAc;;;;;AAMlC,MAAaA,wBAAiD,cAAc"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps } from "@prosekit/web/autocomplete";
|
|
3
3
|
|
|
4
4
|
//#region src/components/autocomplete/autocomplete-empty.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps } from "@prosekit/web/block-handle";
|
|
3
3
|
|
|
4
4
|
//#region src/components/block-handle/block-handle-add.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { dropIndicatorEvents, dropIndicatorProps } from "@prosekit/web/drop-indicator";
|
|
3
3
|
|
|
4
4
|
//#region src/components/drop-indicator/drop-indicator.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { inlinePopoverEvents, inlinePopoverProps } from "@prosekit/web/inline-popover";
|
|
3
3
|
|
|
4
4
|
//#region src/components/inline-popover/inline-popover.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps } from "@prosekit/web/popover";
|
|
3
3
|
|
|
4
4
|
//#region src/components/popover/popover-content.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps } from "@prosekit/web/resizable";
|
|
3
3
|
|
|
4
4
|
//#region src/components/resizable/resizable-handle.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandleDragPreviewEvents, tableHandleDragPreviewProps, tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps } from "@prosekit/web/table-handle";
|
|
3
3
|
|
|
4
4
|
//#region src/components/table-handle/table-handle-column-root.gen.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-BXe2FADc.js";
|
|
2
2
|
import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
|
|
3
3
|
|
|
4
4
|
//#region src/components/tooltip/tooltip-content.gen.ts
|
package/dist/prosekit-preact.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as useEditorContext, t as EditorContextProvider } from "./editor-context-
|
|
1
|
+
import { n as useEditorContext, t as EditorContextProvider } from "./editor-context-Ns6wbE1p.js";
|
|
2
2
|
import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/preact";
|
|
3
3
|
import { h } from "preact";
|
|
4
4
|
import { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef } from "preact/hooks";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/preact",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.4",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Preact components and utilities for ProseKit",
|
|
7
7
|
"author": {
|
|
@@ -71,8 +71,8 @@
|
|
|
71
71
|
"@prosemirror-adapter/core": "^0.4.6",
|
|
72
72
|
"@prosemirror-adapter/preact": "^0.4.6",
|
|
73
73
|
"@prosekit/core": "^0.9.0",
|
|
74
|
-
"@prosekit/
|
|
75
|
-
"@prosekit/
|
|
74
|
+
"@prosekit/web": "^0.7.9",
|
|
75
|
+
"@prosekit/pm": "^0.1.15"
|
|
76
76
|
},
|
|
77
77
|
"peerDependencies": {
|
|
78
78
|
"preact": ">= 10.11.0"
|
|
@@ -8,16 +8,16 @@ import {
|
|
|
8
8
|
} from 'preact'
|
|
9
9
|
import { useContext } from 'preact/hooks'
|
|
10
10
|
|
|
11
|
-
const
|
|
11
|
+
const EditorContext = createContext<Editor | null>(null)
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* @internal
|
|
15
15
|
*/
|
|
16
16
|
export function useEditorContext<E extends Extension>(): Editor<E> | null {
|
|
17
|
-
return useContext(
|
|
17
|
+
return useContext(EditorContext)
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* @internal
|
|
22
22
|
*/
|
|
23
|
-
export const EditorContextProvider: Provider<Editor | null> =
|
|
23
|
+
export const EditorContextProvider: Provider<Editor | null> = EditorContext.Provider
|