@git-diff-view/react 0.0.7 → 0.0.8

package/dist/cjs/index.development.js

@@ -385,7 +385,7 @@ _File_instances = new WeakSet(), _File_doAST = function _File_doAST() {
     }
 };
 const getFile = (raw, lang, fileName) => {
-    const key = raw + "--" + "0.0.7" + "--" + lang;
+    const key = raw + "--" + "0.0.8" + "--" + lang;
     if (map.has(key))
         return map.get(key);
     const file = new File(raw, lang, fileName);
@@ -1054,7 +1054,7 @@ class DiffFile {
         _DiffFile_hasBuildUnified.set(this, false);
         _DiffFile_updateCount.set(this, 0);
         _DiffFile_composeByDiff.set(this, false);
-        this._version_ = "0.0.7";
+        this._version_ = "0.0.8";
         this._oldFileContent = "";
         this._oldFileLang = "";
         this._newFileContent = "";
@@ -1062,6 +1062,9 @@ class DiffFile {
         this.diffLineLength = 0;
         this.splitLineLength = 0;
         this.unifiedLineLength = 0;
+        this.expandSplitAll = false;
+        this.expandUnifiedAll = false;
+        this.hasCollapsed = false;
         _DiffFile_id.set(this, "");
         _DiffFile_clonedInstance.set(this, new Map());
         this.getSplitLeftLine = (index) => {
@@ -1200,11 +1203,13 @@ class DiffFile {
                 Object.keys(__classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f") || {}).forEach((key) => {
                     this.onSplitHunkExpand("all", +key, false);
                 });
+                this.expandSplitAll = true;
             }
             else {
                 Object.keys(__classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f") || {}).forEach((key) => {
                     this.onUnifiedHunkExpand("all", +key, false);
                 });
+                this.expandUnifiedAll = true;
             }
             this.notifyAll();
         };
@@ -1236,6 +1241,7 @@ class DiffFile {
                         __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")[item.splitInfo.endHiddenIndex] = item;
                     }
                 });
+                this.expandSplitAll = false;
             }
             else {
                 Object.values(__classPrivateFieldGet(this, _DiffFile_unifiedLines, "f") || {}).forEach((item) => {
@@ -1257,6 +1263,7 @@ class DiffFile {
                         __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")[item.unifiedInfo.endHiddenIndex] = item;
                     }
                 });
+                this.expandUnifiedAll = false;
             }
             this.notifyAll();
         };
@@ -1283,6 +1290,10 @@ class DiffFile {
                 }
                 f();
             });
+            // support update from outside instance
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").forEach((_, instance) => {
+                instance.notifyAll(true);
+            });
         };
         this.getUpdateCount = () => __classPrivateFieldGet(this, _DiffFile_updateCount, "f");
         this.getExpandEnabled = () => !__classPrivateFieldGet(this, _DiffFile_composeByDiff, "f");
@@ -1303,6 +1314,7 @@ class DiffFile {
             const splitLineLength = this.splitLineLength;
             const unifiedLineLength = this.unifiedLineLength;
             const composeByDiff = __classPrivateFieldGet(this, _DiffFile_composeByDiff, "f");
+            const hasCollapsed = this.hasCollapsed;
             // split
             const splitLeftLines = __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f");
             const splitRightLines = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f");
@@ -1332,6 +1344,7 @@ class DiffFile {
                 unifiedLines,
                 unifiedHunkLines,
                 composeByDiff,
+                hasCollapsed,
                 version,
             };
         };
