update

Author: MrWangJustToDo

packages/react/src/components/DiffAddWidget.tsx

@@ -1,7 +1,8 @@
 import { addWidgetBGName, addWidgetColorName, diffFontSizeName } from "@git-diff-view/utils";
 import * as React from "react";
 
-import type { SplitSide } from "./DiffView";
+import { SplitSide } from "./DiffView";
+
 import type { DiffFile } from "@git-diff-view/core";
 
 export const DiffSplitAddWidget = ({
@@ -21,6 +22,7 @@ export const DiffSplitAddWidget = ({
 }) => {
   return (
     <div
+      data-add-widget={SplitSide[side]}
       className={
         "diff-add-widget-wrapper invisible select-none transition-transform hover:scale-110 group-hover:visible" +
         (className ? " " + className : "")
@@ -63,6 +65,7 @@ export const DiffUnifiedAddWidget = ({
 }) => {
   return (
     <div
+      data-add-widget={SplitSide[side]}
       className="diff-add-widget-wrapper invisible absolute left-[100%] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
       style={{
         width: `calc(var(${diffFontSizeName}) * 1.4)`,

packages/solid/src/components/DiffAddWidget.tsx

@@ -1,6 +1,7 @@
+import { SplitSide } from "@git-diff-view/core";
 import { diffFontSizeName, addWidgetColorName, addWidgetBGName } from "@git-diff-view/utils";
 
-import type { DiffFile, SplitSide } from "@git-diff-view/core";
+import type { DiffFile } from "@git-diff-view/core";
 import type { Accessor } from "solid-js";
 
 export const DiffSplitAddWidget = (props: {
@@ -14,6 +15,7 @@ export const DiffSplitAddWidget = (props: {
 }) => {
   return (
     <div
+      data-add-widget={SplitSide[props.side]}
       class={
         "diff-add-widget-wrapper invisible select-none transition-transform hover:scale-110 group-hover:visible" +
         (props.class ? " " + props.class : "")
@@ -51,6 +53,7 @@ export const DiffUnifiedAddWidget = (props: {
 }) => {
   return (
     <div
+      data-add-widget={SplitSide[props.side]}
       class="diff-add-widget-wrapper invisible absolute left-[100%] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
       style={{
         width: `calc(var(${diffFontSizeName}) * 1.4)`,

packages/svelte/src/lib/components/DiffSplitAddWidget.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { DiffFile, SplitSide } from '@git-diff-view/core';
+	import { SplitSide, type DiffFile } from '@git-diff-view/core';
 	import { addWidgetBGName, addWidgetColorName } from '$lib/utils/color.js';
 	import { diffFontSizeName } from '$lib/utils/size.js';
 
@@ -17,6 +17,7 @@
 </script>
 
 <div
+	data-add-widget={SplitSide[props.side]}
 	class={'diff-add-widget-wrapper invisible select-none transition-transform hover:scale-110 group-hover:visible' +
 		(props.className ? ' ' + props.className : '')}
 	style={`

packages/svelte/src/lib/components/DiffUnifiedAddWidget.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { DiffFile, SplitSide } from '@git-diff-view/core';
+	import { SplitSide, type DiffFile } from '@git-diff-view/core';
 	import { addWidgetBGName, addWidgetColorName } from '$lib/utils/color.js';
 	import { diffFontSizeName } from '$lib/utils/size.js';
 
@@ -17,6 +17,7 @@
 </script>
 
 <div
+	data-add-widget={SplitSide[props.side]}
 	class="diff-add-widget-wrapper invisible absolute left-[100%] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
 	style={`
 		width: calc(var(${diffFontSizeName}) * 1.4);

packages/vue/src/components/DiffAddWidget.tsx

@@ -1,6 +1,6 @@
 import { addWidgetBGName, addWidgetColorName, diffFontSizeName } from "@git-diff-view/utils";
 
-import { type SplitSide } from "./DiffView";
+import { SplitSide } from "./DiffView";
 
 import type { DiffFile } from "@git-diff-view/core";
 
@@ -21,6 +21,7 @@ export const DiffSplitAddWidget = ({
 }) => {
   return (
     <div
+      data-add-widget={SplitSide[side]}
       class={
         "diff-add-widget-wrapper invisible select-none transition-transform hover:scale-110 group-hover:visible" +
         (className ? " " + className : "")
@@ -63,6 +64,7 @@ export const DiffUnifiedAddWidget = ({
 }) => {
   return (
     <div
+      data-add-widget={SplitSide[side]}
       class="diff-add-widget-wrapper invisible absolute left-[100%] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
       style={{
         width: `calc(var(${diffFontSizeName}) * 1.4)`,