@uxf/wysiwyg 11.74.0 → 11.74.2

package/plugins/blockquote/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BLOCKQUOTE_PLUGIN_TYPE = exports.BLOCKQUOTE_PLUGIN_KEY = void 0;
+const plate_block_quote_1 = require("@udecode/plate-block-quote");
+exports.BLOCKQUOTE_PLUGIN_KEY = plate_block_quote_1.ELEMENT_BLOCKQUOTE;
+exports.BLOCKQUOTE_PLUGIN_TYPE = "blockquote";

package/plugins/button/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const PLUGIN_BUTTON_KEY = "button";
+export declare const PLUGIN_BUTTON_TYPE = "button";

package/plugins/button/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PLUGIN_BUTTON_TYPE = exports.PLUGIN_BUTTON_KEY = void 0;
+exports.PLUGIN_BUTTON_KEY = "button";
+exports.PLUGIN_BUTTON_TYPE = exports.PLUGIN_BUTTON_KEY;

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

@@ -0,0 +1,2 @@
+import { WysiwygContent } from "../../types";
+export declare const createButtonPlugin: <OP = import("@udecode/utils").AnyObject, 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>;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createButtonPlugin = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const constants_1 = require("./constants");
+exports.createButtonPlugin = (0, plate_core_1.createPluginFactory)({
+    key: constants_1.PLUGIN_BUTTON_KEY,
+    type: constants_1.PLUGIN_BUTTON_TYPE,
+    isElement: true,
+    isVoid: true,
+});

package/plugins/button/index.d.ts

@@ -0,0 +1,3 @@
+export { PLUGIN_BUTTON_KEY, PLUGIN_BUTTON_TYPE } from "./constants";
+export { createButtonPlugin } from "./create-button-plugin";
+export * from "./transforms";

package/plugins/button/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createButtonPlugin = exports.PLUGIN_BUTTON_TYPE = exports.PLUGIN_BUTTON_KEY = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "PLUGIN_BUTTON_KEY", { enumerable: true, get: function () { return constants_1.PLUGIN_BUTTON_KEY; } });
+Object.defineProperty(exports, "PLUGIN_BUTTON_TYPE", { enumerable: true, get: function () { return constants_1.PLUGIN_BUTTON_TYPE; } });
+var create_button_plugin_1 = require("./create-button-plugin");
+Object.defineProperty(exports, "createButtonPlugin", { enumerable: true, get: function () { return create_button_plugin_1.createButtonPlugin; } });
+__exportStar(require("./transforms"), exports);

package/plugins/button/transforms/get-active-button.d.ts

@@ -0,0 +1,2 @@
+import { UxfButtonElement, UxfEditor } from "../../../types";
+export declare const getActiveButton: (editor: UxfEditor) => UxfButtonElement | undefined;

package/plugins/button/transforms/get-active-button.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActiveButton = void 0;
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
+const getActiveButton = (editor) => {
+    return (0, utils_1.getActiveElement)(editor, constants_1.PLUGIN_BUTTON_TYPE);
+};
+exports.getActiveButton = getActiveButton;

package/plugins/button/transforms/index.d.ts

@@ -0,0 +1,4 @@
+export { getActiveButton } from "./get-active-button";
+export { insertButton } from "./insert-button";
+export { isButtonActive } from "./is-button-active";
+export { updateButton } from "./update-button";

package/plugins/button/transforms/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateButton = exports.isButtonActive = exports.insertButton = exports.getActiveButton = void 0;
+var get_active_button_1 = require("./get-active-button");
+Object.defineProperty(exports, "getActiveButton", { enumerable: true, get: function () { return get_active_button_1.getActiveButton; } });
+var insert_button_1 = require("./insert-button");
+Object.defineProperty(exports, "insertButton", { enumerable: true, get: function () { return insert_button_1.insertButton; } });
+var is_button_active_1 = require("./is-button-active");
+Object.defineProperty(exports, "isButtonActive", { enumerable: true, get: function () { return is_button_active_1.isButtonActive; } });
+var update_button_1 = require("./update-button");
+Object.defineProperty(exports, "updateButton", { enumerable: true, get: function () { return update_button_1.updateButton; } });

