@uxf/wysiwyg 11.129.0 → 11.130.0

package/plugins/heading/create-headings-plugin.test.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const platejs_1 = require("platejs");
+const create_paragraph_plugin_1 = require("../paragraph/create-paragraph-plugin");
+const constants_1 = require("./constants");
+const create_headings_plugin_1 = require("./create-headings-plugin");
+function editor(disabledLevels) {
+    return (0, platejs_1.createSlateEditor)({
+        plugins: [(0, create_paragraph_plugin_1.createParagraphPlugin)(), (0, create_headings_plugin_1.createHeadingsPlugin)({ options: { disabledLevels } })],
+    });
+}
+describe("headings", () => {
+    it("registers all six levels by default", () => {
+        const registered = constants_1.KEYS_HEADING.filter((key) => Boolean(editor().plugins[key]));
+        expect(registered).toEqual(constants_1.KEYS_HEADING);
+    });
+    it("omits disabled levels entirely", () => {
+        const withoutFirstAndLast = editor([1, 6]);
+        expect(withoutFirstAndLast.plugins.h1).toBeUndefined();
+        expect(withoutFirstAndLast.plugins.h6).toBeUndefined();
+        expect(withoutFirstAndLast.plugins.h2).toBeDefined();
+    });
+    it("registers no heading hotkey, matching Plate 20 where that config never fired", () => {
+        expect(editor().plugins.h1.shortcuts).toEqual({});
+    });
+    // Without rules.break.empty the inherited splitReset puts the paragraph *before* the heading.
+    it("exits an empty heading downwards", () => {
+        const e = editor();
+        e.tf.setValue([{ children: [{ text: "" }], type: "h1" }]);
+        e.tf.select({ offset: 0, path: [0, 0] });
+        e.tf.insertBreak();
+        expect(e.children.map((node) => node.type)).toEqual(["h1", "paragraph"]);
+    });
+    // Accepted deviation: Plate 53's splitReset default. Plate 20 produced a second heading here.
+    it("starts a paragraph when splitting at the end of a heading", () => {
+        const e = editor();
+        e.tf.setValue([{ children: [{ text: "Nadpis" }], type: "h1" }]);
+        e.tf.select({ offset: 6, path: [0, 0] });
+        e.tf.insertBreak();
+        expect(e.children.map((node) => node.type)).toEqual(["h1", "paragraph"]);
+    });
+});

package/plugins/highlight/createHighlightPlugin.d.ts

@@ -1,3 +1,5 @@
-import { WysiwygContent } from "../../types";
 import { HighlightPluginOptions } from "./types";
-export declare const createHighlightPlugin: (color?: HighlightPluginOptions["color"]) => import("@udecode/plate-core").PlatePlugin<HighlightPluginOptions, WysiwygContent, import("@udecode/plate-core").PlateEditor<WysiwygContent>>;
+/** Hand-written for the `color` option and the `--highlight-color` custom property. */
+export declare const createHighlightPlugin: (color?: HighlightPluginOptions["color"]) => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"highlight", {
+    color: import("csstype").Property.Color;
+}, {}, {}, {}>>;

package/plugins/highlight/createHighlightPlugin.js

@@ -1,27 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createHighlightPlugin = void 0;
-const plate_common_1 = require("@udecode/plate-common");
+const react_1 = require("platejs/react");
 const types_1 = require("./types");
-const createHighlightPlugin = (color = "yellow") => (0, plate_common_1.createPluginFactory)({
+/** Hand-written for the `color` option and the `--highlight-color` custom property. */
+const createHighlightPlugin = (color = "yellow") => (0, react_1.createPlatePlugin)({
     key: types_1.HIGHLIGHT_PLUGIN_KEY,
-    isLeaf: true,
-    handlers: {
-        onKeyDown: plate_common_1.onKeyDownToggleMark,
-    },
-    deserializeHtml: {
-        rules: [
-            {
-                validNodeName: ["MARK"],
-            },
-        ],
-    },
-    options: {
-        hotkey: "mod+shift+h",
-        color: color,
-    },
-    props: {
-        color: color,
-    },
-})();
+    node: { isLeaf: true },
+    options: { color },
+    parsers: { html: { deserializer: { rules: [{ validNodeName: ["MARK"] }] } } },
+    shortcuts: { toggle: { keys: "mod+shift+h" } },
+});
 exports.createHighlightPlugin = createHighlightPlugin;

