@handlewithcare/react-prosemirror 2.7.0-tiptap.9 → 2.7.1

package/dist/types/AbstractEditorView.d.ts

@@ -11,7 +11,6 @@ export interface AbstractEditorView {
     readonly nodeViews: NodeViewSet;
     readonly props: DirectEditorProps;
     readonly state: EditorState;
-    readonly isDestroyed: boolean;
     setProps(props: Partial<DirectEditorProps>): void;
     update(props: DirectEditorProps): void;
     updateState(state: EditorState): void;

package/dist/types/StaticEditorView.d.ts

@@ -9,7 +9,6 @@ export declare class StaticEditorView implements AbstractEditorView {
     get dom(): null;
     get editable(): boolean;
     get state(): EditorState;
-    get isDestroyed(): boolean;
     setProps(props: Partial<DirectEditorProps>): void;
     update(props: DirectEditorProps): void;
     updateState(state: EditorState): void;

package/dist/types/hooks/useEditorEffect.d.ts

@@ -13,9 +13,5 @@ import type { DependencyList } from "react";
  * synchronously after all DOM mutations, but they do so
  * _after_ the EditorView has been updated, even when the
  * EditorView 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 declare function useEditorEffect(effect: (editorView: EditorView) => void | (() => void), dependencies?: DependencyList): void;

package/dist/types/hooks/useEditorEventCallback.d.ts

@@ -6,8 +6,10 @@ import type { EditorView } from "prosemirror-view";
  * The callback will be called with the EditorView 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.
+ * This hook is dependent on both the
+ * `EditorViewContext.Provider` and the
+ * `DeferredLayoutEffectProvider`. It can only be used in a
+ * component that is mounted as a child of both of these
+ * providers.
  */
 export declare function useEditorEventCallback<T extends unknown[], R>(callback: (view: EditorView, ...args: T) => R): (...args: T) => R;

package/dist/types/viewdesc.d.ts

@@ -62,6 +62,7 @@ export declare class ViewDesc {
     markParentsDirty(): void;
     get domAtom(): boolean;
     get ignoreForCoords(): boolean;
+    get ignoreForSelection(): boolean;
 }
 export declare class WidgetViewDesc extends ViewDesc {
     widget: Decoration;
@@ -73,6 +74,7 @@ export declare class WidgetViewDesc extends ViewDesc {
     stopEvent(event: Event): any;
     ignoreMutation(mutation: ViewMutationRecord): any;
     get domAtom(): boolean;
+    get ignoreForSelection(): boolean;
     get side(): number;
 }
 export declare class CompositionViewDesc extends ViewDesc {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handlewithcare/react-prosemirror",
-  "version": "2.7.0-tiptap.9",
+  "version": "2.7.1",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.js",
@@ -12,11 +12,6 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
-    "./tiptap": {
-      "types": "./dist/types/tiptap/index.d.ts",
-      "import": "./dist/esm/tiptap/index.js",
-      "require": "./dist/cjs/tiptap/index.js"
-    },
     "./src": "./src/index.ts"
   },
   "files": [
@@ -24,6 +19,10 @@
     "LICENSE.txt",
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/handlewithcarecollective/react-prosemirror.git"
+  },
   "scripts": {
     "build:cjs": "swc ./src --ignore **/__tests__/** -d ./dist/cjs/ --no-swcrc --config-file .swcrc-cjs",
     "build:esm": "swc ./src --ignore **/__tests__/** -d ./dist/esm/",
@@ -106,7 +105,7 @@
     "prosemirror-tables": "^1.3.7",
     "prosemirror-test-builder": "^1.1.1",
     "prosemirror-transform": "^1.8.0",
-    "prosemirror-view": "1.39.2",
+    "prosemirror-view": "1.41.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-reconciler": "^0.29.0",
@@ -125,15 +124,13 @@
     "prosemirror-view": "1.39.2",
     "react": ">=17 <20",
     "react-dom": ">=17 <20",
-    "react-reconciler": ">=0.26.1 <=0.32.0"
+    "react-reconciler": ">=0.26.1 <=0.33.0"
   },
-  "packageManager": "yarn@4.6.0",
+  "packageManager": "yarn@4.11.0",
   "engines": {
     "node": ">=16.9"
   },
   "dependencies": {
-    "@tiptap/core": "^3.0.0",
-    "@tiptap/react": "^3.0.0",
     "classnames": "^2.3.2"
   },
   "publishConfig": {

package/dist/cjs/tiptap/TiptapEditor.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TiptapEditor", {
-    enumerable: true,
-    get: function() {
-        return TiptapEditor;
-    }
-});
-const _core = require("@tiptap/core");
-const _prosemirrorstate = require("prosemirror-state");
-const _StaticEditorView = require("../StaticEditorView.js");
-let TiptapEditor = class TiptapEditor extends _core.Editor {
-    constructor(options = {}){
-        super({
-            ...options,
-            element: null
-        });
-    }
-    get view() {
-        return(// @ts-expect-error private property
-        this.editorView ?? new _StaticEditorView.StaticEditorView({
-            state: _prosemirrorstate.EditorState.create({
-                schema: this.extensionManager.schema
-            }),
-            ...this.options.editorProps,
-            attributes: {
-                role: "textbox",
-                ...this.extensionManager.attributes
-            }
-        }));
-    }
-};

package/dist/cjs/tiptap/TiptapEditorContent.js

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TiptapEditorContent", {
-    enumerable: true,
-    get: function() {
-        return TiptapEditorContent;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactdom = require("react-dom");
-const _ProseMirrorDoc = require("../components/ProseMirrorDoc.js");
-const _useEditorEffect = require("../hooks/useEditorEffect.js");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-/**
- * This component renders all of the editor's registered "React renderers".
- */ const Portals = (param)=>{
-    let { contentComponent } = param;
-    const renderers = (0, _react.useSyncExternalStore)(contentComponent.subscribe, contentComponent.getSnapshot, contentComponent.getServerSnapshot);
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, Object.values(renderers));
-};
-function getInstance() {
-    const subscribers = new Set();
-    let renderers = {};
-    return {
-        /**
-     * Subscribe to the editor instance's changes.
-     */ subscribe (callback) {
-            subscribers.add(callback);
-            return ()=>{
-                subscribers.delete(callback);
-            };
-        },
-        getSnapshot () {
-            return renderers;
-        },
-        getServerSnapshot () {
-            return renderers;
-        },
-        /**
-     * Adds a new React Renderer to the editor.
-     */ setRenderer (id, renderer) {
-            renderers = {
-                ...renderers,
-                [id]: /*#__PURE__*/ (0, _reactdom.createPortal)(renderer.reactElement, renderer.element, id)
-            };
-            subscribers.forEach((subscriber)=>subscriber());
-        },
-        /**
-     * Removes a React Renderer from the editor.
-     */ removeRenderer (id) {
-            const nextRenderers = {
-                ...renderers
-            };
-            delete nextRenderers[id];
-            renderers = nextRenderers;
-            subscribers.forEach((subscriber)=>subscriber());
-        }
-    };
-}
-function TiptapEditorContent(param) {
-    let { editor: editorProp, ...props } = param;
-    const editor = editorProp;
-    (0, _useEditorEffect.useEditorEffect)((view)=>{
-        if (editor.view === view) {
-            return;
-        }
-        // @ts-expect-error private property
-        editor.editorView = view;
-        editor.contentComponent = getInstance();
-        // @ts-expect-error private method
-        editor.injectCSS();
-        const dom = view.dom;
-        dom.editor = editor;
-        setTimeout(()=>{
-            if (editor.isDestroyed) {
-                return;
-            }
-            editor.commands.focus(editor.options.autofocus);
-            editor.emit("create", {
-                editor
-            });
-            editor.isInitialized = true;
-        });
-        return ()=>{
-            editor.isInitialized = false;
-            editor.contentComponent = null;
-        };
-    }, [
-        editor
-    ]);
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_ProseMirrorDoc.ProseMirrorDoc, props), editor?.contentComponent && /*#__PURE__*/ _react.default.createElement(Portals, {
-        contentComponent: editor.contentComponent
-    }));
-}

