@crashbytes/react-version-compare 1.0.1 → 1.0.2

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

@@ -4,14 +4,114 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var diff = require('diff');
 require('react');
+var richTextTypes = require('@contentful/rich-text-types');
 var jsxRuntime = require('react/jsx-runtime');
 
+const 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);
+};
+const extractStructuredContent = document => {
+  const result = [];
+  const extractFromNode = node => {
+    if (node.nodeType === 'text') {
+      // Skip standalone text nodes as they're usually part of a parent structure
+      return;
+    }
+    if ('content' in node && node.content) {
+      const textContent = node.content.map(child => child.nodeType === 'text' ? child.value : '').join('');
+
+      // Map node types to user-friendly names and extract heading levels
+      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
+        });
+      }
+
+      // Recursively process child nodes for nested structures like list items
+      node.content.forEach(child => {
+        if (child.nodeType !== 'text') {
+          extractFromNode(child);
+        }
+      });
+    }
+  };
+  if (document.content) {
+    document.content.forEach(node => extractFromNode(node));
+  }
+  return result;
+};
+const isContentfulDocument = value => {
+  return value && typeof value === 'object' && value.nodeType === richTextTypes.BLOCKS.DOCUMENT && Array.isArray(value.content);
+};
+
+// Types
+
 const Compare = ({
   original,
   modified,
   className = '',
   viewMode = 'side-by-side',
-  caseSensitive = true // <-- Default true
+  caseSensitive = true,
+  compareMode = 'text' // Default to text comparison
 }) => {
   // Handle string comparison
   const renderStringDiff = (orig, mod) => {
@@ -92,12 +192,186 @@ const Compare = ({
       modifiedParts
     };
   };
+
+  // Handle Contentful document comparison
+  const renderContentfulDiff = (origDoc, modDoc) => {
+    if (compareMode === 'structure') {
+      // Compare structural elements
+      const origStructure = extractStructuredContent(origDoc);
+      const modStructure = extractStructuredContent(modDoc);
+
+      // Create a more sophisticated comparison that can handle changes within the same structure type
+      const maxLength = Math.max(origStructure.length, modStructure.length);
+      const originalParts = [];
+      const modifiedParts = [];
+      for (let i = 0; i < maxLength; i++) {
+        const origItem = origStructure[i];
+        const modItem = modStructure[i];
+        if (!origItem && modItem) {
+          // Added item
+          modifiedParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "diff-added-line",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "diff-structure-type",
+              children: modItem.type
+            }), modItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", modItem.level]
+            }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", modItem.content]
+            })]
+          }, `added-${i}`));
+        } else if (origItem && !modItem) {
+          // Removed item
+          originalParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "diff-removed-line",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "diff-structure-type",
+              children: origItem.type
+            }), origItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", origItem.level]
+            }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", origItem.content]
+            })]
+          }, `removed-${i}`));
+        } else if (origItem && modItem) {
+          // Compare items at the same position
+          const sameType = origItem.type === modItem.type && origItem.level === modItem.level;
+          if (sameType && origItem.content !== modItem.content) {
+            // Same structure type but different content - show word-level diff
+            const wordDiff = diff.diffWords(origItem.content, modItem.content, {
+              ignoreCase: !caseSensitive
+            });
+            const origContentParts = [];
+            const modContentParts = [];
+            for (const part of wordDiff) {
+              if (part.removed) {
+                origContentParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "diff-removed",
+                  children: part.value
+                }, origContentParts.length));
+              } else if (part.added) {
+                modContentParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "diff-added",
+                  children: part.value
+                }, modContentParts.length));
+              } else {
+                origContentParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "diff-unchanged",
+                  children: part.value
+                }, origContentParts.length));
+                modContentParts.push(/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "diff-unchanged",
+                  children: part.value
+                }, modContentParts.length));
+              }
+            }
+            originalParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "diff-structure-type",
+                children: origItem.type
+              }), origItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", origItem.level]
+              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", origContentParts]
+              })]
+            }, `orig-${i}`));
+            modifiedParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "diff-structure-type",
+                children: modItem.type
+              }), modItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", modItem.level]
+              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", modContentParts]
+              })]
+            }, `mod-${i}`));
+          } else if (sameType && origItem.content === modItem.content) {
+            // Completely unchanged
+            originalParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "diff-structure-type",
+                children: origItem.type
+              }), origItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", origItem.level]
+              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", origItem.content]
+              })]
+            }, `unchanged-orig-${i}`));
+            modifiedParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "diff-structure-type",
+                children: modItem.type
+              }), modItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", modItem.level]
+              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", modItem.content]
+              })]
+            }, `unchanged-mod-${i}`));
+          } else {
+            // Different structure types - show as removed and added
+            originalParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "diff-removed-line",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "diff-structure-type",
+                children: origItem.type
+              }), origItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", origItem.level]
+              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", origItem.content]
+              })]
+            }, `changed-orig-${i}`));
+            modifiedParts.push(/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "diff-added-line",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "diff-structure-type",
+                children: modItem.type
+              }), modItem.level && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", modItem.level]
+              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", modItem.content]
+              })]
+            }, `changed-mod-${i}`));
+          }
+        }
+      }
+      return {
+        originalParts,
+        modifiedParts
+      };
+    } else {
+      // Text-based comparison of Contentful documents
+      const origText = extractPlainText(origDoc);
+      const modText = extractPlainText(modDoc);
+      return renderStringDiff(origText, modText);
+    }
+  };
   const isStringComparison = typeof original === 'string' && typeof modified === 'string';
   const isArrayComparison = Array.isArray(original) && Array.isArray(modified);
-  if (!isStringComparison && !isArrayComparison) {
+  const isContentfulComparison = isContentfulDocument(original) && isContentfulDocument(modified);
+  if (!isStringComparison && !isArrayComparison && !isContentfulComparison) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: `compare-error ${className}`,
-      children: "Error: Both inputs must be either strings or arrays of strings"
+      children: "Error: Both inputs must be either strings, arrays of strings, or Contentful documents"
     });
   }
   let originalParts, modifiedParts;
@@ -106,11 +380,20 @@ const Compare = ({
       originalParts,
       modifiedParts
     } = renderStringDiff(original, modified));
