update

MrWangJustToDo · MrWangJustToDo · commit 89951ecac321 · 2025-08-12T15:57:04.000+08:00
diff --git a/README.md b/README.md
@@ -108,6 +108,8 @@ pnpm add @git-diff-view/vue
 ```tsx
 import { DiffView, DiffModeEnum } from "@git-diff-view/react";
 import "@git-diff-view/react/styles/diff-view.css";
+// if you have your own tailwindcss config, you can use the `diff-view-pure.css` to avoid CSS conflicts
+import "@git-diff-view/react/styles/diff-view-pure.css";
 
 <DiffView<string>
   // use data
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -59,8 +59,8 @@
     "use-sync-external-store": "^1.4.0"
   },
   "devDependencies": {
-    "@my-react/react": "^0.3.16",
-    "@my-react/react-terminal": "^0.0.10",
+    "@my-react/react": "^0.3.17",
+    "@my-react/react-terminal": "^0.0.11",
     "@types/react": "^19.1.8"
   },
   "peerDependencies": {
diff --git a/packages/react/src/_com.css b/packages/react/src/_com.css
@@ -71,6 +71,10 @@ td {
   text-align: left;
 }
 
+td {
+  padding: 0;
+}
+
 .diff-line-old-num,
 .diff-line-new-num,
 .diff-line-num {
diff --git a/packages/react/src/components/DiffSplitViewNormal.tsx b/packages/react/src/components/DiffSplitViewNormal.tsx
@@ -51,7 +51,7 @@ const DiffSplitViewTable = ({
           <th scope="col">{SplitSide[side]} line content</th>
         </tr>
       </thead>
-      <tbody className="diff-table-body leading-[1.4]" onMouseDownCapture={onMouseDown}>
+      <tbody className="diff-table-body leading-[1.6]" onMouseDownCapture={onMouseDown}>
         {lines.map((line) => (
           <Fragment key={line.index}>
             <DiffSplitHunkLine index={line.index} side={side} lineNumber={line.lineNumber} diffFile={diffFile} />
diff --git a/packages/react/src/components/DiffSplitViewWrap.tsx b/packages/react/src/components/DiffSplitViewWrap.tsx
@@ -119,7 +119,7 @@ export const DiffSplitViewWrap = memo(({ diffFile }: { diffFile: DiffFile }) =>
               <th scope="col">new line content</th>
             </tr>
           </thead>
-          <tbody className="diff-table-body leading-[1.4]" onMouseDownCapture={onMouseDown}>
+          <tbody className="diff-table-body leading-[1.6]" onMouseDownCapture={onMouseDown}>
             {lines.map((line) => (
               <Fragment key={line.index}>
                 <DiffSplitHunkLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />
diff --git a/packages/react/src/components/DiffUnifiedView.tsx b/packages/react/src/components/DiffUnifiedView.tsx
@@ -135,7 +135,7 @@ export const DiffUnifiedView = memo(({ diffFile }: { diffFile: DiffFile }) => {
                 <th scope="col">line content</th>
               </tr>
             </thead>
-            <tbody className="diff-table-body leading-[1.4]" onMouseDownCapture={onMouseDown}>
+            <tbody className="diff-table-body leading-[1.6]" onMouseDownCapture={onMouseDown}>
               {lines.map((item) => (
                 <Fragment key={item.index}>
                   <DiffUnifiedHunkLine index={item.index} lineNumber={item.lineNumber} diffFile={diffFile} />
diff --git a/packages/solid/src/_com.css b/packages/solid/src/_com.css
@@ -71,6 +71,10 @@ td {
   text-align: left;
 }
 
+td {
+  padding: 0;
+}
+
 .diff-line-old-num,
 .diff-line-new-num,
 .diff-line-num {
diff --git a/packages/solid/src/components/DiffSplitViewNormal.tsx b/packages/solid/src/components/DiffSplitViewNormal.tsx
@@ -83,7 +83,7 @@ const DiffSplitViewTable = (props: {
           <th scope="col">{SplitSide[props.side]} line content</th>
         </tr>
       </thead>
-      <tbody class="diff-table-body leading-[1.4]" onMouseDown={onMouseDown}>
+      <tbody class="diff-table-body leading-[1.6]" onMouseDown={onMouseDown}>
         <For each={lines()}>
           {(item) => (
             <>
diff --git a/packages/solid/src/components/DiffSplitViewWrap.tsx b/packages/solid/src/components/DiffSplitViewWrap.tsx
@@ -119,7 +119,7 @@ export const DiffSplitViewWrap = (props: { diffFile: DiffFile }) => {
               <th scope="col">new line content</th>
             </tr>
           </thead>
-          <tbody class="diff-table-body leading-[1.4]" onMouseDown={onMouseDown}>
+          <tbody class="diff-table-body leading-[1.6]" onMouseDown={onMouseDown}>
             <For each={lines()}>
               {(item) => (
                 <>
diff --git a/packages/solid/src/components/DiffUnifiedView.tsx b/packages/solid/src/components/DiffUnifiedView.tsx
@@ -110,7 +110,7 @@ export const DiffUnifiedView = (props: { diffFile: DiffFile }) => {
               <th scope="col">line content</th>
             </tr>
           </thead>
-          <tbody class="diff-table-body leading-[1.4]" onMouseDown={onMouseDown}>
+          <tbody class="diff-table-body leading-[1.6]" onMouseDown={onMouseDown}>
             <For each={lines()}>
               {(item) => (
                 <>
diff --git a/packages/svelte/src/_com.css b/packages/svelte/src/_com.css
@@ -71,6 +71,10 @@ td {
 	text-align: left;
 }
 
+td {
+  padding: 0;
+}
+
 .diff-line-old-num,
 .diff-line-new-num,
 .diff-line-num {
diff --git a/packages/svelte/src/lib/components/DiffSplitViewNormalTable.svelte b/packages/svelte/src/lib/components/DiffSplitViewNormalTable.svelte
@@ -87,7 +87,7 @@
 		</tr>
 	</thead>
 	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-	<tbody class="diff-table-body leading-[1.4]" onmousedown={onMouseDown}>
+	<tbody class="diff-table-body leading-[1.6]" onmousedown={onMouseDown}>
 		{#each lines as item}
 			<DiffSplitHunkLine
 				index={item.index}
diff --git a/packages/svelte/src/lib/components/DiffSplitViewWrap.svelte b/packages/svelte/src/lib/components/DiffSplitViewWrap.svelte
@@ -133,7 +133,7 @@
 				</tr>
 			</thead>
 			<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-			<tbody class="diff-table-body leading-[1.4]" onmousedown={onMouseDown}>
+			<tbody class="diff-table-body leading-[1.6]" onmousedown={onMouseDown}>
 				{#each lines as item}
 					<DiffSplitHunkLine
 						index={item.index}
diff --git a/packages/svelte/src/lib/components/DiffUnifiedContentLine.svelte b/packages/svelte/src/lib/components/DiffUnifiedContentLine.svelte
@@ -247,7 +247,7 @@
 	{:else}
 		<tr
 			data-line={props.lineNumber}
-			data-state={unifiedItem.diff ? 'diff' : 'plain'}
+			data-state={unifiedItem?.diff ? 'diff' : 'plain'}
 			class="diff-line group"
 		>
 			<td
diff --git a/packages/svelte/src/lib/components/DiffUnifiedHunkLine.svelte b/packages/svelte/src/lib/components/DiffUnifiedHunkLine.svelte
@@ -149,7 +149,7 @@
 					color: var(${hunkContentColorName});
 				`}
 			>
