@uxf/wysiwyg 1.2.2 → 2.0.0-beta.2

package/README.md

@@ -1,23 +1,8 @@
-# UXF Wysiwyg editor
-[![npm](https://img.shields.io/npm/v/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
-[![size](https://img.shields.io/bundlephobia/min/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
-[![quality](https://img.shields.io/npms-io/quality-score/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
-[![license](https://img.shields.io/npm/l/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
-
-Use Node < 17
-
-Package depends on @uxf/storage (PHP BE)
-
-#Installation
-
-### Web
+## Wysiwyg Mvp
+`yarn add @udecode/plate`
+### required peer deps
 ```bash
-yarn add @uxf/wysiywg-editor
-``` 
+yarn install slate slate-react slate-history slate-hyperscript react react-dom react-dnd react-dnd-html5-backend styled-components @styled-icons/material
+```
 
-### CMS
-```bash
-yarn add @uxf/wysiywg-editor
-# Install peer dependencies if not installed
-yarn add @material-ui/core @material-ui/icons @material-ui/lab
-``` 
+soft break & exit break: @udecode/plate-break

package/WysiwygEditor.d.ts

@@ -0,0 +1,10 @@
+import { TEditableProps } from "@udecode/plate-core";
+import { FC } from "react";
+import { UxfPlatePlugin, WysiwygContent } from "./types";
+export interface WysiwygEditorProps {
+    initialValue: WysiwygContent | undefined;
+    onChange: (value: WysiwygContent) => void;
+    plugins: UxfPlatePlugin[];
+    editableProps?: TEditableProps<WysiwygContent>;
+}
+export declare const WysiwygEditor: FC<WysiwygEditorProps>;

package/WysiwygEditor.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WysiwygEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const plate_core_1 = require("@udecode/plate-core");
+const react_dnd_1 = require("react-dnd");
+const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
+const types_1 = require("./plugins/block-quote/types");
+const constants_1 = require("./plugins/heading/constants");
+const constants_2 = require("./plugins/list/constants");
+const types_2 = require("./plugins/mark-bold/types");
+const types_3 = require("./plugins/mark-code/types");
+const types_4 = require("./plugins/mark-italic/types");
+const types_5 = require("./plugins/mark-underline/types");
+const element_toolbar_button_1 = require("./ui/toolbar/buttons/element-toolbar-button");
+const icons_1 = require("./ui/toolbar/buttons/icons");
+const image_toolbar_button_1 = require("./ui/toolbar/buttons/image-toolbar-button");
+const link_toolbar_button_1 = require("./ui/toolbar/buttons/link-toolbar-button");
+const list_toolbar_button_1 = require("./ui/toolbar/buttons/list-toolbar-button");
+const mark_toolbar_button_1 = require("./ui/toolbar/buttons/mark-toolbar-button");
+const toolbar_1 = require("./ui/toolbar/toolbar");
+const defaultEditableProps = {
+    placeholder: "Napište něco hezkého...",
+    spellCheck: false,
+    autoFocus: true,
+    readOnly: false,
+};
+const WysiwygEditor = ({ initialValue, onChange, editableProps, plugins }) => {
+    return ((0, jsx_runtime_1.jsx)(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend, children: (0, jsx_runtime_1.jsx)(plate_core_1.PlateProvider, { initialValue: initialValue, plugins: plugins, onChange: onChange, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(toolbar_1.Toolbar, { children: [(0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H1, icon: icons_1.H1Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H2, icon: icons_1.H2Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H3, icon: icons_1.H3Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H4, icon: icons_1.H4Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H5, icon: icons_1.H5Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H6, icon: icons_1.H6Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: types_1.BLOCK_QUOTE_PLUGIN_KEY, icon: icons_1.BlockQuoteIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_2.BOLD_PLUGIN_KEY, icon: icons_1.BoldIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_4.ITALIC_PLUGIN_KEY, icon: icons_1.ItalicIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_5.UNDER_LINE_PLUGIN_KEY, icon: icons_1.UnderlineIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_3.CODE_PLUGIN_KEY, icon: icons_1.CodeIcon }), (0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_UNORDERED_TYPE, icon: icons_1.UlIcon }), (0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_ORDERED_TYPE, icon: icons_1.OlIcon }), (0, jsx_runtime_1.jsx)(link_toolbar_button_1.LinkToolbarButton, { buttonText: "Link", icon: icons_1.LinkIcon }), (0, jsx_runtime_1.jsx)(image_toolbar_button_1.ImageToolbarButton, { buttonText: "Image", icon: icons_1.ImageIcon })] }), (0, jsx_runtime_1.jsx)(plate_core_1.Plate, { editableProps: editableProps !== null && editableProps !== void 0 ? editableProps : defaultEditableProps, normalizeInitialValue: true })] }) }) }));
+};
+exports.WysiwygEditor = WysiwygEditor;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Z0VkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9XeXNpd3lnRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQTJFO0FBRTNFLHlDQUF3QztBQUN4QyxxRUFBdUQ7QUFDdkQsdURBQXFFO0FBQ3JFLDJEQUFxSDtBQUNySCx3REFBa0Y7QUFDbEYscURBQTREO0FBQzVELHFEQUE0RDtBQUM1RCx1REFBZ0U7QUFDaEUsMERBQXVFO0FBRXZFLHdGQUFtRjtBQUNuRixzREFnQm9DO0FBQ3BDLG9GQUErRTtBQUMvRSxrRkFBNkU7QUFDN0Usa0ZBQTZFO0FBQzdFLGtGQUE2RTtBQUM3RSxrREFBK0M7QUFTL0MsTUFBTSxvQkFBb0IsR0FBbUM7SUFDekQsV0FBVyxFQUFFLHlCQUF5QjtJQUN0QyxVQUFVLEVBQUUsS0FBSztJQUNqQixTQUFTLEVBQUUsSUFBSTtJQUNmLFFBQVEsRUFBRSxLQUFLO0NBQ2xCLENBQUM7QUFFSyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUU7SUFDeEcsT0FBTyxDQUNILHVCQUFDLHVCQUFXLElBQUMsT0FBTyxFQUFFLHNDQUFZLFlBQzlCLHVCQUFDLDBCQUFhLElBQWlCLFlBQVksRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxZQUMzRiw2REFDSSx3QkFBQyxpQkFBTyxlQUNKLHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSxzQkFBVSxFQUFFLElBQUksRUFBRSxjQUFNLEdBQUksRUFDN0QsdUJBQUMsNkNBQW9CLElBQUMsU0FBUyxFQUFFLHNCQUFVLEVBQUUsSUFBSSxFQUFFLGNBQU0sR0FBSSxFQUM3RCx1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsc0JBQVUsRUFBRSxJQUFJLEVBQUUsY0FBTSxHQUFJLEVBQzdELHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSxzQkFBVSxFQUFFLElBQUksRUFBRSxjQUFNLEdBQUksRUFDN0QsdUJBQUMsNkNBQW9CLElBQUMsU0FBUyxFQUFFLHNCQUFVLEVBQUUsSUFBSSxFQUFFLGNBQU0sR0FBSSxFQUM3RCx1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsc0JBQVUsRUFBRSxJQUFJLEVBQUUsY0FBTSxHQUFJLEVBQzdELHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSw4QkFBc0IsRUFBRSxJQUFJLEVBQUUsc0JBQWMsR0FBSSxFQUNqRix1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUsdUJBQWUsRUFBRSxJQUFJLEVBQUUsZ0JBQVEsR0FBSSxFQUNqRSx1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUseUJBQWlCLEVBQUUsSUFBSSxFQUFFLGtCQUFVLEdBQUksRUFDckUsdUJBQUMsdUNBQWlCLElBQUMsU0FBUyxFQUFFLDZCQUFxQixFQUFFLElBQUksRUFBRSxxQkFBYSxHQUFJLEVBQzVFLHVCQUFDLHVDQUFpQixJQUFDLFNBQVMsRUFBRSx1QkFBZSxFQUFFLElBQUksRUFBRSxnQkFBUSxHQUFJLEVBQ2pFLHVCQUFDLHVDQUFpQixJQUFDLFNBQVMsRUFBRSwrQkFBbUIsRUFBRSxJQUFJLEVBQUUsY0FBTSxHQUFJLEVBQ25FLHVCQUFDLHVDQUFpQixJQUFDLFNBQVMsRUFBRSw2QkFBaUIsRUFBRSxJQUFJLEVBQUUsY0FBTSxHQUFJLEVBQ2pFLHVCQUFDLHVDQUFpQixJQUFDLFVBQVUsRUFBQyxNQUFNLEVBQUMsSUFBSSxFQUFFLGdCQUFRLEdBQUksRUFDdkQsdUJBQUMseUNBQWtCLElBQUMsVUFBVSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsaUJBQVMsR0FBSSxJQUNwRCxFQUNWLHVCQUFDLGtCQUFLLElBQ0YsYUFBYSxFQUFFLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLG9CQUFvQixFQUNwRCxxQkFBcUIsRUFBRSxJQUFJLEdBQ3RCLElBQ1YsR0FDUyxHQUNOLENBQ2pCLENBQUM7QUFDTixDQUFDLENBQUM7QUE5QlcsUUFBQSxhQUFhLGlCQThCeEIifQ==

package/create-all-uxf-plugins.d.ts

@@ -0,0 +1,2 @@
+import { GetImageUrlHandler, ImageUploadHandler } from "./plugins/image/types";
+export declare const createAllUxfPlugins: (fileUpload: ImageUploadHandler, getImageUrl: GetImageUrlHandler) => import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").AnyObject, import("./types").WysiwygContent, import("./types").UxfEditor>[];

package/create-all-uxf-plugins.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAllUxfPlugins = void 0;
+const create_block_quote_plugin_1 = require("./plugins/block-quote/create-block-quote-plugin");
+const create_uxf_plugins_1 = require("./plugins/create-uxf-plugins");
+const create_headings_plugin_1 = require("./plugins/heading/create-headings-plugin");
+const create_image_plugin_1 = require("./plugins/image/create-image-plugin");
+const create_link_plugin_1 = require("./plugins/link/create-link-plugin");
+const create_list_plugin_1 = require("./plugins/list/create-list-plugin");
+const create_bold_plugin_1 = require("./plugins/mark-bold/create-bold-plugin");
+const create_code_plugin_1 = require("./plugins/mark-code/create-code-plugin");
+const create_italic_plugin_1 = require("./plugins/mark-italic/create-italic-plugin");
+const create_underline_plugin_1 = require("./plugins/mark-underline/create-underline-plugin");
+const create_uxf_ui_1 = require("./ui/create-uxf-ui");
+const floating_link_1 = require("./ui/floating-link");
+const createAllUxfPlugins = (fileUpload, getImageUrl) => (0, create_uxf_plugins_1.createUxfPlugins)([
+    (0, create_headings_plugin_1.createHeadingsPlugin)(),
+    (0, create_block_quote_plugin_1.createBlockquotePlugin)(),
+    (0, create_bold_plugin_1.createBoldPlugin)(),
+    (0, create_italic_plugin_1.createItalicPlugin)(),
+    (0, create_underline_plugin_1.createUnderlinePlugin)(),
+    (0, create_code_plugin_1.createCodePlugin)(),
+    (0, create_list_plugin_1.createListPlugin)(),
+    (0, create_link_plugin_1.createLinkPlugin)(floating_link_1.FloatingLink),
+    (0, create_image_plugin_1.createImagePlugin)({
+        options: {
+            uploadImage: fileUpload,
+            getImageUrl,
+        },
+    }),
+], { components: (0, create_uxf_ui_1.createUxfUi)() });
+exports.createAllUxfPlugins = createAllUxfPlugins;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFsbC11eGYtcGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9jcmVhdGUtYWxsLXV4Zi1wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtGQUF5RjtBQUN6RixxRUFBZ0U7QUFDaEUscUZBQWdGO0FBQ2hGLDZFQUF3RTtBQUV4RSwwRUFBcUU7QUFDckUsMEVBQXFFO0FBQ3JFLCtFQUEwRTtBQUMxRSwrRUFBMEU7QUFDMUUscUZBQWdGO0FBQ2hGLDhGQUF5RjtBQUN6RixzREFBaUQ7QUFDakQsc0RBQWtEO0FBRTNDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxVQUE4QixFQUFFLFdBQStCLEVBQUUsRUFBRSxDQUNuRyxJQUFBLHFDQUFnQixFQUNaO0lBQ0ksSUFBQSw2Q0FBb0IsR0FBRTtJQUN0QixJQUFBLGtEQUFzQixHQUFFO0lBQ3hCLElBQUEscUNBQWdCLEdBQUU7SUFDbEIsSUFBQSx5Q0FBa0IsR0FBRTtJQUNwQixJQUFBLCtDQUFxQixHQUFFO0lBQ3ZCLElBQUEscUNBQWdCLEdBQUU7SUFDbEIsSUFBQSxxQ0FBZ0IsR0FBRTtJQUNsQixJQUFBLHFDQUFnQixFQUFDLDRCQUFZLENBQUM7SUFDOUIsSUFBQSx1Q0FBaUIsRUFBQztRQUNkLE9BQU8sRUFBRTtZQUNMLFdBQVcsRUFBRSxVQUFVO1lBQ3ZCLFdBQVc7U0FDZDtLQUNKLENBQUM7Q0FDTCxFQUNELEVBQUUsVUFBVSxFQUFFLElBQUEsMkJBQVcsR0FBRSxFQUFFLENBQ2hDLENBQUM7QUFuQk8sUUFBQSxtQkFBbUIsdUJBbUIxQiJ9

package/hooks.d.ts

@@ -0,0 +1,9 @@
+import { UxfEditor, WysiwygContent } from "./types";
+export declare const useUxfPlateEditorRef: (id?: any) => UxfEditor;
+export declare const useUxfEditorRef: () => UxfEditor;
+export declare const useUxfEditorState: () => UxfEditor;
+export declare const useUxfPlateEditorState: (id?: any) => UxfEditor;
+export declare const useUxfPlateSelectors: (id?: any) => import("@udecode/plate-core").GetRecord<import("@udecode/plate-core").PlateStoreState<WysiwygContent, UxfEditor>>;
+export declare const useUxfPlateActions: (id?: any) => import("@udecode/plate-core").SetRecord<import("@udecode/plate-core").PlateStoreState<WysiwygContent, UxfEditor>>;
+export declare const useUxfPlateStates: (id?: any) => import("@udecode/plate-core").UseRecord<import("@udecode/plate-core").PlateStoreState<WysiwygContent, UxfEditor>>;
+export { useSelected } from "slate-react";

package/hooks.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelected = exports.useUxfPlateStates = exports.useUxfPlateActions = exports.useUxfPlateSelectors = exports.useUxfPlateEditorState = exports.useUxfEditorState = exports.useUxfEditorRef = exports.useUxfPlateEditorRef = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const useUxfPlateEditorRef = (id) => (0, plate_core_1.usePlateEditorRef)(id);
+exports.useUxfPlateEditorRef = useUxfPlateEditorRef;
+const useUxfEditorRef = () => (0, plate_core_1.useEditorRef)();
+exports.useUxfEditorRef = useUxfEditorRef;
+const useUxfEditorState = () => (0, plate_core_1.useEditorState)();
+exports.useUxfEditorState = useUxfEditorState;
+const useUxfPlateEditorState = (id) => (0, plate_core_1.usePlateEditorState)((0, plate_core_1.useEventPlateId)(id));
+exports.useUxfPlateEditorState = useUxfPlateEditorState;
+const useUxfPlateSelectors = (id) => (0, plate_core_1.usePlateSelectors)(id);
+exports.useUxfPlateSelectors = useUxfPlateSelectors;
+const useUxfPlateActions = (id) => (0, plate_core_1.usePlateActions)(id);
+exports.useUxfPlateActions = useUxfPlateActions;
+const useUxfPlateStates = (id) => (0, plate_core_1.usePlateStates)(id);
+exports.useUxfPlateStates = useUxfPlateStates;
+var slate_react_1 = require("slate-react");
+Object.defineProperty(exports, "useSelected", { enumerable: true, get: function () { return slate_react_1.useSelected; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9va3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaG9va3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBVTZCO0FBR3RCLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxFQUFZLEVBQUUsRUFBRSxDQUFDLElBQUEsOEJBQWlCLEVBQTRCLEVBQUUsQ0FBQyxDQUFDO0FBQTFGLFFBQUEsb0JBQW9CLHdCQUFzRTtBQUNoRyxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFBLHlCQUFZLEdBQTZCLENBQUM7QUFBbEUsUUFBQSxlQUFlLG1CQUFtRDtBQUN4RSxNQUFNLGlCQUFpQixHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUEsMkJBQWMsR0FBNkIsQ0FBQztBQUF0RSxRQUFBLGlCQUFpQixxQkFBcUQ7QUFDNUUsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLEVBQVksRUFBRSxFQUFFLENBQ25ELElBQUEsZ0NBQW1CLEVBQTRCLElBQUEsNEJBQWUsRUFBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0FBRDNELFFBQUEsc0JBQXNCLDBCQUNxQztBQUNqRSxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBWSxFQUFFLEVBQUUsQ0FBQyxJQUFBLDhCQUFpQixFQUE0QixFQUFFLENBQUMsQ0FBQztBQUExRixRQUFBLG9CQUFvQix3QkFBc0U7QUFDaEcsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEVBQVksRUFBRSxFQUFFLENBQUMsSUFBQSw0QkFBZSxFQUE0QixFQUFFLENBQUMsQ0FBQztBQUF0RixRQUFBLGtCQUFrQixzQkFBb0U7QUFDNUYsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEVBQVksRUFBRSxFQUFFLENBQUMsSUFBQSwyQkFBYyxFQUE0QixFQUFFLENBQUMsQ0FBQztBQUFwRixRQUFBLGlCQUFpQixxQkFBbUU7QUFFakcsMkNBQTBDO0FBQWpDLDBHQUFBLFdBQVcsT0FBQSJ9

package/index.d.ts

@@ -1,7 +1,5 @@
-export { WysiwygEditor } from "./Editor";
-export { ContentRenderer } from "./Content";
-export { convertToPlainText } from "./Converter";
-export * from "./Content/Renderer/typeGuards";
+export { WysiwygEditor } from "./WysiwygEditor";
 export * from "./types";
-export { useSlate as useUxfEditor } from "slate-react";
-export { useFocused, useSelected, ReactEditor, RenderElementProps } from "slate-react";
+export * from "./utils";
+export * from "./hooks";
+export { createAllUxfPlugins } from "./create-all-uxf-plugins";

package/index.js

@@ -14,19 +14,12 @@ 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.ReactEditor = exports.useSelected = exports.useFocused = exports.useUxfEditor = exports.convertToPlainText = exports.ContentRenderer = exports.WysiwygEditor = void 0;
-var Editor_1 = require("./Editor");
-Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return Editor_1.WysiwygEditor; } });
-var Content_1 = require("./Content");
-Object.defineProperty(exports, "ContentRenderer", { enumerable: true, get: function () { return Content_1.ContentRenderer; } });
-var Converter_1 = require("./Converter");
-Object.defineProperty(exports, "convertToPlainText", { enumerable: true, get: function () { return Converter_1.convertToPlainText; } });
-__exportStar(require("./Content/Renderer/typeGuards"), exports);
+exports.createAllUxfPlugins = exports.WysiwygEditor = void 0;
+var WysiwygEditor_1 = require("./WysiwygEditor");
+Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return WysiwygEditor_1.WysiwygEditor; } });
 __exportStar(require("./types"), exports);
-var slate_react_1 = require("slate-react");
-Object.defineProperty(exports, "useUxfEditor", { enumerable: true, get: function () { return slate_react_1.useSlate; } });
-var slate_react_2 = require("slate-react");
-Object.defineProperty(exports, "useFocused", { enumerable: true, get: function () { return slate_react_2.useFocused; } });
-Object.defineProperty(exports, "useSelected", { enumerable: true, get: function () { return slate_react_2.useSelected; } });
-Object.defineProperty(exports, "ReactEditor", { enumerable: true, get: function () { return slate_react_2.ReactEditor; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBeUM7QUFBaEMsdUdBQUEsYUFBYSxPQUFBO0FBQ3RCLHFDQUE0QztBQUFuQywwR0FBQSxlQUFlLE9BQUE7QUFDeEIseUNBQWlEO0FBQXhDLCtHQUFBLGtCQUFrQixPQUFBO0FBQzNCLGdFQUE4QztBQUM5QywwQ0FBd0I7QUFDeEIsMkNBQXVEO0FBQTlDLDJHQUFBLFFBQVEsT0FBZ0I7QUFDakMsMkNBQXVGO0FBQTlFLHlHQUFBLFVBQVUsT0FBQTtBQUFFLDBHQUFBLFdBQVcsT0FBQTtBQUFFLDBHQUFBLFdBQVcsT0FBQSJ9
+__exportStar(require("./utils"), exports);
+__exportStar(require("./hooks"), exports);
+var create_all_uxf_plugins_1 = require("./create-all-uxf-plugins");
+Object.defineProperty(exports, "createAllUxfPlugins", { enumerable: true, get: function () { return create_all_uxf_plugins_1.createAllUxfPlugins; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxpREFBZ0Q7QUFBdkMsOEdBQUEsYUFBYSxPQUFBO0FBQ3RCLDBDQUF3QjtBQUN4QiwwQ0FBd0I7QUFDeEIsMENBQXdCO0FBQ3hCLG1FQUErRDtBQUF0RCw2SEFBQSxtQkFBbUIsT0FBQSJ9

package/package.json

@@ -1,65 +1,57 @@
 {
   "name": "@uxf/wysiwyg",
-  "version": "1.2.2",
+  "version": "2.0.0-beta.2",
   "description": "UXF Wysiwyg editor",
   "author": "Robin Dvorak <dvorak@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/wysiwyg",
   "license": "MIT",
-  "typings": "index.d.ts",
-  "module": "index.js",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://gitlab.com/uxf-npm/wysiwyg.git"
-  },
   "scripts": {
-    "build": "npm run-script clean && npm run-script compile",
-    "clean": "rm -rf ./dist",
-    "compile": "tsc -P tsconfig.build.json",
-    "test": "npm run-script typecheck",
-    "lint": "eslint -c .eslintrc.js \"./**/*.ts*\"",
+    "build": "npm run-script clean && tsc -P tsconfig.build.json",
+    "clean": "rm -rf ./dist ./example/.cache ./example/dist",
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "dev": "parcel ./example/index.html --dist-dir example/dist --cache-dir example/.cache --port 8080"
-  },
-  "bugs": {
-    "url": "https://gitlab.com/uxf/uxf-base-npm/issues"
+    "lint": "eslint -c .eslintrc.js \"./**/*.ts*\"",
+    "check": "yarn typecheck && yarn lint",
+    "dev": "parcel ./example/index.html --dist-dir example/dist --cache-dir example/.cache --port 8081"
   },
   "devDependencies": {
-    "@material-ui/core": "^4.12.4",
-    "@material-ui/icons": "^4.11.3",
-    "@material-ui/lab": "^4.0.0-alpha.61",
-    "@types/is-url": "^1.2.30",
-    "@types/jest": "^27.0.1",
-    "@types/node": "^16.0.0",
-    "@types/react-dom": "^17.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
     "@uxf/eslint-config": "^1.2.3",
-    "eslint": "^8.24.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "final-form": "^4.20.2",
-    "jest": "^27.1.0",
-    "parcel": "^2.4.0",
-    "prettier": "^2.3.2",
+    "autoprefixer": "^10.4.13",
+    "eslint": "^8.31.0",
+    "parcel": "^2.8.3",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.2",
     "process": "^0.11.10",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-final-form": "^6.5.3",
-    "ts-jest": "^27.0.5",
-    "typescript": "^4.8.4"
-  },
-  "dependencies": {
-    "is-url": "^1.2.4",
-    "react-player": "^2.9.0",
-    "slate": "^0.82.1",
-    "slate-history": "^0.66.0",
-    "slate-hyperscript": "^0.77.0",
-    "slate-react": "^0.83.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
     "react": "17 - 18",
     "react-dom": "17 - 18"
+  },
+  "dependencies": {
+    "@headlessui/react": "^1.7.7",
+    "@udecode/plate-basic-marks": "^19.0.3",
+    "@udecode/plate-block-quote": "^19.0.3",
+    "@udecode/plate-break": "^19.0.3",
+    "@udecode/plate-code-block": "^19.0.3",
+    "@udecode/plate-core": "^19.0.3",
+    "@udecode/plate-link": "^19.0.3",
+    "@udecode/plate-list": "^19.4.2",
+    "@udecode/plate-media": "^19.2.0",
+    "@udecode/plate-node-id": "^19.0.3",
+    "@udecode/plate-paragraph": "^19.0.3",
+    "@udecode/plate-reset-node": "^19.4.2",
+    "@udecode/plate-select": "^19.2.0",
+    "@udecode/plate-trailing-block": "^19.2.0",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "slate": "^0.88.1",
+    "slate-history": "^0.86.0",
+    "slate-hyperscript": "^0.77.0",
+    "slate-react": "^0.88.0"
   }
 }

package/plugins/block-quote/create-block-quote-plugin.d.ts

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

package/plugins/block-quote/create-block-quote-plugin.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBlockquotePlugin = void 0;
+const plate_block_quote_1 = require("@udecode/plate-block-quote");
+const types_1 = require("./types");
+const createBlockquotePlugin = () => (0, plate_block_quote_1.createBlockquotePlugin)({
+    props: {
+        className: "block-quote-class-name",
+    },
+    type: types_1.BLOCK_QUOTE_PLUGIN_TYPE,
+});
+exports.createBlockquotePlugin = createBlockquotePlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWJsb2NrLXF1b3RlLXBsdWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2Jsb2NrLXF1b3RlL2NyZWF0ZS1ibG9jay1xdW90ZS1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsa0VBQW1HO0FBR25HLG1DQUFrRDtBQUUzQyxNQUFNLHNCQUFzQixHQUFHLEdBQUcsRUFBRSxDQUN2QyxJQUFBLDBDQUEyQixFQUEwQztJQUNqRSxLQUFLLEVBQUU7UUFDSCxTQUFTLEVBQUUsd0JBQXdCO0tBQ3RDO0lBQ0QsSUFBSSxFQUFFLCtCQUF1QjtDQUNoQyxDQUFDLENBQUM7QUFOTSxRQUFBLHNCQUFzQiwwQkFNNUIifQ==

package/plugins/block-quote/types.d.ts

@@ -0,0 +1,2 @@
+export declare const BLOCK_QUOTE_PLUGIN_KEY = "blockquote";
+export declare const BLOCK_QUOTE_PLUGIN_TYPE = "block-quote";

package/plugins/block-quote/types.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BLOCK_QUOTE_PLUGIN_TYPE = exports.BLOCK_QUOTE_PLUGIN_KEY = void 0;
+const plate_block_quote_1 = require("@udecode/plate-block-quote");
+exports.BLOCK_QUOTE_PLUGIN_KEY = plate_block_quote_1.ELEMENT_BLOCKQUOTE;
+exports.BLOCK_QUOTE_PLUGIN_TYPE = "block-quote";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGx1Z2lucy9ibG9jay1xdW90ZS90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxrRUFBZ0U7QUFFbkQsUUFBQSxzQkFBc0IsR0FBRyxzQ0FBa0IsQ0FBQztBQUM1QyxRQUFBLHVCQUF1QixHQUFHLGFBQWEsQ0FBQyJ9

package/plugins/create-uxf-plugins.d.ts

@@ -0,0 +1,5 @@
+import { MyOverrideByKey, UiComponents, UxfEditor, UxfPlatePlugin, WysiwygContent } from "../types";
+export declare const createUxfPlugins: (plugins: UxfPlatePlugin[], options?: {
+    components?: UiComponents;
+    overrideByKey?: MyOverrideByKey;
+}) => import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").AnyObject, WysiwygContent, UxfEditor>[];

package/plugins/create-uxf-plugins.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUxfPlugins = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const create_exit_break_plugin_1 = require("./exit-break/create-exit-break-plugin");
+const create_node_id_plugin_1 = require("./node-id/create-node-id-plugin");
+const create_paragraph_plugin_1 = require("./paragraph/create-paragraph-plugin");
+const create_reset_node_1 = require("./reset-node/create-reset-node");
+const create_select_on_backspace_plugin_1 = require("./select-on-backspace/create-select-on-backspace-plugin");
+const create_soft_break_plugin_1 = require("./soft-break/create-soft-break-plugin");
+const create_trailing_block_plugin_1 = require("./trailing-block/create-trailing-block-plugin");
+const createUxfPlugins = (plugins, options) => (0, plate_core_1.createPlugins)([
+    (0, create_paragraph_plugin_1.createParagraphPlugin)(),
+    (0, create_exit_break_plugin_1.createExitBreakPlugin)(),
+    (0, create_reset_node_1.createResetNodePlugin)(),
+    (0, create_soft_break_plugin_1.createSoftBreakPlugin)(),
+    (0, create_node_id_plugin_1.createNodeIdPlugin)(),
+    (0, create_select_on_backspace_plugin_1.createSelectOnBackspacePlugin)(),
+    (0, create_trailing_block_plugin_1.createTrailingBlockPlugin)(),
+    ...plugins,
+], options);
+exports.createUxfPlugins = createUxfPlugins;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXV4Zi1wbHVnaW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3BsdWdpbnMvY3JlYXRlLXV4Zi1wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG9EQUFvRDtBQUVwRCxvRkFBOEU7QUFDOUUsMkVBQXFFO0FBQ3JFLGlGQUE0RTtBQUM1RSxzRUFBdUU7QUFDdkUsK0dBQXdHO0FBQ3hHLG9GQUE4RTtBQUM5RSxnR0FBMEY7QUFFbkYsTUFBTSxnQkFBZ0IsR0FBRyxDQUM1QixPQUF5QixFQUN6QixPQUdDLEVBQ0gsRUFBRSxDQUNBLElBQUEsMEJBQWEsRUFDVDtJQUNJLElBQUEsK0NBQXFCLEdBQUU7SUFDdkIsSUFBQSxnREFBcUIsR0FBRTtJQUN2QixJQUFBLHlDQUFxQixHQUFFO0lBQ3ZCLElBQUEsZ0RBQXFCLEdBQUU7SUFDdkIsSUFBQSwwQ0FBa0IsR0FBRTtJQUNwQixJQUFBLGlFQUE2QixHQUFFO0lBQy9CLElBQUEsd0RBQXlCLEdBQUU7SUFDM0IsR0FBRyxPQUFPO0NBQ2IsRUFDRCxPQUFPLENBQ1YsQ0FBQztBQW5CTyxRQUFBLGdCQUFnQixvQkFtQnZCIn0=

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,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createExitBreakPlugin = void 0;
+const plate_break_1 = require("@udecode/plate-break");
+const types_1 = require("../block-quote/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.BLOCK_QUOTE_PLUGIN_KEY],
+                },
+                relative: true,
+                level: 1,
+            },
+        ],
+    },
+});
+exports.createExitBreakPlugin = createExitBreakPlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWV4aXQtYnJlYWstcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvZXhpdC1icmVhay9jcmVhdGUtZXhpdC1icmVhay1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsc0RBQTRHO0FBRTVHLGdEQUE4RDtBQUM5RCxvREFBb0Q7QUFFN0MsTUFBTSxxQkFBcUIsR0FBRyxHQUFHLEVBQUUsQ0FDdEMsSUFBQSxtQ0FBMEIsRUFBNkM7SUFDbkUsT0FBTyxFQUFFO1FBQ0wsS0FBSyxFQUFFO1lBQ0g7Z0JBQ0ksTUFBTSxFQUFFLFdBQVc7YUFDdEI7WUFDRDtnQkFDSSxNQUFNLEVBQUUsaUJBQWlCO2dCQUN6QixNQUFNLEVBQUUsSUFBSTthQUNmO1lBQ0Q7Z0JBQ0ksTUFBTSxFQUFFLE9BQU87Z0JBQ2YsS0FBSyxFQUFFO29CQUNILEtBQUssRUFBRSxJQUFJO29CQUNYLEdBQUcsRUFBRSxJQUFJO29CQUNULEtBQUssRUFBRSxDQUFDLEdBQUcsd0JBQVksRUFBRSw4QkFBc0IsQ0FBQztpQkFDbkQ7Z0JBQ0QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsS0FBSyxFQUFFLENBQUM7YUFDWDtTQUNKO0tBQ0o7Q0FDSixDQUFDLENBQUM7QUF2Qk0sUUFBQSxxQkFBcUIseUJBdUIzQiJ9

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,12 @@
+"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";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvaGVhZGluZy9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxVQUFVLEdBQUcsSUFBSSxDQUFDO0FBQ2xCLFFBQUEsVUFBVSxHQUFHLElBQUksQ0FBQztBQUNsQixRQUFBLFVBQVUsR0FBRyxJQUFJLENBQUM7QUFDbEIsUUFBQSxVQUFVLEdBQUcsSUFBSSxDQUFDO0FBQ2xCLFFBQUEsVUFBVSxHQUFHLElBQUksQ0FBQztBQUNsQixRQUFBLFVBQVUsR0FBRyxJQUFJLENBQUM7QUFFbEIsUUFBQSxZQUFZLEdBQUcsQ0FBQyxrQkFBVSxFQUFFLGtCQUFVLEVBQUUsa0JBQVUsRUFBRSxrQkFBVSxFQUFFLGtCQUFVLEVBQUUsa0JBQVUsQ0FBQyxDQUFDO0FBQ3hGLFFBQUEsbUJBQW1CLEdBQUcsU0FBUyxDQUFDIn0=

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

@@ -0,0 +1,7 @@
+import { HotkeyPlugin } from "@udecode/plate-core";
+import { WysiwygContent } from "../../types";
+export type HeadingPlugin = HotkeyPlugin;
+export interface HeadingsPluginOptions {
+    disabledLevels?: Array<1 | 2 | 3 | 4 | 5 | 6>;
+}
+export declare const createHeadingsPlugin: <OP = HeadingsPluginOptions, OV extends import("@udecode/plate-core").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/heading/create-headings-plugin.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHeadingsPlugin = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const constants_1 = require("./constants");
+exports.createHeadingsPlugin = (0, plate_core_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_core_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,
+        };
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWhlYWRpbmdzLXBsdWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2hlYWRpbmcvY3JlYXRlLWhlYWRpbmdzLXBsdWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxvREFBZ0c7QUFFaEcsMkNBQWdFO0FBT25ELFFBQUEsb0JBQW9CLEdBQUcsSUFBQSxnQ0FBbUIsRUFBbUQ7SUFDdEcsR0FBRyxFQUFFLCtCQUFtQjtJQUN4QixJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRSxjQUFjLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFOztRQUNwRCxNQUFNLE9BQU8sR0FBb0MsRUFBRSxDQUFDO1FBRXBELEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDckMsSUFBSSxjQUFjLGFBQWQsY0FBYyx1QkFBZCxjQUFjLENBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssS0FBSyxDQUFDLEVBQUU7Z0JBQzFDLFNBQVM7YUFDWjtZQUVELE1BQU0sR0FBRyxHQUFHLHdCQUFZLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBRXBDLE1BQU0sTUFBTSxHQUFrQztnQkFDMUMsR0FBRztnQkFDSCxTQUFTLEVBQUUsSUFBSTtnQkFDZixlQUFlLEVBQUU7b0JBQ2IsS0FBSyxFQUFFO3dCQUNIOzRCQUNJLGFBQWEsRUFBRSxJQUFJLEtBQUssRUFBRTt5QkFDN0I7cUJBQ0o7aUJBQ0o7Z0JBQ0QsUUFBUSxFQUFFO29CQUNOLFNBQVMsRUFBRSxtQ0FBc0I7aUJBQ3BDO2dCQUNELE9BQU8sRUFBRSxFQUFFO2FBQ2QsQ0FBQztZQUVGLElBQUksS0FBSyxHQUFHLENBQUMsS0FBSSxNQUFBLE1BQU0sQ0FBQyxPQUFPLDBDQUFFLE1BQU0sQ0FBQSxFQUFFO2dCQUNyQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLFdBQVcsS0FBSyxFQUFFLEVBQUUsYUFBYSxLQUFLLEVBQUUsQ0FBQyxDQUFDO2FBQ3RFO1lBRUQsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUN4QjtRQUVELE9BQU87WUFDSCxPQUFPO1NBQ1YsQ0FBQztJQUNOLENBQUM7Q0FDSixDQUFDLENBQUMifQ==

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/plate-core").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,106 @@
+"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.");
+                    // }
+                }
+            },
+        },
+    }),
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWltYWdlLXBsdWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2ltYWdlL2NyZWF0ZS1pbWFnZS1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBQTBEO0FBRTFELDREQUF3RDtBQUN4RCxtQ0FBcUY7QUFDckYsNkNBQXlDO0FBRXpDOztHQUVHO0FBQ1UsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLGdDQUFtQixFQUFtRDtJQUNuRyxHQUFHLEVBQUUsd0JBQWdCO0lBQ3JCLElBQUksRUFBRSx5QkFBaUI7SUFDdkIsU0FBUyxFQUFFLElBQUk7SUFDZixNQUFNLEVBQUUsSUFBSTtJQUNaLGFBQWEsRUFBRSxzQkFBUztJQUN4QixJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QixlQUFlLEVBQUU7WUFDYixLQUFLLEVBQUU7Z0JBQ0g7b0JBQ0ksYUFBYSxFQUFFLEtBQUs7aUJBQ3ZCO2FBQ0o7WUFDRCxzQkFBc0I7WUFDdEIsWUFBWTtZQUNaLG1DQUFtQztZQUNuQyxNQUFNO1lBQ04sT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUU7O2dCQUNaLE1BQU0sR0FBRyxHQUFHLE1BQUEsRUFBRSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsbUNBQUksRUFBRSxDQUFDO2dCQUN6QyxJQUFJLEdBQUcsRUFBRTtvQkFDTCxNQUFNLE9BQU8sR0FBRyxJQUFJLGNBQWMsRUFBRSxDQUFDO29CQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLENBQUM7b0JBQy9CLE9BQU8sQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDO29CQUM5QixPQUFPLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRTt3QkFDbEIsTUFBTSxJQUFJLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQzt3QkFDOUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxvQkFBb0IsRUFBRTs0QkFDaEQsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO3lCQUNsQixDQUFDLENBQUM7d0JBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUU7NEJBQ3RCLHNDQUFzQzs0QkFDdEMsT0FBTyxDQUFDLEtBQUssQ0FBQyx1REFBdUQsQ0FBQyxDQUFDOzRCQUN2RSxPQUFPO3lCQUNWO3dCQUVELE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7NEJBQ3hDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFO2dDQUN0QixzQ0FBc0M7Z0NBQ3RDLE9BQU8sQ0FBQyxLQUFLLENBQUMsdURBQXVELENBQUMsQ0FBQztnQ0FDdkUsT0FBTzs2QkFDVjs0QkFFRCwwREFBMEQ7NEJBQzFELElBQUEsMEJBQVcsRUFDUCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxFQUNULE9BQU8sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQ2hDLENBQUM7d0JBQ04sQ0FBQyxDQUFDLENBQUM7b0JBQ1AsQ0FBQyxDQUFDO29CQUNGLHNDQUFzQztvQkFDdEMsT0FBTyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLHdCQUF3QixDQUFDLENBQUM7b0JBQ2hFLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztvQkFFZixRQUFRO29CQUNSLCtDQUErQztvQkFDL0Msd0JBQXdCO29CQUN4QixxQkFBcUI7b0JBQ3JCLGtEQUFrRDtvQkFDbEQsYUFBYTtvQkFDYixVQUFVO29CQUNWLCtDQUErQztvQkFDL0MsNERBQTREO29CQUM1RCwyQkFBMkI7b0JBQzNCLFVBQVU7b0JBQ1Ysa0NBQWtDO29CQUNsQyxpREFBaUQ7b0JBQ2pELGdGQUFnRjtvQkFDaEYsa0JBQWtCO29CQUNsQixRQUFRO29CQUNSLEVBQUU7b0JBQ0YsNERBQTREO29CQUM1RCxFQUFFO29CQUNGLGtDQUFrQztvQkFDbEMsaURBQWlEO29CQUNqRCxnRkFBZ0Y7b0JBQ2hGLGtCQUFrQjtvQkFDbEIsUUFBUTtvQkFDUixpRUFBaUU7b0JBQ2pFLG1CQUFtQjtvQkFDbkIsa0JBQWtCO29CQUNsQix3QkFBd0I7b0JBQ3hCLHFCQUFxQjtvQkFDckIscUJBQXFCO29CQUNyQixxQkFBcUI7b0JBQ3JCLDZDQUE2QztvQkFDN0MsU0FBUztvQkFDVCxFQUFFO29CQUNGLGVBQWU7b0JBQ2YsZ0JBQWdCO29CQUNoQiw4QkFBOEI7b0JBQzlCLGtEQUFrRDtvQkFDbEQsU0FBUztvQkFDVCxnQkFBZ0I7b0JBQ2hCLDZDQUE2QztvQkFDN0MsNkNBQTZDO29CQUM3QyxJQUFJO2lCQUNQO1lBQ0wsQ0FBQztTQUNKO0tBQ0osQ0FBQztDQUNMLENBQUMsQ0FBQyJ9

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;
+};