@handlewithcare/react-prosemirror 2.9.0-tiptap.25 → 3.0.0

package/dist/esm/tiptap/TiptapEditorView.js

@@ -1,69 +0,0 @@
-import { EditorContext } from "@tiptap/react";
-import React, { useCallback, useMemo, useState } from "react";
-import { ProseMirror } from "../components/ProseMirror.js";
-import { useForceUpdate } from "../hooks/useForceUpdate.js";
-import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
-/**
- * Render a Tiptap-compatible React ProseMirror editor.
- */ export function TiptapEditorView(param) {
-    let { editor, nodeViews, markViews, children, static: isStatic = false } = param;
-    const [isEditorInitialized, setIsEditorInitialized] = useState(editor.isInitialized);
-    const forceUpdate = useForceUpdate();
-    const dispatchTransaction = useCallback((tr)=>{
-        // @ts-expect-error calling private method
-        editor.dispatchTransaction(tr);
-        // Tiptap's dispatchTransaction doesn't trigger
-        // a re-render, so we need to manually force
-        // one to ensure that React stays in sync.
-        forceUpdate();
-    }, [
-        editor,
-        forceUpdate
-    ]);
-    const initialEditorProps = {
-        ...editor.options.editorProps,
-        attributes: {
-            role: "textbox",
-            ...editor.options.editorProps?.attributes
-        }
-    };
-    const { nodeViews: customNodeViews, markViews: customMarkViews } = editor.isDestroyed ? {
-        nodeViews: undefined,
-        markViews: undefined
-    } : editor.view.props;
-    const contextValue = useMemo(()=>({
-            editor
-        }), [
-        editor
-    ]);
-    const onEditorInitialize = useCallback(()=>{
-        setIsEditorInitialized(true);
-    }, []);
-    const onEditorDeinitialize = useCallback(()=>{
-        setIsEditorInitialized(false);
-    }, []);
-    const tiptapEditorContextValue = useMemo(()=>({
-            isEditorInitialized,
-            onEditorInitialize,
-            onEditorDeinitialize
-        }), [
-        isEditorInitialized,
-        onEditorDeinitialize,
-        onEditorInitialize
-    ]);
-    return /*#__PURE__*/ React.createElement(ProseMirror, {
-        static: isStatic,
-        className: "tiptap",
-        ...initialEditorProps,
-        markViews: markViews,
-        customMarkViews: customMarkViews,
-        nodeViews: nodeViews,
-        customNodeViews: customNodeViews,
-        state: editor.state,
-        dispatchTransaction: dispatchTransaction
-    }, /*#__PURE__*/ React.createElement(EditorContext.Provider, {
-        value: contextValue
-    }, /*#__PURE__*/ React.createElement(TiptapEditorContext.Provider, {
-        value: tiptapEditorContextValue
-    }, children)));
-}

package/dist/esm/tiptap/contexts/TiptapEditorContext.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const TiptapEditorContext = createContext(null);

package/dist/esm/tiptap/extensions/ReactProseMirror.js

@@ -1,30 +0,0 @@
-import { Extension } from "@tiptap/core";
-import { reorderSiblingsOnTransaction } from "../../commands/reorderSiblings.js";
-import { reactKeys } from "../../plugins/reactKeys.js";
-export const ReactProseMirror = Extension.create({
-    name: "@handlewithcare/react-prosemirror/reactKeys",
-    addProseMirrorPlugins () {
-        return [
-            reactKeys()
-        ];
-    },
-    addCommands () {
-        return {
-            /**
-       * Command that reorders the adjacent nodes starting
-       * at the provided position.
-       *
-       * @param pos - The `start` position of the parent of the nodes being reordered
-       * @param order - The new order for the nodes, expressed as an array of indices. For
-       *                example, to swap the first two nodes in a set of three, `order`
-       *                would be set to `[1, 0, 2]`. To move the first node to the end,
-       *                and keep the other two in relative order, set `order` to `[1, 2, 0]`.
-       */ reorderSiblings (initialPos, order) {
-                return function reorderSiblingsCommand(param) {
-                    let { tr, state, dispatch } = param;
-                    return reorderSiblingsOnTransaction(initialPos, order, tr, state, dispatch);
-                };
-            }
-        };
-    }
-});

