update performance for theme api

Author: MrWangJustToDo

packages/cli/src/components/codeTools.ts

@@ -1,7 +1,7 @@
 import { createStore, markRaw, ref } from "reactivity-store";
 import stringWidth from "string-width";
 
-import { buildTheme } from "./color";
+import { buildTheme, isThemeEqual } from "./color";
 
 import type { CodeViewProps } from "./CodeView";
 import type { ResolvedDiffViewColorTheme, DiffViewColorTheme } from "./color";
@@ -62,7 +62,12 @@ export const createCodeConfigStore = <T = any>(props: CodeViewProps<T>, fileId:
 
     const themeColors = ref(buildTheme(props.codeViewThemeColors));
 
-    const setThemeColors = (_themeColors?: DiffViewColorTheme) => (themeColors.value = buildTheme(_themeColors));
+    const setThemeColors = (_themeColors?: DiffViewColorTheme) => {
+      const next = buildTheme(_themeColors);
+      if (!isThemeEqual(themeColors.value, next)) {
+        themeColors.value = next;
+      }
+    };
 
     return {
       id,

packages/cli/src/components/color.ts

@@ -67,3 +67,12 @@ export const buildTheme = (overrides?: DiffViewColorTheme): ResolvedDiffViewColo
   }
   return result;
 };
+
+export const isThemeEqual = (a: ResolvedDiffViewColorTheme, b: ResolvedDiffViewColorTheme): boolean => {
+  if (a === b) return true;
+  const keys = Object.keys(a) as (keyof ResolvedDiffViewColorTheme)[];
+  for (const key of keys) {
+    if (a[key].light !== b[key].light || a[key].dark !== b[key].dark) return false;
+  }
+  return true;
+};

packages/cli/src/components/tools.ts

@@ -1,10 +1,10 @@
 import { createStore, markRaw, ref, configureEnv } from "reactivity-store";
 import stringWidth from "string-width";
 
-import { buildTheme } from "./color";
+import { buildTheme, isThemeEqual } from "./color";
 
-import type { DiffModeEnum, DiffViewProps } from "./DiffView";
 import type { ResolvedDiffViewColorTheme, DiffViewColorTheme } from "./color";
+import type { DiffModeEnum, DiffViewProps } from "./DiffView";
 import type { DiffLine } from "@git-diff-view/core";
 import type { DOMElement } from "ink";
 import type { Ref, UseSelectorWithStore } from "reactivity-store";
@@ -85,7 +85,12 @@ export const createDiffConfigStore = <T = any>(props: DiffViewProps<T>, diffFile
 
     const themeColors = ref(buildTheme(props.diffViewThemeColors));
 
-    const setThemeColors = (_themeColors?: DiffViewColorTheme) => (themeColors.value = buildTheme(_themeColors));
+    const setThemeColors = (_themeColors?: DiffViewColorTheme) => {
+      const next = buildTheme(_themeColors);
+      if (!isThemeEqual(themeColors.value, next)) {
+        themeColors.value = next;
+      }
+    };
 
     return {
       id,