package/dist/cjs/tiptap/TiptapEditorView.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TiptapEditorView", {
-    enumerable: true,
-    get: function() {
-        return TiptapEditorView;
-    }
-});
-const _react = require("@tiptap/react");
-const _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _ProseMirror = require("../components/ProseMirror.js");
-const _useForceUpdate = require("../hooks/useForceUpdate.js");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function TiptapEditorView(param) {
-    let { editor, nodeViews, children } = param;
-    const forceUpdate = (0, _useForceUpdate.useForceUpdate)();
-    const dispatchTransaction = (0, _react1.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 } = editor.isDestroyed ? {
-        nodeViews: undefined,
-        markViews: undefined
-    } : editor.view.props;
-    const contextValue = (0, _react1.useMemo)(()=>({
-            editor
-        }), [
-        editor
-    ]);
-    return /*#__PURE__*/ _react1.default.createElement(_ProseMirror.ProseMirror, {
-        className: "tiptap",
-        ...initialEditorProps,
-        markViews: markViews,
-        nodeViews: nodeViews,
-        customNodeViews: customNodeViews,
-        state: editor.isDestroyed || editor.state.plugins.length ? editor.state : editor.state.reconfigure({
-            plugins: editor.extensionManager.plugins
-        }),
-        dispatchTransaction: dispatchTransaction
-    }, /*#__PURE__*/ _react1.default.createElement(_react.EditorContext.Provider, {
-        value: contextValue
-    }, children));
-}

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ReactProseMirror", {
-    enumerable: true,
-    get: function() {
-        return ReactProseMirror;
-    }
-});
-const _core = require("@tiptap/core");
-const _reactKeys = require("../../plugins/reactKeys.js");
-const ReactProseMirror = _core.Extension.create({
-    name: "@handlewithcare/react-prosemirror/reactKeys",
-    addProseMirrorPlugins () {
-        return [
-            (0, _reactKeys.reactKeys)()
-        ];
-    }
-});

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useTiptapEditor", {
-    enumerable: true,
-    get: function() {
-        return useTiptapEditor;
-    }
-});
-const _react = require("@tiptap/react");
-const _StaticEditorView = require("../../StaticEditorView.js");
-function useTiptapEditor(options, deps) {
-    const editor = (0, _react.useEditor)({
-        ...options,
-        element: null
-    }, deps);
-    // @ts-expect-error private property
-    editor.editorView ??= new _StaticEditorView.StaticEditorView({
-        // @ts-expect-error private property
-        state: editor.editorState,
-        ...editor.options.editorProps,
-        attributes: {
-            role: "textbox",
-            ...editor.extensionManager.attributes
-        }
-    });
-    return editor;
-}

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

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useTiptapEditorEffect", {
-    enumerable: true,
-    get: function() {
-        return useTiptapEditorEffect;
-    }
-});
-const _react = require("@tiptap/react");
-const _react1 = require("react");
-const _ReactEditorView = require("../../ReactEditorView.js");
-const _EditorContext = require("../../contexts/EditorContext.js");
-const _useEditorEffect = require("../../hooks/useEditorEffect.js");
-function useTiptapEditorEffect(effect, dependencies) {
-    const { view } = (0, _react1.useContext)(_EditorContext.EditorContext);
-    const { editor } = (0, _react.useCurrentEditor)();
-    (0, _useEditorEffect.useEditorEffect)(()=>{
-        if (editor?.view instanceof _ReactEditorView.ReactEditorView && view instanceof _ReactEditorView.ReactEditorView) {
-            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,
-        ...dependencies
-    ]);
-}

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useTiptapEditorEventCallback", {
-    enumerable: true,
-    get: function() {
-        return useTiptapEditorEventCallback;
-    }
-});
-const _react = require("@tiptap/react");
-const _react1 = require("react");
-const _useEditorEffect = require("../../hooks/useEditorEffect.js");
-function assertEditor(editor) {
-    if (editor) return;
-    throw new DOMException("Tiptap Editor is not initialized", "InvalidStateError");
-}
-function useTiptapEditorEventCallback(callback) {
-    const ref = (0, _react1.useRef)(callback);
-    const { editor } = (0, _react.useCurrentEditor)();
-    (0, _useEditorEffect.useEditorEffect)(()=>{
-        ref.current = callback;
-    }, [
-        callback
-    ]);
-    return (0, _react1.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/cjs/tiptap/index.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ReactProseMirror: function() {
-        return _ReactProseMirror.ReactProseMirror;
-    },
-    TiptapEditor: function() {
-        return _TiptapEditor.TiptapEditor;
-    },
-    TiptapEditorContent: function() {
-        return _TiptapEditorContent.TiptapEditorContent;
-    },
-    TiptapEditorView: function() {
-        return _TiptapEditorView.TiptapEditorView;
-    },
-    tiptapNodeView: function() {
-        return _tiptapNodeView.tiptapNodeView;
-    },
-    useTiptapEditor: function() {
-        return _useTiptapEditor.useTiptapEditor;
-    },
-    useTiptapEditorEffect: function() {
-        return _useTiptapEditorEffect.useTiptapEditorEffect;
-    },
-    useTiptapEditorEventCallback: function() {
-        return _useTiptapEditorEventCallback.useTiptapEditorEventCallback;
-    }
-});
-const _tiptapNodeView = require("./tiptapNodeView.js");
-const _TiptapEditorView = require("./TiptapEditorView.js");
-const _TiptapEditorContent = require("./TiptapEditorContent.js");
-const _useTiptapEditorEffect = require("./hooks/useTiptapEditorEffect.js");
-const _useTiptapEditorEventCallback = require("./hooks/useTiptapEditorEventCallback.js");
-const _TiptapEditor = require("./TiptapEditor.js");
-const _useTiptapEditor = require("./hooks/useTiptapEditor.js");
-const _ReactProseMirror = require("./extensions/ReactProseMirror.js");