docx-diff-editor 1.0.50 → 1.0.52

package/dist/index.d.mts

@@ -516,8 +516,12 @@ declare function createTrackDeleteMark(author?: TrackChangeAuthor, id?: string):
  *
  * Note: SuperDoc's parseFormatList requires all marks in before/after arrays
  * to have both `type` and `attrs` properties. Marks without `attrs` get filtered out,
- * causing empty values in track change bubbles. We normalize marks here to ensure
- * all have at least an empty `attrs` object.
+ * causing empty values in track change bubbles.
+ *
+ * We use normalizeMarksForTrackFormat which:
+ * 1. Ensures all marks have `attrs` property (required by parseFormatList)
+ * 2. Cleans attrs to remove null/undefined/empty values (prevents "Set X to undefined" bubbles)
+ * 3. Normalizes color values to valid CSS format
  */
 declare function createTrackFormatMark(before: ProseMirrorMark[], after: ProseMirrorMark[], author?: TrackChangeAuthor): ProseMirrorMark;
 

package/dist/index.d.ts

@@ -516,8 +516,12 @@ declare function createTrackDeleteMark(author?: TrackChangeAuthor, id?: string):
  *
  * Note: SuperDoc's parseFormatList requires all marks in before/after arrays
  * to have both `type` and `attrs` properties. Marks without `attrs` get filtered out,
- * causing empty values in track change bubbles. We normalize marks here to ensure
- * all have at least an empty `attrs` object.
+ * causing empty values in track change bubbles.
+ *
+ * We use normalizeMarksForTrackFormat which:
+ * 1. Ensures all marks have `attrs` property (required by parseFormatList)
+ * 2. Cleans attrs to remove null/undefined/empty values (prevents "Set X to undefined" bubbles)
+ * 3. Normalizes color values to valid CSS format
  */
 declare function createTrackFormatMark(before: ProseMirrorMark[], after: ProseMirrorMark[], author?: TrackChangeAuthor): ProseMirrorMark;
 

package/dist/index.js

@@ -452,66 +452,76 @@ var TIMEOUTS = {
   /** Cleanup delay (ms) */
   CLEANUP_DELAY: 100
 };
+
+// src/services/colorUtils.ts
 var CSS_NAMED_COLORS = {
   // Basic colors
-  black: "#000000",
-  white: "#ffffff",
-  red: "#ff0000",
-  green: "#008000",
-  blue: "#0000ff",
-  yellow: "#ffff00",
-  cyan: "#00ffff",
-  magenta: "#ff00ff",
+  black: "000000",
+  white: "ffffff",
+  red: "ff0000",
+  green: "008000",
+  blue: "0000ff",
+  yellow: "ffff00",
+  cyan: "00ffff",
+  magenta: "ff00ff",
   // Extended colors
-  orange: "#ffa500",
-  pink: "#ffc0cb",
-  purple: "#800080",
-  violet: "#ee82ee",
-  brown: "#a52a2a",
-  gray: "#808080",
-  grey: "#808080",
+  orange: "ffa500",
+  pink: "ffc0cb",
+  purple: "800080",
+  violet: "ee82ee",
+  brown: "a52a2a",
+  gray: "808080",
+  grey: "808080",
   // Light variants
-  lightblue: "#add8e6",
-  lightgreen: "#90ee90",
-  lightgray: "#d3d3d3",
-  lightgrey: "#d3d3d3",
-  lightpink: "#ffb6c1",
-  lightyellow: "#ffffe0",
+  lightblue: "add8e6",
+  lightgreen: "90ee90",
+  lightgray: "d3d3d3",
+  lightgrey: "d3d3d3",
+  lightpink: "ffb6c1",
+  lightyellow: "ffffe0",
   // Dark variants
-  darkblue: "#00008b",
-  darkgreen: "#006400",
-  darkgray: "#a9a9a9",
-  darkgrey: "#a9a9a9",
-  darkred: "#8b0000",
+  darkblue: "00008b",
+  darkgreen: "006400",
+  darkgray: "a9a9a9",
+  darkgrey: "a9a9a9",
+  darkred: "8b0000",
   // Other common colors
-  navy: "#000080",
-  teal: "#008080",
-  maroon: "#800000",
-  olive: "#808000",
-  silver: "#c0c0c0",
-  aqua: "#00ffff",
-  fuchsia: "#ff00ff",
-  lime: "#00ff00",
-  coral: "#ff7f50",
-  salmon: "#fa8072",
-  gold: "#ffd700",
-  indigo: "#4b0082",
-  crimson: "#dc143c",
-  tomato: "#ff6347",
-  chocolate: "#d2691e",
-  tan: "#d2b48c",
-  beige: "#f5f5dc",
-  ivory: "#fffff0",
-  khaki: "#f0e68c",
-  lavender: "#e6e6fa",
-  plum: "#dda0dd",
-  orchid: "#da70d6",
-  turquoise: "#40e0d0",
-  skyblue: "#87ceeb",
-  steelblue: "#4682b4",
-  slategray: "#708090",
-  slategrey: "#708090"
+  navy: "000080",
+  teal: "008080",
+  maroon: "800000",
+  olive: "808000",
+  silver: "c0c0c0",
+  aqua: "00ffff",
+  fuchsia: "ff00ff",
+  lime: "00ff00",
+  coral: "ff7f50",
+  salmon: "fa8072",
+  gold: "ffd700",
+  indigo: "4b0082",
+  crimson: "dc143c",
+  tomato: "ff6347",
+  chocolate: "d2691e",
+  tan: "d2b48c",
+  beige: "f5f5dc",
+  ivory: "fffff0",
+  khaki: "f0e68c",
+  lavender: "e6e6fa",
+  plum: "dda0dd",
+  orchid: "da70d6",
+  turquoise: "40e0d0",
+  skyblue: "87ceeb",
+  steelblue: "4682b4",
+  slategray: "708090",
+  slategrey: "708090"
 };
