release

Author: MrWangJustToDo

packages/react/src/components/DiffView.tsx

@@ -5,6 +5,7 @@ import { diffFontSizeName } from "@git-diff-view/utils";
 import { memo, useEffect, useMemo, forwardRef, useImperativeHandle, useRef } from "react";
 import * as React from "react";
 
+import { useIsMounted } from "../hooks/useIsMounted";
 import { useUnmount } from "../hooks/useUnmount";
 
 import { DiffSplitView } from "./DiffSplitView";
@@ -114,6 +115,8 @@ const _InternalDiffView = <T extends unknown>(props: Omit<DiffViewProps<T>, "dat
 
   const diffFileId = useMemo(() => diffFile.getId(), [diffFile]);
 
+  const isMounted = useIsMounted();
+
   const wrapperRef = useRef<HTMLDivElement>();
 
   // performance optimization
@@ -199,8 +202,7 @@ const _InternalDiffView = <T extends unknown>(props: Omit<DiffViewProps<T>, "dat
           }}
         >
           <div
-            suppressHydrationWarning
-            id={`diff-root${diffFileId}`}
+            id={isMounted ? `diff-root${diffFileId}` : undefined}
             className={"diff-view-wrapper" + (className ? ` ${className}` : "")}
             style={style}
           >

packages/react/src/hooks/useIsMounted.ts

@@ -0,0 +1,11 @@
+import { useEffect, useState } from "react";
+
+export const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return isMounted;
+};

packages/shiki/package.json

@@ -5,6 +5,7 @@
   "license": "MIT",
   "version": "0.0.25",
   "types": "index.d.ts",
+  "main": "./dist/esm/index.mjs",
   "type": "module",
   "files": [
     "dist",

packages/vue/package.json

@@ -4,7 +4,7 @@
   "author": "MrWangJustToDo",
   "license": "MIT",
   "version": "0.0.25",
-  "main": "index.js",
+  "main": "./dist/vue-git-diff-view.mjs",
   "type": "module",
   "types": "index.d.ts",
   "files": [
@@ -35,19 +35,6 @@
     "./styles/*": "./dist/css/*",
     "./package.json": "./package.json"
   },
-  "buildOptions": [
-    {
-      "input": "./src/index.withStyle.ts",
-      "output": [
-        {
-          "dir": "./dist",
-          "entryFileNames": "esm/index.mjs",
-          "format": "esm",
-          "sourcemap": true
-        }
-      ]
-    }
-  ],
   "keywords": [
     "diff component",
     "vue diff component"

pnpm-lock.yaml

@@ -13,7 +13,7 @@
     "@git-diff-view/react": "workspace:*",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "next": "15.1.2"
+    "next": "^15.1.5"
   },
   "devDependencies": {
     "typescript": "^5",
@@ -23,6 +23,6 @@
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "eslint": "^8",
-    "eslint-config-next": "15.0.3"
+    "eslint-config-next": "^15.1.5"
   }
 }

ui/next-app-example/package.json

@@ -12,7 +12,7 @@
     "@git-diff-view/react": "workspace:*",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "next": "15.1.2"
+    "next": "^15.1.5"
   },
   "devDependencies": {
     "typescript": "^5",
@@ -22,6 +22,6 @@
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "eslint": "^8",
-    "eslint-config-next": "15.0.3"
+    "eslint-config-next": "^15.1.5"
   }
 }