package/plugins/button/transforms/insert-button.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const insertButton: (editor: UxfEditor, buttonText: string, buttonUrl: string) => void;

package/plugins/button/transforms/insert-button.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertButton = void 0;
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
+const insertButton = (editor, buttonText, buttonUrl) => {
+    const text = { text: "" };
+    const button = {
+        type: constants_1.PLUGIN_BUTTON_KEY,
+        buttonText,
+        buttonUrl,
+        children: [text],
+    };
+    (0, utils_1.insertVoid)(editor, button);
+};
+exports.insertButton = insertButton;

package/plugins/button/transforms/is-button-active.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const isButtonActive: (editor: UxfEditor) => boolean;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isButtonActive = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const get_active_button_1 = require("./get-active-button");
+const isButtonActive = (editor) => Boolean((0, get_active_button_1.getActiveButton)(editor) && (0, plate_common_1.isRangeInSameBlock)(editor));
+exports.isButtonActive = isButtonActive;

package/plugins/button/transforms/remove-selected-button.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const removeSelectedButton: (editor: UxfEditor) => boolean;

package/plugins/button/transforms/remove-selected-button.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeSelectedButton = void 0;
+const utils_1 = require("../../../utils");
+const get_active_button_1 = require("./get-active-button");
+const removeSelectedButton = (editor) => {
+    const activeButton = (0, get_active_button_1.getActiveButton)(editor);
+    if (!activeButton) {
+        return false;
+    }
+    return (0, utils_1.removeElement)(editor, activeButton);
+};
+exports.removeSelectedButton = removeSelectedButton;

package/plugins/button/transforms/update-button.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const updateButton: (editor: UxfEditor, buttonText: string, buttonUrl: string) => void;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateButton = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const updateButton = (editor, buttonText, buttonUrl) => (0, plate_common_1.setNodes)(editor, {
+    buttonText,
+    buttonUrl,
+});
+exports.updateButton = updateButton;

package/plugins/embedded/utils.d.ts

@@ -0,0 +1 @@
+export { parseIframeUrl, parseTwitterUrl, parseVideoUrl } from "@udecode/plate-media";

package/plugins/embedded/utils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseVideoUrl = exports.parseTwitterUrl = exports.parseIframeUrl = void 0;
+var plate_media_1 = require("@udecode/plate-media");
+Object.defineProperty(exports, "parseIframeUrl", { enumerable: true, get: function () { return plate_media_1.parseIframeUrl; } });
+Object.defineProperty(exports, "parseTwitterUrl", { enumerable: true, get: function () { return plate_media_1.parseTwitterUrl; } });
+Object.defineProperty(exports, "parseVideoUrl", { enumerable: true, get: function () { return plate_media_1.parseVideoUrl; } });

package/plugins/embedded/video/create-video-plugin.d.ts

@@ -0,0 +1,4 @@
+import { MediaPlugin } from "@udecode/plate-media";
+import { WysiwygContent } from "../../../types";
+export declare const ELEMENT_VIDEO_EMBED = "video";
+export declare const createVideoPlugin: <OP = MediaPlugin, 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>;

package/plugins/embedded/video/create-video-plugin.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVideoPlugin = exports.ELEMENT_VIDEO_EMBED = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const utils_1 = require("../utils");
+exports.ELEMENT_VIDEO_EMBED = "video";
+exports.createVideoPlugin = (0, plate_core_1.createPluginFactory)({
+    key: exports.ELEMENT_VIDEO_EMBED,
+    isElement: true,
+    isVoid: true,
+    options: {
+        transformUrl: utils_1.parseIframeUrl,
+        rules: [
+            {
+                parser: utils_1.parseVideoUrl,
+            },
+        ],
+    },
+});