@@ -1351,6 +1364,7 @@ class DiffFile {
             __classPrivateFieldSet(this, _DiffFile_newFilePlaceholderLines, data.newFilePlaceholderLines, "f");
             this.splitLineLength = data.splitLineLength;
             this.unifiedLineLength = data.unifiedLineLength;
+            this.hasCollapsed = data.hasCollapsed;
             __classPrivateFieldSet(this, _DiffFile_splitLeftLines, data.splitLeftLines, "f");
             __classPrivateFieldSet(this, _DiffFile_splitRightLines, data.splitRightLines, "f");
             __classPrivateFieldSet(this, _DiffFile_splitHunksLines, data.splitHunkLines, "f");
@@ -1572,6 +1586,9 @@ class DiffFile {
             if (!prevIsHidden && isHidden) {
                 hideStart = len;
             }
+            if (isHidden) {
+                this.hasCollapsed = true;
+            }
             prevIsHidden = isHidden;
             if (oldDiffLine && newDiffLine && !oldLineHasChange && !newLineHasChange) {
                 const current = newDiffLine;
@@ -1700,6 +1717,9 @@ class DiffFile {
             if (!prevIsHidden && isHidden) {
                 hideStart = len;
             }
+            if (isHidden) {
+                this.hasCollapsed = true;
+            }
             prevIsHidden = isHidden;
             if (oldDiffLine && newDiffLine && !oldLineHasChange && !newLineHasChange) {
                 const current = newDiffLine;
@@ -2040,7 +2060,7 @@ const getUnifiedContentLine = (diffFile) => {
     return lines.filter((line) => line.type === exports.DiffFileLineType.content);
 };
 
-const versions = "0.0.7";
+const versions = "0.0.8";
 
 const useUnmount = (cb, deps) => {
     const ref = React.useRef(cb);
@@ -2281,6 +2301,38 @@ const ExpandAll = ({ className }) => {
         React__namespace.createElement("path", { d: "m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z" })));
 };
 
+const removeAllSelection = () => {
+    const selection = window.getSelection();
+    for (let i = 0; i < selection.rangeCount; i++) {
+        selection.removeRange(selection.getRangeAt(i));
+    }
+};
+const syncScroll = (left, right) => {
+    const onScroll = function (event) {
+        if (event === null || event.target === null)
+            return;
+        if (event.target === left) {
+            right.scrollTop = left.scrollTop;
+            right.scrollLeft = left.scrollLeft;
+        }
+        else {
+            left.scrollTop = right.scrollTop;
+            left.scrollLeft = right.scrollLeft;
+        }
+    };
+    if (!left.onscroll) {
+        left.onscroll = onScroll;
+    }
+    if (!right.onscroll) {
+        right.onscroll = onScroll;
+    }
+    return () => {
+        left.onscroll = null;
+        right.onscroll = null;
+    };
+};
+const asideWidth = "--diff-aside-width--";
+
 const _DiffSplitHunkLine = ({ index, diffFile, side, lineNumber, }) => {
     var _a;
     const currentHunk = diffFile.getSplitHunkLine(index);
@@ -2301,6 +2353,9 @@ const _DiffSplitHunkLine = ({ index, diffFile, side, lineNumber, }) => {
         React__namespace.createElement("td", { className: "diff-line-hunk-action sticky left-0 p-[1px] w-[1%] min-w-[40px] select-none", style: {
                 backgroundColor: `var(${hunkLineNumberBGName})`,
                 color: `var(${plainLineNumberColorName})`,
+                width: `var(${asideWidth})`,
+                minWidth: `var(${asideWidth})`,
+                maxWidth: `var(${asideWidth})`,
             } }, couldExpand ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onSplitHunkExpand("up", index) },
             React__namespace.createElement(ExpandUp, { className: "fill-current" }))) : isLastLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px] relative", title: "Expand Down", "data-title": "Expand Down", onClick: () => {
                 diffFile.onSplitHunkExpand("down", index);
@@ -2475,6 +2530,9 @@ const _DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
         React__namespace.createElement("td", { className: `diff-line-${exports.SplitSide[side]}-num sticky left-0 pl-[10px] pr-[10px] text-right align-top select-none w-[1%] min-w-[40px]`, style: {
                 backgroundColor: lineNumberBG,
                 color: `var(${plainLineNumberColorName})`,
+                width: `var(${asideWidth})`,
+                minWidth: `var(${asideWidth})`,
+                maxWidth: `var(${asideWidth})`,
             } },
             hasDiff && enableAddWidget && (React__namespace.createElement(DiffSplitAddWidget, { index: index, lineNumber: currentLine.lineNumber, side: side, diffFile: diffFile, onWidgetClick: onAddWidgetClick, className: "absolute left-[100%] translate-x-[-50%] z-[1]", onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber: lineNumber, side: side }) })),
             React__namespace.createElement("span", { "data-line-num": currentLine.lineNumber, style: { opacity: hasChange ? undefined : 0.5 } }, currentLine.lineNumber)),
@@ -2530,37 +2588,7 @@ const DiffSplitWidgetLine$1 = ({ index, diffFile, side, lineNumber, }) => {
     return (React__namespace.createElement(_DiffSplitWidgetLine$1, { index: index, diffFile: diffFile, side: side, lineNumber: lineNumber, currentLine: currentLine, setWidget: setWidget, currentWidget: currentWidget }));
 };
 
-const removeAllSelection = () => {
-    const selection = window.getSelection();
-    for (let i = 0; i < selection.rangeCount; i++) {
-        selection.removeRange(selection.getRangeAt(i));
-    }
-};
-const syncScroll = (left, right) => {
-    const onScroll = function (event) {
-        if (event === null || event.target === null)
-            return;
-        if (event.target === left) {
-            right.scrollTop = left.scrollTop;
-            right.scrollLeft = left.scrollLeft;
-        }
-        else {
-            left.scrollTop = right.scrollTop;
-            left.scrollLeft = right.scrollLeft;
-        }
-    };
-    if (!left.onscroll) {
-        left.onscroll = onScroll;
-    }
-    if (!right.onscroll) {
-        right.onscroll = onScroll;
-    }
-    return () => {
-        left.onscroll = null;
-        right.onscroll = null;
-    };
-};
-
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 const onMouseDown$1 = (e) => {
     const ele = e.target;
     // need remove all the selection
@@ -2569,12 +2597,12 @@ const onMouseDown$1 = (e) => {
         return;
     }
 };
-const DiffSplitViewTable = ({ side, diffFile, width }) => {
+const DiffSplitViewTable = ({ side, diffFile }) => {
     const className = side === exports.SplitSide.new ? "new-diff-table" : "old-diff-table";
     const lines = getSplitContentLines(diffFile);
     return (React__namespace.createElement("table", { className: className + " border-collapse w-full", "data-mode": exports.SplitSide[side] },
         React__namespace.createElement("colgroup", null,
-            React__namespace.createElement("col", { className: `diff-table-${exports.SplitSide[side]}-num-col`, style: { minWidth: Math.round(width) + 25 } }),
+            React__namespace.createElement("col", { className: `diff-table-${exports.SplitSide[side]}-num-col` }),
             React__namespace.createElement("col", { className: `diff-table-${exports.SplitSide[side]}-content-col` })),
         React__namespace.createElement("thead", { className: "hidden" },
             React__namespace.createElement("tr", null,
@@ -2606,24 +2634,29 @@ const DiffSplitViewNormal = React.memo(({ diffFile }) => {
             return;
         return syncScroll(left, right);
     }, []);
-    const width = useTextWidth({
+    const _width = useTextWidth({
         text: splitLineLength.toString(),
         font: { fontSize: fontSize + "px", fontFamily: "Menlo, Consolas, monospace" },
     });
+    const width = Math.max(40, _width + 25);
     return (React__namespace.createElement("div", { className: "split-diff-view split-diff-view-wrap w-full flex basis-[50%]" },
         React__namespace.createElement("div", { className: "old-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", ref: ref1, style: {
+                // @ts-ignore
+                [asideWidth]: `${Math.round(width)}px`,
                 overscrollBehaviorX: "none",
                 fontFamily: "Menlo, Consolas, monospace",
                 fontSize: "var(--diff-font-size--)",
             } },
-            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.old, diffFile: diffFile, width: width })),
+            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.old, diffFile: diffFile })),
         React__namespace.createElement("div", { className: "diff-split-line w-[1.5px] bg-[#ccc]" }),
         React__namespace.createElement("div", { className: "new-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", ref: ref2, style: {
+                // @ts-ignore
+                [asideWidth]: `${Math.round(width)}px`,
                 overscrollBehaviorX: "none",
                 fontFamily: "Menlo, Consolas, monospace",
                 fontSize: "var(--diff-font-size--)",
             } },
-            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.new, diffFile: diffFile, width: width }))));
+            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.new, diffFile: diffFile }))));
 });
 DiffSplitViewNormal.displayName = "DiffSplitViewNormal";
 