package/plugins/highlight/types.d.ts

@@ -1,8 +1,7 @@
-import { ToggleMarkPlugin } from "@udecode/plate-core";
 import { CSSProperties } from "react";
 import { RenderLeafProps } from "../../types";
 export declare const HIGHLIGHT_PLUGIN_KEY = "highlight";
-export interface HighlightPluginOptions extends ToggleMarkPlugin {
+export interface HighlightPluginOptions {
     color?: CSSProperties["color"];
 }
 export interface HighlightLeafElementProps extends RenderLeafProps {

package/plugins/image/create-image-plugin.d.ts

@@ -1,6 +1,6 @@
-import { WysiwygContent } from "../../types";
 import { UxfImagePluginOptions } from "./types";
 /**
- * Enables support for images.
+ * Defined headless and lifted here, the way `@platejs/media` is: `getInjectedPlugins`, which
+ * `withPasteImage` needs, has no React counterpart.
  */
-export declare const createImagePlugin: <OP = UxfImagePluginOptions, OV extends import("@udecode/slate").Value = WysiwygContent, OE extends import("@udecode/plate-core").PlateEditor<OV> = import("@udecode/plate-core").PlateEditor<OV>>(override?: Partial<import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate-core").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").NoInfer<OP>, OV, OE>;
+export declare const createImagePlugin: import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"img", UxfImagePluginOptions, {}, {}, {}>>;

package/plugins/image/create-image-plugin.js

@@ -1,105 +1,72 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createImagePlugin = void 0;
-const plate_core_1 = require("@udecode/plate-core");
+const platejs_1 = require("platejs");
+const react_1 = require("platejs/react");
 const insert_image_1 = require("./transforms/insert-image");
 const types_1 = require("./types");
-const with_image_1 = require("./with-image");
+const with_paste_image_1 = require("./with-paste-image");
+const with_paste_image_url_1 = require("./with-paste-image-url");
 /**
  * Enables support for images.
+ *
+ * Custom rather than built on `BaseImagePlugin`, as in Plate 20: Plate's own paste handlers insert
+ * `{ url }` nodes from the pasted files and would fire alongside ours.
+ *
+ * Order matters: the last `.overrideEditor` is outermost and runs first, so `withPasteImageUrl` goes
+ * second to keep Plate 20's layering.
  */
-exports.createImagePlugin = (0, plate_core_1.createPluginFactory)({
+const baseImagePlugin = (0, platejs_1.createSlatePlugin)({
     key: types_1.IMAGE_PLUGIN_KEY,
-    type: types_1.IMAGE_PLUGIN_TYPE,
-    isElement: true,
-    isVoid: true,
-    withOverrides: with_image_1.withImage,
-    then: (editor, { options }) => ({
-        deserializeHtml: {
-            rules: [
-                {
-                    validNodeName: "IMG",
-                },
-            ],
-            // getNode: (el) => ({
-            //     type,
-            //     url: el.getAttribute("src"),
-            // }),
-            getNode: (el) => {
-                var _a;
-                const url = (_a = el.getAttribute("src")) !== null && _a !== void 0 ? _a : "";
-                if (url) {
-                    const request = new XMLHttpRequest();
-                    request.open("GET", url, true);
-                    request.responseType = "blob";
-                    request.onload = () => {
-                        const blob = request.response;
-                        const file = new File([blob], "image-from-wysiwyg", {
-                            type: blob.type,
-                        });
-                        if (!options.uploadImage) {
-                            // eslint-disable-next-line no-console
-                            console.error("Missing uploadImage function in image plugin options!");
-                            return;
-                        }
-                        options.uploadImage(file).then((response) => {
-                            if (!options.getImageUrl) {
+    node: { isElement: true, isVoid: true, type: types_1.IMAGE_PLUGIN_TYPE },
+    options: {},
+    parsers: {
+        html: {
+            deserializer: {
+                rules: [{ validNodeName: "IMG" }],
+                // `getNode` in Plate 20; the context object replaces the bare element argument.
+                parse: ({ editor, element, getOptions }) => {
+                    var _a;
+                    const url = (_a = element.getAttribute("src")) !== null && _a !== void 0 ? _a : "";
+                    if (url) {
+                        const options = getOptions();
+                        const request = new XMLHttpRequest();
+                        request.open("GET", url, true);
+                        request.responseType = "blob";
+                        request.onload = () => {
+                            const blob = request.response;
+                            const file = new File([blob], "image-from-wysiwyg", {
+                                type: blob.type,
+                            });
+                            if (!options.uploadImage) {
                                 // eslint-disable-next-line no-console
-                                console.error("Missing getImageUrl function in image plugin options!");
+                                console.error("Missing uploadImage function in image plugin options!");
                                 return;
                             }
-                            // async hack images will be at the end of the document :(
-                            (0, insert_image_1.insertImage)(editor, response, undefined, undefined, undefined, options.getImageUrl(response));
-                        });
-                    };
-                    // eslint-disable-next-line no-console
-                    request.onerror = () => console.error("Error receiving image.");
-                    request.send();
-                    // try {
-                    //     const imageResponse = await fetch(url, {
-                    //         mode: "cors",
-                    //         headers: {
-                    //             "Access-Control-Allow-Origin": "*",
-                    //         },
-                    //     });
-                    //     const blob = await imageResponse.blob();
-                    //     const file = new File([blob], "image-from-wysiwyg", {
-                    //         type: blob.type,
-                    //     });
-                    //     if (!options.uploadImage) {
-                    //         // eslint-disable-next-line no-console
-                    //         console.log("Missing uploadImage function in image plugin options!");
-                    //         return;
-                    //     }
-                    //
-                    //     const fileResponse = await options.uploadImage(file);
-                    //
-                    //     if (!options.getImageUrl) {
-                    //         // eslint-disable-next-line no-console
-                    //         console.log("Missing getImageUrl function in image plugin options!");
-                    //         return;
-                    //     }
-                    //     // async hack images will be at the end of the document :(
-                    //     insertImage(
-                    //         editor,
-                    //         fileResponse,
-                    //         undefined,
-                    //         undefined,
-                    //         undefined,
-                    //         options.getImageUrl(fileResponse),
-                    //     );
-                    //
-                    //     return {
-                    //         type,
-                    //         file: fileResponse,
-                    //         url: options.getImageUrl(fileResponse),
-                    //     };
-                    // } catch (e) {
-                    //     // eslint-disable-next-line no-console
-                    //     console.error("Image insert failed.");
-                    // }
-                }
+                            void options.uploadImage(file).then((response) => {
+                                if (!options.getImageUrl) {
+                                    // eslint-disable-next-line no-console
+                                    console.error("Missing getImageUrl function in image plugin options!");
+                                    return;
+                                }
+                                // async hack images will be at the end of the document :(
+                                (0, insert_image_1.insertImage)(editor, response, undefined, undefined, undefined, options.getImageUrl(response));
+                            });
+                        };
+                        // eslint-disable-next-line no-console
+                        request.onerror = () => console.error("Error receiving image.");
+                        request.send();
+                    }
+                    return undefined;
+                },
             },
         },
-    }),
-});
+    },
+})
+    .overrideEditor(with_paste_image_1.withPasteImage)
+    .overrideEditor(with_paste_image_url_1.withPasteImageUrl);
+/**
+ * Defined headless and lifted here, the way `@platejs/media` is: `getInjectedPlugins`, which
+ * `withPasteImage` needs, has no React counterpart.
+ */
+exports.createImagePlugin = (0, react_1.toPlatePlugin)(baseImagePlugin);

package/plugins/image/create-image-plugin.test.d.ts

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

package/plugins/image/create-image-plugin.test.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const platejs_1 = require("platejs");
+const create_paragraph_plugin_1 = require("../paragraph/create-paragraph-plugin");
+const create_image_plugin_1 = require("./create-image-plugin");
+const FILE = { extension: ".png", id: 1, name: "a.png", namespace: "wysiwyg", uuid: "u" };
+const options = {
+    getImageUrl: (file) => file.name,
+    uploadImage: async () => FILE,
+};
+const editor = (0, platejs_1.createSlateEditor)({
+    plugins: [(0, create_paragraph_plugin_1.createParagraphPlugin)(), create_image_plugin_1.createImagePlugin.configure({ options })],
+});
+describe("image", () => {
+    it("keeps key img and stored type image", () => {
+        expect(editor.plugins.img.node.type).toBe("image");
+        expect(editor.getType("img")).toBe("image");
+    });
+    it("is a void element", () => {
+        expect(editor.plugins.img.node.isVoid).toBe(true);
+        expect(editor.plugins.img.node.isElement).toBe(true);
+    });
+    it("carries the upload handlers through as options", () => {
+        expect(editor.getOptions({ key: "img" })).toMatchObject({
+            getImageUrl: options.getImageUrl,
+            uploadImage: options.uploadImage,
+        });
+    });
+    // Custom precisely so Plate's own paste handlers never run alongside ours.
+    it("does not inherit Plate's own media paste options", () => {
+        expect(editor.getOptions({ key: "img" })).not.toHaveProperty("disableUploadInsert");
+    });
+});

package/plugins/image/transforms/is-image-active.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isImageActive = void 0;
-const plate_common_1 = require("@udecode/plate-common");
 const get_active_image_1 = require("./get-active-image");
-const isImageActive = (editor) => Boolean((0, get_active_image_1.getActiveImage)(editor) && (0, plate_common_1.isRangeInSameBlock)(editor));
+const isImageActive = (editor) => Boolean((0, get_active_image_1.getActiveImage)(editor) && editor.api.isAt({ block: true }));
 exports.isImageActive = isImageActive;

package/plugins/image/transforms/update-image.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateImage = void 0;
-const plate_common_1 = require("@udecode/plate-common");
-const updateImage = (editor, file, alt, caption, source, url) => (0, plate_common_1.setNodes)(editor, {
+const updateImage = (editor, file, alt, caption, source, url) => editor.tf.setNodes({
     file,
     alt,
     caption,

package/plugins/image/types.d.ts

@@ -1,12 +1,15 @@
-import { MediaPlugin } from "@udecode/plate-media";
 import { FileResponse } from "@uxf/core/types";
-export declare const IMAGE_PLUGIN_KEY = "img";
+import { PluginConfig } from "platejs";
+export declare const IMAGE_PLUGIN_KEY: "img";
 export declare const IMAGE_PLUGIN_TYPE = "image";
 export type GetImageUrlHandler = (file: FileResponse) => string;
 export type ImageUploadHandler = (file: File) => Promise<FileResponse>;
-export interface UxfImagePluginOptions extends MediaPlugin {
+/** No longer extends Plate's media options – Plate 53 exports no such type and nothing used it. */
+export interface UxfImagePluginOptions {
     uploadImage?: ImageUploadHandler;
     getImageUrl?: GetImageUrlHandler;
     disableUploadOnPasteImageUrl?: boolean;
     disableUploadOnPasteImage?: boolean;
 }
+/** The plugin config the two paste overrides are typed against. */
+export type UxfImagePluginConfig = PluginConfig<typeof IMAGE_PLUGIN_KEY, UxfImagePluginOptions>;

package/plugins/image/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IMAGE_PLUGIN_TYPE = exports.IMAGE_PLUGIN_KEY = void 0;
-const plate_media_1 = require("@udecode/plate-media");
-exports.IMAGE_PLUGIN_KEY = plate_media_1.ELEMENT_IMAGE;
+const platejs_1 = require("platejs");
+exports.IMAGE_PLUGIN_KEY = platejs_1.KEYS.img;
 exports.IMAGE_PLUGIN_TYPE = "image";

package/plugins/image/utils/is-image-url.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isImageUrl = exports.getImageExtension = void 0;
-const plate_common_1 = require("@udecode/plate-common");
+const platejs_1 = require("platejs");
 const imageExtensions = [
     "ase",
     "art",
@@ -127,7 +127,7 @@ const imageExtensions = [
 const getImageExtension = (url) => new URL(url).pathname.split(".").pop();
 exports.getImageExtension = getImageExtension;
 const isImageUrl = (url) => {
-    if (!(0, plate_common_1.isUrl)(url)) {
+    if (!(0, platejs_1.isUrl)(url)) {
         return false;
     }
     return imageExtensions.includes((0, exports.getImageExtension)(url));

package/plugins/image/with-paste-image-url.d.ts

@@ -1,7 +1,7 @@
-import { WithPlatePlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-import { UxfImagePluginOptions } from "./types";
+import { OverrideEditor } from "platejs";
+import { UxfImagePluginConfig } from "./types";
 /**
- * If inserted text is image url, upload image and insert it instead.
+ * If inserted text is image url, upload image and insert it instead. The disable flag is checked
+ * inside the handler because `.overrideEditor` is installed when the plugin is defined.
  */
-export declare const withPasteImageUrl: (editor: UxfEditor, plugin: WithPlatePlugin<UxfImagePluginOptions, WysiwygContent, UxfEditor>) => UxfEditor;
+export declare const withPasteImageUrl: OverrideEditor<UxfImagePluginConfig>;

package/plugins/image/with-paste-image-url.js

@@ -4,33 +4,37 @@ exports.withPasteImageUrl = void 0;
 const insert_image_1 = require("./transforms/insert-image");
 const is_image_url_1 = require("./utils/is-image-url");
 /**
- * If inserted text is image url, upload image and insert it instead.
+ * If inserted text is image url, upload image and insert it instead. The disable flag is checked
+ * inside the handler because `.overrideEditor` is installed when the plugin is defined.
  */
-const withPasteImageUrl = (editor, plugin) => {
-    const { insertData } = editor;
-    const { options: { uploadImage, getImageUrl }, } = plugin;
-    editor.insertData = async (dataTransfer) => {
-        const text = dataTransfer.getData("text/plain");
-        if ((0, is_image_url_1.isImageUrl)(text)) {
-            const imageResponse = await fetch(text, { mode: "cors" });
-            const blob = await imageResponse.blob();
-            const file = new File([blob], "image-from-wysiwyg." + (0, is_image_url_1.getImageExtension)(text), { type: blob.type });
-            if (!uploadImage) {
-                // eslint-disable-next-line no-console
-                console.log("Missing uploadImage function in image plugin options!");
-                return;
+const withPasteImageUrl = ({ editor, getOptions, tf: { insertData }, }) => ({
+    transforms: {
+        async insertData(dataTransfer) {
+            const { uploadImage, getImageUrl, disableUploadOnPasteImageUrl } = getOptions();
+            if (disableUploadOnPasteImageUrl) {
+                return insertData(dataTransfer);
             }
-            const fileResponse = await uploadImage(file);
-            if (!getImageUrl) {
-                // eslint-disable-next-line no-console
-                console.log("Missing getImageUrl function in image plugin options!");
+            const text = dataTransfer.getData("text/plain");
+            if ((0, is_image_url_1.isImageUrl)(text)) {
+                const imageResponse = await fetch(text, { mode: "cors" });
+                const blob = await imageResponse.blob();
+                const file = new File([blob], "image-from-wysiwyg." + (0, is_image_url_1.getImageExtension)(text), { type: blob.type });
+                if (!uploadImage) {
+                    // eslint-disable-next-line no-console
+                    console.log("Missing uploadImage function in image plugin options!");
+                    return;
+                }
+                const fileResponse = await uploadImage(file);
+                if (!getImageUrl) {
+                    // eslint-disable-next-line no-console
+                    console.log("Missing getImageUrl function in image plugin options!");
+                    return;
+                }
+                (0, insert_image_1.insertImage)(editor, fileResponse, "", "", "", getImageUrl(fileResponse));
                 return;
             }
-            (0, insert_image_1.insertImage)(editor, fileResponse, "", "", "", getImageUrl(fileResponse));
-            return;
-        }
-        insertData(dataTransfer);
-    };
-    return editor;
-};
+            insertData(dataTransfer);
+        },
+    },
+});
 exports.withPasteImageUrl = withPasteImageUrl;

package/plugins/image/with-paste-image.d.ts

@@ -1,7 +1,4 @@
-import { WithPlatePlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-import { UxfImagePluginOptions } from "./types";
-/**
- * If image is pasted from clipboard, upload image and insert it.
- */
-export declare const withPasteImage: (editor: UxfEditor, plugin: WithPlatePlugin<UxfImagePluginOptions, WysiwygContent, UxfEditor>) => UxfEditor;
+import { OverrideEditor } from "platejs";
+import { UxfImagePluginConfig } from "./types";
+/** If image is pasted from clipboard, upload image and insert it. */
+export declare const withPasteImage: OverrideEditor<UxfImagePluginConfig>;

package/plugins/image/with-paste-image.js

@@ -1,49 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withPasteImage = void 0;
-const plate_core_1 = require("@udecode/plate-core");
+const platejs_1 = require("platejs");
 const insert_image_1 = require("./transforms/insert-image");
-/**
- * If image is pasted from clipboard, upload image and insert it.
- */
-const withPasteImage = (editor, plugin) => {
-    const { options: { uploadImage, getImageUrl }, } = plugin;
-    const { insertData } = editor;
-    editor.insertData = async (dataTransfer) => {
-        const text = dataTransfer.getData("text/plain");
-        const { files, effectAllowed } = dataTransfer;
-        if (files.length > 0 && effectAllowed === "uninitialized") {
-            // effectAllowed prevents re-upload image on drag and drop
-            const injectedPlugins = (0, plate_core_1.getInjectedPlugins)(editor, plugin);
-            if (!(0, plate_core_1.pipeInsertDataQuery)(injectedPlugins, {
-                data: text,
-                dataTransfer,
-            })) {
+/** If image is pasted from clipboard, upload image and insert it. */
+const withPasteImage = ({ editor, getOptions, plugin, tf: { insertData }, }) => ({
+    transforms: {
+        async insertData(dataTransfer) {
+            const { uploadImage, getImageUrl, disableUploadOnPasteImage } = getOptions();
+            if (disableUploadOnPasteImage) {
                 return insertData(dataTransfer);
             }
-            for (const file of Array.from(files)) {
-                const [mime] = file.type.split("/");
-                if (mime === "image") {
-                    if (!uploadImage) {
-                        // eslint-disable-next-line no-console
-                        console.log("Missing uploadImage function in image plugin options!");
-                        return;
-                    }
-                    // eslint-disable-next-line no-await-in-loop
-                    const uploadedFile = await uploadImage(file);
-                    if (!getImageUrl) {
-                        // eslint-disable-next-line no-console
-                        console.log("Missing getImageUrl function in image plugin options!");
-                        return;
+            const text = dataTransfer.getData("text/plain");
+            const { files, effectAllowed } = dataTransfer;
+            if (files.length > 0 && effectAllowed === "uninitialized") {
+                // effectAllowed prevents re-upload image on drag and drop
+                const injectedPlugins = (0, platejs_1.getInjectedPlugins)(editor, plugin);
+                if (!(0, platejs_1.pipeInsertDataQuery)(editor, injectedPlugins, {
+                    data: text,
+                    dataTransfer,
+                    mimeType: "text/plain",
+                })) {
+                    return insertData(dataTransfer);
+                }
+                for (const file of Array.from(files)) {
+                    const [mime] = file.type.split("/");
+                    if (mime === "image") {
+                        if (!uploadImage) {
+                            // eslint-disable-next-line no-console
+                            console.log("Missing uploadImage function in image plugin options!");
+                            return;
+                        }
+                        // eslint-disable-next-line no-await-in-loop
+                        const uploadedFile = await uploadImage(file);
+                        if (!getImageUrl) {
+                            // eslint-disable-next-line no-console
+                            console.log("Missing getImageUrl function in image plugin options!");
+                            return;
+                        }
+                        (0, insert_image_1.insertImage)(editor, uploadedFile, undefined, undefined, undefined, getImageUrl(uploadedFile));
                     }
-                    (0, insert_image_1.insertImage)(editor, uploadedFile, undefined, undefined, undefined, getImageUrl(uploadedFile));
                 }
             }
-        }
-        else {
-            insertData(dataTransfer);
-        }
-    };
-    return editor;
-};
+            else {
+                insertData(dataTransfer);
+            }
+        },
+    },
+});
 exports.withPasteImage = withPasteImage;

package/plugins/link/constants.d.ts

@@ -1,2 +1,2 @@
-export { ELEMENT_LINK } from "@udecode/plate-link";
+export declare const ELEMENT_LINK: "a";
 export declare const LINK_PLUGIN_TYPE = "link";

package/plugins/link/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LINK_PLUGIN_TYPE = exports.ELEMENT_LINK = void 0;
-var plate_link_1 = require("@udecode/plate-link");
-Object.defineProperty(exports, "ELEMENT_LINK", { enumerable: true, get: function () { return plate_link_1.ELEMENT_LINK; } });
+const platejs_1 = require("platejs");
+exports.ELEMENT_LINK = platejs_1.KEYS.link;
 exports.LINK_PLUGIN_TYPE = "link";

package/plugins/link/create-link-plugin.d.ts

@@ -1,3 +1,38 @@
-import { LinkPlugin } from "@udecode/plate-link";
-import { UxfPlatePlugin } from "../../types";
-export declare const createLinkPlugin: () => UxfPlatePlugin<LinkPlugin>;
+/**
+ * `key` stays `"a"` (Plate's own) while the stored node type stays `"link"` – the `.configure({ node:
+ * { type } })` call is what keeps every existing document readable.
+ */
+export declare const createLinkPlugin: () => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"a", {
+    allowedSchemes?: string[];
+    dangerouslySkipSanitization?: boolean;
+    defaultLinkAttributes?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    forceSubmit?: boolean;
+    keepSelectedTextOnPaste?: boolean;
+    rangeBeforeOptions?: import("platejs").EditorBeforeOptions;
+    triggerFloatingLinkHotkeys?: string[] | string;
+    getLinkUrl?: (prevUrl: string | null) => Promise<string | null>;
+    getUrlHref?: (url: string) => string | undefined;
+    isUrl?: (text: string) => boolean;
+    transformInput?: (url: string) => string | undefined;
+} & {
+    isEditing: boolean;
+    mode: import("@platejs/link/react").FloatingLinkMode;
+    mouseDown: boolean;
+    newTab: boolean;
+    openEditorId: string | null;
+    text: string;
+    updated: boolean;
+    url: string;
+    triggerFloatingLinkHotkeys?: string;
+}, {
+    floatingLink: {
+        hide: () => void;
+        reset: () => void;
+        show: (mode: import("@platejs/link/react").FloatingLinkMode, editorId: string) => void;
+    };
+    link: {
+        getAttributes: import("platejs").OmitFirst<(editor: import("platejs").SlateEditor, link: import("platejs").TLinkElement) => Pick<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target"> & import("platejs").UnknownObject>;
+    };
+}, {}, {
+    isOpen?: (editorId: string) => boolean;
+}>>;