-				{currentHunk?.unifiedInfo?.plainText || currentHunk.text}
+				{currentHunk?.unifiedInfo?.plainText || currentHunk?.text}
 			</div>
 		</td>
 	</tr>
diff --git a/packages/svelte/src/lib/components/DiffUnifiedView.svelte b/packages/svelte/src/lib/components/DiffUnifiedView.svelte
@@ -114,7 +114,7 @@
 				</tr>
 			</thead>
 			<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-			<tbody class="diff-table-body leading-[1.4]" onmousedown={onMouseDown}>
+			<tbody class="diff-table-body leading-[1.6]" onmousedown={onMouseDown}>
 				{#each lines as item}
 					<DiffUnifiedHunkLine
 						index={item.index}
diff --git a/packages/vue/src/_com.css b/packages/vue/src/_com.css
@@ -71,6 +71,10 @@ td {
   text-align: left;
 }
 
+td {
+  padding: 0;
+}
+
 .diff-line-old-num,
 .diff-line-new-num,
 .diff-line-num {
diff --git a/packages/vue/src/components/DiffSplitViewNormal.tsx b/packages/vue/src/components/DiffSplitViewNormal.tsx
@@ -81,7 +81,7 @@ const DiffSplitViewTable = defineComponent(
               <th scope="col">{SplitSide[props.side]} line content</th>
             </tr>
           </thead>
-          <tbody class="diff-table-body leading-[1.4]" onMousedown={onMouseDown}>
+          <tbody class="diff-table-body leading-[1.6]" onMousedown={onMouseDown}>
             {lines.value.map((item) => (
               <Fragment key={item.index}>
                 <DiffSplitHunkLine
diff --git a/packages/vue/src/components/DiffSplitViewWrap.tsx b/packages/vue/src/components/DiffSplitViewWrap.tsx
@@ -112,7 +112,7 @@ export const DiffSplitViewWrap = defineComponent(
                   <th scope="col">new line content</th>
                 </tr>
               </thead>
-              <tbody class="diff-table-body leading-[1.4]" onMousedown={onMouseDown}>
+              <tbody class="diff-table-body leading-[1.6]" onMousedown={onMouseDown}>
                 {lines.value.map((item) => (
                   <Fragment key={item.index}>
                     <DiffSplitHunkLine index={item.index} lineNumber={item.lineNumber} diffFile={props.diffFile} />
diff --git a/packages/vue/src/components/DiffUnifiedView.tsx b/packages/vue/src/components/DiffUnifiedView.tsx
@@ -109,7 +109,7 @@ export const DiffUnifiedView = defineComponent(
                   <th scope="col">line content</th>
                 </tr>
               </thead>
-              <tbody class="diff-table-body leading-[1.4]" onMousedown={onMouseDown}>
+              <tbody class="diff-table-body leading-[1.6]" onMousedown={onMouseDown}>
                 {lines.value.map((item) => (
                   <Fragment key={item.index}>
                     <DiffUnifiedHunkLine index={item.index} lineNumber={item.lineNumber} diffFile={props.diffFile} />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/scripts/build.ts b/scripts/build.ts
@@ -121,8 +121,8 @@ const start = async () => {
   process.exit(0);
 };
 
-start();
+// start();
 
 // buildCli();
 
-// buildSvelte();
+buildSvelte();
diff --git a/ui/react-example/package.json b/ui/react-example/package.json
@@ -17,8 +17,8 @@
     "@git-diff-view/vue": "workspace:*",
     "@mantine/core": "^7.17.8",
     "@mantine/hooks": "^7.17.8",
-    "@my-react/react": "^0.3.16",
-    "@my-react/react-dom": "^0.3.16",
+    "@my-react/react": "^0.3.17",
+    "@my-react/react-dom": "^0.3.17",
     "@tabler/icons-react": "^3.31.0",
     "lodash": "^4.17.21",
     "overlayscrollbars": "^2.10.0",
@@ -27,8 +27,8 @@
     "reactivity-store": "^0.3.11"
   },
   "devDependencies": {
-    "@my-react/react-refresh": "^0.3.16",
-    "@my-react/react-vite": "^0.0.20",
+    "@my-react/react-refresh": "^0.3.17",
+    "@my-react/react-vite": "^0.0.21",
     "@types/lodash": "^4.17.15",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