@@ -2838,10 +2871,11 @@ const DiffSplitViewWrap = React.memo(({ diffFile }) => {
             }
         }
     }, [setSelectSide]);
-    const width = useTextWidth({
+    const _width = useTextWidth({
         text: splitLineLength.toString(),
         font: { fontSize: fontSize + "px", fontFamily: "Menlo, Consolas, monospace" },
     });
+    const width = Math.max(40, _width + 25);
     const lines = getSplitContentLines(diffFile);
     return (React__namespace.createElement("div", { className: "split-diff-view split-diff-view-normal w-full" },
         React__namespace.createElement("div", { className: "diff-table-wrapper w-full", style: {
@@ -2851,9 +2885,9 @@ const DiffSplitViewWrap = React.memo(({ diffFile }) => {
             React__namespace.createElement(Style, { useSelector: splitSideInfo, id: `diff-root${diffFile.getId()}` }),
             React__namespace.createElement("table", { className: "diff-table border-collapse table-fixed w-full" },
                 React__namespace.createElement("colgroup", null,
-                    React__namespace.createElement("col", { className: "diff-table-old-num-col", width: Math.round(width) + 25 }),
+                    React__namespace.createElement("col", { className: "diff-table-old-num-col", width: Math.round(width) }),
                     React__namespace.createElement("col", { className: "diff-table-old-content-col" }),
-                    React__namespace.createElement("col", { className: "diff-table-new-num-col", width: Math.round(width) + 25 }),
+                    React__namespace.createElement("col", { className: "diff-table-new-num-col", width: Math.round(width) }),
                     React__namespace.createElement("col", { className: "diff-table-new-content-col" })),
                 React__namespace.createElement("thead", { className: "hidden" },
                     React__namespace.createElement("tr", null,
@@ -2956,6 +2990,9 @@ const _DiffUnifiedHunkLine = ({ index, diffFile, lineNumber, }) => {
         React__namespace.createElement("td", { className: "diff-line-hunk-action sticky left-0 p-[1px] w-[1%] min-w-[100px] select-none", style: {
                 backgroundColor: `var(${hunkLineNumberBGName})`,
                 color: `var(${plainLineNumberColorName})`,
+                width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
             } }, couldExpand ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onUnifiedHunkExpand("up", index) },
             React__namespace.createElement(ExpandUp, { className: "fill-current" }))) : isLastLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Down", "data-title": "Expand Down", onClick: () => diffFile.onUnifiedHunkExpand("down", index) },
             React__namespace.createElement(ExpandDown, { className: "fill-current" }))) : isExpandAll ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand All", "data-title": "Expand All", onClick: () => diffFile.onUnifiedHunkExpand("all", index) },
@@ -2987,6 +3024,9 @@ const DiffUnifiedOldLine = ({ index, diffLine, rawLine, syntaxLine, lineNumber,
         React__namespace.createElement("td", { className: "diff-line-num sticky left-0 pl-[10px] pr-[10px] text-right select-none w-[1%] min-w-[100px] whitespace-nowrap align-top", style: {
                 color: `var(${plainLineNumberColorName})`,
                 backgroundColor: `var(${delLineNumberBGName})`,
+                width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
             } },
             enableAddWidget && (React__namespace.createElement(DiffUnifiedAddWidget, { index: index - 1, lineNumber: lineNumber, diffFile: diffFile, side: exports.SplitSide.old, onWidgetClick: onAddWidgetClick, onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber, side }) })),
             React__namespace.createElement("div", { className: "flex" },
@@ -3001,6 +3041,9 @@ const DiffUnifiedNewLine = ({ index, diffLine, rawLine, syntaxLine, lineNumber,
         React__namespace.createElement("td", { className: "diff-line-num sticky left-0 pl-[10px] pr-[10px] text-right select-none w-[1%] min-w-[100px] whitespace-nowrap align-top", style: {
                 color: `var(${plainLineNumberColorName})`,
                 backgroundColor: `var(${addLineNumberBGName})`,
+                width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
             } },
             enableAddWidget && (React__namespace.createElement(DiffUnifiedAddWidget, { index: index - 1, lineNumber: lineNumber, diffFile: diffFile, side: exports.SplitSide.new, onWidgetClick: onAddWidgetClick, onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber, side }) })),
             React__namespace.createElement("div", { className: "flex" },
@@ -3044,6 +3087,9 @@ const _DiffUnifiedLine = React.memo(({ index, diffFile, lineNumber }) => {
         return (React__namespace.createElement("tr", { "data-line": lineNumber, "data-state": unifiedLine.diff ? "diff" : "plain", className: "diff-line group" },
             React__namespace.createElement("td", { className: "diff-line-num sticky left-0 pl-[10px] pr-[10px] text-right select-none w-[1%] min-w-[100px] whitespace-nowrap align-top", style: {
                     color: `var(${plainLineNumberColorName})`,
+                    width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                    maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                    minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
                     backgroundColor: hasDiff ? `var(${plainLineNumberBGName})` : `var(${expandContentBGName})`,
                 } },
                 enableAddWidget && hasDiff && (React__namespace.createElement(DiffUnifiedAddWidget, { index: index, diffFile: diffFile, lineNumber: unifiedLine.newLineNumber, side: exports.SplitSide.new, onWidgetClick: onAddWidgetClick, onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber, side }) })),
@@ -3099,6 +3145,7 @@ const DiffUnifiedWidgetLine = ({ index, diffFile, lineNumber, }) => {
     return (React__namespace.createElement(_DiffUnifiedWidgetLine, { index: index, diffFile: diffFile, lineNumber: lineNumber, oldWidget: oldWidget, newWidget: newWidget, setWidget: setWidget }));
 };
 
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 const onMouseDown = (e) => {
     const ele = e.target;
     // need remove all the selection
@@ -3123,15 +3170,27 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
         return { widgetSide, widgetLineNumber, setWidget };
     }), [useDiffContext]);
     const contextValue = React.useMemo(() => ({ useWidget }), [useWidget]);
+    const fontSize = useDiffContext(React.useCallback((s) => s.fontSize, []));
     shim.useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount);
     React.useEffect(() => {
         const { setWidget } = useWidget.getReadonlyState();
         setWidget({});
     }, [diffFile, useWidget]);
+    const unifiedLineLength = diffFile.unifiedLineLength;
+    const _width = useTextWidth({
+        text: unifiedLineLength.toString(),
+        font: { fontSize: fontSize + "px", fontFamily: "Menlo, Consolas, monospace" },
+    });
+    const width = Math.max(40, _width + 25);
     const lines = getUnifiedContentLine(diffFile);
     return (React__namespace.createElement(DiffWidgetContext.Provider, { value: contextValue },
         React__namespace.createElement("div", { className: "unified-diff-view w-full" },
-            React__namespace.createElement("div", { className: "unified-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", style: { fontFamily: "Menlo, Consolas, monospace", fontSize: "var(--diff-font-size--)" } },
+            React__namespace.createElement("div", { className: "unified-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", style: {
+                    // @ts-ignore
+                    [asideWidth]: `${Math.round(width)}px`,
+                    fontFamily: "Menlo, Consolas, monospace",
+                    fontSize: "var(--diff-font-size--)",
+                } },
                 React__namespace.createElement("table", { className: "unified-diff-table border-collapse w-full" },
                     React__namespace.createElement("colgroup", null,
                         React__namespace.createElement("col", { className: "unified-diff-table-num-col" }),
@@ -3140,7 +3199,7 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
                         React__namespace.createElement("tr", null,
                             React__namespace.createElement("th", { scope: "col" }, "line number"),
                             React__namespace.createElement("th", { scope: "col" }, "line content"))),
-                    React__namespace.createElement("tbody", { className: "diff-table-body  leading-[1.4]", onMouseDownCapture: onMouseDown },
+                    React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.4]", onMouseDownCapture: onMouseDown },
                         lines.map((item) => (React__namespace.createElement(React.Fragment, { key: item.index },
                             React__namespace.createElement(DiffUnifiedHunkLine, { index: item.index, lineNumber: item.lineNumber, diffFile: diffFile }),
                             React__namespace.createElement(DiffUnifiedLine, { index: item.index, lineNumber: item.lineNumber, diffFile: diffFile }),
@@ -3259,7 +3318,7 @@ const _InternalDiffView = (props) => {
     ]);
     const value = React.useMemo(() => ({ useDiffContext }), [useDiffContext]);
     return (React__namespace.createElement(DiffViewContext.Provider, { value: value },
-        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.7"}` },
+        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.8"}` },
             React__namespace.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -3312,7 +3371,7 @@ const DiffViewWithRef = (props, ref) => {
 };
 const DiffView = React.forwardRef(DiffViewWithRef);
 DiffView.displayName = "DiffView";
-const version = "0.0.7";
+const version = "0.0.8";
 
 exports.DefaultDiffExpansionStep = DefaultDiffExpansionStep;
 exports.DiffFile = DiffFile;