+function colorToHexWithoutHash(color) {
+  const trimmed = color.trim();
+  const lowerColor = trimmed.toLowerCase();
+  if (CSS_NAMED_COLORS[lowerColor]) {
+    return CSS_NAMED_COLORS[lowerColor];
+  }
+  return trimmed.replace(/^#/, "");
+}
 function ensureValidCssColor(color) {
   if (typeof color !== "string" || !color) {
     return void 0;
@@ -519,7 +529,7 @@ function ensureValidCssColor(color) {
   const trimmed = color.trim();
   const lowerColor = trimmed.toLowerCase();
   if (CSS_NAMED_COLORS[lowerColor]) {
-    return CSS_NAMED_COLORS[lowerColor];
+    return `#${CSS_NAMED_COLORS[lowerColor]}`;
   }
   if (/^[0-9a-fA-F]{6}$/.test(trimmed)) {
     return `#${trimmed}`;
@@ -529,6 +539,20 @@ function ensureValidCssColor(color) {
   }
   return trimmed;
 }
+
+// src/services/trackChangeInjector.ts
+function isMeaningfulValue(value) {
+  return value !== null && value !== void 0 && value !== "";
+}
+function cleanAttrs(attrs) {
+  const cleaned = {};
+  for (const [key, value] of Object.entries(attrs)) {
+    if (isMeaningfulValue(value)) {
+      cleaned[key] = value;
+    }
+  }
+  return cleaned;
+}
 function normalizeMark(mark) {
   const attrs = { ...mark.attrs || {} };
   if (attrs.color !== void 0) {
@@ -539,9 +563,23 @@ function normalizeMark(mark) {
     attrs
   };
 }
+function normalizeMarkForTrackFormat(mark) {
+  let attrs = { ...mark.attrs || {} };
+  if (attrs.color !== void 0) {
+    attrs.color = ensureValidCssColor(attrs.color);
+  }
+  attrs = cleanAttrs(attrs);
+  return {
+    type: mark.type,
+    attrs
+  };
+}
 function normalizeMarks(marks) {
   return marks.map(normalizeMark);
 }
+function normalizeMarksForTrackFormat(marks) {
+  return marks.map(normalizeMarkForTrackFormat);
+}
 function normalizeMarksForRendering(marks) {
   return normalizeMarks(marks);
 }
@@ -570,8 +608,8 @@ function createTrackDeleteMark(author = DEFAULT_AUTHOR, id) {
   };
 }
 function createTrackFormatMark(before, after, author = DEFAULT_AUTHOR) {
-  const normalizedBefore = normalizeMarks(before);
-  const normalizedAfter = normalizeMarks(after);
+  const normalizedBefore = normalizeMarksForTrackFormat(before);
+  const normalizedAfter = normalizeMarksForTrackFormat(after);
   return {
     type: "trackFormat",
     attrs: {
@@ -588,77 +626,9 @@ function createTrackFormatMark(before, after, author = DEFAULT_AUTHOR) {
 
 // src/services/runPropertiesSync.ts
 var PT_TO_TWIPS = 20;
-var CSS_NAMED_COLORS_HEX = {
-  // Basic colors
-  black: "000000",
-  white: "ffffff",
-  red: "ff0000",
-  green: "008000",
-  blue: "0000ff",
-  yellow: "ffff00",
-  cyan: "00ffff",
-  magenta: "ff00ff",
-  // Extended colors
-  orange: "ffa500",
-  pink: "ffc0cb",
-  purple: "800080",
-  violet: "ee82ee",
-  brown: "a52a2a",
-  gray: "808080",
-  grey: "808080",
-  // Light variants
-  lightblue: "add8e6",
-  lightgreen: "90ee90",
-  lightgray: "d3d3d3",
-  lightgrey: "d3d3d3",
-  lightpink: "ffb6c1",
-  lightyellow: "ffffe0",
-  // Dark variants
-  darkblue: "00008b",
-  darkgreen: "006400",
-  darkgray: "a9a9a9",
-  darkgrey: "a9a9a9",
-  darkred: "8b0000",
-  // Other common colors
-  navy: "000080",
-  teal: "008080",
-  maroon: "800000",
-  olive: "808000",
-  silver: "c0c0c0",
-  aqua: "00ffff",
-  fuchsia: "ff00ff",
-  lime: "00ff00",
-  coral: "ff7f50",
-  salmon: "fa8072",
-  gold: "ffd700",
-  indigo: "4b0082",
-  crimson: "dc143c",
-  tomato: "ff6347",
-  chocolate: "d2691e",
-  tan: "d2b48c",
-  beige: "f5f5dc",
-  ivory: "fffff0",
-  khaki: "f0e68c",
-  lavender: "e6e6fa",
-  plum: "dda0dd",
-  orchid: "da70d6",
-  turquoise: "40e0d0",
-  skyblue: "87ceeb",
-  steelblue: "4682b4",
-  slategray: "708090",
-  slategrey: "708090"
-};
 function ptToTwips(ptValue) {
   return Math.round(ptValue * PT_TO_TWIPS);
 }
-function colorToHexWithoutHash(color) {
-  const trimmed = color.trim();
-  const lowerColor = trimmed.toLowerCase();
-  if (CSS_NAMED_COLORS_HEX[lowerColor]) {
-    return CSS_NAMED_COLORS_HEX[lowerColor];
-  }
-  return trimmed.replace(/^#/, "");
-}
 function parseFontSizeToPoints(fontSize) {
   if (typeof fontSize === "number") {
     return fontSize;