package/dist/esm/tiptap/hooks/useIsInReactProseMirror.js

@@ -1,5 +0,0 @@
-import { useContext } from "react";
-import { EditorContext } from "../../contexts/EditorContext.js";
-export function useIsInReactProseMirror() {
-    return useContext(EditorContext) !== null;
-}

package/dist/esm/tiptap/hooks/useTiptapEditor.js

@@ -1,33 +0,0 @@
-import { useEditor } from "@tiptap/react";
-import { StaticEditorView } from "../../StaticEditorView.js";
-export function useTiptapEditor(options, deps) {
-    const editor = useEditor({
-        ...options,
-        element: null
-    }, deps);
-    // @ts-expect-error private property
-    editor.editorView ??= new StaticEditorView({
-        // @ts-expect-error private property
-        state: editor.editorState,
-        ...editor.options.editorProps,
-        attributes: {
-            role: "textbox",
-            ...editor.options.editorProps.attributes
-        }
-    });
-    // @ts-expect-error private property
-    const stateHasPlugins = !!editor.editorState.plugins.length;
-    const stateNeedsReconfigure = !stateHasPlugins && !editor.isDestroyed;
-    if (stateNeedsReconfigure) {
-        const managerPlugins = editor.extensionManager.plugins;
-        if (managerPlugins.length) {
-            // @ts-expect-error private property
-            editor.editorState = editor.editorState.reconfigure({
-                plugins: editor.extensionManager.plugins
-            });
-            // @ts-expect-error private property
-            editor.editorView.updateState(editor.editorState);
-        }
-    }
-    return editor;
-}

package/dist/esm/tiptap/hooks/useTiptapEditorEffect.js

@@ -1,42 +0,0 @@
-import { useCurrentEditor } from "@tiptap/react";
-import { useContext } from "react";
-import { ReactEditorView } from "../../ReactEditorView.js";
-import { EditorContext } from "../../contexts/EditorContext.js";
-import { useEditorEffect } from "../../hooks/useEditorEffect.js";
-import { TiptapEditorContext } from "../contexts/TiptapEditorContext.js";
-/**
- * Registers a layout effect to run after the EditorView has
- * been updated with the latest EditorState and Decorations.
- *
- * Effects can take a Tiptap Editor instance as an argument.
- * This hook should be used to execute layout effects that
- * depend on the Editor, such as for positioning DOM
- * nodes based on ProseMirror positions.
- *
- * Layout effects registered with this hook still fire
- * synchronously after all DOM mutations, but they do so
- * _after_ the Editor has been updated, even when the
- * Editor lives in an ancestor component.
- *
- * This hook can only be used in a component that is mounted
- * as a child of the TiptapEditorView component, including
- * React node view components.
- */ export function useTiptapEditorEffect(effect, dependencies) {
-    const { view } = useContext(EditorContext);
-    const { editor } = useCurrentEditor();
-    const { isEditorInitialized } = useContext(TiptapEditorContext);
-    useEditorEffect(()=>{
-        if (editor?.view instanceof ReactEditorView && view instanceof ReactEditorView && isEditorInitialized) {
-            return effect(editor);
-        }
-    // The rules of hooks want to be able to statically
-    // verify the dependencies for the effect, but this will
-    // have already happened at the call-site.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies && [
-        editor,
-        view,
-        isEditorInitialized,
-        ...dependencies
-    ]);
-}

package/dist/esm/tiptap/hooks/useTiptapEditorEventCallback.js