-  } else {
+  } else if (isArrayComparison) {
     ({
       originalParts,
       modifiedParts
     } = renderArrayDiff(original, modified));
+  } else if (isContentfulComparison) {
+    ({
+      originalParts,
+      modifiedParts
+    } = renderContentfulDiff(original, modified));
+  } else {
+    // This should never happen due to the check above, but provide a fallback
+    originalParts = [];
+    modifiedParts = [];
   }
   if (viewMode === 'inline') {
     return /*#__PURE__*/jsxRuntime.jsx("div", {

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/Compare.tsx"],"sourcesContent":["import { diffWords, diffArrays } from 'diff';\nimport React from 'react';\nimport { Document, Block, Inline, Text, BLOCKS } from '@contentful/rich-text-types';\n\n// Utility functions for Contentful Rich Text\nconst 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    \n    if ('content' in node && node.content) {\n      return node.content.map(child => extractFromNode(child)).join('');\n    }\n    \n    return '';\n  };\n  \n  return extractFromNode(document);\n};\n\nconst extractStructuredContent = (document: Document): Array<{ type: string; content: string; level?: number }> => {\n  const result: Array<{ type: string; content: string; level?: number }> = [];\n  \n  const extractFromNode = (node: Block | Inline | Text): void => {\n    if (node.nodeType === 'text') {\n      // Skip standalone text nodes as they're usually part of a parent structure\n      return;\n    }\n    \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      \n      // Map node types to user-friendly names and extract heading levels\n      let displayType: string = node.nodeType;\n      let headingLevel: number | undefined;\n      \n      switch (node.nodeType) {\n        case BLOCKS.HEADING_1:\n          displayType = 'Heading';\n          headingLevel = 1;\n          break;\n        case BLOCKS.HEADING_2:\n          displayType = 'Heading';\n          headingLevel = 2;\n          break;\n        case BLOCKS.HEADING_3:\n          displayType = 'Heading';\n          headingLevel = 3;\n          break;\n        case BLOCKS.HEADING_4:\n          displayType = 'Heading';\n          headingLevel = 4;\n          break;\n        case BLOCKS.HEADING_5:\n          displayType = 'Heading';\n          headingLevel = 5;\n          break;\n        case BLOCKS.HEADING_6:\n          displayType = 'Heading';\n          headingLevel = 6;\n          break;\n        case BLOCKS.PARAGRAPH:\n          displayType = 'Text';\n          break;\n        case BLOCKS.UL_LIST:\n          displayType = 'List';\n          break;\n        case BLOCKS.OL_LIST:\n          displayType = 'Numbered List';\n          break;\n        case BLOCKS.LIST_ITEM:\n          displayType = 'List Item';\n          break;\n        case BLOCKS.QUOTE:\n          displayType = 'Quote';\n          break;\n        case BLOCKS.TABLE:\n          displayType = 'Table';\n          break;\n        default:\n          displayType = node.nodeType.charAt(0).toUpperCase() + node.nodeType.slice(1);\n      }\n      \n      if (textContent.trim()) {\n        result.push({\n          type: displayType,\n          content: textContent.trim(),\n          level: headingLevel\n        });\n      }\n      \n      // Recursively process child nodes for nested structures like list items\n      node.content.forEach(child => {\n        if (child.nodeType !== 'text') {\n          extractFromNode(child);\n        }\n      });\n    }\n  };\n  \n  if (document.content) {\n    document.content.forEach(node => extractFromNode(node));\n  }\n  \n  return result;\n};\n\nconst isContentfulDocument = (value: any): value is Document => {\n  return value && typeof value === 'object' && value.nodeType === BLOCKS.DOCUMENT && Array.isArray(value.content);\n};\n\n// Types\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'; // New prop for Contentful documents\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', // Default to text comparison\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  // Handle Contentful document comparison\n  const renderContentfulDiff = (origDoc: Document, modDoc: Document) => {\n    if (compareMode === 'structure') {\n      // Compare structural elements\n      const origStructure = extractStructuredContent(origDoc);\n      const modStructure = extractStructuredContent(modDoc);\n      \n      // Create a more sophisticated comparison that can handle changes within the same structure type\n      const maxLength = Math.max(origStructure.length, modStructure.length);\n      const originalParts: any[] = [];\n      const modifiedParts: any[] = [];\n      \n      for (let i = 0; i < maxLength; i++) {\n        const origItem = origStructure[i];\n        const modItem = modStructure[i];\n        \n        if (!origItem && modItem) {\n          // Added item\n          modifiedParts.push(\n            <div key={`added-${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        } else if (origItem && !modItem) {\n          // Removed item\n          originalParts.push(\n            <div key={`removed-${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        } else if (origItem && modItem) {\n          // Compare items at the same position\n          const sameType = origItem.type === modItem.type && origItem.level === modItem.level;\n          \n          if (sameType && origItem.content !== modItem.content) {\n            // Same structure type but different content - show word-level diff\n            const wordDiff = diffWords(origItem.content, modItem.content, { ignoreCase: !caseSensitive });\n            \n            const origContentParts: any[] = [];\n            const modContentParts: any[] = [];\n            \n            for (const part of wordDiff) {\n              if (part.removed) {\n                origContentParts.push(\n                  <span key={origContentParts.length} className=\"diff-removed\">\n                    {part.value}\n                  </span>\n                );\n              } else if (part.added) {\n                modContentParts.push(\n                  <span key={modContentParts.length} className=\"diff-added\">\n                    {part.value}\n                  </span>\n                );\n              } else {\n                origContentParts.push(\n                  <span key={origContentParts.length} className=\"diff-unchanged\">\n                    {part.value}\n                  </span>\n                );\n                modContentParts.push(\n                  <span key={modContentParts.length} className=\"diff-unchanged\">\n                    {part.value}\n                  </span>\n                );\n              }\n            }\n            \n            originalParts.push(\n              <div key={`orig-${i}`} className=\"diff-unchanged-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\">: {origContentParts}</span>\n              </div>\n            );\n            modifiedParts.push(\n              <div key={`mod-${i}`} className=\"diff-unchanged-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\">: {modContentParts}</span>\n              </div>\n            );\n          } else if (sameType && origItem.content === modItem.content) {\n            // Completely unchanged\n            originalParts.push(\n              <div key={`unchanged-orig-${i}`} className=\"diff-unchanged-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={`unchanged-mod-${i}`} className=\"diff-unchanged-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          } else {\n            // Different structure types - show as removed and added\n            originalParts.push(\n              <div key={`changed-orig-${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={`changed-mod-${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        }\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  };\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  if (!isStringComparison && !isArrayComparison && !isContentfulComparison) {\n    return (\n      <div className={`compare-error ${className}`}>\n        Error: Both inputs must be either strings, arrays of strings, or Contentful documents\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 if (isArrayComparison) {\n    ({ originalParts, modifiedParts } = renderArrayDiff(original as string[], modified as string[]));\n  } else if (isContentfulComparison) {\n    ({ originalParts, modifiedParts } = renderContentfulDiff(original as Document, modified as Document));\n  } else {\n    // This should never happen due to the check above, but provide a fallback\n    originalParts = [];\n    modifiedParts = [];\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":["extractPlainText","document","extractFromNode","node","nodeType","value","content","map","child","join","extractStructuredContent","result","textContent","displayType","headingLevel","BLOCKS","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","isContentfulDocument","DOCUMENT","Array","isArray","Compare","original","modified","className","viewMode","caseSensitive","compareMode","renderStringDiff","orig","mod","diff","diffWords","ignoreCase","originalParts","modifiedParts","part","removed","_jsx","children","length","added","renderArrayDiff","origArr","modArr","s","toLowerCase","diffArrays","item","index","indexOf","renderContentfulDiff","origDoc","modDoc","origStructure","modStructure","maxLength","Math","max","i","origItem","modItem","_jsxs","sameType","wordDiff","origContentParts","modContentParts","origText","modText","isStringComparison","isArrayComparison","isContentfulComparison"],"mappings":";;;;;;;;;AAKA,MAAMA,gBAAgB,GAAIC,QAAkB,IAAa;EACvD,MAAMC,eAAe,GAAIC,IAA2B,IAAa;AAC/D,IAAA,IAAIA,IAAI,CAACC,QAAQ,KAAK,MAAM,EAAE;MAC5B,OAAQD,IAAI,CAAUE,KAAK;AAC7B;AAEA,IAAA,IAAI,SAAS,IAAIF,IAAI,IAAIA,IAAI,CAACG,OAAO,EAAE;AACrC,MAAA,OAAOH,IAAI,CAACG,OAAO,CAACC,GAAG,CAACC,KAAK,IAAIN,eAAe,CAACM,KAAK,CAAC,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;AACnE;AAEA,IAAA,OAAO,EAAE;GACV;EAED,OAAOP,eAAe,CAACD,QAAQ,CAAC;AAClC,CAAC;AAED,MAAMS,wBAAwB,GAAIT,QAAkB,IAA+D;EACjH,MAAMU,MAAgE,GAAG,EAAE;EAE3E,MAAMT,eAAe,GAAIC,IAA2B,IAAW;AAC7D,IAAA,IAAIA,IAAI,CAACC,QAAQ,KAAK,MAAM,EAAE;AAC5B;AACA,MAAA;AACF;AAEA,IAAA,IAAI,SAAS,IAAID,IAAI,IAAIA,IAAI,CAACG,OAAO,EAAE;MACrC,MAAMM,WAAW,GAAGT,IAAI,CAACG,OAAO,CAACC,GAAG,CAACC,KAAK,IACxCA,KAAK,CAACJ,QAAQ,KAAK,MAAM,GAAII,KAAK,CAAUH,KAAK,GAAG,EACtD,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC;;AAEV;AACA,MAAA,IAAII,WAAmB,GAAGV,IAAI,CAACC,QAAQ;AACvC,MAAA,IAAIU,YAAgC;MAEpC,QAAQX,IAAI,CAACC,QAAQ;QACnB,KAAKW,oBAAM,CAACC,SAAS;AACnBH,UAAAA,WAAW,GAAG,SAAS;AACvBC,UAAAA,YAAY,GAAG,CAAC;AAChB,UAAA;QACF,KAAKC,oBAAM,CAACE,SAAS;AACnBJ,UAAAA,WAAW,GAAG,SAAS;AACvBC,UAAAA,YAAY,GAAG,CAAC;AAChB,UAAA;QACF,KAAKC,oBAAM,CAACG,SAAS;AACnBL,UAAAA,WAAW,GAAG,SAAS;AACvBC,UAAAA,YAAY,GAAG,CAAC;AAChB,UAAA;QACF,KAAKC,oBAAM,CAACI,SAAS;AACnBN,UAAAA,WAAW,GAAG,SAAS;AACvBC,UAAAA,YAAY,GAAG,CAAC;AAChB,UAAA;QACF,KAAKC,oBAAM,CAACK,SAAS;AACnBP,UAAAA,WAAW,GAAG,SAAS;AACvBC,UAAAA,YAAY,GAAG,CAAC;AAChB,UAAA;QACF,KAAKC,oBAAM,CAACM,SAAS;AACnBR,UAAAA,WAAW,GAAG,SAAS;AACvBC,UAAAA,YAAY,GAAG,CAAC;AAChB,UAAA;QACF,KAAKC,oBAAM,CAACO,SAAS;AACnBT,UAAAA,WAAW,GAAG,MAAM;AACpB,UAAA;QACF,KAAKE,oBAAM,CAACQ,OAAO;AACjBV,UAAAA,WAAW,GAAG,MAAM;AACpB,UAAA;QACF,KAAKE,oBAAM,CAACS,OAAO;AACjBX,UAAAA,WAAW,GAAG,eAAe;AAC7B,UAAA;QACF,KAAKE,oBAAM,CAACU,SAAS;AACnBZ,UAAAA,WAAW,GAAG,WAAW;AACzB,UAAA;QACF,KAAKE,oBAAM,CAACW,KAAK;AACfb,UAAAA,WAAW,GAAG,OAAO;AACrB,UAAA;QACF,KAAKE,oBAAM,CAACY,KAAK;AACfd,UAAAA,WAAW,GAAG,OAAO;AACrB,UAAA;AACF,QAAA;UACEA,WAAW,GAAGV,IAAI,CAACC,QAAQ,CAACwB,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAG1B,IAAI,CAACC,QAAQ,CAAC0B,KAAK,CAAC,CAAC,CAAC;AAChF;AAEA,MAAA,IAAIlB,WAAW,CAACmB,IAAI,EAAE,EAAE;QACtBpB,MAAM,CAACqB,IAAI,CAAC;AACVC,UAAAA,IAAI,EAAEpB,WAAW;AACjBP,UAAAA,OAAO,EAAEM,WAAW,CAACmB,IAAI,EAAE;AAC3BG,UAAAA,KAAK,EAAEpB;AACT,SAAC,CAAC;AACJ;;AAEA;AACAX,MAAAA,IAAI,CAACG,OAAO,CAAC6B,OAAO,CAAC3B,KAAK,IAAI;AAC5B,QAAA,IAAIA,KAAK,CAACJ,QAAQ,KAAK,MAAM,EAAE;UAC7BF,eAAe,CAACM,KAAK,CAAC;AACxB;AACF,OAAC,CAAC;AACJ;GACD;EAED,IAAIP,QAAQ,CAACK,OAAO,EAAE;IACpBL,QAAQ,CAACK,OAAO,CAAC6B,OAAO,CAAChC,IAAI,IAAID,eAAe,CAACC,IAAI,CAAC,CAAC;AACzD;AAEA,EAAA,OAAOQ,MAAM;AACf,CAAC;AAED,MAAMyB,oBAAoB,GAAI/B,KAAU,IAAwB;EAC9D,OAAOA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACD,QAAQ,KAAKW,oBAAM,CAACsB,QAAQ,IAAIC,KAAK,CAACC,OAAO,CAAClC,KAAK,CAACC,OAAO,CAAC;AACjH,CAAC;;AAED;;AAUO,MAAMkC,OAA+B,GAAGA,CAAC;EAC9CC,QAAQ;EACRC,QAAQ;AACRC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,QAAQ,GAAG,cAAc;AACzBC,EAAAA,aAAa,GAAG,IAAI;EACpBC,WAAW,GAAG,MAAM;AACtB,CAAC,KAAK;AACJ;AACA,EAAA,MAAMC,gBAAgB,GAAGA,CAACC,IAAY,EAAEC,GAAW,KAAK;AACtD,IAAA,MAAMC,MAAI,GAAGC,cAAS,CAACH,IAAI,EAAEC,GAAG,EAAE;AAAEG,MAAAA,UAAU,EAAE,CAACP;AAAc,KAAC,CAAC;IACjE,MAAMQ,aAAoB,GAAG,EAAE;IAC/B,MAAMC,aAAoB,GAAG,EAAE;AAC/B,IAAA,KAAK,MAAMC,IAAI,IAAIL,MAAI,EAAE;MACvB,IAAIK,IAAI,CAACC,OAAO,EAAE;QAChBH,aAAa,CAACrB,IAAI,cAChByB,cAAA,CAAA,MAAA,EAAA;AAAiCd,UAAAA,SAAS,EAAC,cAAc;UAAAe,QAAA,EACtDH,IAAI,CAAClD;AAAK,SAAA,EADFgD,aAAa,CAACM,MAEnB,CACR,CAAC;AACH,OAAC,MAAM,IAAIJ,IAAI,CAACK,KAAK,EAAE;QACrBN,aAAa,CAACtB,IAAI,cAChByB,cAAA,CAAA,MAAA,EAAA;AAAiCd,UAAAA,SAAS,EAAC,YAAY;UAAAe,QAAA,EACpDH,IAAI,CAAClD;AAAK,SAAA,EADFiD,aAAa,CAACK,MAEnB,CACR,CAAC;AACH,OAAC,MAAM;QACLN,aAAa,CAACrB,IAAI,cAChByB,cAAA,CAAA,MAAA,EAAA;AAAiCd,UAAAA,SAAS,EAAC,gBAAgB;UAAAe,QAAA,EACxDH,IAAI,CAAClD;AAAK,SAAA,EADFgD,aAAa,CAACM,MAEnB,CACR,CAAC;QACDL,aAAa,CAACtB,IAAI,cAChByB,cAAA,CAAA,MAAA,EAAA;AAAiCd,UAAAA,SAAS,EAAC,gBAAgB;UAAAe,QAAA,EACxDH,IAAI,CAAClD;AAAK,SAAA,EADFiD,aAAa,CAACK,MAEnB,CACR,CAAC;AACH;AACF;IACA,OAAO;MAAEN,aAAa;AAAEC,MAAAA;KAAe;GACxC;;AAED;AACA,EAAA,MAAMO,eAAe,GAAGA,CAACb,IAAc,EAAEC,GAAa,KAAK;IACzD,IAAIa,OAAO,GAAGd,IAAI;IAClB,IAAIe,MAAM,GAAGd,GAAG;IAChB,IAAI,CAACJ,aAAa,EAAE;AAClBiB,MAAAA,OAAO,GAAGd,IAAI,CAACzC,GAAG,CAAEyD,CAAC,IAAM,OAAOA,CAAC,KAAK,QAAQ,GAAGA,CAAC,CAACC,WAAW,EAAE,GAAGD,CAAE,CAAC;AACxED,MAAAA,MAAM,GAAGd,GAAG,CAAC1C,GAAG,CAAEyD,CAAC,IAAM,OAAOA,CAAC,KAAK,QAAQ,GAAGA,CAAC,CAACC,WAAW,EAAE,GAAGD,CAAE,CAAC;AACxE;AACA,IAAA,MAAMd,MAAI,GAAGgB,eAAU,CAACJ,OAAO,EAAEC,MAAM,CAAC;IACxC,MAAMV,aAAoB,GAAG,EAAE;IAC/B,MAAMC,aAAoB,GAAG,EAAE;AAC/B,IAAA,KAAK,MAAMC,IAAI,IAAIL,MAAI,EAAE;MACvB,IAAIK,IAAI,CAACC,OAAO,EAAE;QAChBD,IAAI,CAAClD,KAAK,CAAC8B,OAAO,CAAC,CAACgC,IAAY,EAAEC,KAAa,KAAK;UAClDf,aAAa,CAACrB,IAAI,cAChByB,cAAA,CAAA,KAAA,EAAA;AAA8Cd,YAAAA,SAAS,EAAC,mBAAmB;AAAAe,YAAAA,QAAA,EACxEV,IAAI,CAACc,OAAO,CAACO,OAAO,CAACF,IAAI,EAAEd,aAAa,CAACM,MAAM,CAAC,CAAC,IAAIQ;WAD9C,EAAA,CAAA,EAAGd,aAAa,CAACM,MAAM,IAAIS,KAAK,CAAA,CAErC,CACP,CAAC;AACH,SAAC,CAAC;AACJ,OAAC,MAAM,IAAIb,IAAI,CAACK,KAAK,EAAE;QACrBL,IAAI,CAAClD,KAAK,CAAC8B,OAAO,CAAC,CAACgC,IAAY,EAAEC,KAAa,KAAK;UAClDd,aAAa,CAACtB,IAAI,cAChByB,cAAA,CAAA,KAAA,EAAA;AAA8Cd,YAAAA,SAAS,EAAC,iBAAiB;AAAAe,YAAAA,QAAA,EACtET,GAAG,CAACc,MAAM,CAACM,OAAO,CAACF,IAAI,EAAEb,aAAa,CAACK,MAAM,CAAC,CAAC,IAAIQ;WAD5C,EAAA,CAAA,EAAGb,aAAa,CAACK,MAAM,IAAIS,KAAK,CAAA,CAErC,CACP,CAAC;AACH,SAAC,CAAC;AACJ,OAAC,MAAM;QACLb,IAAI,CAAClD,KAAK,CAAC8B,OAAO,CAAC,CAACgC,IAAY,EAAEC,KAAa,KAAK;UAClDf,aAAa,CAACrB,IAAI,cAChByB,cAAA,CAAA,KAAA,EAAA;AAA8Cd,YAAAA,SAAS,EAAC,qBAAqB;AAAAe,YAAAA,QAAA,EAC1EV,IAAI,CAACc,OAAO,CAACO,OAAO,CAACF,IAAI,EAAEd,aAAa,CAACM,MAAM,CAAC,CAAC,IAAIQ;WAD9C,EAAA,CAAA,EAAGd,aAAa,CAACM,MAAM,IAAIS,KAAK,CAAA,CAErC,CACP,CAAC;UACDd,aAAa,CAACtB,IAAI,cAChByB,cAAA,CAAA,KAAA,EAAA;AAA8Cd,YAAAA,SAAS,EAAC,qBAAqB;AAAAe,YAAAA,QAAA,EAC1ET,GAAG,CAACc,MAAM,CAACM,OAAO,CAACF,IAAI,EAAEb,aAAa,CAACK,MAAM,CAAC,CAAC,IAAIQ;WAD5C,EAAA,CAAA,EAAGb,aAAa,CAACK,MAAM,IAAIS,KAAK,CAAA,CAErC,CACP,CAAC;AACH,SAAC,CAAC;AACJ;AACF;IACA,OAAO;MAAEf,aAAa;AAAEC,MAAAA;KAAe;GACxC;;AAED;AACA,EAAA,MAAMgB,oBAAoB,GAAGA,CAACC,OAAiB,EAAEC,MAAgB,KAAK;IACpE,IAAI1B,WAAW,KAAK,WAAW,EAAE;AAC/B;AACA,MAAA,MAAM2B,aAAa,GAAG/D,wBAAwB,CAAC6D,OAAO,CAAC;AACvD,MAAA,MAAMG,YAAY,GAAGhE,wBAAwB,CAAC8D,MAAM,CAAC;;AAErD;AACA,MAAA,MAAMG,SAAS,GAAGC,IAAI,CAACC,GAAG,CAACJ,aAAa,CAACd,MAAM,EAAEe,YAAY,CAACf,MAAM,CAAC;MACrE,MAAMN,aAAoB,GAAG,EAAE;MAC/B,MAAMC,aAAoB,GAAG,EAAE;MAE/B,KAAK,IAAIwB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,SAAS,EAAEG,CAAC,EAAE,EAAE;AAClC,QAAA,MAAMC,QAAQ,GAAGN,aAAa,CAACK,CAAC,CAAC;AACjC,QAAA,MAAME,OAAO,GAAGN,YAAY,CAACI,CAAC,CAAC;AAE/B,QAAA,IAAI,CAACC,QAAQ,IAAIC,OAAO,EAAE;AACxB;UACA1B,aAAa,CAACtB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAAwBtC,YAAAA,SAAS,EAAC,iBAAiB;AAAAe,YAAAA,QAAA,gBACjDD,cAAA,CAAA,MAAA,EAAA;AAAMd,cAAAA,SAAS,EAAC,qBAAqB;cAAAe,QAAA,EAAEsB,OAAO,CAAC/C;AAAI,aAAO,CAAC,EAC1D+C,OAAO,CAAC9C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,cAAAA,SAAS,EAAC,sBAAsB;AAAAe,cAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC9C,KAAK;aAAO,CAAC,eACjF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,cAAAA,SAAS,EAAC,wBAAwB;AAAAe,cAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC1E,OAAO;AAAA,aAAO,CAAC;AAAA,WAAA,EAH3D,CAASwE,MAAAA,EAAAA,CAAC,CAIf,CAAA,CACP,CAAC;AACH,SAAC,MAAM,IAAIC,QAAQ,IAAI,CAACC,OAAO,EAAE;AAC/B;UACA3B,aAAa,CAACrB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAA0BtC,YAAAA,SAAS,EAAC,mBAAmB;AAAAe,YAAAA,QAAA,gBACrDD,cAAA,CAAA,MAAA,EAAA;AAAMd,cAAAA,SAAS,EAAC,qBAAqB;cAAAe,QAAA,EAAEqB,QAAQ,CAAC9C;AAAI,aAAO,CAAC,EAC3D8C,QAAQ,CAAC7C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,cAAAA,SAAS,EAAC,sBAAsB;AAAAe,cAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAAC7C,KAAK;aAAO,CAAC,eACnF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,cAAAA,SAAS,EAAC,wBAAwB;AAAAe,cAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAACzE,OAAO;AAAA,aAAO,CAAC;AAAA,WAAA,EAH5D,CAAWwE,QAAAA,EAAAA,CAAC,CAIjB,CAAA,CACP,CAAC;AACH,SAAC,MAAM,IAAIC,QAAQ,IAAIC,OAAO,EAAE;AAC9B;AACA,UAAA,MAAME,QAAQ,GAAGH,QAAQ,CAAC9C,IAAI,KAAK+C,OAAO,CAAC/C,IAAI,IAAI8C,QAAQ,CAAC7C,KAAK,KAAK8C,OAAO,CAAC9C,KAAK;UAEnF,IAAIgD,QAAQ,IAAIH,QAAQ,CAACzE,OAAO,KAAK0E,OAAO,CAAC1E,OAAO,EAAE;AACpD;YACA,MAAM6E,QAAQ,GAAGhC,cAAS,CAAC4B,QAAQ,CAACzE,OAAO,EAAE0E,OAAO,CAAC1E,OAAO,EAAE;AAAE8C,cAAAA,UAAU,EAAE,CAACP;AAAc,aAAC,CAAC;YAE7F,MAAMuC,gBAAuB,GAAG,EAAE;YAClC,MAAMC,eAAsB,GAAG,EAAE;AAEjC,YAAA,KAAK,MAAM9B,IAAI,IAAI4B,QAAQ,EAAE;cAC3B,IAAI5B,IAAI,CAACC,OAAO,EAAE;gBAChB4B,gBAAgB,CAACpD,IAAI,cACnByB,cAAA,CAAA,MAAA,EAAA;AAAoCd,kBAAAA,SAAS,EAAC,cAAc;kBAAAe,QAAA,EACzDH,IAAI,CAAClD;AAAK,iBAAA,EADF+E,gBAAgB,CAACzB,MAEtB,CACR,CAAC;AACH,eAAC,MAAM,IAAIJ,IAAI,CAACK,KAAK,EAAE;gBACrByB,eAAe,CAACrD,IAAI,cAClByB,cAAA,CAAA,MAAA,EAAA;AAAmCd,kBAAAA,SAAS,EAAC,YAAY;kBAAAe,QAAA,EACtDH,IAAI,CAAClD;AAAK,iBAAA,EADFgF,eAAe,CAAC1B,MAErB,CACR,CAAC;AACH,eAAC,MAAM;gBACLyB,gBAAgB,CAACpD,IAAI,cACnByB,cAAA,CAAA,MAAA,EAAA;AAAoCd,kBAAAA,SAAS,EAAC,gBAAgB;kBAAAe,QAAA,EAC3DH,IAAI,CAAClD;AAAK,iBAAA,EADF+E,gBAAgB,CAACzB,MAEtB,CACR,CAAC;gBACD0B,eAAe,CAACrD,IAAI,cAClByB,cAAA,CAAA,MAAA,EAAA;AAAmCd,kBAAAA,SAAS,EAAC,gBAAgB;kBAAAe,QAAA,EAC1DH,IAAI,CAAClD;AAAK,iBAAA,EADFgF,eAAe,CAAC1B,MAErB,CACR,CAAC;AACH;AACF;YAEAN,aAAa,CAACrB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAAuBtC,cAAAA,SAAS,EAAC,qBAAqB;AAAAe,cAAAA,QAAA,gBACpDD,cAAA,CAAA,MAAA,EAAA;AAAMd,gBAAAA,SAAS,EAAC,qBAAqB;gBAAAe,QAAA,EAAEqB,QAAQ,CAAC9C;AAAI,eAAO,CAAC,EAC3D8C,QAAQ,CAAC7C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,sBAAsB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAAC7C,KAAK;eAAO,CAAC,eACnF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,wBAAwB;gBAAAe,QAAA,EAAA,CAAC,IAAE,EAAC0B,gBAAgB;AAAA,eAAO,CAAC;AAAA,aAAA,EAH5D,CAAQN,KAAAA,EAAAA,CAAC,CAId,CAAA,CACP,CAAC;YACDxB,aAAa,CAACtB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAAsBtC,cAAAA,SAAS,EAAC,qBAAqB;AAAAe,cAAAA,QAAA,gBACnDD,cAAA,CAAA,MAAA,EAAA;AAAMd,gBAAAA,SAAS,EAAC,qBAAqB;gBAAAe,QAAA,EAAEsB,OAAO,CAAC/C;AAAI,eAAO,CAAC,EAC1D+C,OAAO,CAAC9C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,sBAAsB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC9C,KAAK;eAAO,CAAC,eACjF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,wBAAwB;gBAAAe,QAAA,EAAA,CAAC,IAAE,EAAC2B,eAAe;AAAA,eAAO,CAAC;AAAA,aAAA,EAH3D,CAAOP,IAAAA,EAAAA,CAAC,CAIb,CAAA,CACP,CAAC;WACF,MAAM,IAAII,QAAQ,IAAIH,QAAQ,CAACzE,OAAO,KAAK0E,OAAO,CAAC1E,OAAO,EAAE;AAC3D;YACA+C,aAAa,CAACrB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAAiCtC,cAAAA,SAAS,EAAC,qBAAqB;AAAAe,cAAAA,QAAA,gBAC9DD,cAAA,CAAA,MAAA,EAAA;AAAMd,gBAAAA,SAAS,EAAC,qBAAqB;gBAAAe,QAAA,EAAEqB,QAAQ,CAAC9C;AAAI,eAAO,CAAC,EAC3D8C,QAAQ,CAAC7C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,sBAAsB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAAC7C,KAAK;eAAO,CAAC,eACnF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,wBAAwB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAACzE,OAAO;AAAA,eAAO,CAAC;AAAA,aAAA,EAH5D,CAAkBwE,eAAAA,EAAAA,CAAC,CAIxB,CAAA,CACP,CAAC;YACDxB,aAAa,CAACtB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAAgCtC,cAAAA,SAAS,EAAC,qBAAqB;AAAAe,cAAAA,QAAA,gBAC7DD,cAAA,CAAA,MAAA,EAAA;AAAMd,gBAAAA,SAAS,EAAC,qBAAqB;gBAAAe,QAAA,EAAEsB,OAAO,CAAC/C;AAAI,eAAO,CAAC,EAC1D+C,OAAO,CAAC9C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,sBAAsB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC9C,KAAK;eAAO,CAAC,eACjF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,wBAAwB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC1E,OAAO;AAAA,eAAO,CAAC;AAAA,aAAA,EAH3D,CAAiBwE,cAAAA,EAAAA,CAAC,CAIvB,CAAA,CACP,CAAC;AACH,WAAC,MAAM;AACL;YACAzB,aAAa,CAACrB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAA+BtC,cAAAA,SAAS,EAAC,mBAAmB;AAAAe,cAAAA,QAAA,gBAC1DD,cAAA,CAAA,MAAA,EAAA;AAAMd,gBAAAA,SAAS,EAAC,qBAAqB;gBAAAe,QAAA,EAAEqB,QAAQ,CAAC9C;AAAI,eAAO,CAAC,EAC3D8C,QAAQ,CAAC7C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,sBAAsB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAAC7C,KAAK;eAAO,CAAC,eACnF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,wBAAwB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACqB,QAAQ,CAACzE,OAAO;AAAA,eAAO,CAAC;AAAA,aAAA,EAH5D,CAAgBwE,aAAAA,EAAAA,CAAC,CAItB,CAAA,CACP,CAAC;YACDxB,aAAa,CAACtB,IAAI,cAChBiD,eAAA,CAAA,KAAA,EAAA;AAA8BtC,cAAAA,SAAS,EAAC,iBAAiB;AAAAe,cAAAA,QAAA,gBACvDD,cAAA,CAAA,MAAA,EAAA;AAAMd,gBAAAA,SAAS,EAAC,qBAAqB;gBAAAe,QAAA,EAAEsB,OAAO,CAAC/C;AAAI,eAAO,CAAC,EAC1D+C,OAAO,CAAC9C,KAAK,iBAAI+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,sBAAsB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC9C,KAAK;eAAO,CAAC,eACjF+C,eAAA,CAAA,MAAA,EAAA;AAAMtC,gBAAAA,SAAS,EAAC,wBAAwB;AAAAe,gBAAAA,QAAA,EAAC,CAAA,IAAE,EAACsB,OAAO,CAAC1E,OAAO;AAAA,eAAO,CAAC;AAAA,aAAA,EAH3D,CAAewE,YAAAA,EAAAA,CAAC,CAIrB,CAAA,CACP,CAAC;AACH;AACF;AACF;MAEA,OAAO;QAAEzB,aAAa;AAAEC,QAAAA;OAAe;AACzC,KAAC,MAAM;AACL;AACA,MAAA,MAAMgC,QAAQ,GAAGtF,gBAAgB,CAACuE,OAAO,CAAC;AAC1C,MAAA,MAAMgB,OAAO,GAAGvF,gBAAgB,CAACwE,MAAM,CAAC;AACxC,MAAA,OAAOzB,gBAAgB,CAACuC,QAAQ,EAAEC,OAAO,CAAC;AAC5C;GACD;EAED,MAAMC,kBAAkB,GAAG,OAAO/C,QAAQ,KAAK,QAAQ,IAAI,OAAOC,QAAQ,KAAK,QAAQ;AACvF,EAAA,MAAM+C,iBAAiB,GAAGnD,KAAK,CAACC,OAAO,CAACE,QAAQ,CAAC,IAAIH,KAAK,CAACC,OAAO,CAACG,QAAQ,CAAC;EAC5E,MAAMgD,sBAAsB,GAAGtD,oBAAoB,CAACK,QAAQ,CAAC,IAAIL,oBAAoB,CAACM,QAAQ,CAAC;EAE/F,IAAI,CAAC8C,kBAAkB,IAAI,CAACC,iBAAiB,IAAI,CAACC,sBAAsB,EAAE;AACxE,IAAA,oBACEjC,cAAA,CAAA,KAAA,EAAA;MAAKd,SAAS,EAAE,CAAiBA,cAAAA,EAAAA,SAAS,CAAG,CAAA;AAAAe,MAAAA,QAAA,EAAC;AAE9C,KAAK,CAAC;AAEV;EAEA,IAAIL,aAAoB,EAAEC,aAAoB;AAC9C,EAAA,IAAIkC,kBAAkB,EAAE;IACtB,CAAC;MAAEnC,aAAa;AAAEC,MAAAA;AAAc,KAAC,GAAGP,gBAAgB,CAACN,QAAQ,EAAYC,QAAkB,CAAC;GAC7F,MAAM,IAAI+C,iBAAiB,EAAE;IAC5B,CAAC;MAAEpC,aAAa;AAAEC,MAAAA;AAAc,KAAC,GAAGO,eAAe,CAACpB,QAAQ,EAAcC,QAAoB,CAAC;GAChG,MAAM,IAAIgD,sBAAsB,EAAE;IACjC,CAAC;MAAErC,aAAa;AAAEC,MAAAA;AAAc,KAAC,GAAGgB,oBAAoB,CAAC7B,QAAQ,EAAcC,QAAoB,CAAC;AACtG,GAAC,MAAM;AACL;AACAW,IAAAA,aAAa,GAAG,EAAE;AAClBC,IAAAA,aAAa,GAAG,EAAE;AACpB;EAEA,IAAIV,QAAQ,KAAK,QAAQ,EAAE;AACzB,IAAA,oBACEa,cAAA,CAAA,KAAA,EAAA;MAAKd,SAAS,EAAE,CAAkBA,eAAAA,EAAAA,SAAS,CAAG,CAAA;AAAAe,MAAAA,QAAA,eAC5CuB,eAAA,CAAA,KAAA,EAAA;AAAKtC,QAAAA,SAAS,EAAC,iBAAiB;QAAAe,QAAA,EAAA,CAC7BL,aAAa,EACbC,aAAa;OACX;AAAC,KACH,CAAC;AAEV;AAEA,EAAA,oBACE2B,eAAA,CAAA,KAAA,EAAA;IAAKtC,SAAS,EAAE,CAAwBA,qBAAAA,EAAAA,SAAS,CAAG,CAAA;AAAAe,IAAAA,QAAA,gBAClDuB,eAAA,CAAA,KAAA,EAAA;AAAKtC,MAAAA,SAAS,EAAC,eAAe;AAAAe,MAAAA,QAAA,gBAC5BD,cAAA,CAAA,KAAA,EAAA;AAAKd,QAAAA,SAAS,EAAC,gCAAgC;AAAAe,QAAAA,QAAA,EAAC;OAAa,CAAC,eAC9DD,cAAA,CAAA,KAAA,EAAA;AAAKd,QAAAA,SAAS,EAAC,kCAAkC;AAAAe,QAAAA,QAAA,EAC9CL;AAAa,OACX,CAAC;KACH,CAAC,eACN4B,eAAA,CAAA,KAAA,EAAA;AAAKtC,MAAAA,SAAS,EAAC,eAAe;AAAAe,MAAAA,QAAA,gBAC5BD,cAAA,CAAA,KAAA,EAAA;AAAKd,QAAAA,SAAS,EAAC,gCAAgC;AAAAe,QAAAA,QAAA,EAAC;OAAa,CAAC,eAC9DD,cAAA,CAAA,KAAA,EAAA;AAAKd,QAAAA,SAAS,EAAC,kCAAkC;AAAAe,QAAAA,QAAA,EAC9CJ;AAAa,OACX,CAAC;AAAA,KACH,CAAC;AAAA,GACH,CAAC;AAEV;;;;;"}

package/dist/esm/index.js

@@ -1,13 +1,113 @@
 import { diffWords, diffArrays } from 'diff';
 import 'react';
+import { BLOCKS } from '@contentful/rich-text-types';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+const 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);
+};
+const extractStructuredContent = document => {
+  const result = [];
+  const extractFromNode = node => {
+    if (node.nodeType === 'text') {
+      // Skip standalone text nodes as they're usually part of a parent structure
+      return;
+    }
+    if ('content' in node && node.content) {
+      const textContent = node.content.map(child => child.nodeType === 'text' ? child.value : '').join('');
+
+      // Map node types to user-friendly names and extract heading levels
+      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
+        });
+      }
+
+      // Recursively process child nodes for nested structures like list items
+      node.content.forEach(child => {
+        if (child.nodeType !== 'text') {
+          extractFromNode(child);
+        }
+      });
+    }
+  };
+  if (document.content) {
+    document.content.forEach(node => extractFromNode(node));
+  }
+  return result;
+};
+const isContentfulDocument = value => {
+  return value && typeof value === 'object' && value.nodeType === BLOCKS.DOCUMENT && Array.isArray(value.content);
+};
+
+// Types
+
 const Compare = ({
   original,
   modified,
   className = '',
   viewMode = 'side-by-side',
-  caseSensitive = true // <-- Default true
+  caseSensitive = true,
+  compareMode = 'text' // Default to text comparison
 }) => {
   // Handle string comparison
   const renderStringDiff = (orig, mod) => {
@@ -88,12 +188,186 @@ const Compare = ({
       modifiedParts
     };
   };
+
+  // Handle Contentful document comparison
+  const renderContentfulDiff = (origDoc, modDoc) => {
+    if (compareMode === 'structure') {
+      // Compare structural elements
+      const origStructure = extractStructuredContent(origDoc);
+      const modStructure = extractStructuredContent(modDoc);
+
+      // Create a more sophisticated comparison that can handle changes within the same structure type
+      const maxLength = Math.max(origStructure.length, modStructure.length);
+      const originalParts = [];
+      const modifiedParts = [];
+      for (let i = 0; i < maxLength; i++) {
+        const origItem = origStructure[i];
+        const modItem = modStructure[i];
+        if (!origItem && modItem) {
+          // Added item
+          modifiedParts.push(/*#__PURE__*/jsxs("div", {
+            className: "diff-added-line",
+            children: [/*#__PURE__*/jsx("span", {
+              className: "diff-structure-type",
+              children: modItem.type
+            }), modItem.level && /*#__PURE__*/jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", modItem.level]
+            }), /*#__PURE__*/jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", modItem.content]
+            })]
+          }, `added-${i}`));
+        } else if (origItem && !modItem) {
+          // Removed item
+          originalParts.push(/*#__PURE__*/jsxs("div", {
+            className: "diff-removed-line",
+            children: [/*#__PURE__*/jsx("span", {
+              className: "diff-structure-type",
+              children: origItem.type
+            }), origItem.level && /*#__PURE__*/jsxs("span", {
+              className: "diff-structure-level",
+              children: [" H", origItem.level]
+            }), /*#__PURE__*/jsxs("span", {
+              className: "diff-structure-content",
+              children: [": ", origItem.content]
+            })]
+          }, `removed-${i}`));
+        } else if (origItem && modItem) {
+          // Compare items at the same position
+          const sameType = origItem.type === modItem.type && origItem.level === modItem.level;
+          if (sameType && origItem.content !== modItem.content) {
+            // Same structure type but different content - show word-level diff
+            const wordDiff = diffWords(origItem.content, modItem.content, {
+              ignoreCase: !caseSensitive
+            });
+            const origContentParts = [];
+            const modContentParts = [];
+            for (const part of wordDiff) {
+              if (part.removed) {
+                origContentParts.push(/*#__PURE__*/jsx("span", {
+                  className: "diff-removed",
+                  children: part.value
+                }, origContentParts.length));
+              } else if (part.added) {
+                modContentParts.push(/*#__PURE__*/jsx("span", {
+                  className: "diff-added",
+                  children: part.value
+                }, modContentParts.length));
+              } else {
+                origContentParts.push(/*#__PURE__*/jsx("span", {
+                  className: "diff-unchanged",
+                  children: part.value
+                }, origContentParts.length));
+                modContentParts.push(/*#__PURE__*/jsx("span", {
+                  className: "diff-unchanged",
+                  children: part.value
+                }, modContentParts.length));
+              }
+            }
+            originalParts.push(/*#__PURE__*/jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsx("span", {
+                className: "diff-structure-type",
+                children: origItem.type
+              }), origItem.level && /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", origItem.level]
+              }), /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", origContentParts]
+              })]
+            }, `orig-${i}`));
+            modifiedParts.push(/*#__PURE__*/jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsx("span", {
+                className: "diff-structure-type",
+                children: modItem.type
+              }), modItem.level && /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", modItem.level]
+              }), /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", modContentParts]
+              })]
+            }, `mod-${i}`));
+          } else if (sameType && origItem.content === modItem.content) {
+            // Completely unchanged
+            originalParts.push(/*#__PURE__*/jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsx("span", {
+                className: "diff-structure-type",
+                children: origItem.type
+              }), origItem.level && /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", origItem.level]
+              }), /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", origItem.content]
+              })]
+            }, `unchanged-orig-${i}`));
+            modifiedParts.push(/*#__PURE__*/jsxs("div", {
+              className: "diff-unchanged-line",
+              children: [/*#__PURE__*/jsx("span", {
+                className: "diff-structure-type",
+                children: modItem.type
+              }), modItem.level && /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", modItem.level]
+              }), /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", modItem.content]
+              })]
+            }, `unchanged-mod-${i}`));
+          } else {
+            // Different structure types - show as removed and added
+            originalParts.push(/*#__PURE__*/jsxs("div", {
+              className: "diff-removed-line",
+              children: [/*#__PURE__*/jsx("span", {
+                className: "diff-structure-type",
+                children: origItem.type
+              }), origItem.level && /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", origItem.level]
+              }), /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", origItem.content]
+              })]
+            }, `changed-orig-${i}`));
+            modifiedParts.push(/*#__PURE__*/jsxs("div", {
+              className: "diff-added-line",
+              children: [/*#__PURE__*/jsx("span", {
+                className: "diff-structure-type",
+                children: modItem.type
+              }), modItem.level && /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-level",
+                children: [" H", modItem.level]
+              }), /*#__PURE__*/jsxs("span", {
+                className: "diff-structure-content",
+                children: [": ", modItem.content]
+              })]
+            }, `changed-mod-${i}`));
+          }
+        }
+      }
+      return {
+        originalParts,
+        modifiedParts
+      };
+    } else {
+      // Text-based comparison of Contentful documents
+      const origText = extractPlainText(origDoc);
+      const modText = extractPlainText(modDoc);
+      return renderStringDiff(origText, modText);
+    }
+  };
   const isStringComparison = typeof original === 'string' && typeof modified === 'string';
   const isArrayComparison = Array.isArray(original) && Array.isArray(modified);
