@crashbytes/react-version-compare 1.0.1 → 1.0.3

package/README.md

@@ -18,6 +18,7 @@ The Storybook provides interactive examples for all comparison scenarios. You ca
 - 🎯 **Precise Highlighting**: Only highlights the actual differences, not entire lines
 - 📝 **String Comparison**: Word-level diff for text content
 - 📋 **Array Comparison**: Item-level diff for arrays of strings
+- 📄 **Contentful Rich Text**: Compare Contentful documents with text or structure modes
 - 🎨 **Clean Visual Design**: Clear red/green highlighting for changes
 - 📱 **Responsive**: Works on desktop and mobile devices
 - ⚡ **TypeScript Support**: Full TypeScript definitions included
@@ -78,16 +79,52 @@ const modifiedArray = [
 />
 ```
 
+### Contentful Rich Text Comparison
+
+The component now supports comparing Contentful Rich Text documents with two different modes:
+
+```tsx
+import { Compare } from '@crashbytes/react-version-compare';
+import { Document } from '@contentful/rich-text-types';
+
+// Text mode - extracts plain text for comparison
+<Compare 
+  original={contentfulDoc1}
+  modified={contentfulDoc2}
+  compareMode="text"
+  viewMode="side-by-side"
+/>
+
+// Structure mode - compares document structure
+<Compare 
+  original={contentfulDoc1}
+  modified={contentfulDoc2}
+  compareMode="structure"
+  viewMode="side-by-side"
+/>
+```
+
+**Structure Mode** preserves the semantic meaning of the document by comparing:
+- Headings (with levels)
+- Paragraphs
+- Lists and list items
+- Block quotes
+- And other rich text elements
+
+**Text Mode** extracts plain text content and performs word-level comparison, similar to string comparison.
+
 ## API Reference
 
 ### Props
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `original` | `string \| string[]` | **required** | The original content |
-| `modified` | `string \| string[]` | **required** | The modified content |
+| `original` | `string \| string[] \| Document` | **required** | The original content |
+| `modified` | `string \| string[] \| Document` | **required** | The modified content |
 | `viewMode` | `'side-by-side' \| 'inline'` | `'side-by-side'` | How to display the comparison |
 | `className` | `string` | `''` | Custom CSS class name |
+| `caseSensitive` | `boolean` | `true` | Whether comparison is case sensitive |
+| `compareMode` | `'text' \| 'structure'` | `'text'` | Comparison mode for Contentful documents |
 
 ## Examples
 
@@ -149,13 +186,16 @@ The component uses CSS classes that you can customize:
 - **Content management**: Show edits in articles or posts
 - **Data comparison**: Compare lists or arrays of items
 - **Translation work**: Compare original and translated text
+- **Contentful CMS**: Compare rich text content versions and track editorial changes
+- **Documentation**: Track changes in structured content with semantic meaning
 
 ## How It Works
 
 - **String comparison**: Uses word-level diffing to identify precise changes
 - **Array comparison**: Compares items by position and content
+- **Contentful comparison**: Extracts plain text or compares structural elements
 - **Smart highlighting**: Only highlights actual differences, not entire lines
-- **Type safety**: Ensures both inputs are the same type (both strings or both arrays)
+- **Type safety**: Ensures both inputs are the same type (strings, arrays, or Contentful documents)
 
 ## License
 

package/dist/cjs/index.js

@@ -2,142 +2,367 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var diff = require('diff');
-require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var richTextTypes = require('@contentful/rich-text-types');
+var Diff = require('diff');
 
-const Compare = ({
-  original,
-  modified,
-  className = '',
-  viewMode = 'side-by-side',
-  caseSensitive = true // <-- Default true
-}) => {
-  // Handle string comparison
-  const renderStringDiff = (orig, mod) => {
-    const diff$1 = diff.diffWords(orig, mod, {
-      ignoreCase: !caseSensitive
-    });
-    const originalParts = [];
-    const modifiedParts = [];
-    for (const part of diff$1) {
-      if (part.removed) {
-        originalParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "diff-removed",
-          children: part.value
-        }, originalParts.length));
-      } else if (part.added) {
-        modifiedParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "diff-added",
-          children: part.value
-        }, modifiedParts.length));
-      } else {
-        originalParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "diff-unchanged",
-          children: part.value
-        }, originalParts.length));
-        modifiedParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "diff-unchanged",
-          children: part.value
-        }, modifiedParts.length));
-      }
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
     }
-    return {
-      originalParts,
-      modifiedParts
-    };
-  };
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var Diff__namespace = /*#__PURE__*/_interopNamespaceDefault(Diff);
 
-  // Handle array comparison
-  const renderArrayDiff = (orig, mod) => {
-    let origArr = orig;
-    let modArr = mod;
-    if (!caseSensitive) {
-      origArr = orig.map(s => typeof s === 'string' ? s.toLowerCase() : s);
-      modArr = mod.map(s => typeof s === 'string' ? s.toLowerCase() : s);
+// Exported type guard for Contentful documents
+function isContentfulDocument(value) {
+  return value && typeof value === 'object' && value.nodeType === richTextTypes.BLOCKS.DOCUMENT && Array.isArray(value.content);
+}
+// Extract plain text from Contentful document
+function extractPlainText(document) {
+  const extractFromNode = node => {
+    if (node.nodeType === 'text') {
+      return node.value;
+    }
+    if ('content' in node && node.content) {
+      return node.content.map(child => extractFromNode(child)).join('');
+    }
+    return '';
+  };
+  return extractFromNode(document);
+}
+// Extract structured content for structure diff
+function extractStructuredContent(document) {
+  const result = [];
+  const extractFromNode = node => {
+    if (node.nodeType === 'text') return;
+    if ('content' in node && node.content) {
+      const textContent = node.content.map(child => child.nodeType === 'text' ? child.value : '').join('');
+      let displayType = node.nodeType;
+      let headingLevel;
+      switch (node.nodeType) {
+        case richTextTypes.BLOCKS.HEADING_1:
+          displayType = 'Heading';
+          headingLevel = 1;
+          break;
+        case richTextTypes.BLOCKS.HEADING_2:
+          displayType = 'Heading';
+          headingLevel = 2;
+          break;
+        case richTextTypes.BLOCKS.HEADING_3:
+          displayType = 'Heading';
+          headingLevel = 3;
+          break;
+        case richTextTypes.BLOCKS.HEADING_4:
+          displayType = 'Heading';
+          headingLevel = 4;
+          break;
+        case richTextTypes.BLOCKS.HEADING_5:
+          displayType = 'Heading';
+          headingLevel = 5;
+          break;
+        case richTextTypes.BLOCKS.HEADING_6:
+          displayType = 'Heading';
+          headingLevel = 6;
+          break;
+        case richTextTypes.BLOCKS.PARAGRAPH:
+          displayType = 'Text';
+          break;
+        case richTextTypes.BLOCKS.UL_LIST:
+          displayType = 'List';
+          break;
+        case richTextTypes.BLOCKS.OL_LIST:
+          displayType = 'Numbered List';
+          break;
+        case richTextTypes.BLOCKS.LIST_ITEM:
+          displayType = 'List Item';
+          break;
+        case richTextTypes.BLOCKS.QUOTE:
+          displayType = 'Quote';
+          break;
+        case richTextTypes.BLOCKS.TABLE:
+          displayType = 'Table';
+          break;
+        default:
+          displayType = node.nodeType.charAt(0).toUpperCase() + node.nodeType.slice(1);
+      }
+      if (textContent.trim()) {
+        result.push({
+          type: displayType,
+          content: textContent.trim(),
+          level: headingLevel
+        });
+      }
+      node.content.forEach(child => {
+        if (child.nodeType !== 'text') extractFromNode(child);
+      });
     }
-    const diff$1 = diff.diffArrays(origArr, modArr);
+  };
+  if (document.content) document.content.forEach(node => extractFromNode(node));
+  return result;
+}
+// Main Contentful diff renderer
+async function renderContentfulDiff(origDoc, modDoc, compareMode, caseSensitive, renderStringDiff) {
+  // Dynamically import diff for Vite/ESM compatibility
+  const DiffModule = await import('diff');
+  const Diff = DiffModule.default ?? DiffModule;
+  const {
+    diffWords,
+    diffArrays
+  } = Diff;
+  if (compareMode === 'structure') {
+    const origStructure = extractStructuredContent(origDoc);
+    const modStructure = extractStructuredContent(modDoc);
+    const diff = diffArrays(origStructure, modStructure, {
+      comparator: (a, b) => a.type === b.type && a.content === b.content && a.level === b.level
+    });
     const originalParts = [];
     const modifiedParts = [];
-    for (const part of diff$1) {
-      if (part.removed) {
-        part.value.forEach((item, index) => {
-          originalParts.push(/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "diff-removed-line",
-            children: orig[origArr.indexOf(item, originalParts.length)] ?? item
-          }, `${originalParts.length}-${index}`));
-        });
-      } else if (part.added) {
-        part.value.forEach((item, index) => {
-          modifiedParts.push(/*#__PURE__*/jsxRuntime.jsx("div", {
+    let origIdx = 0;
+    let modIdx = 0;
+    diff.forEach(part => {
+      if (part.added) {
+        part.value.forEach((modItem, i) => {
+          originalParts.push(jsxRuntime.jsx("div", {
+            className: "diff-blank-line"
+          }, `blank-orig-${modIdx + i}`));
+          modifiedParts.push(jsxRuntime.jsxs("div", {
             className: "diff-added-line",
-            children: mod[modArr.indexOf(item, modifiedParts.length)] ?? item
-          }, `${modifiedParts.length}-${index}`));
+            children: [jsxRuntime.jsx("span", {
+              className: "diff-structure-type",
+              children: modItem.type
+            }), modItem.level && jsxRuntime.jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", modItem.level]
+            }), jsxRuntime.jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", modItem.content]
+            })]
+          }, `added-mod-${modIdx + i}`));
         });
+        modIdx += part.count || 0;
+      } else if (part.removed) {
+        part.value.forEach((origItem, i) => {
+          originalParts.push(jsxRuntime.jsxs("div", {
+            className: "diff-removed-line",
+            children: [jsxRuntime.jsx("span", {
+              className: "diff-structure-type",
+              children: origItem.type
+            }), origItem.level && jsxRuntime.jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", origItem.level]
+            }), jsxRuntime.jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", origItem.content]
+            })]
+          }, `removed-orig-${origIdx + i}`));
+          modifiedParts.push(jsxRuntime.jsx("div", {
+            className: "diff-blank-line"
+          }, `blank-mod-${origIdx + i}`));
+        });
+        origIdx += part.count || 0;
       } else {
-        part.value.forEach((item, index) => {
-          originalParts.push(/*#__PURE__*/jsxRuntime.jsx("div", {
+        part.value.forEach((item, i) => {
+          originalParts.push(jsxRuntime.jsxs("div", {
             className: "diff-unchanged-line",
-            children: orig[origArr.indexOf(item, originalParts.length)] ?? item
-          }, `${originalParts.length}-${index}`));
-          modifiedParts.push(/*#__PURE__*/jsxRuntime.jsx("div", {
+            children: [jsxRuntime.jsx("span", {
+              className: "diff-structure-type",
+              children: item.type
+            }), item.level && jsxRuntime.jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", item.level]
+            }), jsxRuntime.jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", item.content]
+            })]
+          }, `unchanged-orig-${origIdx + i}`));
+          modifiedParts.push(jsxRuntime.jsxs("div", {
             className: "diff-unchanged-line",
-            children: mod[modArr.indexOf(item, modifiedParts.length)] ?? item
-          }, `${modifiedParts.length}-${index}`));
+            children: [jsxRuntime.jsx("span", {
+              className: "diff-structure-type",
+              children: item.type
+            }), item.level && jsxRuntime.jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", item.level]
+            }), jsxRuntime.jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", item.content]
+            })]
+          }, `unchanged-mod-${modIdx + i}`));
         });
+        origIdx += part.count || 0;
+        modIdx += part.count || 0;
       }
-    }
+    });
     return {
       originalParts,
       modifiedParts
     };
+  } else {
+    // Text-based comparison of Contentful documents
+    const origText = extractPlainText(origDoc);
+    const modText = extractPlainText(modDoc);
+    return renderStringDiff(origText, modText);
+  }
+}
+
+function renderStringDiff(orig, mod) {
+  const difference = Diff__namespace.diffWords(orig, mod);
+  const originalParts = [];
+  const modifiedParts = [];
+  for (const part of difference) {
+    if (part.removed) {
+      originalParts.push(jsxRuntime.jsx("span", {
+        className: "diff-removed",
+        children: part.value
+      }, originalParts.length));
+    } else if (part.added) {
+      modifiedParts.push(jsxRuntime.jsx("span", {
+        className: "diff-added",
+        children: part.value
+      }, modifiedParts.length));
+    } else {
+      originalParts.push(jsxRuntime.jsx("span", {
+        className: "diff-unchanged",
+        children: part.value
+      }, originalParts.length));
+      modifiedParts.push(jsxRuntime.jsx("span", {
+        className: "diff-unchanged",
+        children: part.value
+      }, modifiedParts.length));
+    }
+  }
+  return {
+    originalParts,
+    modifiedParts
   };
+}
+function renderArrayDiff(original, modified) {
+  const maxLength = Math.max(original.length, modified.length);
+  const originalParts = [];
+  const modifiedParts = [];
+  for (let i = 0; i < maxLength; i++) {
+    const orig = original[i] ?? '';
+    const mod = modified[i] ?? '';
+    if (orig === mod) {
+      originalParts.push(jsxRuntime.jsx("div", {
+        className: "diff-unchanged-line",
+        children: orig
+      }, `orig-${i}`));
+      modifiedParts.push(jsxRuntime.jsx("div", {
+        className: "diff-unchanged-line",
+        children: mod
+      }, `mod-${i}`));
+    } else {
+      originalParts.push(jsxRuntime.jsx("div", {
+        className: orig ? "diff-removed-line" : "diff-blank-line",
+        children: orig
+      }, `orig-${i}`));
+      modifiedParts.push(jsxRuntime.jsx("div", {
+        className: mod ? "diff-added-line" : "diff-blank-line",
+        children: mod
+      }, `mod-${i}`));
+    }
+  }
+  return {
+    originalParts,
+    modifiedParts
+  };
+}
+const Compare = ({
+  original,
+  modified,
+  className = '',
+  viewMode = 'side-by-side',
+  caseSensitive = true,
+  compareMode = 'text'
+}) => {
   const isStringComparison = typeof original === 'string' && typeof modified === 'string';
   const isArrayComparison = Array.isArray(original) && Array.isArray(modified);
-  if (!isStringComparison && !isArrayComparison) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: `compare-error ${className}`,
-      children: "Error: Both inputs must be either strings or arrays of strings"
-    });
-  }
-  let originalParts, modifiedParts;
+  const isContentfulComparison = isContentfulDocument(original) && isContentfulDocument(modified);
+  const [contentfulParts, setContentfulParts] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    if (isContentfulComparison) {
+      setContentfulParts(null); // reset while loading
+      renderContentfulDiff(original, modified, compareMode, caseSensitive, renderStringDiff).then(result => {
+        if (!cancelled) setContentfulParts(result);
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [original, modified, compareMode, caseSensitive, isContentfulComparison]);
+  let originalParts = [],
+    modifiedParts = [];
   if (isStringComparison) {
     ({
       originalParts,
       modifiedParts
     } = renderStringDiff(original, modified));
-  } else {
+  } else if (isArrayComparison) {
     ({
       originalParts,
       modifiedParts
     } = renderArrayDiff(original, modified));
+  } else if (isContentfulComparison) {
+    if (contentfulParts) {
+      originalParts = contentfulParts.originalParts;
+      modifiedParts = contentfulParts.modifiedParts;
+    } else {
+      originalParts = [jsxRuntime.jsx("div", {
+        children: "Loading..."
+      }, "loading")];
+      modifiedParts = [jsxRuntime.jsx("div", {
+        children: "Loading..."
+      }, "loading")];
+    }
+  }
+  if (!isStringComparison && !isArrayComparison && !isContentfulComparison) {
+    return jsxRuntime.jsx("div", {
+      className: `compare-error ${className}`,
+      children: "Error: Invalid input for comparison."
+    });
   }
   if (viewMode === 'inline') {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
+    return jsxRuntime.jsx("div", {
       className: `compare-inline ${className}`,
-      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: jsxRuntime.jsxs("div", {
         className: "compare-content",
         children: [originalParts, modifiedParts]
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: `compare-side-by-side ${className}`,
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [jsxRuntime.jsxs("div", {
       className: "compare-panel",
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsx("div", {
         className: "compare-header original-header",
         children: "Original"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         className: "compare-content original-content",
         children: originalParts
       })]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+    }), jsxRuntime.jsxs("div", {
       className: "compare-panel",
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsx("div", {
         className: "compare-header modified-header",
         children: "Modified"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         className: "compare-content modified-content",
         children: modifiedParts
       })]

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Compare.tsx"],"sourcesContent":["import { diffWords, diffArrays } from 'diff';\nimport React from 'react';\n\n// Types\nexport interface CompareProps {\n  original: string | string[];\n  modified: string | string[];\n  className?: string;\n  viewMode?: 'side-by-side' | 'inline';\n  caseSensitive?: boolean; // <-- Added\n}\n\nexport const Compare: React.FC<CompareProps> = ({\n  original,\n  modified,\n  className = '',\n  viewMode = 'side-by-side',\n  caseSensitive = true, // <-- Default true\n}) => {\n  // Handle string comparison\n  const renderStringDiff = (orig: string, mod: string) => {\n    const diff = diffWords(orig, mod, { ignoreCase: !caseSensitive });\n    const originalParts: any[] = [];\n    const modifiedParts: any[] = [];\n    for (const part of diff) {\n      if (part.removed) {\n        originalParts.push(\n          <span key={originalParts.length} className=\"diff-removed\">\n            {part.value}\n          </span>\n        );\n      } else if (part.added) {\n        modifiedParts.push(\n          <span key={modifiedParts.length} className=\"diff-added\">\n            {part.value}\n          </span>\n        );\n      } else {\n        originalParts.push(\n          <span key={originalParts.length} className=\"diff-unchanged\">\n            {part.value}\n          </span>\n        );\n        modifiedParts.push(\n          <span key={modifiedParts.length} className=\"diff-unchanged\">\n            {part.value}\n          </span>\n        );\n      }\n    }\n    return { originalParts, modifiedParts };\n  };\n\n  // Handle array comparison\n  const renderArrayDiff = (orig: string[], mod: string[]) => {\n    let origArr = orig;\n    let modArr = mod;\n    if (!caseSensitive) {\n      origArr = orig.map((s) => (typeof s === 'string' ? s.toLowerCase() : s));\n      modArr = mod.map((s) => (typeof s === 'string' ? s.toLowerCase() : s));\n    }\n    const diff = diffArrays(origArr, modArr);\n    const originalParts: any[] = [];\n    const modifiedParts: any[] = [];\n    for (const part of diff) {\n      if (part.removed) {\n        part.value.forEach((item: string, index: number) => {\n          originalParts.push(\n            <div key={`${originalParts.length}-${index}`} className=\"diff-removed-line\">\n              {orig[origArr.indexOf(item, originalParts.length)] ?? item}\n            </div>\n          );\n        });\n      } else if (part.added) {\n        part.value.forEach((item: string, index: number) => {\n          modifiedParts.push(\n            <div key={`${modifiedParts.length}-${index}`} className=\"diff-added-line\">\n              {mod[modArr.indexOf(item, modifiedParts.length)] ?? item}\n            </div>\n          );\n        });\n      } else {\n        part.value.forEach((item: string, index: number) => {\n          originalParts.push(\n            <div key={`${originalParts.length}-${index}`} className=\"diff-unchanged-line\">\n              {orig[origArr.indexOf(item, originalParts.length)] ?? item}\n            </div>\n          );\n          modifiedParts.push(\n            <div key={`${modifiedParts.length}-${index}`} className=\"diff-unchanged-line\">\n              {mod[modArr.indexOf(item, modifiedParts.length)] ?? item}\n            </div>\n          );\n        });\n      }\n    }\n    return { originalParts, modifiedParts };\n  };\n\n  const isStringComparison = typeof original === 'string' && typeof modified === 'string';\n  const isArrayComparison = Array.isArray(original) && Array.isArray(modified);\n\n  if (!isStringComparison && !isArrayComparison) {\n    return (\n      <div className={`compare-error ${className}`}>\n        Error: Both inputs must be either strings or arrays of strings\n      </div>\n    );\n  }\n\n  let originalParts: any[], modifiedParts: any[];\n  if (isStringComparison) {\n    ({ originalParts, modifiedParts } = renderStringDiff(original as string, modified as string));\n  } else {\n    ({ originalParts, modifiedParts } = renderArrayDiff(original as string[], modified as string[]));\n  }\n\n  if (viewMode === 'inline') {\n    return (\n      <div className={`compare-inline ${className}`}>\n        <div className=\"compare-content\">\n          {originalParts}\n          {modifiedParts}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={`compare-side-by-side ${className}`}>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header original-header\">Original</div>\n        <div className=\"compare-content original-content\">\n          {originalParts}\n        </div>\n      </div>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header modified-header\">Modified</div>\n        <div className=\"compare-content modified-content\">\n          {modifiedParts}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Compare;"],"names":["Compare","original","modified","className","viewMode","caseSensitive","renderStringDiff","orig","mod","diff","diffWords","ignoreCase","originalParts","modifiedParts","part","removed","push","_jsx","children","value","length","added","renderArrayDiff","origArr","modArr","map","s","toLowerCase","diffArrays","forEach","item","index","indexOf","isStringComparison","isArrayComparison","Array","isArray","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/contentfulDiff.tsx","../../src/components/Compare.tsx"],"sourcesContent":["import React from 'react';\nimport { BLOCKS, Document, Block, Inline, Text } from '@contentful/rich-text-types';\n\n// Exported type guard for Contentful documents\nexport function isContentfulDocument(value: any): value is Document {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.nodeType === BLOCKS.DOCUMENT &&\n    Array.isArray(value.content)\n  );\n}\n\n// Extract plain text from Contentful document\nexport function extractPlainText(document: Document): string {\n  const extractFromNode = (node: Block | Inline | Text): string => {\n    if (node.nodeType === 'text') {\n      return (node as Text).value;\n    }\n    if ('content' in node && node.content) {\n      return node.content.map(child => extractFromNode(child)).join('');\n    }\n    return '';\n  };\n  return extractFromNode(document);\n}\n\n// Extract structured content for structure diff\nexport function extractStructuredContent(document: Document): Array<{ type: string; content: string; level?: number }> {\n  const result: Array<{ type: string; content: string; level?: number }> = [];\n  const extractFromNode = (node: Block | Inline | Text): void => {\n    if (node.nodeType === 'text') return;\n    if ('content' in node && node.content) {\n      const textContent = node.content.map(child =>\n        child.nodeType === 'text' ? (child as Text).value : ''\n      ).join('');\n      let displayType: string = node.nodeType;\n      let headingLevel: number | undefined;\n      switch (node.nodeType) {\n        case BLOCKS.HEADING_1: displayType = 'Heading'; headingLevel = 1; break;\n        case BLOCKS.HEADING_2: displayType = 'Heading'; headingLevel = 2; break;\n        case BLOCKS.HEADING_3: displayType = 'Heading'; headingLevel = 3; break;\n        case BLOCKS.HEADING_4: displayType = 'Heading'; headingLevel = 4; break;\n        case BLOCKS.HEADING_5: displayType = 'Heading'; headingLevel = 5; break;\n        case BLOCKS.HEADING_6: displayType = 'Heading'; headingLevel = 6; break;\n        case BLOCKS.PARAGRAPH: displayType = 'Text'; break;\n        case BLOCKS.UL_LIST: displayType = 'List'; break;\n        case BLOCKS.OL_LIST: displayType = 'Numbered List'; break;\n        case BLOCKS.LIST_ITEM: displayType = 'List Item'; break;\n        case BLOCKS.QUOTE: displayType = 'Quote'; break;\n        case BLOCKS.TABLE: displayType = 'Table'; break;\n        default: displayType = node.nodeType.charAt(0).toUpperCase() + node.nodeType.slice(1);\n      }\n      if (textContent.trim()) {\n        result.push({ type: displayType, content: textContent.trim(), level: headingLevel });\n      }\n      node.content.forEach(child => {\n        if (child.nodeType !== 'text') extractFromNode(child);\n      });\n    }\n  };\n  if (document.content) document.content.forEach(node => extractFromNode(node));\n  return result;\n}\n\n// Main Contentful diff renderer\nexport async function renderContentfulDiff(\n  origDoc: Document,\n  modDoc: Document,\n  compareMode: 'text' | 'structure',\n  caseSensitive: boolean,\n  renderStringDiff: (a: string, b: string) => { originalParts: any[]; modifiedParts: any[] }\n) {\n  // Dynamically import diff for Vite/ESM compatibility\n  const DiffModule = await import('diff');\n  const Diff = DiffModule.default ?? DiffModule;\n  const { diffWords, diffArrays } = Diff;\n\n  if (compareMode === 'structure') {\n    const origStructure = extractStructuredContent(origDoc);\n    const modStructure = extractStructuredContent(modDoc);\n\n    const diff = diffArrays(\n      origStructure,\n      modStructure,\n      {\n        comparator: (a: any, b: any) =>\n          a.type === b.type &&\n          a.content === b.content &&\n          a.level === b.level\n      }\n    );\n\n    const originalParts: any[] = [];\n    const modifiedParts: any[] = [];\n\n    let origIdx = 0;\n    let modIdx = 0;\n\n    diff.forEach((part: any) => {\n      if (part.added) {\n        part.value.forEach((modItem: any, i: number) => {\n          originalParts.push(\n            <div key={`blank-orig-${modIdx + i}`} className=\"diff-blank-line\" />\n          );\n          modifiedParts.push(\n            <div key={`added-mod-${modIdx + i}`} className=\"diff-added-line\">\n              <span className=\"diff-structure-type\">{modItem.type}</span>\n              {modItem.level && <span className=\"diff-structure-level\"> H{modItem.level}</span>}\n              <span className=\"diff-structure-content\">: {modItem.content}</span>\n            </div>\n          );\n        });\n        modIdx += part.count || 0;\n      } else if (part.removed) {\n        part.value.forEach((origItem: any, i: number) => {\n          originalParts.push(\n            <div key={`removed-orig-${origIdx + i}`} className=\"diff-removed-line\">\n              <span className=\"diff-structure-type\">{origItem.type}</span>\n              {origItem.level && <span className=\"diff-structure-level\"> H{origItem.level}</span>}\n              <span className=\"diff-structure-content\">: {origItem.content}</span>\n            </div>\n          );\n          modifiedParts.push(\n            <div key={`blank-mod-${origIdx + i}`} className=\"diff-blank-line\" />\n          );\n        });\n        origIdx += part.count || 0;\n      } else {\n        part.value.forEach((item: any, i: number) => {\n          originalParts.push(\n            <div key={`unchanged-orig-${origIdx + i}`} className=\"diff-unchanged-line\">\n              <span className=\"diff-structure-type\">{item.type}</span>\n              {item.level && <span className=\"diff-structure-level\"> H{item.level}</span>}\n              <span className=\"diff-structure-content\">: {item.content}</span>\n            </div>\n          );\n          modifiedParts.push(\n            <div key={`unchanged-mod-${modIdx + i}`} className=\"diff-unchanged-line\">\n              <span className=\"diff-structure-type\">{item.type}</span>\n              {item.level && <span className=\"diff-structure-level\"> H{item.level}</span>}\n              <span className=\"diff-structure-content\">: {item.content}</span>\n            </div>\n          );\n        });\n        origIdx += part.count || 0;\n        modIdx += part.count || 0;\n      }\n    });\n\n    return { originalParts, modifiedParts };\n  } else {\n    // Text-based comparison of Contentful documents\n    const origText = extractPlainText(origDoc);\n    const modText = extractPlainText(modDoc);\n    return renderStringDiff(origText, modText);\n  }\n}","import React, { useEffect, useState } from 'react';\nimport { Document } from '@contentful/rich-text-types';\nimport {\n  isContentfulDocument,\n  renderContentfulDiff\n} from './contentfulDiff';\nimport * as Diff from 'diff';\n\nfunction renderStringDiff(orig: string, mod: string) {\n  const difference = Diff.diffWords(orig, mod);\n  const originalParts: any[] = [];\n  const modifiedParts: any[] = [];\n  for (const part of difference) {\n    if (part.removed) {\n      originalParts.push(\n        <span key={originalParts.length} className=\"diff-removed\">\n          {part.value}\n        </span>\n      );\n    } else if (part.added) {\n      modifiedParts.push(\n        <span key={modifiedParts.length} className=\"diff-added\">\n          {part.value}\n        </span>\n      );\n    } else {\n      originalParts.push(\n        <span key={originalParts.length} className=\"diff-unchanged\">\n          {part.value}\n        </span>\n      );\n      modifiedParts.push(\n        <span key={modifiedParts.length} className=\"diff-unchanged\">\n          {part.value}\n        </span>\n      );\n    }\n  }\n  return { originalParts, modifiedParts };\n}\n\nfunction renderArrayDiff(original: string[], modified: string[]) {\n  const maxLength = Math.max(original.length, modified.length);\n  const originalParts: any[] = [];\n  const modifiedParts: any[] = [];\n  for (let i = 0; i < maxLength; i++) {\n    const orig = original[i] ?? '';\n    const mod = modified[i] ?? '';\n    if (orig === mod) {\n      originalParts.push(\n        <div key={`orig-${i}`} className=\"diff-unchanged-line\">{orig}</div>\n      );\n      modifiedParts.push(\n        <div key={`mod-${i}`} className=\"diff-unchanged-line\">{mod}</div>\n      );\n    } else {\n      originalParts.push(\n        <div key={`orig-${i}`} className={orig ? \"diff-removed-line\" : \"diff-blank-line\"}>{orig}</div>\n      );\n      modifiedParts.push(\n        <div key={`mod-${i}`} className={mod ? \"diff-added-line\" : \"diff-blank-line\"}>{mod}</div>\n      );\n    }\n  }\n  return { originalParts, modifiedParts };\n}\n\nexport interface CompareProps {\n  original: string | string[] | Document;\n  modified: string | string[] | Document;\n  className?: string;\n  viewMode?: 'side-by-side' | 'inline';\n  caseSensitive?: boolean;\n  compareMode?: 'text' | 'structure';\n}\n\nexport const Compare: React.FC<CompareProps> = ({\n  original,\n  modified,\n  className = '',\n  viewMode = 'side-by-side',\n  caseSensitive = true,\n  compareMode = 'text',\n}) => {\n  const isStringComparison = typeof original === 'string' && typeof modified === 'string';\n  const isArrayComparison = Array.isArray(original) && Array.isArray(modified);\n  const isContentfulComparison = isContentfulDocument(original) && isContentfulDocument(modified);\n\n  const [contentfulParts, setContentfulParts] = useState<{ originalParts: any[]; modifiedParts: any[] } | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    if (isContentfulComparison) {\n      setContentfulParts(null); // reset while loading\n      renderContentfulDiff(\n        original as Document,\n        modified as Document,\n        compareMode,\n        caseSensitive,\n        renderStringDiff\n      ).then(result => {\n        if (!cancelled) setContentfulParts(result);\n      });\n    }\n    return () => { cancelled = true; };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [original, modified, compareMode, caseSensitive, isContentfulComparison]);\n\n  let originalParts: any[] = [], modifiedParts: any[] = [];\n  if (isStringComparison) {\n    ({ originalParts, modifiedParts } = renderStringDiff(original as string, modified as string));\n  } else if (isArrayComparison) {\n    ({ originalParts, modifiedParts } = renderArrayDiff(original as string[], modified as string[]));\n  } else if (isContentfulComparison) {\n    if (contentfulParts) {\n      originalParts = contentfulParts.originalParts;\n      modifiedParts = contentfulParts.modifiedParts;\n    } else {\n      originalParts = [<div key=\"loading\">Loading...</div>];\n      modifiedParts = [<div key=\"loading\">Loading...</div>];\n    }\n  }\n\n  if (\n    !isStringComparison &&\n    !isArrayComparison &&\n    !isContentfulComparison\n  ) {\n    return (\n      <div className={`compare-error ${className}`}>\n        Error: Invalid input for comparison.\n      </div>\n    );\n  }\n\n  if (viewMode === 'inline') {\n    return (\n      <div className={`compare-inline ${className}`}>\n        <div className=\"compare-content\">\n          {originalParts}\n          {modifiedParts}\n        </div>\n      </div>\n    );\n  }\n  \n\n  return (\n    <div className={`compare-side-by-side ${className}`}>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header original-header\">Original</div>\n        <div className=\"compare-content original-content\">\n          {originalParts}\n        </div>\n      </div>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header modified-header\">Modified</div>\n        <div className=\"compare-content modified-content\">\n          {modifiedParts}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Compare;"],"names":["isContentfulDocument","value","nodeType","BLOCKS","DOCUMENT","Array","isArray","content","extractPlainText","document","extractFromNode","node","map","child","join","extractStructuredContent","result","textContent","displayType","headingLevel","HEADING_1","HEADING_2","HEADING_3","HEADING_4","HEADING_5","HEADING_6","PARAGRAPH","UL_LIST","OL_LIST","LIST_ITEM","QUOTE","TABLE","charAt","toUpperCase","slice","trim","push","type","level","forEach","renderContentfulDiff","origDoc","modDoc","compareMode","caseSensitive","renderStringDiff","DiffModule","Diff","default","diffWords","diffArrays","origStructure","modStructure","diff","comparator","a","b","originalParts","modifiedParts","origIdx","modIdx","part","added","modItem","i","_jsx","className","_jsxs","children","count","removed","origItem","item","origText","modText","orig","mod","difference","length","renderArrayDiff","original","modified","maxLength","Math","max","Compare","viewMode","isStringComparison","isArrayComparison","isContentfulComparison","contentfulParts","setContentfulParts","useState","useEffect","cancelled","then"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,139 +1,345 @@
-import { diffWords, diffArrays } from 'diff';
-import 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { BLOCKS } from '@contentful/rich-text-types';
+import * as Diff from 'diff';
 
-const Compare = ({
-  original,
-  modified,
-  className = '',
-  viewMode = 'side-by-side',
-  caseSensitive = true // <-- Default true
-}) => {
-  // Handle string comparison
-  const renderStringDiff = (orig, mod) => {
-    const diff = diffWords(orig, mod, {
-      ignoreCase: !caseSensitive
-    });
-    const originalParts = [];
-    const modifiedParts = [];
-    for (const part of diff) {
-      if (part.removed) {
-        originalParts.push(/*#__PURE__*/jsx("span", {
-          className: "diff-removed",
-          children: part.value
-        }, originalParts.length));
-      } else if (part.added) {
-        modifiedParts.push(/*#__PURE__*/jsx("span", {
-          className: "diff-added",
-          children: part.value
-        }, modifiedParts.length));
-      } else {
-        originalParts.push(/*#__PURE__*/jsx("span", {
-          className: "diff-unchanged",
-          children: part.value
-        }, originalParts.length));
-        modifiedParts.push(/*#__PURE__*/jsx("span", {
-          className: "diff-unchanged",
-          children: part.value
-        }, modifiedParts.length));
-      }
+// Exported type guard for Contentful documents
+function isContentfulDocument(value) {
+  return value && typeof value === 'object' && value.nodeType === BLOCKS.DOCUMENT && Array.isArray(value.content);
+}
+// Extract plain text from Contentful document
+function extractPlainText(document) {
+  const extractFromNode = node => {
+    if (node.nodeType === 'text') {
+      return node.value;
     }
-    return {
-      originalParts,
-      modifiedParts
-    };
+    if ('content' in node && node.content) {
+      return node.content.map(child => extractFromNode(child)).join('');
+    }
+    return '';
   };
-
-  // Handle array comparison
-  const renderArrayDiff = (orig, mod) => {
-    let origArr = orig;
-    let modArr = mod;
-    if (!caseSensitive) {
-      origArr = orig.map(s => typeof s === 'string' ? s.toLowerCase() : s);
-      modArr = mod.map(s => typeof s === 'string' ? s.toLowerCase() : s);
+  return extractFromNode(document);
+}
+// Extract structured content for structure diff
+function extractStructuredContent(document) {
+  const result = [];
+  const extractFromNode = node => {
+    if (node.nodeType === 'text') return;
+    if ('content' in node && node.content) {
+      const textContent = node.content.map(child => child.nodeType === 'text' ? child.value : '').join('');
+      let displayType = node.nodeType;
+      let headingLevel;
+      switch (node.nodeType) {
+        case BLOCKS.HEADING_1:
+          displayType = 'Heading';
+          headingLevel = 1;
+          break;
+        case BLOCKS.HEADING_2:
+          displayType = 'Heading';
+          headingLevel = 2;
+          break;
+        case BLOCKS.HEADING_3:
+          displayType = 'Heading';
+          headingLevel = 3;
+          break;
+        case BLOCKS.HEADING_4:
+          displayType = 'Heading';
+          headingLevel = 4;
+          break;
+        case BLOCKS.HEADING_5:
+          displayType = 'Heading';
+          headingLevel = 5;
+          break;
+        case BLOCKS.HEADING_6:
+          displayType = 'Heading';
+          headingLevel = 6;
+          break;
+        case BLOCKS.PARAGRAPH:
+          displayType = 'Text';
+          break;
+        case BLOCKS.UL_LIST:
+          displayType = 'List';
+          break;
+        case BLOCKS.OL_LIST:
+          displayType = 'Numbered List';
+          break;
+        case BLOCKS.LIST_ITEM:
+          displayType = 'List Item';
+          break;
+        case BLOCKS.QUOTE:
+          displayType = 'Quote';
+          break;
+        case BLOCKS.TABLE:
+          displayType = 'Table';
+          break;
+        default:
+          displayType = node.nodeType.charAt(0).toUpperCase() + node.nodeType.slice(1);
+      }
+      if (textContent.trim()) {
+        result.push({
+          type: displayType,
+          content: textContent.trim(),
+          level: headingLevel
+        });
+      }
+      node.content.forEach(child => {
+        if (child.nodeType !== 'text') extractFromNode(child);
+      });
     }
-    const diff = diffArrays(origArr, modArr);
+  };
+  if (document.content) document.content.forEach(node => extractFromNode(node));
+  return result;
+}
+// Main Contentful diff renderer
+async function renderContentfulDiff(origDoc, modDoc, compareMode, caseSensitive, renderStringDiff) {
+  // Dynamically import diff for Vite/ESM compatibility
+  const DiffModule = await import('diff');
+  const Diff = DiffModule.default ?? DiffModule;
+  const {
+    diffWords,
+    diffArrays
+  } = Diff;
+  if (compareMode === 'structure') {
+    const origStructure = extractStructuredContent(origDoc);
+    const modStructure = extractStructuredContent(modDoc);
+    const diff = diffArrays(origStructure, modStructure, {
+      comparator: (a, b) => a.type === b.type && a.content === b.content && a.level === b.level
+    });
     const originalParts = [];
     const modifiedParts = [];
-    for (const part of diff) {
-      if (part.removed) {
-        part.value.forEach((item, index) => {
-          originalParts.push(/*#__PURE__*/jsx("div", {
-            className: "diff-removed-line",
-            children: orig[origArr.indexOf(item, originalParts.length)] ?? item
-          }, `${originalParts.length}-${index}`));
-        });
-      } else if (part.added) {
-        part.value.forEach((item, index) => {
-          modifiedParts.push(/*#__PURE__*/jsx("div", {
+    let origIdx = 0;
+    let modIdx = 0;
+    diff.forEach(part => {
+      if (part.added) {
+        part.value.forEach((modItem, i) => {
+          originalParts.push(jsx("div", {
+            className: "diff-blank-line"
+          }, `blank-orig-${modIdx + i}`));
+          modifiedParts.push(jsxs("div", {
             className: "diff-added-line",
-            children: mod[modArr.indexOf(item, modifiedParts.length)] ?? item
-          }, `${modifiedParts.length}-${index}`));
+            children: [jsx("span", {
+              className: "diff-structure-type",
+              children: modItem.type
+            }), modItem.level && jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", modItem.level]
+            }), jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", modItem.content]
+            })]
+          }, `added-mod-${modIdx + i}`));
+        });
+        modIdx += part.count || 0;
+      } else if (part.removed) {
+        part.value.forEach((origItem, i) => {
+          originalParts.push(jsxs("div", {
+            className: "diff-removed-line",
+            children: [jsx("span", {
+              className: "diff-structure-type",
+              children: origItem.type
+            }), origItem.level && jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", origItem.level]
+            }), jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", origItem.content]
+            })]
+          }, `removed-orig-${origIdx + i}`));
+          modifiedParts.push(jsx("div", {
+            className: "diff-blank-line"
+          }, `blank-mod-${origIdx + i}`));
         });
+        origIdx += part.count || 0;
       } else {
-        part.value.forEach((item, index) => {
-          originalParts.push(/*#__PURE__*/jsx("div", {
+        part.value.forEach((item, i) => {
+          originalParts.push(jsxs("div", {
             className: "diff-unchanged-line",
-            children: orig[origArr.indexOf(item, originalParts.length)] ?? item
-          }, `${originalParts.length}-${index}`));
-          modifiedParts.push(/*#__PURE__*/jsx("div", {
+            children: [jsx("span", {
+              className: "diff-structure-type",
+              children: item.type
+            }), item.level && jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", item.level]
+            }), jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", item.content]
+            })]
+          }, `unchanged-orig-${origIdx + i}`));
+          modifiedParts.push(jsxs("div", {
             className: "diff-unchanged-line",
-            children: mod[modArr.indexOf(item, modifiedParts.length)] ?? item
-          }, `${modifiedParts.length}-${index}`));
+            children: [jsx("span", {
+              className: "diff-structure-type",
+              children: item.type
+            }), item.level && jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", item.level]
+            }), jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", item.content]
+            })]
+          }, `unchanged-mod-${modIdx + i}`));
         });
+        origIdx += part.count || 0;
+        modIdx += part.count || 0;
       }
-    }
+    });
     return {
       originalParts,
       modifiedParts
     };
+  } else {
+    // Text-based comparison of Contentful documents
+    const origText = extractPlainText(origDoc);
+    const modText = extractPlainText(modDoc);
+    return renderStringDiff(origText, modText);
+  }
+}
+
+function renderStringDiff(orig, mod) {
+  const difference = Diff.diffWords(orig, mod);
+  const originalParts = [];
+  const modifiedParts = [];
+  for (const part of difference) {
+    if (part.removed) {
+      originalParts.push(jsx("span", {
+        className: "diff-removed",
+        children: part.value
+      }, originalParts.length));
+    } else if (part.added) {
+      modifiedParts.push(jsx("span", {
+        className: "diff-added",
+        children: part.value
+      }, modifiedParts.length));
+    } else {
+      originalParts.push(jsx("span", {
+        className: "diff-unchanged",
+        children: part.value
+      }, originalParts.length));
+      modifiedParts.push(jsx("span", {
+        className: "diff-unchanged",
+        children: part.value
+      }, modifiedParts.length));
+    }
+  }
+  return {
+    originalParts,
+    modifiedParts
   };
+}
+function renderArrayDiff(original, modified) {
+  const maxLength = Math.max(original.length, modified.length);
+  const originalParts = [];
+  const modifiedParts = [];
+  for (let i = 0; i < maxLength; i++) {
+    const orig = original[i] ?? '';
+    const mod = modified[i] ?? '';
+    if (orig === mod) {
+      originalParts.push(jsx("div", {
+        className: "diff-unchanged-line",
+        children: orig
+      }, `orig-${i}`));
+      modifiedParts.push(jsx("div", {
+        className: "diff-unchanged-line",
+        children: mod
+      }, `mod-${i}`));
+    } else {
+      originalParts.push(jsx("div", {
+        className: orig ? "diff-removed-line" : "diff-blank-line",
+        children: orig
+      }, `orig-${i}`));
+      modifiedParts.push(jsx("div", {
+        className: mod ? "diff-added-line" : "diff-blank-line",
+        children: mod
+      }, `mod-${i}`));
+    }
+  }
+  return {
+    originalParts,
+    modifiedParts
+  };
+}
+const Compare = ({
+  original,
+  modified,
+  className = '',
+  viewMode = 'side-by-side',
+  caseSensitive = true,
+  compareMode = 'text'
+}) => {
   const isStringComparison = typeof original === 'string' && typeof modified === 'string';
   const isArrayComparison = Array.isArray(original) && Array.isArray(modified);
-  if (!isStringComparison && !isArrayComparison) {
-    return /*#__PURE__*/jsx("div", {
-      className: `compare-error ${className}`,
-      children: "Error: Both inputs must be either strings or arrays of strings"
-    });
-  }
-  let originalParts, modifiedParts;
+  const isContentfulComparison = isContentfulDocument(original) && isContentfulDocument(modified);
+  const [contentfulParts, setContentfulParts] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    if (isContentfulComparison) {
+      setContentfulParts(null); // reset while loading
+      renderContentfulDiff(original, modified, compareMode, caseSensitive, renderStringDiff).then(result => {
+        if (!cancelled) setContentfulParts(result);
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [original, modified, compareMode, caseSensitive, isContentfulComparison]);
+  let originalParts = [],
+    modifiedParts = [];
   if (isStringComparison) {
     ({
       originalParts,
       modifiedParts
     } = renderStringDiff(original, modified));
-  } else {
+  } else if (isArrayComparison) {
     ({
       originalParts,
       modifiedParts
     } = renderArrayDiff(original, modified));
+  } else if (isContentfulComparison) {
+    if (contentfulParts) {
+      originalParts = contentfulParts.originalParts;
+      modifiedParts = contentfulParts.modifiedParts;
+    } else {
+      originalParts = [jsx("div", {
+        children: "Loading..."
+      }, "loading")];
+      modifiedParts = [jsx("div", {
+        children: "Loading..."
+      }, "loading")];
+    }
+  }
+  if (!isStringComparison && !isArrayComparison && !isContentfulComparison) {
+    return jsx("div", {
+      className: `compare-error ${className}`,
+      children: "Error: Invalid input for comparison."
+    });
   }
   if (viewMode === 'inline') {
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: `compare-inline ${className}`,
-      children: /*#__PURE__*/jsxs("div", {
+      children: jsxs("div", {
         className: "compare-content",
         children: [originalParts, modifiedParts]
       })
     });
   }
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     className: `compare-side-by-side ${className}`,
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [jsxs("div", {
       className: "compare-panel",
-      children: [/*#__PURE__*/jsx("div", {
+      children: [jsx("div", {
         className: "compare-header original-header",
         children: "Original"
-      }), /*#__PURE__*/jsx("div", {
+      }), jsx("div", {
         className: "compare-content original-content",
         children: originalParts
       })]
-    }), /*#__PURE__*/jsxs("div", {
+    }), jsxs("div", {
       className: "compare-panel",
-      children: [/*#__PURE__*/jsx("div", {
+      children: [jsx("div", {
         className: "compare-header modified-header",
         children: "Modified"
-      }), /*#__PURE__*/jsx("div", {
+      }), jsx("div", {
         className: "compare-content modified-content",
         children: modifiedParts
       })]

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Compare.tsx"],"sourcesContent":["import { diffWords, diffArrays } from 'diff';\nimport React from 'react';\n\n// Types\nexport interface CompareProps {\n  original: string | string[];\n  modified: string | string[];\n  className?: string;\n  viewMode?: 'side-by-side' | 'inline';\n  caseSensitive?: boolean; // <-- Added\n}\n\nexport const Compare: React.FC<CompareProps> = ({\n  original,\n  modified,\n  className = '',\n  viewMode = 'side-by-side',\n  caseSensitive = true, // <-- Default true\n}) => {\n  // Handle string comparison\n  const renderStringDiff = (orig: string, mod: string) => {\n    const diff = diffWords(orig, mod, { ignoreCase: !caseSensitive });\n    const originalParts: any[] = [];\n    const modifiedParts: any[] = [];\n    for (const part of diff) {\n      if (part.removed) {\n        originalParts.push(\n          <span key={originalParts.length} className=\"diff-removed\">\n            {part.value}\n          </span>\n        );\n      } else if (part.added) {\n        modifiedParts.push(\n          <span key={modifiedParts.length} className=\"diff-added\">\n            {part.value}\n          </span>\n        );\n      } else {\n        originalParts.push(\n          <span key={originalParts.length} className=\"diff-unchanged\">\n            {part.value}\n          </span>\n        );\n        modifiedParts.push(\n          <span key={modifiedParts.length} className=\"diff-unchanged\">\n            {part.value}\n          </span>\n        );\n      }\n    }\n    return { originalParts, modifiedParts };\n  };\n\n  // Handle array comparison\n  const renderArrayDiff = (orig: string[], mod: string[]) => {\n    let origArr = orig;\n    let modArr = mod;\n    if (!caseSensitive) {\n      origArr = orig.map((s) => (typeof s === 'string' ? s.toLowerCase() : s));\n      modArr = mod.map((s) => (typeof s === 'string' ? s.toLowerCase() : s));\n    }\n    const diff = diffArrays(origArr, modArr);\n    const originalParts: any[] = [];\n    const modifiedParts: any[] = [];\n    for (const part of diff) {\n      if (part.removed) {\n        part.value.forEach((item: string, index: number) => {\n          originalParts.push(\n            <div key={`${originalParts.length}-${index}`} className=\"diff-removed-line\">\n              {orig[origArr.indexOf(item, originalParts.length)] ?? item}\n            </div>\n          );\n        });\n      } else if (part.added) {\n        part.value.forEach((item: string, index: number) => {\n          modifiedParts.push(\n            <div key={`${modifiedParts.length}-${index}`} className=\"diff-added-line\">\n              {mod[modArr.indexOf(item, modifiedParts.length)] ?? item}\n            </div>\n          );\n        });\n      } else {\n        part.value.forEach((item: string, index: number) => {\n          originalParts.push(\n            <div key={`${originalParts.length}-${index}`} className=\"diff-unchanged-line\">\n              {orig[origArr.indexOf(item, originalParts.length)] ?? item}\n            </div>\n          );\n          modifiedParts.push(\n            <div key={`${modifiedParts.length}-${index}`} className=\"diff-unchanged-line\">\n              {mod[modArr.indexOf(item, modifiedParts.length)] ?? item}\n            </div>\n          );\n        });\n      }\n    }\n    return { originalParts, modifiedParts };\n  };\n\n  const isStringComparison = typeof original === 'string' && typeof modified === 'string';\n  const isArrayComparison = Array.isArray(original) && Array.isArray(modified);\n\n  if (!isStringComparison && !isArrayComparison) {\n    return (\n      <div className={`compare-error ${className}`}>\n        Error: Both inputs must be either strings or arrays of strings\n      </div>\n    );\n  }\n\n  let originalParts: any[], modifiedParts: any[];\n  if (isStringComparison) {\n    ({ originalParts, modifiedParts } = renderStringDiff(original as string, modified as string));\n  } else {\n    ({ originalParts, modifiedParts } = renderArrayDiff(original as string[], modified as string[]));\n  }\n\n  if (viewMode === 'inline') {\n    return (\n      <div className={`compare-inline ${className}`}>\n        <div className=\"compare-content\">\n          {originalParts}\n          {modifiedParts}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={`compare-side-by-side ${className}`}>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header original-header\">Original</div>\n        <div className=\"compare-content original-content\">\n          {originalParts}\n        </div>\n      </div>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header modified-header\">Modified</div>\n        <div className=\"compare-content modified-content\">\n          {modifiedParts}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Compare;"],"names":["Compare","original","modified","className","viewMode","caseSensitive","renderStringDiff","orig","mod","diff","diffWords","ignoreCase","originalParts","modifiedParts","part","removed","push","_jsx","children","value","length","added","renderArrayDiff","origArr","modArr","map","s","toLowerCase","diffArrays","forEach","item","index","indexOf","isStringComparison","isArrayComparison","Array","isArray","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/contentfulDiff.tsx","../../src/components/Compare.tsx"],"sourcesContent":["import React from 'react';\nimport { BLOCKS, Document, Block, Inline, Text } from '@contentful/rich-text-types';\n\n// Exported type guard for Contentful documents\nexport function isContentfulDocument(value: any): value is Document {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.nodeType === BLOCKS.DOCUMENT &&\n    Array.isArray(value.content)\n  );\n}\n\n// Extract plain text from Contentful document\nexport function extractPlainText(document: Document): string {\n  const extractFromNode = (node: Block | Inline | Text): string => {\n    if (node.nodeType === 'text') {\n      return (node as Text).value;\n    }\n    if ('content' in node && node.content) {\n      return node.content.map(child => extractFromNode(child)).join('');\n    }\n    return '';\n  };\n  return extractFromNode(document);\n}\n\n// Extract structured content for structure diff\nexport function extractStructuredContent(document: Document): Array<{ type: string; content: string; level?: number }> {\n  const result: Array<{ type: string; content: string; level?: number }> = [];\n  const extractFromNode = (node: Block | Inline | Text): void => {\n    if (node.nodeType === 'text') return;\n    if ('content' in node && node.content) {\n      const textContent = node.content.map(child =>\n        child.nodeType === 'text' ? (child as Text).value : ''\n      ).join('');\n      let displayType: string = node.nodeType;\n      let headingLevel: number | undefined;\n      switch (node.nodeType) {\n        case BLOCKS.HEADING_1: displayType = 'Heading'; headingLevel = 1; break;\n        case BLOCKS.HEADING_2: displayType = 'Heading'; headingLevel = 2; break;\n        case BLOCKS.HEADING_3: displayType = 'Heading'; headingLevel = 3; break;\n        case BLOCKS.HEADING_4: displayType = 'Heading'; headingLevel = 4; break;\n        case BLOCKS.HEADING_5: displayType = 'Heading'; headingLevel = 5; break;\n        case BLOCKS.HEADING_6: displayType = 'Heading'; headingLevel = 6; break;\n        case BLOCKS.PARAGRAPH: displayType = 'Text'; break;\n        case BLOCKS.UL_LIST: displayType = 'List'; break;\n        case BLOCKS.OL_LIST: displayType = 'Numbered List'; break;\n        case BLOCKS.LIST_ITEM: displayType = 'List Item'; break;\n        case BLOCKS.QUOTE: displayType = 'Quote'; break;\n        case BLOCKS.TABLE: displayType = 'Table'; break;\n        default: displayType = node.nodeType.charAt(0).toUpperCase() + node.nodeType.slice(1);\n      }\n      if (textContent.trim()) {\n        result.push({ type: displayType, content: textContent.trim(), level: headingLevel });\n      }\n      node.content.forEach(child => {\n        if (child.nodeType !== 'text') extractFromNode(child);\n      });\n    }\n  };\n  if (document.content) document.content.forEach(node => extractFromNode(node));\n  return result;\n}\n\n// Main Contentful diff renderer\nexport async function renderContentfulDiff(\n  origDoc: Document,\n  modDoc: Document,\n  compareMode: 'text' | 'structure',\n  caseSensitive: boolean,\n  renderStringDiff: (a: string, b: string) => { originalParts: any[]; modifiedParts: any[] }\n) {\n  // Dynamically import diff for Vite/ESM compatibility\n  const DiffModule = await import('diff');\n  const Diff = DiffModule.default ?? DiffModule;\n  const { diffWords, diffArrays } = Diff;\n\n  if (compareMode === 'structure') {\n    const origStructure = extractStructuredContent(origDoc);\n    const modStructure = extractStructuredContent(modDoc);\n\n    const diff = diffArrays(\n      origStructure,\n      modStructure,\n      {\n        comparator: (a: any, b: any) =>\n          a.type === b.type &&\n          a.content === b.content &&\n          a.level === b.level\n      }\n    );\n\n    const originalParts: any[] = [];\n    const modifiedParts: any[] = [];\n\n    let origIdx = 0;\n    let modIdx = 0;\n\n    diff.forEach((part: any) => {\n      if (part.added) {\n        part.value.forEach((modItem: any, i: number) => {\n          originalParts.push(\n            <div key={`blank-orig-${modIdx + i}`} className=\"diff-blank-line\" />\n          );\n          modifiedParts.push(\n            <div key={`added-mod-${modIdx + i}`} className=\"diff-added-line\">\n              <span className=\"diff-structure-type\">{modItem.type}</span>\n              {modItem.level && <span className=\"diff-structure-level\"> H{modItem.level}</span>}\n              <span className=\"diff-structure-content\">: {modItem.content}</span>\n            </div>\n          );\n        });\n        modIdx += part.count || 0;\n      } else if (part.removed) {\n        part.value.forEach((origItem: any, i: number) => {\n          originalParts.push(\n            <div key={`removed-orig-${origIdx + i}`} className=\"diff-removed-line\">\n              <span className=\"diff-structure-type\">{origItem.type}</span>\n              {origItem.level && <span className=\"diff-structure-level\"> H{origItem.level}</span>}\n              <span className=\"diff-structure-content\">: {origItem.content}</span>\n            </div>\n          );\n          modifiedParts.push(\n            <div key={`blank-mod-${origIdx + i}`} className=\"diff-blank-line\" />\n          );\n        });\n        origIdx += part.count || 0;\n      } else {\n        part.value.forEach((item: any, i: number) => {\n          originalParts.push(\n            <div key={`unchanged-orig-${origIdx + i}`} className=\"diff-unchanged-line\">\n              <span className=\"diff-structure-type\">{item.type}</span>\n              {item.level && <span className=\"diff-structure-level\"> H{item.level}</span>}\n              <span className=\"diff-structure-content\">: {item.content}</span>\n            </div>\n          );\n          modifiedParts.push(\n            <div key={`unchanged-mod-${modIdx + i}`} className=\"diff-unchanged-line\">\n              <span className=\"diff-structure-type\">{item.type}</span>\n              {item.level && <span className=\"diff-structure-level\"> H{item.level}</span>}\n              <span className=\"diff-structure-content\">: {item.content}</span>\n            </div>\n          );\n        });\n        origIdx += part.count || 0;\n        modIdx += part.count || 0;\n      }\n    });\n\n    return { originalParts, modifiedParts };\n  } else {\n    // Text-based comparison of Contentful documents\n    const origText = extractPlainText(origDoc);\n    const modText = extractPlainText(modDoc);\n    return renderStringDiff(origText, modText);\n  }\n}","import React, { useEffect, useState } from 'react';\nimport { Document } from '@contentful/rich-text-types';\nimport {\n  isContentfulDocument,\n  renderContentfulDiff\n} from './contentfulDiff';\nimport * as Diff from 'diff';\n\nfunction renderStringDiff(orig: string, mod: string) {\n  const difference = Diff.diffWords(orig, mod);\n  const originalParts: any[] = [];\n  const modifiedParts: any[] = [];\n  for (const part of difference) {\n    if (part.removed) {\n      originalParts.push(\n        <span key={originalParts.length} className=\"diff-removed\">\n          {part.value}\n        </span>\n      );\n    } else if (part.added) {\n      modifiedParts.push(\n        <span key={modifiedParts.length} className=\"diff-added\">\n          {part.value}\n        </span>\n      );\n    } else {\n      originalParts.push(\n        <span key={originalParts.length} className=\"diff-unchanged\">\n          {part.value}\n        </span>\n      );\n      modifiedParts.push(\n        <span key={modifiedParts.length} className=\"diff-unchanged\">\n          {part.value}\n        </span>\n      );\n    }\n  }\n  return { originalParts, modifiedParts };\n}\n\nfunction renderArrayDiff(original: string[], modified: string[]) {\n  const maxLength = Math.max(original.length, modified.length);\n  const originalParts: any[] = [];\n  const modifiedParts: any[] = [];\n  for (let i = 0; i < maxLength; i++) {\n    const orig = original[i] ?? '';\n    const mod = modified[i] ?? '';\n    if (orig === mod) {\n      originalParts.push(\n        <div key={`orig-${i}`} className=\"diff-unchanged-line\">{orig}</div>\n      );\n      modifiedParts.push(\n        <div key={`mod-${i}`} className=\"diff-unchanged-line\">{mod}</div>\n      );\n    } else {\n      originalParts.push(\n        <div key={`orig-${i}`} className={orig ? \"diff-removed-line\" : \"diff-blank-line\"}>{orig}</div>\n      );\n      modifiedParts.push(\n        <div key={`mod-${i}`} className={mod ? \"diff-added-line\" : \"diff-blank-line\"}>{mod}</div>\n      );\n    }\n  }\n  return { originalParts, modifiedParts };\n}\n\nexport interface CompareProps {\n  original: string | string[] | Document;\n  modified: string | string[] | Document;\n  className?: string;\n  viewMode?: 'side-by-side' | 'inline';\n  caseSensitive?: boolean;\n  compareMode?: 'text' | 'structure';\n}\n\nexport const Compare: React.FC<CompareProps> = ({\n  original,\n  modified,\n  className = '',\n  viewMode = 'side-by-side',\n  caseSensitive = true,\n  compareMode = 'text',\n}) => {\n  const isStringComparison = typeof original === 'string' && typeof modified === 'string';\n  const isArrayComparison = Array.isArray(original) && Array.isArray(modified);\n  const isContentfulComparison = isContentfulDocument(original) && isContentfulDocument(modified);\n\n  const [contentfulParts, setContentfulParts] = useState<{ originalParts: any[]; modifiedParts: any[] } | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    if (isContentfulComparison) {\n      setContentfulParts(null); // reset while loading\n      renderContentfulDiff(\n        original as Document,\n        modified as Document,\n        compareMode,\n        caseSensitive,\n        renderStringDiff\n      ).then(result => {\n        if (!cancelled) setContentfulParts(result);\n      });\n    }\n    return () => { cancelled = true; };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [original, modified, compareMode, caseSensitive, isContentfulComparison]);\n\n  let originalParts: any[] = [], modifiedParts: any[] = [];\n  if (isStringComparison) {\n    ({ originalParts, modifiedParts } = renderStringDiff(original as string, modified as string));\n  } else if (isArrayComparison) {\n    ({ originalParts, modifiedParts } = renderArrayDiff(original as string[], modified as string[]));\n  } else if (isContentfulComparison) {\n    if (contentfulParts) {\n      originalParts = contentfulParts.originalParts;\n      modifiedParts = contentfulParts.modifiedParts;\n    } else {\n      originalParts = [<div key=\"loading\">Loading...</div>];\n      modifiedParts = [<div key=\"loading\">Loading...</div>];\n    }\n  }\n\n  if (\n    !isStringComparison &&\n    !isArrayComparison &&\n    !isContentfulComparison\n  ) {\n    return (\n      <div className={`compare-error ${className}`}>\n        Error: Invalid input for comparison.\n      </div>\n    );\n  }\n\n  if (viewMode === 'inline') {\n    return (\n      <div className={`compare-inline ${className}`}>\n        <div className=\"compare-content\">\n          {originalParts}\n          {modifiedParts}\n        </div>\n      </div>\n    );\n  }\n  \n\n  return (\n    <div className={`compare-side-by-side ${className}`}>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header original-header\">Original</div>\n        <div className=\"compare-content original-content\">\n          {originalParts}\n        </div>\n      </div>\n      <div className=\"compare-panel\">\n        <div className=\"compare-header modified-header\">Modified</div>\n        <div className=\"compare-content modified-content\">\n          {modifiedParts}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Compare;"],"names":["isContentfulDocument","value","nodeType","BLOCKS","DOCUMENT","Array","isArray","content","extractPlainText","document","extractFromNode","node","map","child","join","extractStructuredContent","result","textContent","displayType","headingLevel","HEADING_1","HEADING_2","HEADING_3","HEADING_4","HEADING_5","HEADING_6","PARAGRAPH","UL_LIST","OL_LIST","LIST_ITEM","QUOTE","TABLE","charAt","toUpperCase","slice","trim","push","type","level","forEach","renderContentfulDiff","origDoc","modDoc","compareMode","caseSensitive","renderStringDiff","DiffModule","Diff","default","diffWords","diffArrays","origStructure","modStructure","diff","comparator","a","b","originalParts","modifiedParts","origIdx","modIdx","part","added","modItem","i","_jsx","className","_jsxs","children","count","removed","origItem","item","origText","modText","orig","mod","difference","length","renderArrayDiff","original","modified","maxLength","Math","max","Compare","viewMode","isStringComparison","isArrayComparison","isContentfulComparison","contentfulParts","setContentfulParts","useState","useEffect","cancelled","then"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
+import { Document } from '@contentful/rich-text-types';
 
 interface CompareProps {
-    original: string | string[];
-    modified: string | string[];
+    original: string | string[] | Document;
+    modified: string | string[] | Document;
     className?: string;
     viewMode?: 'side-by-side' | 'inline';
     caseSensitive?: boolean;
+    compareMode?: 'text' | 'structure';
 }
 declare const Compare: React.FC<CompareProps>;
 

package/dist/styles.css

@@ -119,6 +119,48 @@
   font-weight: 500;
 }
 
+/* Contentful document comparison styles */
+.diff-structure-type {
+  font-weight: bold;
+  color: #4a5568;
+  font-size: 0.875rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.diff-structure-level {
+  color: #718096;
+  font-size: 0.75rem;
+  margin-left: 0.25rem;
+}
+
+.diff-structure-content {
+  margin-left: 0.5rem;
+}
+
+.diff-removed-line .diff-structure-type {
+  color: #c53030;
+}
+
+.diff-added-line .diff-structure-type {
+  color: #38a169;
+}
+
+.diff-unchanged-line .diff-structure-type {
+  color: #4a5568;
+}
+
+/* Enhanced styles for Contentful content */
+.compare-content .diff-structure-type {
+  display: inline-block;
+  min-width: 80px;
+}
+
+.compare-content .diff-structure-level {
+  display: inline-block;
+  min-width: 20px;
+}
+
 /* Responsive design */
 @media (max-width: 768px) {
   .compare-side-by-side {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crashbytes/react-version-compare",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A React component for comparing strings and arrays with precise word-level and item-level highlighting of differences.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -15,7 +15,8 @@
   "scripts": {
     "build": "rollup -c && cp src/styles/Compare.css dist/styles.css",
     "dev": "rollup -c -w",
-    "test": "jest",
+    "test": "jest --no-coverage",
+    "test:coverage": "jest --coverage",
     "test:watch": "jest --watch",
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run clean && npm run build",
@@ -55,6 +56,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
+    "@contentful/rich-text-types": "^17.0.1",
     "diff": "^8.0.1",
     "tslib": "^2.8.1"
   },