@kedataindo/docflow-plugins 0.0.88 → 0.0.89

package/dist/index.js

@@ -2790,9 +2790,394 @@ var commentPlugin = {
   commands: {}
 };
 
-// src/smartElements.ts
-import { Node as Node7, mergeAttributes as mergeAttributes8 } from "@tiptap/core";
+// src/suggestChanges.ts
+import { Extension as Extension4, Mark as Mark2, mergeAttributes as mergeAttributes8 } from "@tiptap/core";
+import { Plugin as Plugin2, PluginKey as PluginKey2, TextSelection } from "@tiptap/pm/state";
+import { AddMarkStep, RemoveMarkStep } from "@tiptap/pm/transform";
 import { definePlugin as definePlugin19 } from "@kedataindo/docflow-core";
+var SUGGESTION_INSERT = "suggestionInsert";
+var SUGGESTION_DELETE = "suggestionDelete";
+var SUGGESTION_FORMAT = "suggestionFormat";
+var FORMAT_MARKS = /* @__PURE__ */ new Set(["bold", "italic", "underline", "strike", "highlight"]);
+var SUGGEST_APPLIED_META = "suggestChanges:applied";
+var suggestChangesKey = new PluginKey2("suggestChanges");
+var suggestionAttributes = () => ({
+  suggestionId: {
+    default: null,
+    parseHTML: (el) => el.getAttribute("data-suggestion-id"),
+    renderHTML: (attrs) => attrs.suggestionId ? { "data-suggestion-id": attrs.suggestionId } : {}
+  },
+  authorId: {
+    default: null,
+    parseHTML: (el) => el.getAttribute("data-suggestion-author"),
+    renderHTML: (attrs) => attrs.authorId ? { "data-suggestion-author": attrs.authorId } : {}
+  },
+  authorName: { default: null },
+  createdAt: { default: null }
+});
+var SuggestionInsertMark = Mark2.create({
+  name: SUGGESTION_INSERT,
+  addAttributes() {
+    return suggestionAttributes();
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-suggestion="insert"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes8(HTMLAttributes, {
+        "data-suggestion": "insert",
+        class: "docflow-suggestion docflow-suggestion--insert"
+      }),
+      0
+    ];
+  }
+});
+var SuggestionDeleteMark = Mark2.create({
+  name: SUGGESTION_DELETE,
+  addAttributes() {
+    return suggestionAttributes();
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-suggestion="delete"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes8(HTMLAttributes, {
+        "data-suggestion": "delete",
+        class: "docflow-suggestion docflow-suggestion--delete"
+      }),
+      0
+    ];
+  }
+});
+var SuggestionFormatMark = Mark2.create({
+  name: SUGGESTION_FORMAT,
+  addAttributes() {
+    return {
+      ...suggestionAttributes(),
+      format: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("data-suggestion-format"),
+        renderHTML: (attrs) => attrs.format ? { "data-suggestion-format": attrs.format } : {}
+      },
+      delta: { default: "add" }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-suggestion="format"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes8(HTMLAttributes, {
+        "data-suggestion": "format",
+        class: "docflow-suggestion docflow-suggestion--format"
+      }),
+      0
+    ];
+  }
+});
+var suggestionSeq = 0;
+var newSuggestionId = () => {
+  suggestionSeq += 1;
+  return `sug-${Date.now().toString(36)}-${suggestionSeq.toString(36)}`;
+};
+var adjacentRunId = (editorState, pos, markName) => {
+  if (pos <= 0) return null;
+  const before = editorState.doc.resolve(pos).nodeBefore;
+  if (!before || !before.isText) return null;
+  const mark = before.marks.find((m) => m.type.name === markName);
+  return mark?.attrs.suggestionId ?? null;
+};
+var markAttrs = (id, author) => ({
+  suggestionId: id,
+  authorId: author.id ?? null,
+  authorName: author.name ?? null,
+  createdAt: Date.now()
+});
+var collectRanges = (doc, markName, id) => {
+  const out = [];
+  doc.descendants((node, pos) => {
+    if (!node.isText || node.marks.length === 0) return;
+    for (const mark of node.marks) {
+      if (mark.type.name !== markName) continue;
+      if (id && mark.attrs.suggestionId !== id) continue;
+      out.push({ from: pos, to: pos + node.nodeSize, attrs: mark.attrs });
+    }
+  });
+  return out;
+};
+var SuggestChanges = Extension4.create({
+  name: "suggestChanges",
+  addStorage() {
+    return { suggestions: [] };
+  },
+  addProseMirrorPlugins() {
+    const editor = this.editor;
+    const syncStorage = () => {
+      const storage = editor.storage.suggestChanges;
+      if (storage) storage.suggestions = getSuggestions(editor);
+    };
+    return [
+      new Plugin2({
+        key: suggestChangesKey,
+        state: {
+          init: () => ({ mode: "editing", author: {} }),
+          apply: (tr, value) => {
+            const meta = tr.getMeta(suggestChangesKey);
+            if (!meta) return value;
+            return {
+              mode: meta.mode ?? value.mode,
+              author: meta.author ?? value.author
+            };
+          }
+        },
+        view: () => {
+          syncStorage();
+          return { update: syncStorage };
+        },
+        appendTransaction: (transactions, _oldState, newState) => {
+          if (transactions.some((tr2) => tr2.getMeta(SUGGEST_APPLIED_META))) return null;
+          const current = suggestChangesKey.getState(newState);
+          if (current?.mode !== "suggesting") return null;
+          const formatMark = newState.schema.marks[SUGGESTION_FORMAT];
+          if (!formatMark) return null;
+          const changes = [];
+          for (const tr2 of transactions) {
+            for (const step of tr2.steps) {
+              if (step instanceof AddMarkStep || step instanceof RemoveMarkStep) {
+                if (!FORMAT_MARKS.has(step.mark.type.name)) continue;
+                changes.push({ from: step.from, to: step.to, name: step.mark.type.name, add: step instanceof AddMarkStep });
+              }
+            }
+          }
+          if (changes.length === 0) return null;
+          const tr = newState.tr;
+          for (const change of changes) {
+            const target = newState.schema.marks[change.name];
+            if (!target) continue;
+            if (change.add) tr.removeMark(change.from, change.to, target);
+            else tr.addMark(change.from, change.to, target.create());
+            tr.addMark(
+              change.from,
+              change.to,
+              formatMark.create({ ...markAttrs(newSuggestionId(), current.author), format: change.name, delta: change.add ? "add" : "remove" })
+            );
+          }
+          tr.setMeta(SUGGEST_APPLIED_META, true);
+          return tr;
+        },
+        props: {
+          handleTextInput: (view, from, to, text) => {
+            const current = suggestChangesKey.getState(view.state);
+            if (current?.mode !== "suggesting" || !text) return false;
+            const insert = view.state.schema.marks[SUGGESTION_INSERT];
+            const del = view.state.schema.marks[SUGGESTION_DELETE];
+            if (!insert || !del) return false;
+            const id = adjacentRunId(view.state, from, SUGGESTION_INSERT) ?? newSuggestionId();
+            const tr = view.state.tr;
+            if (to > from) tr.addMark(from, to, del.create(markAttrs(id, current.author)));
+            const insertAt = to;
+            tr.insertText(text, insertAt, insertAt);
+            tr.addMark(insertAt, insertAt + text.length, insert.create(markAttrs(id, current.author)));
+            view.dispatch(tr);
+            return true;
+          },
+          handleKeyDown: (view, event) => {
+            const current = suggestChangesKey.getState(view.state);
+            if (current?.mode !== "suggesting") return false;
+            if (event.key !== "Backspace" && event.key !== "Delete") return false;
+            const del = view.state.schema.marks[SUGGESTION_DELETE];
+            if (!del) return false;
+            const { selection, doc } = view.state;
+            let from;
+            let to;
+            if (!selection.empty) {
+              from = selection.from;
+              to = selection.to;
+            } else if (event.key === "Backspace") {
+              if (selection.from <= 1) return false;
+              from = selection.from - 1;
+              to = selection.from;
+            } else {
+              if (selection.to >= doc.content.size - 1) return false;
+              from = selection.to;
+              to = selection.to + 1;
+            }
+            const id = adjacentRunId(view.state, from, SUGGESTION_DELETE) ?? newSuggestionId();
+            const tr = view.state.tr.addMark(from, to, del.create(markAttrs(id, current.author)));
+            if (event.key === "Backspace" && selection.empty) {
+              tr.setSelection(TextSelection.create(tr.doc, from));
+            }
+            view.dispatch(tr);
+            return true;
+          },
+          handlePaste: (view, _event, slice) => {
+            const current = suggestChangesKey.getState(view.state);
+            if (current?.mode !== "suggesting") return false;
+            const insert = view.state.schema.marks[SUGGESTION_INSERT];
+            const del = view.state.schema.marks[SUGGESTION_DELETE];
+            if (!insert || !del) return false;
+            const { from, to } = view.state.selection;
+            const id = adjacentRunId(view.state, from, SUGGESTION_INSERT) ?? newSuggestionId();
+            const tr = view.state.tr;
+            if (to > from) tr.addMark(from, to, del.create(markAttrs(id, current.author)));
+            const insertAt = to;
+            tr.insert(insertAt, slice.content);
+            tr.addMark(insertAt, insertAt + slice.content.size, insert.create(markAttrs(id, current.author)));
+            view.dispatch(tr);
+            return true;
+          }
+        }
+      })
+    ];
+  },
+  addCommands() {
+    return {
+      setDocumentMode: (mode) => ({ state, dispatch }) => {
+        if (!dispatch) return false;
+        dispatch(state.tr.setMeta(suggestChangesKey, { mode }));
+        return true;
+      },
+      setSuggestionAuthor: (author) => ({ state, dispatch }) => {
+        if (!dispatch) return false;
+        dispatch(state.tr.setMeta(suggestChangesKey, { author }));
+        return true;
+      },
+      acceptSuggestion: (id) => ({ state, dispatch }) => {
+        const tr = buildResolveTr(state, true, id);
+        if (!tr || !dispatch) return false;
+        dispatch(tr);
+        return true;
+      },
+      rejectSuggestion: (id) => ({ state, dispatch }) => {
+        const tr = buildResolveTr(state, false, id);
+        if (!tr || !dispatch) return false;
+        dispatch(tr);
+        return true;
+      },
+      acceptAllSuggestions: () => ({ state, dispatch }) => {
+        const tr = buildResolveTr(state, true);
+        if (!tr || !dispatch) return false;
+        dispatch(tr);
+        return true;
+      },
+      rejectAllSuggestions: () => ({ state, dispatch }) => {
+        const tr = buildResolveTr(state, false);
+        if (!tr || !dispatch) return false;
+        dispatch(tr);
+        return true;
+      }
+    };
+  }
+});
+function editorDispatch(editor, meta) {
+  editor.view.dispatch(editor.state.tr.setMeta(suggestChangesKey, meta));
+}
+function setDocumentMode(editor, mode) {
+  editorDispatch(editor, { mode });
+  return true;
+}
+function setSuggestionAuthor(editor, author) {
+  editorDispatch(editor, { author });
+  return true;
+}
+function getSuggestions(editor) {
+  const byId = /* @__PURE__ */ new Map();
+  const scan = (markName, type) => {
+    editor.state.doc.descendants((node, pos) => {
+      if (!node.isText) return;
+      for (const mark of node.marks) {
+        if (mark.type.name !== markName) continue;
+        const id = mark.attrs.suggestionId;
+        const existing = byId.get(id);
+        if (existing) {
+          existing.from = Math.min(existing.from, pos);
+          existing.to = Math.max(existing.to, pos + node.nodeSize);
+        } else {
+          byId.set(id, {
+            id,
+            type,
+            authorId: mark.attrs.authorId ?? null,
+            authorName: mark.attrs.authorName ?? null,
+            from: pos,
+            to: pos + node.nodeSize,
+            ...type === "format" ? {
+              format: mark.attrs.format ?? void 0,
+              delta: mark.attrs.delta ?? void 0
+            } : {}
+          });
+        }
+      }
+    });
+  };
+  scan(SUGGESTION_INSERT, "insert");
+  scan(SUGGESTION_DELETE, "delete");
+  scan(SUGGESTION_FORMAT, "format");
+  return [...byId.values()].sort((a, b) => a.from - b.from);
+}
+function buildResolveTr(state, accept, id) {
+  const { schema } = state;
+  const insertMark = schema.marks[SUGGESTION_INSERT];
+  const deleteMark = schema.marks[SUGGESTION_DELETE];
+  const formatMark = schema.marks[SUGGESTION_FORMAT];
+  if (!insertMark || !deleteMark) return null;
+  const insertRanges = collectRanges(state.doc, SUGGESTION_INSERT, id);
+  const deleteRanges = collectRanges(state.doc, SUGGESTION_DELETE, id);
+  const formatRanges = formatMark ? collectRanges(state.doc, SUGGESTION_FORMAT, id) : [];
+  if (insertRanges.length === 0 && deleteRanges.length === 0 && formatRanges.length === 0) return null;
+  const tr = state.tr;
+  for (const range of formatRanges) {
+    if (accept) {
+      const target = schema.marks[range.attrs.format];
+      if (target) {
+        if (range.attrs.delta === "remove") tr.removeMark(range.from, range.to, target);
+        else tr.addMark(range.from, range.to, target.create());
+      }
+    }
+    if (formatMark) tr.removeMark(range.from, range.to, formatMark);
+  }
+  const rangesToUnmark = accept ? insertRanges : deleteRanges;
+  const markToRemove = accept ? insertMark : deleteMark;
+  const rangesToDelete = accept ? deleteRanges : insertRanges;
+  for (const range of rangesToUnmark) {
+    tr.removeMark(range.from, range.to, markToRemove);
+  }
+  for (const range of [...rangesToDelete].sort((a, b) => b.from - a.from)) {
+    tr.delete(range.from, range.to);
+  }
+  tr.setMeta(SUGGEST_APPLIED_META, true);
+  return tr.docChanged ? tr : null;
+}
+function resolveSuggestions(editor, accept, id) {
+  const tr = buildResolveTr(editor.state, accept, id);
+  if (!tr) return false;
+  editor.view.dispatch(tr);
+  return true;
+}
+var acceptSuggestion = (editor, id) => resolveSuggestions(editor, true, id);
+var rejectSuggestion = (editor, id) => resolveSuggestions(editor, false, id);
+var acceptAllSuggestions = (editor) => resolveSuggestions(editor, true);
+var rejectAllSuggestions = (editor) => resolveSuggestions(editor, false);
+var suggestChangesPlugin = definePlugin19({
+  id: "suggestChanges",
+  tiptapExtensions: [SuggestionInsertMark, SuggestionDeleteMark, SuggestionFormatMark, SuggestChanges],
+  commands: {
+    setDocumentMode: (editor, ...args) => setDocumentMode(editor, args[0]),
+    setSuggestionAuthor: (editor, ...args) => setSuggestionAuthor(editor, args[0] ?? {}),
+    acceptSuggestion: (editor, ...args) => acceptSuggestion(editor, args[0]),
+    rejectSuggestion: (editor, ...args) => rejectSuggestion(editor, args[0]),
+    acceptAllSuggestions: (editor) => acceptAllSuggestions(editor),
+    rejectAllSuggestions: (editor) => rejectAllSuggestions(editor)
+  }
+});
+
+// src/smartElements.ts
+import { Node as Node7, mergeAttributes as mergeAttributes9 } from "@tiptap/core";
+import { definePlugin as definePlugin20 } from "@kedataindo/docflow-core";
 function todayISO() {
   return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
 }
