@git-diff-view/react 0.0.10 → 0.0.11

package/dist/cjs/index.development.js

@@ -392,7 +392,7 @@ _File_instances = new WeakSet(), _File_doCheck = function _File_doCheck() {
     }
 };
 const getFile = (raw, lang, fileName) => {
-    const key = raw + "--" + "0.0.10" + "--" + lang;
+    const key = raw + "--" + "0.0.11" + "--" + lang;
     if (map.has(key))
         return map.get(key);
     const file = new File(raw, lang, fileName);
@@ -406,6 +406,7 @@ exports.NewLineSymbol = void 0;
     NewLineSymbol[NewLineSymbol["CRLF"] = 1] = "CRLF";
     NewLineSymbol[NewLineSymbol["CR"] = 2] = "CR";
     NewLineSymbol[NewLineSymbol["LF"] = 3] = "LF";
+    NewLineSymbol[NewLineSymbol["NEWLINE"] = 4] = "NEWLINE";
 })(exports.NewLineSymbol || (exports.NewLineSymbol = {}));
 const maxLength = 1000;
 /** Get the maximum position in the range. */
@@ -430,25 +431,41 @@ function commonLength(stringA, rangeA, stringB, rangeB, reverse) {
 function isInValidString(s) {
     return s.trim().length === 0 || s.length >= maxLength;
 }
+// TODO maybe could use the original content line
 /** Get the changed ranges in the strings, relative to each other. */
-function relativeChanges(stringA, stringB) {
+function relativeChanges(addition, deletion) {
+    const stringA = addition.text;
+    const stringB = deletion.text;
     let bRange = { location: 0, length: stringB.length };
     let aRange = { location: 0, length: stringA.length };
     const _stringA = stringA.trimEnd();
     const _stringB = stringB.trimEnd();
     const aEndStr = stringA.slice(-2);
     const bEndStr = stringB.slice(-2);
-    if (_stringA === _stringB && aEndStr !== bEndStr && (aEndStr === "\r\n" || bEndStr === "\r\n")) {
+    const hasNewLineChanged = addition.noTrailingNewLine !== deletion.noTrailingNewLine;
+    if (_stringA === _stringB && (hasNewLineChanged || aEndStr !== bEndStr)) {
         return {
             stringARange: {
                 location: _stringA.length,
                 length: stringA.length - _stringA.length,
-                newLineSymbol: aEndStr === "\r\n" ? exports.NewLineSymbol.CRLF : aEndStr.endsWith("\r") ? exports.NewLineSymbol.CR : exports.NewLineSymbol.LF,
+                newLineSymbol: hasNewLineChanged
+                    ? exports.NewLineSymbol.NEWLINE
+                    : aEndStr === "\r\n"
+                        ? exports.NewLineSymbol.CRLF
+                        : aEndStr.endsWith("\r")
+                            ? exports.NewLineSymbol.CR
+                            : exports.NewLineSymbol.LF,
             },
             stringBRange: {
                 location: _stringB.length,
                 length: stringB.length - _stringB.length,
-                newLineSymbol: bEndStr === "\r\n" ? exports.NewLineSymbol.CRLF : bEndStr.endsWith("\r") ? exports.NewLineSymbol.CR : exports.NewLineSymbol.LF,
+                newLineSymbol: hasNewLineChanged
+                    ? exports.NewLineSymbol.NEWLINE
+                    : bEndStr === "\r\n"
+                        ? exports.NewLineSymbol.CRLF
+                        : bEndStr.endsWith("\r")
+                            ? exports.NewLineSymbol.CR
+                            : exports.NewLineSymbol.LF,
             },
         };
     }
@@ -472,10 +489,12 @@ function relativeChanges(stringA, stringB) {
     return { stringARange: aRange, stringBRange: bRange };
 }
 /** Check two string have a diff range */
-function hasRelativeChange(stringA, stringB) {
-    const _stringA = stringA.trim();
-    const _stringB = stringB.trim();
-    const { stringARange, stringBRange } = relativeChanges(_stringA, _stringB);
+function hasRelativeChange(addition, deletion) {
+    const _stringA = addition.text.trim();
+    const _stringB = deletion.text.trim();
+    const _addition = addition.clone(_stringA);
+    const _deletion = deletion.clone(_stringB);
+    const { stringARange, stringBRange } = relativeChanges(_addition, _deletion);
     return (stringARange.location > 0 ||
         stringBRange.location > 0 ||
         stringARange.length < _stringA.length ||
@@ -523,6 +542,9 @@ class DiffLine {
             this.newLineNumber === other.newLineNumber &&
             this.noTrailingNewLine === other.noTrailingNewLine);
     }
+    clone(text) {
+        return new DiffLine(text, this.type, this.originalLineNumber, this.oldLineNumber, this.newLineNumber);
+    }
 }
 const checkDiffLineIncludeChange = (diffLine) => {
     if (!diffLine)
@@ -683,9 +705,9 @@ const getDiffRange = (additions, deletions) => {
         for (let i = 0; i < len; i++) {
             const addition = additions[i];
             const deletion = deletions[i];
-            const hasDiffRange = hasRelativeChange(addition.text, deletion.text);
+            const hasDiffRange = hasRelativeChange(addition, deletion);
             if (hasDiffRange) {
-                const { stringARange, stringBRange } = relativeChanges(addition.text, deletion.text);
+                const { stringARange, stringBRange } = relativeChanges(addition, deletion);
                 addition.needRematch = true;
                 addition.range = stringARange;
                 deletion.needRematch = true;
@@ -1070,7 +1092,7 @@ class DiffFile {
         _DiffFile_updateCount.set(this, 0);
         _DiffFile_composeByDiff.set(this, false);
         _DiffFile_highlighterName.set(this, void 0);
-        this._version_ = "0.0.10";
+        this._version_ = "0.0.11";
         this._oldFileContent = "";
         this._oldFileLang = "";
         this._newFileContent = "";
@@ -1816,31 +1838,33 @@ _DiffFile_oldFileResult = new WeakMap(), _DiffFile_newFileResult = new WeakMap()
         let oldLineNumber = 1;
         let oldFileContent = "";
         let newFileContent = "";
-        while (oldLineNumber <= this.diffLineLength) {
-            const index = oldLineNumber++;
-            const diffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, index);
-            if (diffLine) {
-                oldFileContent += diffLine.text;
+        let hasSymbolChanged = false;
+        while (oldLineNumber <= this.diffLineLength || newLineNumber <= this.diffLineLength) {
+            const oldIndex = oldLineNumber++;
+            const newIndex = newLineNumber++;
+            const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldIndex);
+            const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newIndex);
+            if (oldDiffLine) {
+                oldFileContent += oldDiffLine.text;
             }
             else {
                 // empty line for placeholder
                 oldFileContent += "\n";
-                oldFilePlaceholderLines[index] = true;
+                oldFilePlaceholderLines[oldIndex] = true;
             }
-        }
-        while (newLineNumber <= this.diffLineLength) {
-            const index = newLineNumber++;
-            const diffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, index);
-            if (diffLine) {
-                newFileContent += diffLine.text;
+            if (newDiffLine) {
+                newFileContent += newDiffLine.text;
             }
             else {
                 // empty line for placeholder
                 newFileContent += "\n";
-                newFilePlaceholderLines[index] = true;
+                newFilePlaceholderLines[newIndex] = true;
+            }
+            if (!hasSymbolChanged && oldDiffLine && newDiffLine) {
+                hasSymbolChanged = hasSymbolChanged || oldDiffLine.noTrailingNewLine !== newDiffLine.noTrailingNewLine;
             }
         }
-        if (oldFileContent === newFileContent)
+        if (!hasSymbolChanged && oldFileContent === newFileContent)
             return;
         this._oldFileContent = oldFileContent;
         this._newFileContent = newFileContent;
@@ -1855,21 +1879,25 @@ _DiffFile_oldFileResult = new WeakMap(), _DiffFile_newFileResult = new WeakMap()
         let newLineNumber = 1;
         let oldLineNumber = 1;
         let newFileContent = "";
+        let hasSymbolChanged = false;
         while (oldLineNumber <= __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f").maxLineNumber) {
             const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newLineNumber++);
+            const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldLineNumber);
             if (newDiffLine) {
                 newFileContent += newDiffLine.text;
                 oldLineNumber = newDiffLine.oldLineNumber ? newDiffLine.oldLineNumber + 1 : oldLineNumber;
             }
             else {
-                const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldLineNumber);
                 if (!oldDiffLine) {
                     newFileContent += __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldRawLine).call(this, oldLineNumber);
                 }
                 oldLineNumber++;
             }
+            if (!hasSymbolChanged && newDiffLine && oldDiffLine) {
+                hasSymbolChanged = hasSymbolChanged || newDiffLine.noTrailingNewLine !== oldDiffLine.noTrailingNewLine;
+            }
         }
-        if (newFileContent === this._oldFileContent)
+        if (!hasSymbolChanged && newFileContent === this._oldFileContent)
             return;
         this._newFileContent = newFileContent;
         __classPrivateFieldSet(this, _DiffFile_newFileResult, getFile(this._newFileContent, this._newFileLang, this._newFileName), "f");
@@ -1878,21 +1906,25 @@ _DiffFile_oldFileResult = new WeakMap(), _DiffFile_newFileResult = new WeakMap()
         let oldLineNumber = 1;
         let newLineNumber = 1;
         let oldFileContent = "";
+        let hasSymbolChanged = false;
         while (newLineNumber <= __classPrivateFieldGet(this, _DiffFile_newFileResult, "f").maxLineNumber) {
             const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldLineNumber++);
+            const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newLineNumber);
             if (oldDiffLine) {
                 oldFileContent += oldDiffLine.text;
                 newLineNumber = oldDiffLine.newLineNumber ? oldDiffLine.newLineNumber + 1 : newLineNumber;
             }
             else {
-                const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newLineNumber);
                 if (!newDiffLine) {
                     oldFileContent += __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewRawLine).call(this, newLineNumber);
                 }
                 newLineNumber++;
             }
+            if (!hasSymbolChanged && newDiffLine && oldDiffLine) {
+                hasSymbolChanged = hasSymbolChanged || newDiffLine.noTrailingNewLine !== oldDiffLine.noTrailingNewLine;
+            }
         }
-        if (oldFileContent === this._newFileContent)
+        if (!hasSymbolChanged && oldFileContent === this._newFileContent)
             return;
         this._oldFileContent = oldFileContent;
         __classPrivateFieldSet(this, _DiffFile_oldFileResult, getFile(this._oldFileContent, this._oldFileLang, this._oldFileName), "f");
@@ -2090,7 +2122,7 @@ const getUnifiedContentLine = (diffFile) => {
     return lines.filter((line) => line.type === exports.DiffFileLineType.content);
 };
 
-const versions = "0.0.10";
+const versions = "0.0.11";
 
 const useUnmount = (cb, deps) => {
     const ref = React.useRef(cb);
@@ -2427,6 +2459,11 @@ const _DiffSplitHunkLineGitLab = ({ index, diffFile, side, lineNumber, }) => {
     var _a;
     const currentHunk = diffFile.getSplitHunkLine(index);
     const expandEnabled = diffFile.getExpandEnabled();
+    useSyncHeight({
+        selector: `tr[data-line="${lineNumber}-hunk"]`,
+        side: exports.SplitSide[exports.SplitSide.old],
+        enable: side === exports.SplitSide.new,
+    });
     const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
     const isExpandAll = currentHunk &&
         currentHunk.splitInfo &&
@@ -2480,8 +2517,8 @@ const DiffSplitHunkLine$1 = ({ index, diffFile, side, lineNumber, }) => {
 
 const DiffSplitAddWidget = ({ side, className, lineNumber, onWidgetClick, onOpenAddWidget, }) => {
     return (React__namespace.createElement("div", { className: "diff-add-widget-wrapper" + (className ? " " + className : ""), style: {
-            width: "calc(var(--diff-font-size--) * 1.4)",
-            height: "calc(var(--diff-font-size--) * 1.4)",
+            width: `calc(var(${diffFontSizeName}) * 1.4)`,
+            height: `calc(var(${diffFontSizeName}) * 1.4)`,
         } },
         React__namespace.createElement("button", { className: "diff-add-widget w-full h-full invisible cursor-pointer rounded-md flex items-center justify-center transition-transform origin-center group-hover:visible hover:scale-110", style: {
                 color: `var(${addWidgetColorName})`,
@@ -2495,8 +2532,8 @@ const DiffSplitAddWidget = ({ side, className, lineNumber, onWidgetClick, onOpen
 };
 const DiffUnifiedAddWidget = ({ lineNumber, side, onWidgetClick, onOpenAddWidget, }) => {
     return (React__namespace.createElement("div", { className: "diff-add-widget-wrapper absolute left-[100%] top-[1px] translate-x-[-50%]", style: {
-            width: "calc(var(--diff-font-size--) * 1.4)",
-            height: "calc(var(--diff-font-size--) * 1.4)",
+            width: `calc(var(${diffFontSizeName}) * 1.4)`,
+            height: `calc(var(${diffFontSizeName}) * 1.4)`,
         } },
         React__namespace.createElement("button", { className: "diff-add-widget w-full h-full invisible cursor-pointer rounded-md flex items-center justify-center transition-transform origin-center group-hover:visible hover:scale-110", style: {
                 color: `var(${addWidgetColorName})`,
@@ -2509,6 +2546,12 @@ const DiffUnifiedAddWidget = ({ lineNumber, side, onWidgetClick, onOpenAddWidget
             } }, "+")));
 };
 
+const DiffNoNewLine = () => {
+    return (React__namespace.createElement("svg", { "aria-label": "No newline at end of file", role: "img", viewBox: "0 0 16 16", version: "1.1", fill: "currentColor" },
+        React__namespace.createElement("path", { d: "M4.25 7.25a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Z" }),
+        React__namespace.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0Z" })));
+};
+
 const temp = {};
 const formatStringToCamelCase = (str) => {
     const splitted = str.split("-");
@@ -2533,7 +2576,7 @@ const getStyleObjectFromString = memoFunc((str) => {
     });
     return style;
 });
-const DiffString = ({ rawLine, diffLine, operator, }) => {
+const DiffString = ({ rawLine, diffLine, operator, enableWrap, }) => {
     const range = diffLine === null || diffLine === void 0 ? void 0 : diffLine.range;
     if (range) {
         const str1 = rawLine.slice(0, range.location);
@@ -2552,19 +2595,27 @@ const DiffString = ({ rawLine, diffLine, operator, }) => {
                         ? "␊"
                         : isNewLineSymbolChanged === exports.NewLineSymbol.CR
                             ? "␍"
-                            : "␍␊"}`
+                            : isNewLineSymbolChanged === exports.NewLineSymbol.CRLF
+                                ? "␍␊"
+                                : ""}`
                     : str2),
-                str3)));
+                str3),
+            isNewLineSymbolChanged === exports.NewLineSymbol.NEWLINE && diffLine.noTrailingNewLine && (React__namespace.createElement("span", { "data-no-newline-at-end-of-file": true, className: enableWrap ? "block text-red-500" : "inline-block align-middle text-red-500", style: {
+                    width: `var(${diffFontSizeName})`,
+                    height: `var(${diffFontSizeName})`,
+                } },
+                React__namespace.createElement(DiffNoNewLine, null)))));
     }
     return React__namespace.createElement("span", { className: "diff-line-content-raw" }, rawLine);
 };
-const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, }) => {
+const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, enableWrap, }) => {
     var _a, _b;
     if (!syntaxLine) {
         return React__namespace.createElement(DiffString, { rawLine: rawLine, diffLine: diffLine, operator: operator });
     }
     const range = diffLine === null || diffLine === void 0 ? void 0 : diffLine.range;
     if (range) {
+        const isNewLineSymbolChanged = range.newLineSymbol;
         return (React__namespace.createElement("span", { className: "diff-line-syntax-raw" },
             React__namespace.createElement("span", { "data-range-start": range.location, "data-range-end": range.location + range.length }, (_a = syntaxLine.nodeList) === null || _a === void 0 ? void 0 : _a.map(({ node, wrapper }, index) => {
                 var _a, _b, _c, _d, _e, _f;
@@ -2581,7 +2632,6 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, }) => {
                     const isEnd = str3.length || node.endIndex === range.location + range.length - 1;
                     const isLast = str2.includes("\n");
                     const _str2 = isLast ? str2.replace("\n", "") : str2;
-                    const isNewLineSymbolChanged = range.newLineSymbol;
                     return (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: (_e = (_d = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _d === void 0 ? void 0 : _d.className) === null || _e === void 0 ? void 0 : _e.join(" "), style: getStyleObjectFromString(((_f = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _f === void 0 ? void 0 : _f.style) || "") },
                         str1,
                         React__namespace.createElement("span", { "data-diff-highlight": true, style: {
@@ -2595,11 +2645,18 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, }) => {
                                 ? "␊"
                                 : isNewLineSymbolChanged === exports.NewLineSymbol.CR
                                     ? "␍"
-                                    : "␍␊"}`
+                                    : isNewLineSymbolChanged === exports.NewLineSymbol.CRLF
+                                        ? "␍␊"
+                                        : ""}`
                             : str2),
                         str3));
                 }
-            }))));
+            })),
+            isNewLineSymbolChanged === exports.NewLineSymbol.NEWLINE && diffLine.noTrailingNewLine && (React__namespace.createElement("span", { "data-no-newline-at-end-of-file": true, className: enableWrap ? "block text-red-500" : "inline-block align-middle text-red-500", style: {
+                    width: `var(${diffFontSizeName})`,
+                    height: `var(${diffFontSizeName})`,
+                } },
+                React__namespace.createElement(DiffNoNewLine, null)))));
     }
     return (React__namespace.createElement("span", { className: "diff-line-syntax-raw" }, (_b = syntaxLine === null || syntaxLine === void 0 ? void 0 : syntaxLine.nodeList) === null || _b === void 0 ? void 0 : _b.map(({ node, wrapper }, index) => {
         var _a, _b, _c;
@@ -2616,7 +2673,7 @@ const DiffContent = ({ diffLine, rawLine, syntaxLine, enableWrap, enableHighligh
             wordBreak: enableWrap ? "break-all" : "initial",
         } },
         React__namespace.createElement("span", { "data-operator": isAdded ? "+" : isDelete ? "-" : undefined, className: "diff-line-content-operator inline-block w-[1.5em] ml-[-1.5em] indent-[0.2em] select-none" }, isAdded ? "+" : isDelete ? "-" : " "),
-        enableHighlight && syntaxLine && !isMaxLineLengthToIgnoreSyntax ? (React__namespace.createElement(DiffSyntax, { operator: isAdded ? "add" : isDelete ? "del" : undefined, rawLine: rawLine, diffLine: diffLine, syntaxLine: syntaxLine })) : (React__namespace.createElement(DiffString, { operator: isAdded ? "add" : isDelete ? "del" : undefined, rawLine: rawLine, diffLine: diffLine }))));
+        enableHighlight && syntaxLine && !isMaxLineLengthToIgnoreSyntax ? (React__namespace.createElement(DiffSyntax, { operator: isAdded ? "add" : isDelete ? "del" : undefined, rawLine: rawLine, diffLine: diffLine, syntaxLine: syntaxLine, enableWrap: enableWrap })) : (React__namespace.createElement(DiffString, { operator: isAdded ? "add" : isDelete ? "del" : undefined, rawLine: rawLine, diffLine: diffLine, enableWrap: enableWrap }))));
 };
 
 const DiffWidgetContext = React.createContext(null);
