@git-diff-view/react 0.0.27 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.development.js +18 -9
- package/dist/cjs/index.development.js.map +1 -1
- package/dist/cjs/index.production.js +18 -9
- package/dist/cjs/index.production.js.map +1 -1
- package/dist/esm/index.mjs +12 -3
- package/dist/esm/index.mjs.map +1 -1
- package/index.d.ts +8 -8
- package/package.json +2 -2
- package/src/components/DiffContent.tsx +1 -1
- package/src/components/DiffContent_v2.tsx +1 -1
|
@@ -221,13 +221,22 @@ const memoFunc = (func) => {
|
|
|
221
221
|
});
|
|
222
222
|
};
|
|
223
223
|
|
|
224
|
+
var NewLineSymbol;
|
|
225
|
+
(function (NewLineSymbol) {
|
|
226
|
+
NewLineSymbol[NewLineSymbol["CRLF"] = 1] = "CRLF";
|
|
227
|
+
NewLineSymbol[NewLineSymbol["CR"] = 2] = "CR";
|
|
228
|
+
NewLineSymbol[NewLineSymbol["LF"] = 3] = "LF";
|
|
229
|
+
NewLineSymbol[NewLineSymbol["NEWLINE"] = 4] = "NEWLINE";
|
|
230
|
+
NewLineSymbol[NewLineSymbol["NORMAL"] = 5] = "NORMAL";
|
|
231
|
+
NewLineSymbol[NewLineSymbol["NULL"] = 6] = "NULL";
|
|
232
|
+
})(NewLineSymbol || (NewLineSymbol = {}));
|
|
224
233
|
const getSymbol = (symbol) => {
|
|
225
234
|
switch (symbol) {
|
|
226
|
-
case
|
|
235
|
+
case NewLineSymbol.LF:
|
|
227
236
|
return "␊";
|
|
228
|
-
case
|
|
237
|
+
case NewLineSymbol.CR:
|
|
229
238
|
return "␍";
|
|
230
|
-
case
|
|
239
|
+
case NewLineSymbol.CRLF:
|
|
231
240
|
return "␍␊";
|
|
232
241
|
default:
|
|
233
242
|
return "";
|
|
@@ -337,7 +346,7 @@ const DiffString = ({ rawLine, diffLine, operator, plainLine, enableWrap, }) =>
|
|
|
337
346
|
if (diffLine === null || diffLine === void 0 ? void 0 : diffLine.plainTemplate) {
|
|
338
347
|
return (React__namespace.createElement("span", { className: "diff-line-content-raw" },
|
|
339
348
|
React__namespace.createElement("span", { "data-template": true, dangerouslySetInnerHTML: { __html: diffLine.plainTemplate } }),
|
|
340
|
-
isNewLineSymbolChanged ===
|
|
349
|
+
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React__namespace.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block !text-red-500" : "inline-block align-middle !text-red-500", style: {
|
|
341
350
|
width: `var(${diffFontSizeName})`,
|
|
342
351
|
height: `var(${diffFontSizeName})`,
|
|
343
352
|
} },
|
|
@@ -360,7 +369,7 @@ const DiffString = ({ rawLine, diffLine, operator, plainLine, enableWrap, }) =>
|
|
|
360
369
|
_str2,
|
|
361
370
|
React__namespace.createElement("span", { "data-newline-symbol": true }, getSymbol(isNewLineSymbolChanged)))) : (str2)),
|
|
362
371
|
str3),
|
|
363
|
-
isNewLineSymbolChanged ===
|
|
372
|
+
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React__namespace.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block !text-red-500" : "inline-block align-middle !text-red-500", style: {
|
|
364
373
|
width: `var(${diffFontSizeName})`,
|
|
365
374
|
height: `var(${diffFontSizeName})`,
|
|
366
375
|
} },
|
|
@@ -390,7 +399,7 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, enableWrap, }) =>
|
|
|
390
399
|
if (diffLine === null || diffLine === void 0 ? void 0 : diffLine.syntaxTemplate) {
|
|
391
400
|
return (React__namespace.createElement("span", { className: "diff-line-syntax-raw" },
|
|
392
401
|
React__namespace.createElement("span", { "data-template": true, dangerouslySetInnerHTML: { __html: diffLine.syntaxTemplate } }),
|
|
393
|
-
isNewLineSymbolChanged ===
|
|
402
|
+
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React__namespace.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block !text-red-500" : "inline-block align-middle !text-red-500", style: {
|
|
394
403
|
width: `var(${diffFontSizeName})`,
|
|
395
404
|
height: `var(${diffFontSizeName})`,
|
|
396
405
|
} },
|
|
@@ -431,7 +440,7 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, enableWrap, }) =>
|
|
|
431
440
|
str3));
|
|
432
441
|
}
|
|
433
442
|
})),
|
|
434
|
-
isNewLineSymbolChanged ===
|
|
443
|
+
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React__namespace.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block !text-red-500" : "inline-block align-middle !text-red-500", style: {
|
|
435
444
|
width: `var(${diffFontSizeName})`,
|
|
436
445
|
height: `var(${diffFontSizeName})`,
|
|
437
446
|
} },
|
|
@@ -1800,7 +1809,7 @@ const InternalDiffView = (props) => {
|
|
|
1800
1809
|
}, [diffFile]);
|
|
1801
1810
|
const value = React.useMemo(() => ({ useDiffContext }), [useDiffContext]);
|
|
1802
1811
|
return (React__namespace.createElement(DiffViewContext.Provider, { value: value },
|
|
1803
|
-
React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.
|
|
1812
|
+
React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.28", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
|
|
1804
1813
|
React__namespace.createElement("div", { className: "diff-style-root", style: {
|
|
1805
1814
|
// @ts-ignore
|
|
1806
1815
|
[diffFontSizeName]: diffViewFontSize + "px",
|
|
@@ -1866,7 +1875,7 @@ const DiffViewWithRef = (props, ref) => {
|
|
|
1866
1875
|
const InnerDiffView = React.forwardRef(DiffViewWithRef);
|
|
1867
1876
|
InnerDiffView.displayName = "DiffView";
|
|
1868
1877
|
const DiffView = InnerDiffView;
|
|
1869
|
-
const version = "0.0.
|
|
1878
|
+
const version = "0.0.28";
|
|
1870
1879
|
|
|
1871
1880
|
Object.defineProperty(exports, "SplitSide", {
|
|
1872
1881
|
enumerable: true,
|