@git-diff-view/react 0.0.18 → 0.0.19

package/index.d.ts

@@ -44,15 +44,15 @@ declare const lowlight: {
 	registered: (aliasOrName: string) => boolean;
 };
 export declare class DiffFile {
-	readonly _oldFileName: string;
-	readonly _newFileName: string;
-	readonly _diffList: string[];
 	readonly uuid?: string;
 	_version_: string;
+	_oldFileName: string;
 	_oldFileContent: string;
 	_oldFileLang: string;
+	_newFileName: string;
 	_newFileContent: string;
 	_newFileLang: string;
+	_diffList: string[];
 	diffLineLength: number;
 	splitLineLength: number;
 	unifiedLineLength: number;
@@ -60,19 +60,7 @@ export declare class DiffFile {
 	hasExpandSplitAll: boolean;
 	hasExpandUnifiedAll: boolean;
 	hasSomeLineCollapsed: boolean;
-	static createInstance(data: {
-		oldFile?: {
-			fileName?: string | null;
-			fileLang?: string | null;
-			content?: string | null;
-		};
-		newFile?: {
-			fileName?: string | null;
-			fileLang?: string | null;
-			content?: string | null;
-		};
-		hunks?: string[];
-	}, bundle?: ReturnType<DiffFile["getBundle"] | DiffFile["_getFullBundle"]>): DiffFile;
+	static createInstance(data: FileData, bundle?: ReturnType<DiffFile["getBundle"] | DiffFile["_getFullBundle"]>): DiffFile;
 	constructor(_oldFileName: string, _oldFileContent: string, _newFileName: string, _newFileContent: string, _diffList: string[], _oldFileLang?: string, _newFileLang?: string, uuid?: string);
 	initId(): void;
 	getId(): string;
@@ -130,7 +118,7 @@ export declare class DiffFile {
 		theme: "light" | "dark";
 		isFullMerge: boolean;
 	};
-	mergeBundle: (data: ReturnType<DiffFile["getBundle"]>) => void;
+	mergeBundle: (data: ReturnType<DiffFile["getBundle"]>, notifyUpdate?: boolean) => void;
 	_getHighlighterName: () => string;
 	_getIsPureDiffRender: () => boolean;
 	_getTheme: () => "light" | "dark";
@@ -169,7 +157,7 @@ export declare class DiffFile {
 		version: string;
 		theme: "light" | "dark";
 	};
-	_mergeFullBundle: (data: ReturnType<DiffFile["_getFullBundle"]>) => void;
+	_mergeFullBundle: (data: ReturnType<DiffFile["_getFullBundle"]>, notifyUpdate?: boolean) => void;
 	_destroy: () => void;
 	clear: () => void;
 }
@@ -360,7 +348,10 @@ export declare const HiddenBidiCharsRegex: RegExp;
 export declare const _cacheMap: Cache$1<string, File$1>;
 export declare const checkDiffLineIncludeChange: (diffLine?: DiffLine) => boolean;
 export declare const composeLen = 40;
-export declare const getDiffRange: (additions: DiffLine[], deletions: DiffLine[]) => void;
+export declare const getDiffRange: (additions: DiffLine[], deletions: DiffLine[], { getAdditionRaw, getDeletionRaw, }: {
+	getAdditionRaw: (lineNumber: number) => string;
+	getDeletionRaw: (lineNumber: number) => string;
+}) => void;
 export declare const getFile: (raw: string, lang: string, theme: "light" | "dark", fileName?: string, uuid?: string) => File$1;
 export declare const getLang: (fileName: string) => string;
 export declare const getSplitContentLines: (diffFile: DiffFile) => DiffSplitContentLineItem[];
@@ -560,6 +551,19 @@ export type DiffUnifiedLineItem = {
 	index: number;
 	lineNumber: number;
 };
+export type FileData = {
+	oldFile?: {
+		fileName?: string | null;
+		fileLang?: string | null;
+		content?: string | null;
+	};
+	newFile?: {
+		fileName?: string | null;
+		fileLang?: string | null;
+		content?: string | null;
+	};
+	hunks?: string[];
+};
 export type HunkInfo = {
 	oldStartIndex: number;
 	newStartIndex: number;

package/package.json

@@ -3,7 +3,7 @@
   "description": "@git-diff-view/react",
   "author": "MrWangJustToDo",
   "license": "MIT",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "main": "index.js",
   "types": "index.d.ts",
   "files": [
@@ -57,7 +57,7 @@
     "react diff component"
   ],
   "dependencies": {
-    "@git-diff-view/core": "^0.0.18",
+    "@git-diff-view/core": "^0.0.19",
     "@types/hast": "^3.0.0",
     "fast-diff": "^1.3.0",
     "highlight.js": "^11.9.0",
@@ -72,7 +72,7 @@
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.0",
     "react": "^18.0.0",
-    "tailwindcss": "^3.4.10"
+    "tailwindcss": "^3.4.14"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

package/readme.md

@@ -23,6 +23,7 @@ import "@git-diff-view/react/styles/diff-view.css";
   diffViewHighlight={boolean}
   diffViewMode={DiffModeEnum.Split | DiffModeEnum.Unified}
   diffViewWrap={boolean}
+  diffViewTheme={'light' | 'dark'}
   diffViewAddWidget
   onAddWidgetClick={({ side, lineNumber }) => void}
   renderWidgetLine={({ onClose, side, lineNumber }) => ReactNode}
@@ -43,6 +44,7 @@ const file = generateDiffFile(
   data?.oldFile?.fileLang || "",
   data?.newFile?.fileLang || ""
 );
+file.initTheme('light' / 'dark');
 file.init();
 file.buildSplitDiffLines();
 file.buildUnifiedDiffLines();
@@ -58,6 +60,7 @@ const file = new DiffFile(
   data?.oldFile?.fileLang || "",
   data?.newFile?.fileLang || ""
 );
+file.initTheme('light' / 'dark');
 file.init();
 file.buildSplitDiffLines();
 file.buildUnifiedDiffLines();
@@ -83,6 +86,7 @@ const diffFile = DiffFile.createInstance(data || {}, bundle);
 | diffViewHighlight | enable syntax highlight, type: boolean |
 | diffViewMode     | the mode for the DiffView component, type: `DiffModeEnum.Split` or `DiffModeEnum.Unified` |
 | diffViewWrap     | enable code line auto wrap, type: boolean |
+| diffViewTheme    | the theme for the DiffView component, type: `light` or `dark` |
 | diffViewAddWidget| enable `addWidget` button, type: boolean |
 | onAddWidgetClick | when the `addWidget` button clicked, type: `({ side: "old" | "new", lineNumber: number }) => void` |