package/plugins/embedded/video/get-active-video.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor, UxfVideoElement } from "../../../types";
+export declare const getActiveVideo: (editor: UxfEditor) => UxfVideoElement | undefined;

package/plugins/embedded/video/get-active-video.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActiveVideo = void 0;
+const utils_1 = require("../../../utils");
+const create_video_plugin_1 = require("./create-video-plugin");
+const getActiveVideo = (editor) => {
+    return (0, utils_1.getActiveElement)(editor, create_video_plugin_1.ELEMENT_VIDEO_EMBED);
+};
+exports.getActiveVideo = getActiveVideo;

package/plugins/embedded/video/insert-video.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor, type UxfVideoMetaData } from "../../../types";
+export declare const insertVideo: (editor: UxfEditor, url: string, embeddedUrl: string, provider: string, videoId: string, metaData: UxfVideoMetaData | null) => void;

package/plugins/embedded/video/insert-video.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertVideo = void 0;
+const utils_1 = require("../../../utils");
+const create_video_plugin_1 = require("./create-video-plugin");
+const insertVideo = (editor, url, embeddedUrl, provider, videoId, metaData) => {
+    const text = { text: "" };
+    const element = {
+        type: create_video_plugin_1.ELEMENT_VIDEO_EMBED,
+        url,
+        embeddedUrl,
+        provider,
+        videoId,
+        children: [text],
+        metaData,
+    };
+    (0, utils_1.insertVoid)(editor, element);
+};
+exports.insertVideo = insertVideo;

package/plugins/embedded/video/update-video.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor, type UxfVideoMetaData } from "../../../types";
+export declare const updateVideo: (editor: UxfEditor, url: string, embeddedUrl: string, provider: string, videoId: string, metaData: UxfVideoMetaData | null) => void;

package/plugins/embedded/video/update-video.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateVideo = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const updateVideo = (editor, url, embeddedUrl, provider, videoId, metaData) => (0, plate_common_1.setNodes)(editor, {
+    url,
+    embeddedUrl,
+    provider,
+    videoId,
+    metaData,
+});
+exports.updateVideo = updateVideo;

package/plugins/exit-break/create-exit-break-plugin.d.ts

@@ -0,0 +1,3 @@
+import { ExitBreakPlugin } from "@udecode/plate-break";
+import { UxfEditor, WysiwygContent } from "../../types";
+export declare const createExitBreakPlugin: () => import("@udecode/plate-core").PlatePlugin<ExitBreakPlugin, WysiwygContent, UxfEditor>;

package/plugins/exit-break/create-exit-break-plugin.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createExitBreakPlugin = void 0;
+const plate_break_1 = require("@udecode/plate-break");
+const types_1 = require("../blockquote/types");
+const constants_1 = require("../heading/constants");
+const createExitBreakPlugin = () => (0, plate_break_1.createExitBreakPlugin)({
+    options: {
+        rules: [
+            {
+                hotkey: "mod+enter",
+            },
+            {
+                hotkey: "mod+shift+enter",
+                before: true,
+            },
+            {
+                hotkey: "enter",
+                query: {
+                    start: true,
+                    end: true,
+                    allow: [...constants_1.KEYS_HEADING, types_1.BLOCKQUOTE_PLUGIN_KEY],
+                },
+                relative: true,
+                level: 1,
+            },
+        ],
+    },
+});
+exports.createExitBreakPlugin = createExitBreakPlugin;

package/plugins/heading/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const ELEMENT_H1 = "h1";
+export declare const ELEMENT_H2 = "h2";
+export declare const ELEMENT_H3 = "h3";
+export declare const ELEMENT_H4 = "h4";
+export declare const ELEMENT_H5 = "h5";
+export declare const ELEMENT_H6 = "h6";
+export declare const KEYS_HEADING: string[];
+export declare const HEADINGS_PLUGIN_KEY = "heading";