-  if (!isStringComparison && !isArrayComparison) {
+  const isContentfulComparison = isContentfulDocument(original) && isContentfulDocument(modified);
+  if (!isStringComparison && !isArrayComparison && !isContentfulComparison) {
     return /*#__PURE__*/jsx("div", {
       className: `compare-error ${className}`,
-      children: "Error: Both inputs must be either strings or arrays of strings"
+      children: "Error: Both inputs must be either strings, arrays of strings, or Contentful documents"
     });
   }
   let originalParts, modifiedParts;
@@ -102,11 +376,20 @@ const Compare = ({
       originalParts,
       modifiedParts
     } = renderStringDiff(original, modified));
-  } else {
+  } else if (isArrayComparison) {
     ({
       originalParts,
       modifiedParts
     } = renderArrayDiff(original, modified));
+  } else if (isContentfulComparison) {
+    ({
+      originalParts,
+      modifiedParts
+    } = renderContentfulDiff(original, modified));
+  } else {
+    // This should never happen due to the check above, but provide a fallback
+    originalParts = [];
+    modifiedParts = [];
   }
   if (viewMode === 'inline') {
     return /*#__PURE__*/jsx("div", {

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/Compare.tsx"],"sourcesContent":["import { diffWords, diffArrays } from 'diff';\nimport React from 'react';\nimport { Document, Block, Inline, Text, BLOCKS } from '@contentful/rich-text-types';\n\n// Utility functions for Contentful Rich Text\nconst 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    \n    if ('content' in node && node.content) {\n      return node.content.map(child => extractFromNode(child)).join('');\n    }\n    \n    return '';\n  };\n  \n  return extractFromNode(document);\n};\n\nconst extractStructuredContent = (document: Document): Array<{ type: string; content: string; level?: number }> => {\n  const result: Array<{ type: string; content: string; level?: number }> = [];\n  \n  const extractFromNode = (node: Block | Inline | Text): void => {\n    if (node.nodeType === 'text') {\n      // Skip standalone text nodes as they're usually part of a parent structure\n      return;\n    }\n    \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      \n      // Map node types to user-friendly names and extract heading levels\n      let displayType: string = node.nodeType;\n      let headingLevel: number | undefined;\n      \n      switch (node.nodeType) {\n        case BLOCKS.HEADING_1:\n          displayType = 'Heading';\n          headingLevel = 1;\n          break;\n        case BLOCKS.HEADING_2:\n          displayType = 'Heading';\n          headingLevel = 2;\n          break;\n        case BLOCKS.HEADING_3:\n          displayType = 'Heading';\n          headingLevel = 3;\n          break;\n        case BLOCKS.HEADING_4:\n          displayType = 'Heading';\n          headingLevel = 4;\n          break;\n        case BLOCKS.HEADING_5:\n          displayType = 'Heading';\n          headingLevel = 5;\n          break;\n        case BLOCKS.HEADING_6:\n          displayType = 'Heading';\n          headingLevel = 6;\n          break;\n        case BLOCKS.PARAGRAPH:\n          displayType = 'Text';\n          break;\n        case BLOCKS.UL_LIST:\n          displayType = 'List';\n          break;\n        case BLOCKS.OL_LIST:\n          displayType = 'Numbered List';\n          break;\n        case BLOCKS.LIST_ITEM:\n          displayType = 'List Item';\n          break;\n        case BLOCKS.QUOTE:\n          displayType = 'Quote';\n          break;\n        case BLOCKS.TABLE:\n          displayType = 'Table';\n          break;\n        default:\n          displayType = node.nodeType.charAt(0).toUpperCase() + node.nodeType.slice(1);\n      }\n      \n      if (textContent.trim()) {\n        result.push({\n          type: displayType,\n          content: textContent.trim(),\n          level: headingLevel\n        });\n      }\n      \n      // Recursively process child nodes for nested structures like list items\n      node.content.forEach(child => {\n        if (child.nodeType !== 'text') {\n          extractFromNode(child);\n        }\n      });\n    }\n  };\n  \n  if (document.content) {\n    document.content.forEach(node => extractFromNode(node));\n  }\n  \n  return result;\n};\n\nconst isContentfulDocument = (value: any): value is Document => {\n  return value && typeof value === 'object' && value.nodeType === BLOCKS.DOCUMENT && Array.isArray(value.content);\n};\n\n// Types\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'; // New prop for Contentful documents\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', // Default to text comparison\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  // Handle Contentful document comparison\n  const renderContentfulDiff = (origDoc: Document, modDoc: Document) => {\n    if (compareMode === 'structure') {\n      // Compare structural elements\n      const origStructure = extractStructuredContent(origDoc);\n      const modStructure = extractStructuredContent(modDoc);\n      \n      // Create a more sophisticated comparison that can handle changes within the same structure type\n      const maxLength = Math.max(origStructure.length, modStructure.length);\n      const originalParts: any[] = [];\n      const modifiedParts: any[] = [];\n      \n      for (let i = 0; i < maxLength; i++) {\n        const origItem = origStructure[i];\n        const modItem = modStructure[i];\n        \n        if (!origItem && modItem) {\n          // Added item\n          modifiedParts.push(\n            <div key={`added-${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        } else if (origItem && !modItem) {\n          // Removed item\n          originalParts.push(\n            <div key={`removed-${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        } else if (origItem && modItem) {\n          // Compare items at the same position\n          const sameType = origItem.type === modItem.type && origItem.level === modItem.level;\n          \n          if (sameType && origItem.content !== modItem.content) {\n            // Same structure type but different content - show word-level diff\n            const wordDiff = diffWords(origItem.content, modItem.content, { ignoreCase: !caseSensitive });\n            \n            const origContentParts: any[] = [];\n            const modContentParts: any[] = [];\n            \n            for (const part of wordDiff) {\n              if (part.removed) {\n                origContentParts.push(\n                  <span key={origContentParts.length} className=\"diff-removed\">\n                    {part.value}\n                  </span>\n                );\n              } else if (part.added) {\n                modContentParts.push(\n                  <span key={modContentParts.length} className=\"diff-added\">\n                    {part.value}\n                  </span>\n                );\n              } else {\n                origContentParts.push(\n                  <span key={origContentParts.length} className=\"diff-unchanged\">\n                    {part.value}\n                  </span>\n                );\n                modContentParts.push(\n                  <span key={modContentParts.length} className=\"diff-unchanged\">\n                    {part.value}\n                  </span>\n                );\n              }\n            }\n            \n            originalParts.push(\n              <div key={`orig-${i}`} className=\"diff-unchanged-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\">: {origContentParts}</span>\n              </div>\n            );\n            modifiedParts.push(\n              <div key={`mod-${i}`} className=\"diff-unchanged-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\">: {modContentParts}</span>\n              </div>\n            );\n          } else if (sameType && origItem.content === modItem.content) {\n            // Completely unchanged\n            originalParts.push(\n              <div key={`unchanged-orig-${i}`} className=\"diff-unchanged-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={`unchanged-mod-${i}`} className=\"diff-unchanged-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          } else {\n            // Different structure types - show as removed and added\n            originalParts.push(\n              <div key={`changed-orig-${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={`changed-mod-${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        }\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  };\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  if (!isStringComparison && !isArrayComparison && !isContentfulComparison) {\n    return (\n      <div className={`compare-error ${className}`}>\n        Error: Both inputs must be either strings, arrays of strings, or Contentful documents\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 if (isArrayComparison) {\n    ({ originalParts, modifiedParts } = renderArrayDiff(original as string[], modified as string[]));\n  } else if (isContentfulComparison) {\n    ({ originalParts, modifiedParts } = renderContentfulDiff(original as Document, modified as Document));\n  } else {\n    // This should never happen due to the check above, but provide a fallback\n    originalParts = [];\n    modifiedParts = [];\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":["extractPlainText","document","extractFromNode","node","nodeType","value","content","map","child","join","extractStructuredContent","result","textContent","displayType","headingLevel","BLOCKS","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","isContentfulDocument","DOCUMENT","Array","isArray","Compare","original","modified","className","viewMode","caseSensitive","compareMode","renderStringDiff","orig","mod","diff","diffWords","ignoreCase","originalParts","modifiedParts","part","removed","_jsx","children","length","added","renderArrayDiff","origArr","modArr","s","toLowerCase","diffArrays","item","index","indexOf","renderContentfulDiff","origDoc","modDoc","origStructure","modStructure","maxLength","Math","max","i","origItem","modItem","_jsxs","sameType","wordDiff","origContentParts","modContentParts","origText","modText","isStringComparison","isArrayComparison","isContentfulComparison"],"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.2",
   "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",
@@ -55,6 +55,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
+    "@contentful/rich-text-types": "^17.0.1",
     "diff": "^8.0.1",
     "tslib": "^2.8.1"
   },