chore: show yjs version in header

yjs · Apr 15, 2024 · 19d9462 · 19d9462
1 parent 0029fc2
commit 19d9462
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -34,7 +34,7 @@
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
     "y-websocket": "^2.0.2",
-    "yjs": "^13.6.14"
+    "yjs": "13.6.14"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
@@ -1,5 +1,7 @@
 import { Github } from "lucide-react";
+import packageJSON from "../../package.json";
 import { ModeToggle } from "./mode-toggle";
+import { Badge } from "./ui/badge";
 import { Button } from "./ui/button";
 import yjsLogo from "/yjs.png";
 
@@ -22,6 +24,9 @@ export function Header() {
         </div>
         {/* Placeholder for right side of header */}
         <div className="ml-auto"></div>
+        <Badge variant="default">
+          Yjs Version: {packageJSON.dependencies.yjs}
+        </Badge>
         <ModeToggle />
         <Button variant="ghost" size="icon" asChild>
           <a