@@ -1,35 +0,0 @@
-import { useCurrentEditor } from "@tiptap/react";
-import { useCallback, useRef } from "react";
-import { useEditorEffect } from "../../hooks/useEditorEffect.js";
-function assertEditor(editor) {
-    if (editor) return;
-    throw new DOMException("Tiptap Editor is not initialized", "InvalidStateError");
-}
-/**
- * Returns a stable function reference to be used as an
- * event handler callback.
- *
- * The callback will be called with the Tiptap Editor instance
- * as its first argument.
- *
- * This hook can only be used in a component that is mounted
- * as a child of the TiptapEditorView component, including
- * React node view components.
- */ export function useTiptapEditorEventCallback(callback) {
-    const ref = useRef(callback);
-    const { editor } = useCurrentEditor();
-    useEditorEffect(()=>{
-        ref.current = callback;
-    }, [
-        callback
-    ]);
-    return useCallback(function() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        assertEditor(editor);
-        return ref.current(editor, ...args);
-    }, [
-        editor
-    ]);
-}

package/dist/esm/tiptap/index.js

@@ -1,9 +0,0 @@
-export { tiptapNodeView } from "./tiptapNodeView.js";
-export { TiptapEditorView } from "./TiptapEditorView.js";
-export { TiptapEditorContent } from "./TiptapEditorContent.js";
-export { useTiptapEditorEffect } from "./hooks/useTiptapEditorEffect.js";
-export { useIsInReactProseMirror } from "./hooks/useIsInReactProseMirror.js";
-export { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallback.js";
-export { TiptapEditor } from "./TiptapEditor.js";
-export { useTiptapEditor } from "./hooks/useTiptapEditor.js";
-export { ReactProseMirror } from "./extensions/ReactProseMirror.js";

package/dist/esm/tiptap/tiptapNodeView.js

@@ -1,205 +0,0 @@
-import { getAttributesFromExtensions, getRenderedAttributes } from "@tiptap/core";
-import { ReactNodeViewContext, useCurrentEditor } from "@tiptap/react";
-import cx from "classnames";
-import React, { forwardRef, memo, useMemo } from "react";
-import { useEditorEventCallback } from "../hooks/useEditorEventCallback.js";
-import { useIgnoreMutation } from "../hooks/useIgnoreMutation.js";
-import { useIsNodeSelected } from "../hooks/useIsNodeSelected.js";
-import { useStopEvent } from "../hooks/useStopEvent.js";
-import { htmlAttrsToReactProps } from "../props.js";
-import { ReactProseMirrorNodeView } from "./ReactProseMirrorNodeView.js";
-import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallback.js";
-/**
- * Convert a Tiptap node view component to a React ProseMirror node view component
- *
- * Given a Tiptap-compatible React component and a Tiptap extension, returns
- * a React component that can be passed to React ProseMirror as a custom node view.
- *
- * Example:
- *
- * ```tsx
- * const nodeViews = {
- *   codeBlock: nodeView({
- *     component: function CodeBlock(nodeViewProps) {
- *       return (
- *         <AnnotatableNodeViewWrapper {...nodeViewProps}>
- *           <pre>
- *             <NodeViewContent as="code" />
- *           </pre>
- *         </AnnotatableNodeViewWrapper>
- *       )
- *     },
- *     extension: CodeBlockExtension,
- *   }),
- * }
- * ```
- */ export function tiptapNodeView(param) {
-    let { component: WrappedComponent, extension, as, className = "", attrs, contentDOMElementTag: InnerTag = "div", stopEvent, ignoreMutation } = param;
-    const TiptapNodeView = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function TiptapNodeView(param, ref) {
-        let { children, nodeProps, ...props } = param;
-        const { node, getPos, decorations, innerDecorations } = nodeProps;
-        const OuterTag = as ?? (node.type.isInline ? "span" : "div");
-        const { editor } = useCurrentEditor();
-        const extensionManager = editor?.extensionManager ?? null;
-        const extensions = extensionManager?.extensions ?? null;
-        const selected = useIsNodeSelected();
-        const htmlAttributes = useMemo(()=>{
-            if (!extensions) return {};
-            const attributes = getAttributesFromExtensions(extensions);
-            const extensionAttributes = attributes.filter((attribute)=>attribute.type === extension.name);
-            return getRenderedAttributes(node, extensionAttributes);
-        }, [
-            extensions,
-            node
-        ]);
-        useStopEvent(function(_, event) {
-            if (stopEvent) {
-                return stopEvent.call({
-                    name: extension.name,
-                    editor,
-                    type: node.type
-                }, {
-                    event
-                });
-            }
-            if (!editor || !(this.dom instanceof HTMLElement)) return false;
-            const nodeView = new ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, this.dom, this.contentDOM);
-            return nodeView.stopEvent(event) ?? false;
-        });
-        useIgnoreMutation(function(_, mutation) {
-            if (ignoreMutation) {
-                return ignoreMutation.call({
-                    name: extension.name,
-                    editor,
-                    type: node.type
-                }, {
-                    mutation
-                });
-            }
-            if (!editor || !(this.dom instanceof HTMLElement)) return false;
-            const nodeView = new ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, this.dom, this.contentDOM);
-            return nodeView.ignoreMutation(mutation) ?? false;
-        });
-        const { extraClassName, htmlProps } = useMemo(()=>{
-            if (!attrs) return {};
-            const resolvedAttrs = typeof attrs === "function" ? attrs({
-                node,
-                HTMLAttributes: htmlAttributes
-            }) : attrs;
-            const { className: extraClassName, ...htmlProps } = htmlAttrsToReactProps(resolvedAttrs);
-            return {
-                extraClassName,
-                htmlProps
-            };
-        }, [
-            htmlAttributes,
-            node
-        ]);
-        const finalClassName = cx("react-renderer", `node-${node.type.name}`, props.className, className, extraClassName, {
-            "ProseMirror-selectednode": selected
-        });
-        const updateAttributes = useEditorEventCallback((_, attributes)=>{
-            if (!editor) {
-                return;
-            }
-            editor.commands.command((param)=>{
-                let { tr } = param;
-                const pos = getPos();
-                tr.setNodeMarkup(pos, undefined, {
-                    ...node.attrs,
-                    ...attributes
-                });
-                return true;
-            });
-        });
-        const deleteNode = useEditorEventCallback(()=>{
-            if (!editor) {
-                return;
-            }
-            const from = getPos();
-            const to = from + node.nodeSize;
-            editor.commands.deleteRange({
-                from,
-                to
-            });
-        });
-        const nodeViewContent = useMemo(()=>/*#__PURE__*/ React.createElement(InnerTag, {
-                "data-node-view-content-inner": node.type.name,
-                style: {
-                    whitespace: "inherit"
-                }
-            }, children), [
-            children,
-            node.type.name
-        ]);
-        const onDragStart = useTiptapEditorEventCallback((editor, event)=>{
-            // TODO: We should probably just merge this with our own
-            // ref, I'm being lazy since we are providing this
-            // ref in the first place (in ReactNodeView), so we know
-            // it's an object
-            const dom = typeof ref === "object" ? ref?.current : null;
-            if (!dom) return;
-            const viewDesc = dom.pmViewDesc;
-            if (!viewDesc) return;
-            const nodeView = new ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, viewDesc.dom, viewDesc.contentDOM);
-            return nodeView.onDragStart(event);
-        });
-        const nodeViewContext = useMemo(()=>({
-                nodeViewContentChildren: nodeViewContent,
-                onDragStart
-            }), [
-            nodeViewContent,
-            onDragStart
-        ]);
-        if (!editor) return null;
-        return /*#__PURE__*/ React.createElement(ReactNodeViewContext.Provider, {
-            value: nodeViewContext
-        }, /*#__PURE__*/ React.createElement(OuterTag, {
-            ref: ref,
-            ...props,
-            ...htmlProps,
-            className: finalClassName
-        }, /*#__PURE__*/ React.createElement(WrappedComponent, {
-            node: node,
-            getPos: getPos,
-            view: editor.view,
-            editor: editor,
-            decorations: decorations,
-            innerDecorations: innerDecorations,
-            extension: extension,
-            HTMLAttributes: htmlAttributes,
-            selected: selected,
-            updateAttributes: updateAttributes,
-            deleteNode: deleteNode
-        })));
-    }));
-    TiptapNodeView.displayName = `TiptapNodeView(${WrappedComponent.displayName ?? "Anonymous"})`;
-    return TiptapNodeView;
-} // const defaultOnDragStart = NodeView.

