@uxf/wysiwyg 11.128.2 → 11.130.0

package/plugins/link/hooks/use-link-actions.js

@@ -1,48 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLinkActions = void 0;
-const plate_link_1 = require("@udecode/plate-link");
+const react_1 = require("@platejs/link/react");
 const hooks_1 = require("../../../hooks");
 const get_active_link_1 = require("../transforms/get-active-link");
+const use_floating_link_selectors_1 = require("./use-floating-link-selectors");
 const use_link_cancel_on_escape_1 = require("./use-link-cancel-on-escape");
 const use_link_submit_on_enter_1 = require("./use-link-submit-on-enter");
+/**
+ * The floating-link store is `LinkPlugin` options in Plate 53. The returned shape is unchanged except
+ * `editor`, which used to be `editor.current` and so always `undefined`. Nothing reads it.
+ */
 const useLinkActions = () => {
     const editor = (0, hooks_1.useUxfEditorRef)();
     (0, use_link_submit_on_enter_1.useLinkSubmitOnEnter)();
     (0, use_link_cancel_on_escape_1.useLinkCancelOnEscape)();
-    const floatingLinkSelectors = (0, plate_link_1.useFloatingLinkSelectors)();
+    const floatingLinkSelectors = (0, use_floating_link_selectors_1.useFloatingLinkSelectors)();
     const setUrl = (url) => {
-        plate_link_1.floatingLinkActions.url(url);
-        plate_link_1.floatingLinkActions.isEditing(true);
+        editor.setOption(react_1.LinkPlugin, "url", url);
+        editor.setOption(react_1.LinkPlugin, "isEditing", true);
     };
     const setText = (text) => {
-        plate_link_1.floatingLinkActions.text(text);
-        plate_link_1.floatingLinkActions.isEditing(true);
+        editor.setOption(react_1.LinkPlugin, "text", text);
+        editor.setOption(react_1.LinkPlugin, "isEditing", true);
     };
     const setTarget = (target) => {
-        plate_link_1.floatingLinkActions.newTab(target === "_blank");
-        plate_link_1.floatingLinkActions.isEditing(true);
+        editor.setOption(react_1.LinkPlugin, "newTab", target === "_blank");
+        editor.setOption(react_1.LinkPlugin, "isEditing", true);
     };
     const setAllValues = (url, text, target) => {
         setUrl(url);
         setText(text);
         setTarget(target);
-        plate_link_1.floatingLinkActions.isEditing(true);
-        // floatingLinkActions.show("edit", editor.id);
+        editor.setOption(react_1.LinkPlugin, "isEditing", true);
     };
     const getActiveLinkValue = () => (0, get_active_link_1.getActiveLink)(editor);
     return {
-        editor: editor.current,
-        setUrl,
-        getUrl: floatingLinkSelectors.url(),
-        setText,
-        getText: floatingLinkSelectors.text(),
-        setTarget,
-        getTarget: floatingLinkSelectors.newTab() ? "_blank" : "_self",
-        setAllValues,
+        editor,
         getActiveLinkValue,
-        // isLinkActive: linkActive,
+        getTarget: floatingLinkSelectors.newTab() ? "_blank" : "_self",
+        getText: floatingLinkSelectors.text(),
+        getUrl: floatingLinkSelectors.url(),
         isEditing: floatingLinkSelectors.isEditing(),
+        setAllValues,
+        setTarget,
+        setText,
+        setUrl,
     };
 };
 exports.useLinkActions = useLinkActions;

package/plugins/link/hooks/use-link-cancel-on-escape.d.ts

@@ -1 +1 @@
-export { useFloatingLinkEscape as useLinkCancelOnEscape } from "@udecode/plate-link";
+export { useFloatingLinkEscape as useLinkCancelOnEscape } from "@platejs/link/react";

package/plugins/link/hooks/use-link-cancel-on-escape.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLinkCancelOnEscape = void 0;
-var plate_link_1 = require("@udecode/plate-link");
-Object.defineProperty(exports, "useLinkCancelOnEscape", { enumerable: true, get: function () { return plate_link_1.useFloatingLinkEscape; } });
+var react_1 = require("@platejs/link/react");
+Object.defineProperty(exports, "useLinkCancelOnEscape", { enumerable: true, get: function () { return react_1.useFloatingLinkEscape; } });