package/plugins/heading/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADINGS_PLUGIN_KEY = exports.KEYS_HEADING = exports.ELEMENT_H6 = exports.ELEMENT_H5 = exports.ELEMENT_H4 = exports.ELEMENT_H3 = exports.ELEMENT_H2 = exports.ELEMENT_H1 = void 0;
+exports.ELEMENT_H1 = "h1";
+exports.ELEMENT_H2 = "h2";
+exports.ELEMENT_H3 = "h3";
+exports.ELEMENT_H4 = "h4";
+exports.ELEMENT_H5 = "h5";
+exports.ELEMENT_H6 = "h6";
+exports.KEYS_HEADING = [exports.ELEMENT_H1, exports.ELEMENT_H2, exports.ELEMENT_H3, exports.ELEMENT_H4, exports.ELEMENT_H5, exports.ELEMENT_H6];
+exports.HEADINGS_PLUGIN_KEY = "heading";

package/plugins/heading/create-headings-plugin.d.ts

@@ -0,0 +1,8 @@
+import { HotkeyPlugin } from "@udecode/plate-common";
+import { WysiwygContent } from "../../types";
+export type HeadingPlugin = HotkeyPlugin;
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface HeadingsPluginOptions {
+    disabledLevels?: HeadingLevel[];
+}
+export declare const createHeadingsPlugin: <OP = HeadingsPluginOptions, OV extends import("@udecode/plate-common").Value = WysiwygContent, OE extends import("@udecode/plate-common").PlateEditor<OV> = import("@udecode/plate-common").PlateEditor<OV>>(override?: Partial<import("@udecode/plate-common").PlatePlugin<import("@udecode/plate-common").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate-common").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate-common").PlatePlugin<import("@udecode/plate-common").NoInfer<OP>, OV, OE>;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHeadingsPlugin = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const constants_1 = require("./constants");
+exports.createHeadingsPlugin = (0, plate_common_1.createPluginFactory)({
+    key: constants_1.HEADINGS_PLUGIN_KEY,
+    then: (_editor, { options: { disabledLevels } = {} }) => {
+        var _a;
+        const plugins = [];
+        for (let level = 1; level <= 6; level++) {
+            if (disabledLevels === null || disabledLevels === void 0 ? void 0 : disabledLevels.find((e) => e === level)) {
+                continue;
+            }
+            const key = constants_1.KEYS_HEADING[level - 1];
+            const plugin = {
+                key,
+                isElement: true,
+                deserializeHtml: {
+                    rules: [
+                        {
+                            validNodeName: `H${level}`,
+                        },
+                    ],
+                },
+                handlers: {
+                    onKeyDown: plate_common_1.onKeyDownToggleElement,
+                },
+                options: {},
+            };
+            if (level < 4 && ((_a = plugin.options) === null || _a === void 0 ? void 0 : _a.hotkey)) {
+                plugin.options.hotkey = [`mod+opt+${level}`, `mod+shift+${level}`];
+            }
+            plugins.push(plugin);
+        }
+        return {
+            plugins,
+        };
+    },
+});

package/plugins/highlight/createHighlightPlugin.d.ts

@@ -0,0 +1,3 @@
+import { WysiwygContent } from "../../types";
+import { HighlightPluginOptions } from "./types";
+export declare const createHighlightPlugin: (color?: HighlightPluginOptions["color"]) => import("@udecode/plate-common").PlatePlugin<HighlightPluginOptions, WysiwygContent, import("@udecode/plate-common").PlateEditor<WysiwygContent>>;

package/plugins/highlight/createHighlightPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHighlightPlugin = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const types_1 = require("./types");
+const createHighlightPlugin = (color = "yellow") => (0, plate_common_1.createPluginFactory)({
+    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,
+    },
+})();
+exports.createHighlightPlugin = createHighlightPlugin;

