update

Author: MrWangJustToDo

.eslintrc.cjs

@@ -5,5 +5,14 @@ module.exports = {
   },
   // eslint will auto add `eslint-config` for a no scope package(which not start with '@' chart), so here use absolute file path
   extends: [require.resolve("project-tool/baseLint")],
-  ignorePatterns: ["dist", "dev", "scripts", "node_modules", "next-app-example", "next-page-example", "packages/solid", "packages/svelte"],
+  ignorePatterns: [
+    "dist",
+    "dev",
+    "scripts",
+    "node_modules",
+    "next-app-example",
+    "next-page-example",
+    "packages/solid",
+    "packages/svelte",
+  ],
 };

.prettierignore

@@ -3,6 +3,7 @@
 **/next-page-example
 **/dist
 **/dev
+**/.svelte-kit
 **/*.md
 **/*.d.ts
 package.json

packages/core/src/diff-file.ts

@@ -1579,7 +1579,7 @@ export class DiffFile {
     }
   };
 
-  _getHighlighterName = () => this.#highlighterName || '';
+  _getHighlighterName = () => this.#highlighterName || "";
 
   _getIsPureDiffRender = () => this.#composeByDiff;
 

packages/react/src/components/DiffContent_v2.tsx

@@ -1,10 +1,4 @@
-import {
-  DiffLineType,
-  type DiffFile,
-  type DiffLine,
-  type diffChanges,
-  type SyntaxLine,
-} from "@git-diff-view/core";
+import { DiffLineType, type DiffFile, type DiffLine, type diffChanges, type SyntaxLine } from "@git-diff-view/core";
 import {
   addContentHighlightBGName,
   delContentHighlightBGName,

packages/react/src/components/DiffSplitContentLineNormal.tsx

@@ -78,7 +78,7 @@ const InternalDiffSplitLine = ({
       {hasContent ? (
         <>
           <td
-            className={`diff-line-${SplitSide[side]}-num sticky z-[1] left-0 w-[1%] min-w-[40px] select-none pl-[10px] pr-[10px] text-right align-top`}
+            className={`diff-line-${SplitSide[side]}-num sticky left-0 z-[1] w-[1%] min-w-[40px] select-none pl-[10px] pr-[10px] text-right align-top`}
             style={{
               backgroundColor: lineNumberBG,
               color: `var(${hasDiff ? plainLineNumberColorName : expandLineNumberColorName})`,
@@ -109,7 +109,7 @@ const InternalDiffSplitLine = ({
             <DiffContent
               enableWrap={false}
               diffFile={diffFile}
-              rawLine={currentLine?.value || ''}
+              rawLine={currentLine?.value || ""}
               diffLine={currentLine?.diff}
               plainLine={plainLine}
               syntaxLine={syntaxLine}

packages/react/src/components/DiffSplitWidgetLineWrap.tsx

@@ -29,7 +29,7 @@ const InternalDiffSplitWidgetLine = ({
 
   const newLine = diffFile.getSplitRightLine(index);
 
-  const widgetSide = useWidget.useShallowStableSelector(s => s.widgetSide);
+  const widgetSide = useWidget.useShallowStableSelector((s) => s.widgetSide);
 
   const widgetLineNumber = useWidget.getReadonlyState().widgetLineNumber;
 

packages/react/src/components/DiffUnifiedContentLine.tsx

@@ -53,7 +53,7 @@ const DiffUnifiedOldLine = ({
   return (
     <tr data-line={index} data-state="diff" className="diff-line group">
       <td
-        className="diff-line-num sticky z-[1] left-0 w-[1%] min-w-[100px] select-none whitespace-nowrap pl-[10px] pr-[10px] text-right align-top"
+        className="diff-line-num sticky left-0 z-[1] w-[1%] min-w-[100px] select-none whitespace-nowrap pl-[10px] pr-[10px] text-right align-top"
         style={{
           color: `var(${plainLineNumberColorName})`,
           backgroundColor: `var(${delLineNumberBGName})`,
@@ -125,7 +125,7 @@ const DiffUnifiedNewLine = ({
   return (
     <tr data-line={index} data-state="diff" className="diff-line group">
       <td
-        className="diff-line-num sticky z-[1] left-0 w-[1%] min-w-[100px] select-none whitespace-nowrap pl-[10px] pr-[10px] text-right align-top"
+        className="diff-line-num sticky left-0 z-[1] w-[1%] min-w-[100px] select-none whitespace-nowrap pl-[10px] pr-[10px] text-right align-top"
         style={{
           color: `var(${plainLineNumberColorName})`,
           backgroundColor: `var(${addLineNumberBGName})`,
@@ -257,7 +257,7 @@ const _DiffUnifiedLine = memo(
       return (
         <tr data-line={lineNumber} data-state={unifiedLine.diff ? "diff" : "plain"} className="diff-line group">
           <td
-            className="diff-line-num sticky z-[1] left-0 w-[1%] min-w-[100px] select-none whitespace-nowrap pl-[10px] pr-[10px] text-right align-top"
+            className="diff-line-num sticky left-0 z-[1] w-[1%] min-w-[100px] select-none whitespace-nowrap pl-[10px] pr-[10px] text-right align-top"
             style={{
               color: `var(${hasDiff ? plainLineNumberColorName : expandLineNumberColorName})`,
               width: `calc(calc(var(${diffAsideWidthName}) + 5px) * 2)`,

packages/react/src/components/DiffView.tsx

@@ -88,7 +88,10 @@ type DiffViewProps_2<T> = Omit<DiffViewProps<T>, "data"> & {
 };
 
 const InternalDiffView = <T extends unknown>(
-  props: Omit<DiffViewProps<T>, "data" | "registerHighlighter"> & { isMounted: boolean, wrapperRef?: RefObject<HTMLDivElement> }
+  props: Omit<DiffViewProps<T>, "data" | "registerHighlighter"> & {
+    isMounted: boolean;
+    wrapperRef?: RefObject<HTMLDivElement>;
+  }
 ) => {
   const {
     diffFile,

packages/react/src/components/v2/DiffSplitContentLineNormal_v2.tsx

@@ -76,7 +76,7 @@ const InternalDiffSplitLine = ({
       {hasContent ? (
         <>
           <div
-            className={`diff-line-${SplitSide[side]}-num sticky z-[1] left-0 flex w-[1%] min-w-[40px] select-none items-center px-[10px] text-right`}
+            className={`diff-line-${SplitSide[side]}-num sticky left-0 z-[1] flex w-[1%] min-w-[40px] select-none items-center px-[10px] text-right`}
             style={{
               backgroundColor: lineNumberBG,
               color: `var(${hasDiff ? plainLineNumberColorName : expandLineNumberColorName})`,

packages/solid/src/hooks/useDomWidth.ts

@@ -68,7 +68,7 @@ export const useDomWidth = ({ selector, enable }: { selector: Accessor<string>;
     }
   };
 
-  createEffect(observeWidth)
+  createEffect(observeWidth);
 
   return width;
 };