package/plugins/link/hooks/use-link-submit-on-enter.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLinkSubmitOnEnter = void 0;
-const plate_core_1 = require("@udecode/plate-core");
-const plate_link_1 = require("@udecode/plate-link");
+const react_1 = require("platejs/react");
 const hooks_1 = require("../../../hooks");
 const submit_link_1 = require("../transforms/submit-link");
+const use_floating_link_selectors_1 = require("./use-floating-link-selectors");
 const useLinkSubmitOnEnter = () => {
     const editor = (0, hooks_1.useUxfEditorRef)();
-    const open = (0, plate_link_1.useFloatingLinkSelectors)().isEditing();
-    (0, plate_core_1.useHotkeys)("*", (e) => {
+    const open = (0, use_floating_link_selectors_1.useFloatingLinkSelectors)().isEditing();
+    (0, react_1.useHotkeys)("*", (e) => {
         if (e.key !== "Enter") {
             return;
         }
@@ -16,8 +16,8 @@ const useLinkSubmitOnEnter = () => {
             e.preventDefault();
         }
     }, {
-        enabled: open,
         enableOnFormTags: ["INPUT"],
+        enabled: open,
     }, []);
 };
 exports.useLinkSubmitOnEnter = useLinkSubmitOnEnter;

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

@@ -1,3 +1,3 @@
-import { TLinkElement } from "@udecode/plate-link";
 import { UxfEditor } from "../../../types";
+import { TLinkElement } from "../types";
 export declare const getActiveLink: (editor: UxfEditor) => TLinkElement | undefined;

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

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getActiveLink = void 0;
-const plate_core_1 = require("@udecode/plate-core");
-const plate_link_1 = require("@udecode/plate-link");
-const slate_1 = require("@udecode/slate");
+const constants_1 = require("../constants");
 const getActiveLink = (editor) => {
-    const entry = (0, slate_1.findNode)(editor, {
-        match: { type: (0, plate_core_1.getPluginType)(editor, plate_link_1.ELEMENT_LINK) },
+    const entry = editor.api.node({
+        match: { type: editor.getType(constants_1.ELEMENT_LINK) },
     });
     if (!entry) {
         return;

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

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertLink = void 0;
-const plate_common_1 = require("@udecode/plate-common");
-const plate_core_1 = require("@udecode/plate-core");
-const plate_link_1 = require("@udecode/plate-link");
+const link_1 = require("@platejs/link");
+const react_1 = require("@platejs/link/react");
+const utils_1 = require("../../../utils");
 const insertLink = (editor, url, text, target) => {
     if (!editor.selection) {
         return false;
     }
-    const { isUrl, forceSubmit } = (0, plate_core_1.getPluginOptions)(editor, plate_link_1.ELEMENT_LINK);
+    const { isUrl, forceSubmit } = editor.getOptions(react_1.LinkPlugin);
     const isValid = (isUrl === null || isUrl === void 0 ? void 0 : isUrl(url)) || forceSubmit;
     if (!isValid) {
         return false;
     }
-    (0, plate_link_1.upsertLink)(editor, {
-        url,
-        text,
-        target,
+    (0, link_1.upsertLink)(editor, {
         skipValidation: true,
+        target,
+        text,
+        url,
     });
     setTimeout(() => {
-        (0, plate_common_1.focusEditor)(editor, editor.selection || undefined);
+        (0, utils_1.focusEditor)(editor, editor.selection || undefined);
     }, 0);
     return true;
 };

package/plugins/link/transforms/submit-link.d.ts

@@ -1,8 +1,7 @@
-import { PlateEditor } from "@udecode/plate-core";
-import { Value } from "@udecode/slate";
+import { UxfEditor } from "../../../types";
 /**
  * Insert transforms if url is valid from store
  * Text is url if empty.
  * Focus editor.
  */
-export declare const submitLink: <V extends Value>(editor: PlateEditor<V>) => true | undefined;
+export declare const submitLink: (editor: UxfEditor) => true | undefined;

package/plugins/link/transforms/submit-link.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.submitLink = void 0;
-const plate_common_1 = require("@udecode/plate-common");
-const plate_core_1 = require("@udecode/plate-core");
-const plate_link_1 = require("@udecode/plate-link");
+const link_1 = require("@platejs/link");
+const react_1 = require("@platejs/link/react");
+const utils_1 = require("../../../utils");
 /**
  * Insert transforms if url is valid from store
  * Text is url if empty.
@@ -13,23 +13,23 @@ const submitLink = (editor) => {
     if (!editor.selection) {
         return;
     }
-    const { isUrl, forceSubmit } = (0, plate_core_1.getPluginOptions)(editor, plate_link_1.ELEMENT_LINK);
-    const url = plate_link_1.floatingLinkSelectors.url();
+    const { isUrl, forceSubmit } = editor.getOptions(react_1.LinkPlugin);
+    const url = editor.getOption(react_1.LinkPlugin, "url");
     const isValid = (isUrl === null || isUrl === void 0 ? void 0 : isUrl(url)) || forceSubmit;
     if (!isValid) {
         return;
     }
-    const text = plate_link_1.floatingLinkSelectors.text();
-    const target = plate_link_1.floatingLinkSelectors.newTab() ? "_blank" : "_self";
-    (0, plate_link_1.upsertLink)(editor, {
-        url,
-        text,
-        target,
+    const text = editor.getOption(react_1.LinkPlugin, "text");
+    const target = editor.getOption(react_1.LinkPlugin, "newTab") ? "_blank" : "_self";
+    (0, link_1.upsertLink)(editor, {
         skipValidation: true,
+        target,
+        text,
+        url,
     });
-    plate_link_1.floatingLinkActions.reset();
+    editor.getApi(react_1.LinkPlugin).floatingLink.reset();
     setTimeout(() => {
-        (0, plate_common_1.focusEditor)(editor, editor.selection || undefined);
+        (0, utils_1.focusEditor)(editor, editor.selection || undefined);
     }, 0);
     return true;
 };

package/plugins/link/transforms/trigger-link-insert-or-edit.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.triggerLinkInsertOrEdit = void 0;
-const plate_link_1 = require("@udecode/plate-link");
-const triggerLinkInsertOrEdit = (editor, focused = false) => (0, plate_link_1.triggerFloatingLink)(editor, { focused });
+const react_1 = require("@platejs/link/react");
+const triggerLinkInsertOrEdit = (editor, focused = false) => (0, react_1.triggerFloatingLink)(editor, { focused });
 exports.triggerLinkInsertOrEdit = triggerLinkInsertOrEdit;

package/plugins/link/transforms/unwrap-link.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeLink = void 0;
-const plate_link_1 = require("@udecode/plate-link");
+const link_1 = require("@platejs/link");
 const utils_1 = require("../../../utils");
 const removeLink = (editor) => {
-    (0, plate_link_1.unwrapLink)(editor);
+    (0, link_1.unwrapLink)(editor);
     (0, utils_1.focusEditor)(editor);
 };
 exports.removeLink = removeLink;

package/plugins/list/constants.d.ts

@@ -1,4 +1,12 @@
+/**
+ * Derived from the plugins, never from `KEYS`: `KEYS.ul` is "disc" and `KEYS.ol` is "decimal", the new
+ * indent list's style types. Reading them from `KEYS` silently empties the toolbar's list group.
+ */
 export declare const LIST_PLUGIN_KEY = "list";
-export declare const LIST_ORDERED_TYPE = "ol";
-export declare const LIST_UNORDERED_TYPE = "ul";
-export { ELEMENT_LI, ELEMENT_LIC, ELEMENT_OL, ELEMENT_UL, getListItemEntry, toggleList } from "@udecode/plate-list";
+export declare const LIST_ORDERED_TYPE: "ol";
+export declare const LIST_UNORDERED_TYPE: "ul";
+export declare const ELEMENT_LI: "li";
+export declare const ELEMENT_LIC: "lic";
+export declare const ELEMENT_OL: "ol";
+export declare const ELEMENT_UL: "ul";
+export { getListItemEntry, toggleList } from "@platejs/list-classic";

package/plugins/list/constants.js

@@ -1,14 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toggleList = exports.getListItemEntry = exports.ELEMENT_UL = exports.ELEMENT_OL = exports.ELEMENT_LIC = exports.ELEMENT_LI = exports.LIST_UNORDERED_TYPE = exports.LIST_ORDERED_TYPE = exports.LIST_PLUGIN_KEY = void 0;
-const plate_list_1 = require("@udecode/plate-list");
+const list_classic_1 = require("@platejs/list-classic");
+/**
+ * Derived from the plugins, never from `KEYS`: `KEYS.ul` is "disc" and `KEYS.ol` is "decimal", the new
+ * indent list's style types. Reading them from `KEYS` silently empties the toolbar's list group.
+ */
 exports.LIST_PLUGIN_KEY = "list";
-exports.LIST_ORDERED_TYPE = plate_list_1.ELEMENT_OL;
-exports.LIST_UNORDERED_TYPE = plate_list_1.ELEMENT_UL;
-var plate_list_2 = require("@udecode/plate-list");
-Object.defineProperty(exports, "ELEMENT_LI", { enumerable: true, get: function () { return plate_list_2.ELEMENT_LI; } });
-Object.defineProperty(exports, "ELEMENT_LIC", { enumerable: true, get: function () { return plate_list_2.ELEMENT_LIC; } });
-Object.defineProperty(exports, "ELEMENT_OL", { enumerable: true, get: function () { return plate_list_2.ELEMENT_OL; } });
-Object.defineProperty(exports, "ELEMENT_UL", { enumerable: true, get: function () { return plate_list_2.ELEMENT_UL; } });
-Object.defineProperty(exports, "getListItemEntry", { enumerable: true, get: function () { return plate_list_2.getListItemEntry; } });
-Object.defineProperty(exports, "toggleList", { enumerable: true, get: function () { return plate_list_2.toggleList; } });
+exports.LIST_ORDERED_TYPE = list_classic_1.BaseNumberedListPlugin.key;
+exports.LIST_UNORDERED_TYPE = list_classic_1.BaseBulletedListPlugin.key;
+exports.ELEMENT_LI = list_classic_1.BaseListItemPlugin.key;
+exports.ELEMENT_LIC = list_classic_1.BaseListItemContentPlugin.key;
+exports.ELEMENT_OL = list_classic_1.BaseNumberedListPlugin.key;
+exports.ELEMENT_UL = list_classic_1.BaseBulletedListPlugin.key;
+var list_classic_2 = require("@platejs/list-classic");
+Object.defineProperty(exports, "getListItemEntry", { enumerable: true, get: function () { return list_classic_2.getListItemEntry; } });
+Object.defineProperty(exports, "toggleList", { enumerable: true, get: function () { return list_classic_2.toggleList; } });

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

@@ -1,4 +1,26 @@
-import { ListPlugin } from "@udecode/plate-list";
-import { UxfPlatePlugin } from "../../types";
-export { getListItemEntry, toggleList } from "@udecode/plate-list";
-export declare const createListPlugin: () => UxfPlatePlugin<ListPlugin>;
+export { getListItemEntry, toggleList } from "@platejs/list-classic";
+/**
+ * list-classic, not the newer indent-based `@platejs/list`: it yields exactly `ul` / `ol` / `li` /
+ * `lic`, the shape every stored document already has.
+ *
+ * `taskList` is new in Plate 53 and must stay off, or a pasted checkbox list writes a node type the
+ * stored format has never contained. Disabled through the parent, which carries `withList`'s editor
+ * overrides; registering the four children individually would lose them.
+ */
+export declare const createListPlugin: () => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"listClassic", {
+    enableResetOnShiftTab?: boolean;
+    inheritCheckStateOnLineEndBreak?: boolean;
+    inheritCheckStateOnLineStartBreak?: boolean;
+    validLiChildrenTypes?: string[];
+}, {}, {
+    toggle: {
+        bulletedList: (() => boolean) & (() => boolean);
+        list: ((args_0: {
+            type: string;
+        }) => boolean) & ((args_0: {
+            type: string;
+        }) => boolean);
+        numberedList: (() => boolean) & (() => boolean);
+        taskList: ((defaultChecked?: boolean | undefined) => boolean) & ((defaultChecked?: boolean | undefined) => boolean);
+    };
+}, {}>>;

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

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createListPlugin = exports.toggleList = exports.getListItemEntry = void 0;
-const plate_list_1 = require("@udecode/plate-list");
-const types_1 = require("../paragraph/types");
-var plate_list_2 = require("@udecode/plate-list");
-Object.defineProperty(exports, "getListItemEntry", { enumerable: true, get: function () { return plate_list_2.getListItemEntry; } });
-Object.defineProperty(exports, "toggleList", { enumerable: true, get: function () { return plate_list_2.toggleList; } });
-const createListPlugin = () => (0, plate_list_1.createListPlugin)({
-    inject: {
-        props: {
-            validTypes: [types_1.PARAGRAPH_PLUGIN_KEY],
-        },
-    },
-});
+const react_1 = require("@platejs/list-classic/react");
+var list_classic_1 = require("@platejs/list-classic");
+Object.defineProperty(exports, "getListItemEntry", { enumerable: true, get: function () { return list_classic_1.getListItemEntry; } });
+Object.defineProperty(exports, "toggleList", { enumerable: true, get: function () { return list_classic_1.toggleList; } });
+/**
+ * list-classic, not the newer indent-based `@platejs/list`: it yields exactly `ul` / `ol` / `li` /
+ * `lic`, the shape every stored document already has.
+ *
+ * `taskList` is new in Plate 53 and must stay off, or a pasted checkbox list writes a node type the
+ * stored format has never contained. Disabled through the parent, which carries `withList`'s editor
+ * overrides; registering the four children individually would lose them.
+ */
+const createListPlugin = () => react_1.ListPlugin.configure({ override: { enabled: { taskList: false } } });
 exports.createListPlugin = createListPlugin;

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

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

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

@@ -0,0 +1,20 @@
+"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_list_plugin_1 = require("./create-list-plugin");
+const editor = (0, platejs_1.createSlateEditor)({ plugins: [(0, create_paragraph_plugin_1.createParagraphPlugin)(), (0, create_list_plugin_1.createListPlugin)()] });
+describe("lists", () => {
+    it("registers exactly the four classic list types", () => {
+        const registered = ["ul", "ol", "li", "lic"].filter((key) => Boolean(editor.plugins[key]));
+        expect(registered).toEqual(["ul", "ol", "li", "lic"]);
+    });
+    // Plate 53 adds taskList, which would let a pasted checkbox list write an unknown node type.
+    it("does not register taskList", () => {
+        expect(editor.plugins.taskList).toBeUndefined();
+    });
+    // Registering the four children individually would lose withList's editor overrides.
+    it("keeps the parent plugin that carries the list editor overrides", () => {
+        expect(editor.plugins.listClassic).toBeDefined();
+    });
+});

package/plugins/mark-bold/create-bold-plugin.d.ts

@@ -1,3 +1,3 @@
-import { ToggleMarkPlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-export declare const createBoldPlugin: () => import("@udecode/plate-core").PlatePlugin<ToggleMarkPlugin, WysiwygContent, UxfEditor>;
+export declare const createBoldPlugin: () => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"bold", {}, {}, Record<"bold", {
+    toggle: () => void;
+}>, {}>>;

package/plugins/mark-bold/create-bold-plugin.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createBoldPlugin = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-const createBoldPlugin = () => (0, plate_basic_marks_1.createBoldPlugin)();
+const react_1 = require("@platejs/basic-nodes/react");
+const createBoldPlugin = () => react_1.BoldPlugin;
 exports.createBoldPlugin = createBoldPlugin;

package/plugins/mark-bold/types.d.ts

@@ -1,2 +1,2 @@
-export declare const BOLD_PLUGIN_KEY = "bold";
-export declare const BOLD_PLUGIN_TYPE = "bold";
+export declare const BOLD_PLUGIN_KEY: "bold";
+export declare const BOLD_PLUGIN_TYPE: "bold";

package/plugins/mark-bold/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BOLD_PLUGIN_TYPE = exports.BOLD_PLUGIN_KEY = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-exports.BOLD_PLUGIN_KEY = plate_basic_marks_1.MARK_BOLD;
-exports.BOLD_PLUGIN_TYPE = plate_basic_marks_1.MARK_BOLD;
+const platejs_1 = require("platejs");
+exports.BOLD_PLUGIN_KEY = platejs_1.KEYS.bold;
+exports.BOLD_PLUGIN_TYPE = platejs_1.KEYS.bold;

package/plugins/mark-code/create-code-plugin.d.ts

@@ -1,3 +1,7 @@
-import { ToggleMarkPlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-export declare const createCodePlugin: () => import("@udecode/plate-core").PlatePlugin<ToggleMarkPlugin, WysiwygContent, UxfEditor>;
+/**
+ * Plate 53 registers no shortcut for the code mark, while Plate 20's `createCodePlugin` defaulted to
+ * `mod+e`. Configured explicitly so the hotkey does not silently disappear.
+ */
+export declare const createCodePlugin: () => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"code", {}, {}, Record<"code", {
+    toggle: () => void;
+}>, {}>>;

package/plugins/mark-code/create-code-plugin.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCodePlugin = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-const createCodePlugin = () => (0, plate_basic_marks_1.createCodePlugin)();
+const react_1 = require("@platejs/basic-nodes/react");
+/**
+ * Plate 53 registers no shortcut for the code mark, while Plate 20's `createCodePlugin` defaulted to
+ * `mod+e`. Configured explicitly so the hotkey does not silently disappear.
+ */
+const createCodePlugin = () => react_1.CodePlugin.configure({ shortcuts: { toggle: { keys: "mod+e" } } });
 exports.createCodePlugin = createCodePlugin;

package/plugins/mark-code/types.d.ts

@@ -1,2 +1,2 @@
-export declare const CODE_PLUGIN_KEY = "code";
-export declare const CODE_PLUGIN_TYPE = "code";
+export declare const CODE_PLUGIN_KEY: "code";
+export declare const CODE_PLUGIN_TYPE: "code";

package/plugins/mark-code/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CODE_PLUGIN_TYPE = exports.CODE_PLUGIN_KEY = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-exports.CODE_PLUGIN_KEY = plate_basic_marks_1.MARK_CODE;
-exports.CODE_PLUGIN_TYPE = plate_basic_marks_1.MARK_CODE;
+const platejs_1 = require("platejs");
+exports.CODE_PLUGIN_KEY = platejs_1.KEYS.code;
+exports.CODE_PLUGIN_TYPE = platejs_1.KEYS.code;

package/plugins/mark-italic/create-italic-plugin.d.ts

@@ -1,3 +1,3 @@
-import { ToggleMarkPlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-export declare const createItalicPlugin: () => import("@udecode/plate-core").PlatePlugin<ToggleMarkPlugin, WysiwygContent, UxfEditor>;
+export declare const createItalicPlugin: () => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"italic", {}, {}, Record<"italic", {
+    toggle: () => void;
+}>, {}>>;

package/plugins/mark-italic/create-italic-plugin.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createItalicPlugin = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-const createItalicPlugin = () => (0, plate_basic_marks_1.createItalicPlugin)();
+const react_1 = require("@platejs/basic-nodes/react");
+const createItalicPlugin = () => react_1.ItalicPlugin;
 exports.createItalicPlugin = createItalicPlugin;

package/plugins/mark-italic/types.d.ts

@@ -1,2 +1,2 @@
-export declare const ITALIC_PLUGIN_KEY = "italic";
-export declare const ITALIC_PLUGIN_TYPE = "italic";
+export declare const ITALIC_PLUGIN_KEY: "italic";
+export declare const ITALIC_PLUGIN_TYPE: "italic";

package/plugins/mark-italic/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ITALIC_PLUGIN_TYPE = exports.ITALIC_PLUGIN_KEY = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-exports.ITALIC_PLUGIN_KEY = plate_basic_marks_1.MARK_ITALIC;
-exports.ITALIC_PLUGIN_TYPE = plate_basic_marks_1.MARK_ITALIC;
+const platejs_1 = require("platejs");
+exports.ITALIC_PLUGIN_KEY = platejs_1.KEYS.italic;
+exports.ITALIC_PLUGIN_TYPE = platejs_1.KEYS.italic;

package/plugins/mark-underline/create-underline-plugin.d.ts

@@ -1,3 +1,3 @@
-import { ToggleMarkPlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-export declare const createUnderlinePlugin: () => import("@udecode/plate-core").PlatePlugin<ToggleMarkPlugin, WysiwygContent, UxfEditor>;
+export declare const createUnderlinePlugin: () => import("platejs/react").PlatePlugin<import("platejs").PluginConfig<"underline", {}, {}, Record<"underline", {
+    toggle: () => void;
+}>, {}>>;

package/plugins/mark-underline/create-underline-plugin.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createUnderlinePlugin = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-const createUnderlinePlugin = () => (0, plate_basic_marks_1.createUnderlinePlugin)();
+const react_1 = require("@platejs/basic-nodes/react");
+const createUnderlinePlugin = () => react_1.UnderlinePlugin;
 exports.createUnderlinePlugin = createUnderlinePlugin;

package/plugins/mark-underline/types.d.ts

@@ -1,2 +1,2 @@
-export declare const UNDER_LINE_PLUGIN_KEY = "underline";
-export declare const UNDER_LINE_PLUGIN_TYPE = "underline";
+export declare const UNDER_LINE_PLUGIN_KEY: "underline";
+export declare const UNDER_LINE_PLUGIN_TYPE: "underline";

package/plugins/mark-underline/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UNDER_LINE_PLUGIN_TYPE = exports.UNDER_LINE_PLUGIN_KEY = void 0;
-const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
-exports.UNDER_LINE_PLUGIN_KEY = plate_basic_marks_1.MARK_UNDERLINE;
-exports.UNDER_LINE_PLUGIN_TYPE = plate_basic_marks_1.MARK_UNDERLINE;
+const platejs_1 = require("platejs");
+exports.UNDER_LINE_PLUGIN_KEY = platejs_1.KEYS.underline;
+exports.UNDER_LINE_PLUGIN_TYPE = platejs_1.KEYS.underline;

package/plugins/marks.test.d.ts

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

package/plugins/marks.test.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const platejs_1 = require("platejs");
+const createHighlightPlugin_1 = require("./highlight/createHighlightPlugin");
+const create_bold_plugin_1 = require("./mark-bold/create-bold-plugin");
+const create_code_plugin_1 = require("./mark-code/create-code-plugin");
+const create_italic_plugin_1 = require("./mark-italic/create-italic-plugin");
+const create_underline_plugin_1 = require("./mark-underline/create-underline-plugin");
+const editor = (0, platejs_1.createSlateEditor)({
+    plugins: [
+        (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, createHighlightPlugin_1.createHighlightPlugin)("red"),
+    ],
+});
+describe("marks", () => {
+    it.each(["bold", "italic", "underline", "code", "highlight"])("registers %s as a leaf under its stored type", (key) => {
+        expect(editor.plugins[key].node.type).toBe(key);
+        expect(editor.plugins[key].node.isLeaf).toBe(true);
+    });
+    // `isDecoration` is Plate 53's default for every leaf plugin, so it distinguishes nothing. What
+    // matters is that all five agree. The markup itself is asserted by the render test.
+    it("renders every mark through the same leaf path", () => {
+        const isDecoration = ["bold", "italic", "underline", "code", "highlight"].map((key) => editor.plugins[key].node.isDecoration);
+        expect(new Set(isDecoration).size).toBe(1);
+    });
+    it("keeps the configurable highlight colour", () => {
+        expect(editor.plugins.highlight.options.color).toBe("red");
+    });
+    // Plate 20 defaults. Plate 53 ships all but mod+e.
+    it.each([
+        ["bold", "b"],
+        ["italic", "i"],
+        ["underline", "u"],
+        ["code", "e"],
+    ])("keeps the %s hotkey", (key, letter) => {
+        var _a;
+        expect(JSON.stringify((_a = editor.plugins[key].shortcuts.toggle) === null || _a === void 0 ? void 0 : _a.keys)).toContain(letter);
+    });
+});

package/plugins/node-id/add-ids-to-nodes.d.ts

@@ -1,3 +1,3 @@
-import { AnyObject } from "@udecode/plate-common";
+import { AnyObject } from "@uxf/core/types";
 import { WysiwygContent } from "../../types";
 export declare const addIdsToNodes: (nodes: AnyObject[]) => WysiwygContent;