update

MrWangJustToDo · MrWangJustToDo · commit f5070c8033b2 · 2025-10-15T01:32:43.000+08:00
diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
@@ -1,3 +1,5 @@
+/* eslint-disable import/export */
+
 export * from "./components/DiffView";
 
 export * from "@git-diff-view/core";
diff --git a/packages/core/index.d.ts b/packages/core/index.d.ts
@@ -456,6 +456,10 @@ export declare class DiffParser {
 export declare const DefaultDiffExpansionStep = 40;
 export declare const _cacheMap: Cache$1<string, File$1>;
 export declare const changeDefaultComposeLength: (compose: number) => void;
+/**
+ * Change the maximum length of a line to ignore line diff.
+ */
+export declare const changeMaxLengthToIgnoreLineDiff: (length: number) => void;
 export declare const checkCurrentLineIsHidden: (diffFile: DiffFile, lineNumber: number, side: SplitSide) => {
 	split: boolean;
 	unified: boolean;
@@ -466,6 +470,7 @@ export declare const disableCache: () => void;
 export declare const getCurrentComposeLength: () => number;
 export declare const getEnableFastDiffTemplate: () => boolean;
 export declare const getLang: (fileName: string) => string;
+export declare const getMaxLengthToIgnoreLineDiff: () => number;
 export declare const getPlainDiffTemplate: ({ diffLine, rawLine, operator, }: {
 	diffLine: DiffLine;
 	rawLine: string;
@@ -537,6 +542,7 @@ export declare const processTransformForFile: (content: string) => string;
 export declare const processTransformTemplateContent: (content: string) => string;
 export declare const resetDefaultComposeLength: () => void;
 export declare const resetEnableFastDiffTemplate: () => void;
+export declare const resetMaxLengthToIgnoreLineDiff: () => void;
 /**
  * Resets all transformation functions to their default state and disables transformation.
  *
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/export */
 export * from "./parse";
 export * from "./file";
 export * from "./diff-file";
diff --git a/packages/core/src/parse/change-range.ts b/packages/core/src/parse/change-range.ts
@@ -25,7 +25,20 @@ export interface DiffRange {
   readonly newLineSymbol?: NewLineSymbol;
 }
 
-const maxLength = 1000;
+let maxLengthToIgnoreLineDiff = 1000;
+
+/**
+ * Change the maximum length of a line to ignore line diff.
+ */
+export const changeMaxLengthToIgnoreLineDiff = (length: number) => {
+  maxLengthToIgnoreLineDiff = length;
+};
+
+export const resetMaxLengthToIgnoreLineDiff = () => {
+  maxLengthToIgnoreLineDiff = 1000;
+};
+
+export const getMaxLengthToIgnoreLineDiff = () => maxLengthToIgnoreLineDiff;
 
 /** Get the maximum position in the range. */
 function rangeMax(range: IRange["range"]): number {
@@ -58,7 +71,7 @@ function commonLength(
 }
 
 function isInValidString(s: string) {
-  return s.trim().length === 0 || s.length >= maxLength;
+  return s.trim().length === 0 || s.length >= maxLengthToIgnoreLineDiff;
 }
 
 function checkNewLineSymbolChange(
diff --git a/packages/core/src/parse/diff-parse.ts b/packages/core/src/parse/diff-parse.ts
@@ -137,9 +137,9 @@ export class DiffParser {
      * some file content may have multiple line without any character
      * such as
      * ```
-     * 
-     * 
-     * 
+     *
+     *
+     *
      * +
      * +
      * ```
diff --git a/packages/core/src/parse/diff-tool.ts b/packages/core/src/parse/diff-tool.ts
@@ -1,4 +1,3 @@
-
 import { diffChanges, relativeChanges } from "./change-range";
 import { DiffLineType, DiffLine } from "./diff-line";
 import { DiffHunkExpansionType } from "./raw-diff";
diff --git a/packages/file/index.d.ts b/packages/file/index.d.ts
@@ -454,6 +454,10 @@ export declare class DiffParser {
 export declare const DefaultDiffExpansionStep = 40;
 export declare const _cacheMap: Cache$1<string, File$1>;
 export declare const changeDefaultComposeLength: (compose: number) => void;
+/**
+ * Change the maximum length of a line to ignore line diff.
+ */
+export declare const changeMaxLengthToIgnoreLineDiff: (length: number) => void;
 export declare const checkCurrentLineIsHidden: (diffFile: DiffFile, lineNumber: number, side: SplitSide) => {
 	split: boolean;
 	unified: boolean;
@@ -464,6 +468,7 @@ export declare const disableCache: () => void;
 export declare const getCurrentComposeLength: () => number;
 export declare const getEnableFastDiffTemplate: () => boolean;
 export declare const getLang: (fileName: string) => string;
+export declare const getMaxLengthToIgnoreLineDiff: () => number;
 export declare const getPlainDiffTemplate: ({ diffLine, rawLine, operator, }: {
 	diffLine: DiffLine;
 	rawLine: string;
@@ -535,6 +540,7 @@ export declare const processTransformForFile: (content: string) => string;
 export declare const processTransformTemplateContent: (content: string) => string;
 export declare const resetDefaultComposeLength: () => void;
 export declare const resetEnableFastDiffTemplate: () => void;
+export declare const resetMaxLengthToIgnoreLineDiff: () => void;
 /**
  * Resets all transformation functions to their default state and disables transformation.
  *
diff --git a/packages/lowlight/src/lang.ts b/packages/lowlight/src/lang.ts
@@ -209,7 +209,7 @@ export function _getAST(
   _theme?: "light" | "dark"
 ) {
   if (__DEV__) {
-    console.warn('This is a type helper function, do not call it directly.');
+    console.warn("This is a type helper function, do not call it directly.");
   }
   return {} as DiffAST;
 }
diff --git a/packages/react/index.d.ts b/packages/react/index.d.ts
@@ -454,6 +454,10 @@ export declare class DiffParser {
 export declare const DefaultDiffExpansionStep = 40;
 export declare const _cacheMap: Cache$1<string, File$1>;
 export declare const changeDefaultComposeLength: (compose: number) => void;
+/**
+ * Change the maximum length of a line to ignore line diff.
+ */
+export declare const changeMaxLengthToIgnoreLineDiff: (length: number) => void;
 export declare const checkCurrentLineIsHidden: (diffFile: DiffFile, lineNumber: number, side: SplitSide) => {
 	split: boolean;
 	unified: boolean;
@@ -464,6 +468,7 @@ export declare const disableCache: () => void;
 export declare const getCurrentComposeLength: () => number;
 export declare const getEnableFastDiffTemplate: () => boolean;
 export declare const getLang: (fileName: string) => string;
+export declare const getMaxLengthToIgnoreLineDiff: () => number;
 export declare const getPlainDiffTemplate: ({ diffLine, rawLine, operator, }: {
 	diffLine: DiffLine;
 	rawLine: string;
@@ -535,6 +540,7 @@ export declare const processTransformForFile: (content: string) => string;
 export declare const processTransformTemplateContent: (content: string) => string;
 export declare const resetDefaultComposeLength: () => void;
 export declare const resetEnableFastDiffTemplate: () => void;
+export declare const resetMaxLengthToIgnoreLineDiff: () => void;
 /**
  * Resets all transformation functions to their default state and disables transformation.
  *
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
@@ -1,3 +1,5 @@
+/* eslint-disable import/export */
+
 export * from "./components/DiffView";
 
 export * from "@git-diff-view/core";
diff --git a/packages/shiki/src/lang.ts b/packages/shiki/src/lang.ts
@@ -47,7 +47,7 @@ export function _getAST(
   _theme?: "light" | "dark"
 ) {
   if (__DEV__) {
-    console.warn('This is a type helper function, do not call it directly.');
+    console.warn("This is a type helper function, do not call it directly.");
   }
   return {} as DiffAST;
 }
diff --git a/packages/solid/index.d.ts b/packages/solid/index.d.ts
@@ -454,6 +454,10 @@ export declare class DiffParser {
 export declare const DefaultDiffExpansionStep = 40;
 export declare const _cacheMap: Cache$1<string, File$1>;
 export declare const changeDefaultComposeLength: (compose: number) => void;
+/**
+ * Change the maximum length of a line to ignore line diff.
+ */
+export declare const changeMaxLengthToIgnoreLineDiff: (length: number) => void;
 export declare const checkCurrentLineIsHidden: (diffFile: DiffFile, lineNumber: number, side: SplitSide) => {
 	split: boolean;
 	unified: boolean;
@@ -464,6 +468,7 @@ export declare const disableCache: () => void;
 export declare const getCurrentComposeLength: () => number;
 export declare const getEnableFastDiffTemplate: () => boolean;
 export declare const getLang: (fileName: string) => string;
+export declare const getMaxLengthToIgnoreLineDiff: () => number;
 export declare const getPlainDiffTemplate: ({ diffLine, rawLine, operator, }: {
 	diffLine: DiffLine;
 	rawLine: string;
@@ -535,6 +540,7 @@ export declare const processTransformForFile: (content: string) => string;
 export declare const processTransformTemplateContent: (content: string) => string;
 export declare const resetDefaultComposeLength: () => void;
 export declare const resetEnableFastDiffTemplate: () => void;
+export declare const resetMaxLengthToIgnoreLineDiff: () => void;
 /**
  * Resets all transformation functions to their default state and disables transformation.
  *
diff --git a/packages/vue/index.d.ts b/packages/vue/index.d.ts
@@ -454,6 +454,10 @@ export declare class DiffParser {
 export declare const DefaultDiffExpansionStep = 40;
 export declare const _cacheMap: Cache$1<string, File$1>;
 export declare const changeDefaultComposeLength: (compose: number) => void;
+/**
+ * Change the maximum length of a line to ignore line diff.
+ */
+export declare const changeMaxLengthToIgnoreLineDiff: (length: number) => void;
 export declare const checkCurrentLineIsHidden: (diffFile: DiffFile, lineNumber: number, side: SplitSide) => {
 	split: boolean;
 	unified: boolean;
@@ -464,6 +468,7 @@ export declare const disableCache: () => void;
 export declare const getCurrentComposeLength: () => number;
 export declare const getEnableFastDiffTemplate: () => boolean;
 export declare const getLang: (fileName: string) => string;
+export declare const getMaxLengthToIgnoreLineDiff: () => number;
 export declare const getPlainDiffTemplate: ({ diffLine, rawLine, operator, }: {
 	diffLine: DiffLine;
 	rawLine: string;
@@ -535,6 +540,7 @@ export declare const processTransformForFile: (content: string) => string;
 export declare const processTransformTemplateContent: (content: string) => string;
 export declare const resetDefaultComposeLength: () => void;
 export declare const resetEnableFastDiffTemplate: () => void;
+export declare const resetMaxLengthToIgnoreLineDiff: () => void;
 /**
  * Resets all transformation functions to their default state and disables transformation.
  *
diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
@@ -1,3 +1,5 @@
+/* eslint-disable import/export */
+
 export * from "./components/DiffView";
 
 export * from "@git-diff-view/core";
diff --git a/ui/react-example/src/components/MainContent/MainContentDiffExampleViewWrapper.tsx b/ui/react-example/src/components/MainContent/MainContentDiffExampleViewWrapper.tsx
@@ -1,3 +1,4 @@
+// eslint-disable import/no-unresolved
 import diffStyle from "@git-diff-view/react/styles/diff-view-pure.css?inline";
 import { MantineProvider } from "@mantine/core";
 import mantineStyle from "@mantine/core/styles.css?inline";
diff --git a/ui/react-example/src/views/PlayGround/PlayGroundFileDiff.tsx b/ui/react-example/src/views/PlayGround/PlayGroundFileDiff.tsx
@@ -1,6 +1,12 @@
 import { generateDiffFile } from "@git-diff-view/file";
-import { getEnableFastDiffTemplate, setEnableFastDiffTemplate, DiffView } from "@git-diff-view/react";
-import { useMantineColorScheme, Code, Button, Switch } from "@mantine/core";
+import {
+  getEnableFastDiffTemplate,
+  setEnableFastDiffTemplate,
+  DiffView,
+  getMaxLengthToIgnoreLineDiff,
+  changeMaxLengthToIgnoreLineDiff,
+} from "@git-diff-view/react";
+import { useMantineColorScheme, Code, Button, Switch, NumberInput, Tooltip } from "@mantine/core";
 import { useCallbackRef } from "@mantine/hooks";
 import { debounce } from "lodash";
 import { useState, useCallback, useEffect } from "react";
@@ -70,7 +76,7 @@ export const PlayGroundFileDiff = ({ onClick }: { onClick: () => void }) => {
         <div className="inline-block text-[14px]">
           <Button onClick={onClick}>Go to `Git diff` mode</Button>
         </div>
-        <div className="inline-flex gap-x-4">
+        <div className="inline-flex items-center gap-x-4">
           <Switch
             checked={ignoreWhiteSpace}
             onChange={(e) => setIgnoreWhiteSpace(e.target.checked)}
@@ -81,6 +87,17 @@ export const PlayGroundFileDiff = ({ onClick }: { onClick: () => void }) => {
             onChange={(e) => setFastDiffTemplate(e.target.checked)}
             label="Fast Diff Template (better line diff)"
           />
+          <Tooltip label="Ignore line diff when line length over this value">
+            <NumberInput
+              value={getMaxLengthToIgnoreLineDiff()}
+              min={100}
+              max={6000}
+              onChange={(n) => {
+                changeMaxLengthToIgnoreLineDiff(Number(n));
+                reloadDiffInstance();
+              }}
+            />
+          </Tooltip>
         </div>
       </h2>
       <div className="mt-[10px] flex gap-x-[10px]">
diff --git a/ui/react-example/src/views/PlayGround/PlayGroundGitDiff.tsx b/ui/react-example/src/views/PlayGround/PlayGroundGitDiff.tsx
@@ -1,5 +1,12 @@
-import { DiffFile, getEnableFastDiffTemplate, setEnableFastDiffTemplate, DiffView } from "@git-diff-view/react";
-import { useMantineColorScheme, Code, Button, Switch } from "@mantine/core";
+import {
+  DiffFile,
+  getEnableFastDiffTemplate,
+  setEnableFastDiffTemplate,
+  DiffView,
+  getMaxLengthToIgnoreLineDiff,
+  changeMaxLengthToIgnoreLineDiff,
+} from "@git-diff-view/react";
+import { useMantineColorScheme, Code, Button, Switch, NumberInput, Tooltip } from "@mantine/core";
 import { useCallbackRef } from "@mantine/hooks";
 import { debounce } from "lodash";
 import { useState, useCallback, useEffect } from "react";
@@ -66,12 +73,23 @@ export const PlayGroundGitDiff = ({ onClick }: { onClick: () => void }) => {
         <div className="inline-block text-[14px]">
           <Button onClick={onClick}>Go to `File diff` mode</Button>
         </div>
-        <div className="inline-flex gap-x-4">
+        <div className="inline-flex items-center gap-x-4">
           <Switch
             checked={fastDiffTemplate}
             onChange={(e) => setFastDiffTemplate(e.target.checked)}
             label="Fast Diff Template (better line diff)"
           />
+          <Tooltip label="Ignore line diff when line length over this value">
+            <NumberInput
+              value={getMaxLengthToIgnoreLineDiff()}
+              min={100}
+              max={6000}
+              onChange={(n) => {
+                changeMaxLengthToIgnoreLineDiff(Number(n));
+                reloadDiffInstance();
+              }}
+            />
+          </Tooltip>
         </div>
       </h2>
       <div className="mt-[10px] flex flex-col gap-y-[10px]">

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+/* eslint-disable import/export */`
`1`	`2`	`export * from "./parse";`
`2`	`3`	`export * from "./file";`
`3`	`4`	`export * from "./diff-file";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`import { diffChanges, relativeChanges } from "./change-range";`
`3`	`2`	`import { DiffLineType, DiffLine } from "./diff-line";`
`4`	`3`	`import { DiffHunkExpansionType } from "./raw-diff";`
Original file line number	Diff line number	Diff line change
`@@ -209,7 +209,7 @@ export function _getAST(`
`209`	`209`	`_theme?: "light" \| "dark"`
`210`	`210`	`) {`
`211`	`211`	`if (__DEV__) {`
`212`		`- console.warn('This is a type helper function, do not call it directly.');`
	`212`	`+ console.warn("This is a type helper function, do not call it directly.");`
`213`	`213`	`}`
`214`	`214`	`return {} as DiffAST;`
`215`	`215`	`}`