@@ -2829,7 +3214,7 @@ var DateChipNode = Node7.create({
     return [{ tag: 'span[data-node-type="date-chip"]' }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    return ["span", mergeAttributes8(HTMLAttributes, {
+    return ["span", mergeAttributes9(HTMLAttributes, {
       "data-node-type": "date-chip",
       class: "docs-chip docs-chip--date"
     }), formatDate(node.attrs.date)];
@@ -2907,7 +3292,7 @@ var PeopleChipNode = Node7.create({
     return [{ tag: 'span[data-node-type="people-chip"]' }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    return ["span", mergeAttributes8(HTMLAttributes, {
+    return ["span", mergeAttributes9(HTMLAttributes, {
       "data-node-type": "people-chip",
       class: "docs-chip docs-chip--people"
     }), `@${node.attrs.name || "user"}`];
@@ -2969,7 +3354,7 @@ var FileChipNode = Node7.create({
     return [{ tag: 'span[data-node-type="file-chip"]' }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    return ["span", mergeAttributes8(HTMLAttributes, {
+    return ["span", mergeAttributes9(HTMLAttributes, {
       "data-node-type": "file-chip",
       class: "docs-chip docs-chip--file"
     }), node.attrs.name || "file"];
@@ -3037,7 +3422,7 @@ var DropdownChipNode = Node7.create({
     return [{ tag: 'span[data-node-type="dropdown-chip"]' }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    return ["span", mergeAttributes8(HTMLAttributes, {
+    return ["span", mergeAttributes9(HTMLAttributes, {
       "data-node-type": "dropdown-chip",
       class: "docs-chip docs-chip--dropdown"
     }), node.attrs.selected || ""];
@@ -3125,7 +3510,7 @@ var LocationChipNode = Node7.create({
     return [{ tag: 'span[data-node-type="location-chip"]' }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    return ["span", mergeAttributes8(HTMLAttributes, {
+    return ["span", mergeAttributes9(HTMLAttributes, {
       "data-node-type": "location-chip",
       class: "docs-chip docs-chip--location"
     }), node.attrs.label || ""];
@@ -3162,7 +3547,7 @@ var LocationChipNode = Node7.create({
     };
   }
 });
-var smartElementsPlugin = definePlugin19({
+var smartElementsPlugin = definePlugin20({
   id: "smart-elements",
   tiptapExtensions: [
     DateChipNode,
@@ -3221,10 +3606,10 @@ var smartElementsPlugin = definePlugin19({
 });
 
 // src/tablePageSplit.ts
-import { definePlugin as definePlugin20 } from "@kedataindo/docflow-core";
-import { Extension as Extension4 } from "@tiptap/core";
-import { Plugin as Plugin2, PluginKey as PluginKey2 } from "@tiptap/pm/state";
-var PLUGIN_KEY = new PluginKey2("docflow/table-page-split");
+import { definePlugin as definePlugin21 } from "@kedataindo/docflow-core";
+import { Extension as Extension5 } from "@tiptap/core";
+import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
+var PLUGIN_KEY = new PluginKey3("docflow/table-page-split");
 var SPLIT_MARK = "head";
 var MAX_SPLIT_DEPTH = 16;
 function readPageContentHeightPx(view, editor) {
@@ -3401,7 +3786,7 @@ function runSplitPass(view, editor) {
   tr.setMeta(PLUGIN_KEY, { splitAtRow: -1 });
   v.dispatch(tr);
 }
-var TablePageSplitExtension = Extension4.create({
+var TablePageSplitExtension = Extension5.create({
   name: "tablePageSplit",
   addProseMirrorPlugins() {
     let viewRef = null;
@@ -3409,7 +3794,7 @@ var TablePageSplitExtension = Extension4.create({
     const ext = this;
     const editorRef = ext.editor ?? null;
     return [
-      new Plugin2({
+      new Plugin3({
         key: PLUGIN_KEY,
         view(_editorView) {
           viewRef = _editorView;
@@ -3441,15 +3826,15 @@ var TablePageSplitExtension = Extension4.create({
     ];
   }
 });
-var tablePageSplitPlugin = definePlugin20({
+var tablePageSplitPlugin = definePlugin21({
   id: "tablePageSplit",
   tiptapExtensions: [TablePageSplitExtension]
 });
 
 // src/slashMenu.ts
-import { Extension as Extension5 } from "@tiptap/core";
-import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
-import { definePlugin as definePlugin21 } from "@kedataindo/docflow-core";
+import { Extension as Extension6 } from "@tiptap/core";
+import { Plugin as Plugin4, PluginKey as PluginKey4 } from "@tiptap/pm/state";
+import { definePlugin as definePlugin22 } from "@kedataindo/docflow-core";
 var slashState = {
   open: false,
   query: "",
@@ -3503,12 +3888,12 @@ function getRegisteredCommands() {
     return true;
   });
 }
-var SlashMenuExtension = Extension5.create({
+var SlashMenuExtension = Extension6.create({
   name: "slashMenu",
   addProseMirrorPlugins() {
     return [
-      new Plugin3({
-        key: new PluginKey3("slashMenu"),
+      new Plugin4({
+        key: new PluginKey4("slashMenu"),
         props: {
           handleTextInput(view, from, _to, text) {
             if (text === "/") {
@@ -3594,7 +3979,7 @@ var SlashMenuExtension = Extension5.create({
     ];
   }
 });
-var slashMenuPlugin = definePlugin21({
+var slashMenuPlugin = definePlugin22({
   id: "slash-menu",
   tiptapExtensions: [SlashMenuExtension],
   hooks: {
@@ -3627,6 +4012,7 @@ var defaultPlugins = [
   citationPlugin,
   aiPlugin,
   commentPlugin,
+  suggestChangesPlugin,
   smartElementsPlugin
 ];
 export {
@@ -3647,10 +4033,18 @@ export {
   LocationChipNode,
   PageBreak,
   PeopleChipNode,
+  SUGGESTION_DELETE,
+  SUGGESTION_FORMAT,
+  SUGGESTION_INSERT,
   SlashMenuExtension,
+  SuggestionDeleteMark,
+  SuggestionFormatMark,
+  SuggestionInsertMark,
   TocEntryNode,
   TocNode,
   TocPageNumNode,
+  acceptAllSuggestions,
+  acceptSuggestion,
   aiPlugin,
   aiPluginKey,
   alignmentPlugin,
@@ -3667,6 +4061,7 @@ export {
   formattingPlugin,
   getAIPreview,
   getCitationEngine,
+  getSuggestions,
   headingsPlugin,
   highlightPlugin,
   imagePlugin,
@@ -3680,10 +4075,15 @@ export {
   placeholderPlugin,
   regenerateToc,
   registerSlashCommands,
+  rejectAllSuggestions,
+  rejectSuggestion,
   sanitizeCiteprocHtml,
+  setDocumentMode,
+  setSuggestionAuthor,
   slashMenuPlugin,
   slashState,
   smartElementsPlugin,
+  suggestChangesPlugin,
   tablePageSplitPlugin,
   tablePlugin,
   textColorPlugin,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kedataindo/docflow-plugins",
   "license": "Apache-2.0",
-  "version": "0.0.88",
+  "version": "0.0.89",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -31,7 +31,7 @@
     "@tiptap/pm": "^2.11.0",
     "citeproc": "^2.4.63",
     "tiptap-markdown": "0.8.10",
-    "@kedataindo/docflow-core": "0.0.85"
+    "@kedataindo/docflow-core": "0.0.86"
   },
   "peerDependencies": {
     "@tiptap/core": "^2.11.0",