package/dist/esm/tsconfig-paths/lib/__tests__/config-loader.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/tsconfig-paths/lib/__tests__/config-loader.test.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-var config_loader_1 = require("../config-loader");
-var path_1 = require("path");
-describe("config-loader", function() {
-    it("should use explicitParams when set", function() {
-        var result = (0, config_loader_1.configLoader)({
-            explicitParams: {
-                baseUrl: "/foo/bar",
-                paths: {
-                    asd: [
-                        "asd"
-                    ]
-                }
-            },
-            cwd: "/baz"
-        });
-        var successResult = result;
-        // assert.equal(successResult.resultType, "success");
-        // assert.equal(successResult.absoluteBaseUrl, "/foo/bar");
-        // assert.equal(successResult.paths["asd"][0], "asd");
-        expect(successResult.resultType).toBe("success");
-        expect(successResult.absoluteBaseUrl).toBe("/foo/bar");
-        expect(successResult.paths["asd"][0]).toBe("asd");
-    });
-    it("should use explicitParams when set and add cwd when path is relative", function() {
-        var result = (0, config_loader_1.configLoader)({
-            explicitParams: {
-                baseUrl: "bar/",
-                paths: {
-                    asd: [
-                        "asd"
-                    ]
-                }
-            },
-            cwd: "/baz"
-        });
-        var successResult = result;
-        // assert.equal(successResult.resultType, "success");
-        // assert.equal(successResult.absoluteBaseUrl, join("/baz", "bar/"));
-        expect(successResult.resultType).toBe("success");
-        expect(successResult.absoluteBaseUrl).toBe((0, path_1.join)("/baz", "bar/"));
-    });
-    it("should fallback to tsConfigLoader when explicitParams is not set", function() {
-        var result = (0, config_loader_1.configLoader)({
-            explicitParams: undefined,
-            cwd: "/baz",
-            // tslint:disable-next-line:no-any
-            tsConfigLoader: function(_) {
-                return {
-                    tsConfigPath: "/baz/tsconfig.json",
-                    baseUrl: "./src",
-                    paths: {}
-                };
-            }
-        });
-        var successResult = result;
-        // assert.equal(successResult.resultType, "success");
-        // assert.equal(successResult.absoluteBaseUrl, join("/baz", "src"));
-        expect(successResult.resultType).toBe("success");
-        expect(successResult.absoluteBaseUrl).toBe((0, path_1.join)("/baz", "src"));
-    });
-    it("should show an error message when baseUrl is missing", function() {
-        var result = (0, config_loader_1.configLoader)({
-            explicitParams: undefined,
-            cwd: "/baz",
-            // tslint:disable-next-line:no-any
-            tsConfigLoader: function(_) {
-                return {
-                    tsConfigPath: "/baz/tsconfig.json",
-                    baseUrl: undefined,
-                    paths: {}
-                };
-            }
-        });
-        var failResult = result;
-        // assert.equal(failResult.resultType, "failed");
-        // assert.isTrue(failResult.message.indexOf("baseUrl") > -1);
-        expect(failResult.resultType).toBe("failed");
-        expect(failResult.message.indexOf("baseUrl") > -1).toBeTruthy();
-    });
-    it("should presume cwd to be a tsconfig file when loadConfig is called with absolute path to tsconfig.json", function() {
-        // using tsconfig-named.json to ensure that future changes to fix
-        // https://github.com/dividab/tsconfig-paths/issues/31
-        // do not pass this test case just because of a directory walk looking
-        // for tsconfig.json
-        var configFile = (0, path_1.join)(__dirname, "tsconfig-named.json");
-        var result = (0, config_loader_1.loadConfig)(configFile);
-        var successResult = result;
-        // assert.equal(successResult.resultType, "success");
-        // assert.equal(successResult.configFileAbsolutePath, configFile);
-        expect(successResult.resultType).toBe("success");
-        expect(successResult.configFileAbsolutePath).toBe(configFile);
-    });
-}); //# sourceMappingURL=config-loader.test.js.map

package/dist/esm/tsconfig-paths/lib/__tests__/data/match-path-data.d.js

@@ -1 +0,0 @@
-export { };