diff --git a/editors/editoria/src/Editoria.js b/editors/editoria/src/Editoria.js index 7551560bcc1945c0b4162442f6cffe4bc9389544..78e16814bd68efc099e284860f5da7e26ed593a7 100644 --- a/editors/editoria/src/Editoria.js +++ b/editors/editoria/src/Editoria.js @@ -48,7 +48,6 @@ const Editoria = () => ( autoFocus placeholder="Type Something..." fileUpload={file => renderImage(file)} - TrackChange value={ '<p class="paragraph">this is some text <a href="www.sss.ff" >some</a> more</p>' } diff --git a/wax-prosemirror-core/src/track-changes/trackedTransaction.js b/wax-prosemirror-core/src/track-changes/trackedTransaction.js index e5fce432977fd581b2d10c80d4cbb6a7fec17ac0..8f98b7f69a7cbbb7bfe3808ea7095906ab931f28 100644 --- a/wax-prosemirror-core/src/track-changes/trackedTransaction.js +++ b/wax-prosemirror-core/src/track-changes/trackedTransaction.js @@ -49,7 +49,8 @@ const trackedTransaction = (tr, state, currentUser) => { return; } - if (step instanceof ReplaceStep) { + //if (step instanceof ReplaceStep) { + if (step.jsonID === "replace") { const newStep = approved ? step : step.slice.size && !cellDeleteTr diff --git a/wax-prosemirror-services/src/DisplayBlockLevel/TitleService/Title.js b/wax-prosemirror-services/src/DisplayBlockLevel/TitleService/Title.js index 94c85205fdefdce0793fe1be02d8c14364ea7fee..9f77b510ceca3a802dc4ee14dca643ac5fa669bc 100644 --- a/wax-prosemirror-services/src/DisplayBlockLevel/TitleService/Title.js +++ b/wax-prosemirror-services/src/DisplayBlockLevel/TitleService/Title.js @@ -1,7 +1,6 @@ import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { setBlockType } from "prosemirror-commands"; -import { blockActive } from "../../lib/Utils"; @injectable() export default class Title extends Tools { diff --git a/wax-prosemirror-services/src/ImageService/Image.js b/wax-prosemirror-services/src/ImageService/Image.js index 41d4a1ba69a5640f492281abc548e89009bc2c8d..e4cd287c48ff007a4428339cc3927175638e2b30 100644 --- a/wax-prosemirror-services/src/ImageService/Image.js +++ b/wax-prosemirror-services/src/ImageService/Image.js @@ -4,7 +4,7 @@ import { isEmpty } from "lodash"; import { injectable } from "inversify"; import { icons, ImageUpload } from "wax-prosemirror-components"; import Tools from "../lib/Tools"; -import { canInsert } from "../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import fileUpload from "./fileUpload"; @injectable() @@ -18,7 +18,7 @@ export default class Image extends Tools { get enable() { return state => { - return canInsert(state.config.schema.nodes.image)(state); + return Commands.canInsert(state.config.schema.nodes.image)(state); }; } diff --git a/wax-prosemirror-services/src/InlineAnnotations/CodeService/Code.js b/wax-prosemirror-services/src/InlineAnnotations/CodeService/Code.js index 61887249a4c332293482402b79f9609392391ce7..ba88b541c0b58bb0d2485e681af6a1a1adfa4c01 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/CodeService/Code.js +++ b/wax-prosemirror-services/src/InlineAnnotations/CodeService/Code.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class Code extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.code)(state); + return Commands.markActive(state.config.schema.marks.code)(state); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/EmphasisService/Emphasis.js b/wax-prosemirror-services/src/InlineAnnotations/EmphasisService/Emphasis.js index 21f977f7afa47e192c485d870769704b00fd18b9..e248a1604c6ed67b02a669fe8f3786181be91d8a 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/EmphasisService/Emphasis.js +++ b/wax-prosemirror-services/src/InlineAnnotations/EmphasisService/Emphasis.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class Emphasis extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.em)(state); + return Commands.markActive(state.config.schema.marks.em)(state); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/SmallCapsService/SmallCaps.js b/wax-prosemirror-services/src/InlineAnnotations/SmallCapsService/SmallCaps.js index 34162290c3616fca12487206bfb7f569aa6173a6..e424113e576d202c11e81da91a13707a9be47f9a 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/SmallCapsService/SmallCaps.js +++ b/wax-prosemirror-services/src/InlineAnnotations/SmallCapsService/SmallCaps.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class SmallCaps extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.smallcaps)(state); + return Commands.markActive(state.config.schema.marks.smallcaps)(state); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/StrikeThroughService/StrikeThrough.js b/wax-prosemirror-services/src/InlineAnnotations/StrikeThroughService/StrikeThrough.js index ef38b0a08335971695994a353245547f8a198b29..60b3be5674f90452c9906f61e624d3c3598503ee 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/StrikeThroughService/StrikeThrough.js +++ b/wax-prosemirror-services/src/InlineAnnotations/StrikeThroughService/StrikeThrough.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,9 @@ export default class StrikeThrough extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.strikethrough)(state); + return Commands.markActive(state.config.schema.marks.strikethrough)( + state + ); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/StrongService/Strong.js b/wax-prosemirror-services/src/InlineAnnotations/StrongService/Strong.js index c2f94db1e94422520cecb062e55457988ea12d6b..989f238a202e87c833a1ff3564dda91fc85db9c0 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/StrongService/Strong.js +++ b/wax-prosemirror-services/src/InlineAnnotations/StrongService/Strong.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class Strong extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.strong)(state); + return Commands.markActive(state.config.schema.marks.strong)(state); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/SubscriptService/Subscript.js b/wax-prosemirror-services/src/InlineAnnotations/SubscriptService/Subscript.js index 53ef5fc7487d8a03d445475108a7b716bc002e3b..9bfd47526d644e0b2ad386f3ef1ea86790308749 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/SubscriptService/Subscript.js +++ b/wax-prosemirror-services/src/InlineAnnotations/SubscriptService/Subscript.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class Subscript extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.subscript)(state); + return Commands.markActive(state.config.schema.marks.subscript)(state); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/SuperscriptService/Superscript.js b/wax-prosemirror-services/src/InlineAnnotations/SuperscriptService/Superscript.js index 9063597cd6496888b46fa2dd93f996f230ed55dc..f502bbf7cad0b3572ccbed451d7f9c013c506e71 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/SuperscriptService/Superscript.js +++ b/wax-prosemirror-services/src/InlineAnnotations/SuperscriptService/Superscript.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class Superscript extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.superscript)(state); + return Commands.markActive(state.config.schema.marks.superscript)(state); }; } } diff --git a/wax-prosemirror-services/src/InlineAnnotations/UnderlineService/Underline.js b/wax-prosemirror-services/src/InlineAnnotations/UnderlineService/Underline.js index 1c1026b9c8261a558a0ca4d5a635d6f9e5d7f115..168dcb15f4194f9f1970758044ac1b0a9da969eb 100644 --- a/wax-prosemirror-services/src/InlineAnnotations/UnderlineService/Underline.js +++ b/wax-prosemirror-services/src/InlineAnnotations/UnderlineService/Underline.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -17,7 +17,7 @@ export default class Underline extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.underline)(state); + return Commands.markActive(state.config.schema.marks.underline)(state); }; } } diff --git a/wax-prosemirror-services/src/LinkService/LinkTool.js b/wax-prosemirror-services/src/LinkService/LinkTool.js index 6a02fde44b4cf229024debe223a61088c0e060cc..a34f8930135459bd07524272799c604ff0b18d85 100644 --- a/wax-prosemirror-services/src/LinkService/LinkTool.js +++ b/wax-prosemirror-services/src/LinkService/LinkTool.js @@ -1,5 +1,5 @@ import { toggleMark } from "prosemirror-commands"; -import { markActive } from "../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -11,20 +11,11 @@ export default class LinkTool extends Tools { get run() { return (state, dispatch) => { - if (markActive(state.config.schema.marks.link)(state)) { + if (Commands.markActive(state.config.schema.marks.link)(state)) { toggleMark(state.config.schema.marks.link)(state, dispatch); return true; } - const { selection: { $from, $to } } = state; - dispatch( - state.tr - .setMeta("addToHistory", false) - .addMark( - $from.pos, - $to.pos, - state.schema.marks.link.create({ href: "" }) - ) - ); + Commands.createLink(state, dispatch); }; } @@ -34,7 +25,7 @@ export default class LinkTool extends Tools { get active() { return state => { - return markActive(state.config.schema.marks.link)(state); + return Commands.markActive(state.config.schema.marks.link)(state); }; } } diff --git a/wax-prosemirror-services/src/ListsService/BulletListService/BulletList.js b/wax-prosemirror-services/src/ListsService/BulletListService/BulletList.js index 9caea1dc74e9fde36756688d20af42f4075d6eab..80ab99f14769e795af2350193d5e37a3970f5a93 100644 --- a/wax-prosemirror-services/src/ListsService/BulletListService/BulletList.js +++ b/wax-prosemirror-services/src/ListsService/BulletListService/BulletList.js @@ -2,7 +2,7 @@ import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; import { wrapInList } from "prosemirror-schema-list"; -import { blockActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; @injectable() export default class BulletList extends Tools { @@ -23,7 +23,7 @@ export default class BulletList extends Tools { get active() { return state => { - return blockActive(state.config.schema.nodes.bulletlist)(state); + return Commands.blockActive(state.config.schema.nodes.bulletlist)(state); }; } } diff --git a/wax-prosemirror-services/src/ListsService/OrderedListService/OrderedList.js b/wax-prosemirror-services/src/ListsService/OrderedListService/OrderedList.js index cff84727cdd3c4421c297c77091a8348dd53e51b..9f01a6b82605b9517a4686950d2f0cd7a431d3d2 100644 --- a/wax-prosemirror-services/src/ListsService/OrderedListService/OrderedList.js +++ b/wax-prosemirror-services/src/ListsService/OrderedListService/OrderedList.js @@ -2,7 +2,7 @@ import Tools from "../../lib/Tools"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; import { wrapInList } from "prosemirror-schema-list"; -import { blockActive } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; @injectable() export default class OrderedList extends Tools { @@ -23,7 +23,7 @@ export default class OrderedList extends Tools { get active() { return state => { - return blockActive(state.config.schema.nodes.orderedlist)(state); + return Commands.blockActive(state.config.schema.nodes.orderedlist)(state); }; } } diff --git a/wax-prosemirror-services/src/NoteService/Editor.js b/wax-prosemirror-services/src/NoteService/Editor.js index 5f7c4a8522f514fe02fef3c0ecfa0461697446cd..3e6b902dc6f1f00951d80465ff238612936752a0 100644 --- a/wax-prosemirror-services/src/NoteService/Editor.js +++ b/wax-prosemirror-services/src/NoteService/Editor.js @@ -5,8 +5,7 @@ import { StepMap } from "prosemirror-transform"; import { keymap } from "prosemirror-keymap"; import { undo, redo } from "prosemirror-history"; import { WaxContext } from "wax-prosemirror-core/src/ioc-react"; - -import { markActive } from "../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; export default ({ node, view, pos }) => { const editorRef = useRef(); @@ -23,9 +22,9 @@ export default ({ node, view, pos }) => { "Mod-z": () => undo(view.state, view.dispatch), "Mod-y": () => redo(view.state, view.dispatch), "Mod-u": () => - markActive(noteView.state.config.schema.marks.underline)( - noteView.state - ) + Commands.markActive( + noteView.state.config.schema.marks.underline + )(noteView.state) }) ] }), diff --git a/wax-prosemirror-services/src/OverlayService/usePosition.js b/wax-prosemirror-services/src/OverlayService/usePosition.js index e4fe442f46fcca78ac3cd72d0fe3a2c434c9a221..2dfaa600c4d983da79f2200dbe17e224ea4bfaa6 100644 --- a/wax-prosemirror-services/src/OverlayService/usePosition.js +++ b/wax-prosemirror-services/src/OverlayService/usePosition.js @@ -1,6 +1,5 @@ import { useState, useContext, useEffect, useCallback } from "react"; import { isObject } from "lodash"; -import { markActive, getMarkPosition } from "../lib/Utils"; import { WaxContext } from "wax-prosemirror-core/src/ioc-react"; import { DocumentHelpers } from "wax-prosemirror-utilities"; diff --git a/wax-prosemirror-services/src/TablesService/EditTableService/TableDropDownOptions.js b/wax-prosemirror-services/src/TablesService/EditTableService/TableDropDownOptions.js index b9d317b1c0b2a86736872fde3aaa7aca24f3c942..25ea0d5129a0ce955aee3848439b4fb5e06168b0 100644 --- a/wax-prosemirror-services/src/TablesService/EditTableService/TableDropDownOptions.js +++ b/wax-prosemirror-services/src/TablesService/EditTableService/TableDropDownOptions.js @@ -4,7 +4,7 @@ import { injectable } from "inversify"; import { isEmpty } from "lodash"; import { TableDropDown } from "wax-prosemirror-components"; import { addColumnBefore } from "prosemirror-tables"; -import { canInsert } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import Tools from "../../lib/Tools"; @injectable() @@ -20,7 +20,7 @@ export default class TableDropDownOptions extends Tools { get enable() { return state => { - return canInsert(state.config.schema.nodes.table)(state); + return Commands.canInsert(state.config.schema.nodes.table)(state); }; } diff --git a/wax-prosemirror-services/src/TablesService/InsertTableService/Table.js b/wax-prosemirror-services/src/TablesService/InsertTableService/Table.js index 238c9084ecdb3ffc8cc4003598401d83db04685f..cae1293ff31721cdfcf1022dc4bfd4c26c7faf13 100644 --- a/wax-prosemirror-services/src/TablesService/InsertTableService/Table.js +++ b/wax-prosemirror-services/src/TablesService/InsertTableService/Table.js @@ -1,5 +1,5 @@ import Tools from "../../lib/Tools"; -import { createTable, canInsert } from "../../lib/Utils"; +import { Commands } from "wax-prosemirror-utilities"; import { injectable } from "inversify"; import { icons } from "wax-prosemirror-components"; @@ -10,13 +10,13 @@ export default class Table extends Tools { get run() { return (state, dispatch) => { - return createTable(state, dispatch); + return Commands.createTable(state, dispatch); }; } get enable() { return state => { - return canInsert(state.config.schema.nodes.table)(state); + return Commands.canInsert(state.config.schema.nodes.table)(state); }; } } diff --git a/wax-prosemirror-utilities/index.js b/wax-prosemirror-utilities/index.js index d2548468a757183ed525e2473a46f7c511dc2d84..6996a4213ca6d4fc2401d8956792d362b931083f 100644 --- a/wax-prosemirror-utilities/index.js +++ b/wax-prosemirror-utilities/index.js @@ -1,2 +1,3 @@ export { default as SchemaHelpers } from "./src/schema/SchemaHelpers"; export { default as DocumentHelpers } from "./src/document/DocumentHelpers"; +export { default as Commands } from "./src/commands/Commands"; diff --git a/wax-prosemirror-services/src/lib/Utils.js b/wax-prosemirror-utilities/src/commands/Commands.js similarity index 64% rename from wax-prosemirror-services/src/lib/Utils.js rename to wax-prosemirror-utilities/src/commands/Commands.js index a686d1b86f05b9578ecb820f67940b52364caf3a..16d1fb8d68e9f77ccb00a2b2e6a07c26e25cb4f4 100644 --- a/wax-prosemirror-services/src/lib/Utils.js +++ b/wax-prosemirror-utilities/src/commands/Commands.js @@ -30,29 +30,6 @@ const canInsert = type => state => { return false; }; -const getMarkPosition = ($start, mark) => { - let startIndex = $start.index(), - endIndex = $start.indexAfter(); - while ( - startIndex > 0 && - mark.isInSet($start.parent.child(startIndex - 1).marks) - ) - startIndex--; - while ( - endIndex < $start.parent.childCount && - mark.isInSet($start.parent.child(endIndex).marks) - ) - endIndex++; - let startPos = $start.start(), - endPos = startPos; - for (let i = 0; i < endIndex; i++) { - let size = $start.parent.child(i).nodeSize; - if (i < startIndex) startPos += size; - endPos += size; - } - return { from: startPos, to: endPos }; -}; - const createTable = (state, dispatch) => { let rowCount = window && window.prompt("How many rows?", 2); let colCount = window && window.prompt("How many columns?", 2); @@ -71,4 +48,13 @@ const createTable = (state, dispatch) => { dispatch(state.tr.replaceSelectionWith(table)); }; -export { markActive, blockActive, canInsert, createTable, getMarkPosition }; +const createLink = (state, dispatch) => { + const { selection: { $from, $to } } = state; + dispatch( + state.tr + .setMeta("addToHistory", false) + .addMark($from.pos, $to.pos, state.schema.marks.link.create({ href: "" })) + ); +}; + +export default { markActive, blockActive, canInsert, createTable, createLink };