@@ -2765,7 +2822,7 @@ const DiffSplitViewNormal = React.memo(({ diffFile }) => {
                 [asideWidth]: `${Math.round(width)}px`,
                 overscrollBehaviorX: "none",
                 fontFamily: "Menlo, Consolas, monospace",
-                fontSize: "var(--diff-font-size--)",
+                fontSize: `var(${diffFontSizeName})`,
             } },
             React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.old, diffFile: diffFile })),
         React__namespace.createElement("div", { className: "diff-split-line w-[1.5px] bg-[rgb(222,222,222)]" }),
@@ -2774,7 +2831,7 @@ const DiffSplitViewNormal = React.memo(({ diffFile }) => {
                 [asideWidth]: `${Math.round(width)}px`,
                 overscrollBehaviorX: "none",
                 fontFamily: "Menlo, Consolas, monospace",
-                fontSize: "var(--diff-font-size--)",
+                fontSize: `var(${diffFontSizeName})`,
             } },
             React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.new, diffFile: diffFile }))));
 });
@@ -3065,7 +3122,7 @@ const DiffSplitViewWrap = React.memo(({ 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: {
                 fontFamily: "Menlo, Consolas, monospace",
-                fontSize: "var(--diff-font-size--)",
+                fontSize: `var(${diffFontSizeName})`,
             } },
             React__namespace.createElement(Style, { useSelector: splitSideInfo, id: `diff-root${diffFile.getId()}` }),
             React__namespace.createElement("table", { className: "diff-table border-collapse table-fixed w-full" },
@@ -3378,7 +3435,7 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
                     // @ts-ignore
                     [asideWidth]: `${Math.round(width)}px`,
                     fontFamily: "Menlo, Consolas, monospace",
-                    fontSize: "var(--diff-font-size--)",
+                    fontSize: `var(${diffFontSizeName})`,
                 } },
                 React__namespace.createElement("table", { className: "unified-diff-table border-collapse w-full" },
                     React__namespace.createElement("colgroup", null,
@@ -3508,7 +3565,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.10"}`, "data-highlighter": diffFile._getHighlighterName() },
+        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.11"}`, "data-highlighter": diffFile._getHighlighterName() },
             React__namespace.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -3561,7 +3618,7 @@ const DiffViewWithRef = (props, ref) => {
 };
 const DiffView = React.forwardRef(DiffViewWithRef);
 DiffView.displayName = "DiffView";
-const version = "0.0.10";
+const version = "0.0.11";
 
 exports.DefaultDiffExpansionStep = DefaultDiffExpansionStep;
 exports.DiffFile = DiffFile;
@@ -3573,6 +3630,7 @@ exports._cacheMap = _cacheMap;
 exports.assertNever = assertNever;
 exports.checkDiffLineIncludeChange = checkDiffLineIncludeChange;
 exports.composeLen = composeLen;
+exports.diffFontSizeName = diffFontSizeName;
 exports.getDiffRange = getDiffRange;
 exports.getFile = getFile;
 exports.getHunkHeaderExpansionType = getHunkHeaderExpansionType;