package/plugins/highlight/types.d.ts

@@ -0,0 +1,10 @@
+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 {
+    color?: CSSProperties["color"];
+}
+export interface HighlightLeafElementProps extends RenderLeafProps {
+    color?: CSSProperties["color"];
+}

package/plugins/highlight/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HIGHLIGHT_PLUGIN_KEY = void 0;
+exports.HIGHLIGHT_PLUGIN_KEY = "highlight";

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

@@ -0,0 +1,6 @@
+import { WysiwygContent } from "../../types";
+import { UxfImagePluginOptions } from "./types";
+/**
+ * Enables support for images.
+ */
+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>;

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

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createImagePlugin = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const insert_image_1 = require("./transforms/insert-image");
+const types_1 = require("./types");
+const with_image_1 = require("./with-image");
+/**
+ * Enables support for images.
+ */
+exports.createImagePlugin = (0, plate_core_1.createPluginFactory)({
+    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) {
+                                // 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();
+                    // 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.");
+                    // }
+                }
+            },
+        },
+    }),
+});

package/plugins/image/hooks/use-image-handlers.d.ts

@@ -0,0 +1,5 @@
+import { UxfEditor } from "../../../types";
+export declare const useImageHandlers: (editor: UxfEditor) => {
+    uploadImage: import("../types").ImageUploadHandler;
+    getImageUrl: import("../types").GetImageUrlHandler;
+};

package/plugins/image/hooks/use-image-handlers.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImageHandlers = void 0;
+const utils_1 = require("../../../utils");
+const types_1 = require("../types");
+const useImageHandlers = (editor) => {
+    const imagePluginOptions = (0, utils_1.getPluginOptions)(editor, types_1.IMAGE_PLUGIN_KEY);
+    if (!imagePluginOptions.uploadImage) {
+        throw new Error("Missing uploadImage function in image plugin options!");
+    }
+    if (!imagePluginOptions.getImageUrl) {
+        throw new Error("Missing getImageUrl function in image plugin options!");
+    }
+    return {
+        uploadImage: imagePluginOptions.uploadImage,
+        getImageUrl: imagePluginOptions.getImageUrl,
+    };
+};
+exports.useImageHandlers = useImageHandlers;

package/plugins/image/transforms/get-active-image.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor, UxfImageElement } from "../../../types";
+export declare const getActiveImage: (editor: UxfEditor) => UxfImageElement | undefined;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActiveImage = void 0;
+const utils_1 = require("../../../utils");
+const types_1 = require("../types");
+const getActiveImage = (editor) => {
+    return (0, utils_1.getActiveElement)(editor, types_1.IMAGE_PLUGIN_KEY);
+};
+exports.getActiveImage = getActiveImage;

package/plugins/image/transforms/insert-image.d.ts

@@ -0,0 +1,3 @@
+import { FileResponse } from "@uxf/core/types";
+import { UxfEditor } from "../../../types";
+export declare const insertImage: (editor: UxfEditor, file: FileResponse, alt?: string, caption?: string, source?: string, url?: string) => void;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertImage = void 0;
+const utils_1 = require("../../../utils");
+const types_1 = require("../types");
+const insertImage = (editor, file, alt, caption, source, url) => {
+    const text = { text: "" };
+    const image = {
+        type: types_1.IMAGE_PLUGIN_TYPE,
+        children: [text],
+        file,
+        alt,
+        caption,
+        source,
+        url: url,
+    };
+    (0, utils_1.insertVoid)(editor, image);
+};
+exports.insertImage = insertImage;

package/plugins/image/transforms/is-image-active.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const isImageActive: (editor: UxfEditor) => boolean;

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

@@ -0,0 +1,7 @@
+"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));
+exports.isImageActive = isImageActive;

package/plugins/image/transforms/remove-selected-image.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const removeSelectedImage: (editor: UxfEditor) => boolean;