npm - @fluxy-chat/create-fluxy-chat - Versions diffs - 0.5.9 → 0.5.13 - Mend

@fluxy-chat/create-fluxy-chat 0.5.9 → 0.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

package/CHANGELOG.md +36 -0
package/dist/index.js +111 -1
package/package.json +1 -1
package/readme.md +11 -0
package/templates/basic/package.json +1 -1
package/templates/comments-board/.env.example +11 -0
package/templates/comments-board/README.md +9 -0
package/templates/comments-board/index.html +12 -0
package/templates/comments-board/package.json +26 -0
package/templates/comments-board/src/App.tsx +86 -0
package/templates/comments-board/src/index.css +75 -0
package/templates/comments-board/src/main.tsx +10 -0
package/templates/comments-board/src/session.ts +73 -0
package/templates/comments-board/src/vite-env.d.ts +13 -0
package/templates/comments-board/tsconfig.json +21 -0
package/templates/comments-board/vite.config.ts +7 -0
package/templates/deal-room/.env.example +11 -0
package/templates/deal-room/README.md +11 -0
package/templates/deal-room/index.html +12 -0
package/templates/deal-room/package.json +25 -0
package/templates/deal-room/src/App.tsx +110 -0
package/templates/deal-room/src/index.css +75 -0
package/templates/deal-room/src/main.tsx +10 -0
package/templates/deal-room/src/session.ts +73 -0
package/templates/deal-room/src/vite-env.d.ts +13 -0
package/templates/deal-room/tsconfig.json +21 -0
package/templates/deal-room/vite.config.ts +7 -0
package/templates/discord/package.json +1 -1
package/templates/draw/.env.example +7 -0
package/templates/draw/README.md +7 -0
package/templates/draw/index.html +12 -0
package/templates/draw/package.json +25 -0
package/templates/draw/src/App.tsx +91 -0
package/templates/draw/src/index.css +75 -0
package/templates/draw/src/main.tsx +10 -0
package/templates/draw/src/session.ts +73 -0
package/templates/draw/src/vite-env.d.ts +13 -0
package/templates/draw/tsconfig.json +21 -0
package/templates/draw/vite.config.ts +7 -0
package/templates/fleet-panel/.env.example +11 -0
package/templates/fleet-panel/README.md +9 -0
package/templates/fleet-panel/index.html +12 -0
package/templates/fleet-panel/package.json +25 -0
package/templates/fleet-panel/src/App.tsx +83 -0
package/templates/fleet-panel/src/index.css +75 -0
package/templates/fleet-panel/src/main.tsx +10 -0
package/templates/fleet-panel/src/session.ts +73 -0
package/templates/fleet-panel/src/vite-env.d.ts +13 -0
package/templates/fleet-panel/tsconfig.json +21 -0
package/templates/fleet-panel/vite.config.ts +7 -0
package/templates/full/package.json +4 -4
package/templates/full/scripts/hoist-fluxy-sdk.mjs +1 -1
package/templates/full/src/App.tsx +20 -6
package/templates/game-tick/.env.example +11 -0
package/templates/game-tick/README.md +9 -0
package/templates/game-tick/index.html +12 -0
package/templates/game-tick/package.json +25 -0
package/templates/game-tick/src/App.tsx +87 -0
package/templates/game-tick/src/index.css +75 -0
package/templates/game-tick/src/main.tsx +10 -0
package/templates/game-tick/src/session.ts +73 -0
package/templates/game-tick/src/vite-env.d.ts +13 -0
package/templates/game-tick/tsconfig.json +21 -0
package/templates/game-tick/vite.config.ts +7 -0
package/templates/iot-panel/.env.example +7 -0
package/templates/iot-panel/README.md +16 -0
package/templates/iot-panel/index.html +12 -0
package/templates/iot-panel/package.json +25 -0
package/templates/iot-panel/src/App.tsx +97 -0
package/templates/iot-panel/src/index.css +75 -0
package/templates/iot-panel/src/main.tsx +10 -0
package/templates/iot-panel/src/session.ts +73 -0
package/templates/iot-panel/src/vite-env.d.ts +13 -0
package/templates/iot-panel/tsconfig.json +21 -0
package/templates/iot-panel/vite.config.ts +7 -0
package/templates/javascript-live-cursors/.env.example +9 -0
package/templates/javascript-live-cursors/README.md +9 -0
package/templates/javascript-live-cursors/index.html +17 -0
package/templates/javascript-live-cursors/package.json +18 -0
package/templates/javascript-live-cursors/src/index.css +31 -0
package/templates/javascript-live-cursors/src/main.ts +89 -0
package/templates/javascript-live-cursors/src/vite-env.d.ts +12 -0
package/templates/javascript-live-cursors/tsconfig.json +13 -0
package/templates/javascript-live-cursors/vite.config.ts +5 -0
package/templates/live-cursors/.env.example +9 -0
package/templates/live-cursors/README.md +20 -0
package/templates/live-cursors/index.html +12 -0
package/templates/live-cursors/package.json +25 -0
package/templates/live-cursors/src/App.tsx +214 -0
package/templates/live-cursors/src/index.css +94 -0
package/templates/live-cursors/src/main.tsx +10 -0
package/templates/live-cursors/src/vite-env.d.ts +12 -0
package/templates/live-cursors/tsconfig.json +21 -0
package/templates/live-cursors/vite.config.ts +7 -0
package/templates/live-cursors-chat/.env.example +9 -0
package/templates/live-cursors-chat/README.md +11 -0
package/templates/live-cursors-chat/index.html +12 -0
package/templates/live-cursors-chat/package.json +25 -0
package/templates/live-cursors-chat/src/App.tsx +241 -0
package/templates/live-cursors-chat/src/index.css +94 -0
package/templates/live-cursors-chat/src/main.tsx +10 -0
package/templates/live-cursors-chat/src/vite-env.d.ts +12 -0
package/templates/live-cursors-chat/tsconfig.json +21 -0
package/templates/live-cursors-chat/vite.config.ts +7 -0
package/templates/minimal/package.json +4 -4
package/templates/react/package.json +2 -2
package/templates/react/src/App.tsx +8 -2
package/templates/slack/package.json +1 -1
package/templates/telegram/package.json +1 -1
package/templates/tiptap-room/.env.example +9 -0
package/templates/tiptap-room/README.md +14 -0
package/templates/tiptap-room/index.html +12 -0
package/templates/tiptap-room/package.json +29 -0
package/templates/tiptap-room/src/App.tsx +217 -0
package/templates/tiptap-room/src/index.css +107 -0
package/templates/tiptap-room/src/main.tsx +10 -0
package/templates/tiptap-room/src/vite-env.d.ts +12 -0
package/templates/tiptap-room/tsconfig.json +21 -0
package/templates/tiptap-room/vite.config.ts +7 -0
package/templates/voice-stage/.env.example +11 -0
package/templates/voice-stage/README.md +11 -0
package/templates/voice-stage/index.html +12 -0
package/templates/voice-stage/package.json +25 -0
package/templates/voice-stage/src/App.tsx +61 -0
package/templates/voice-stage/src/index.css +75 -0
package/templates/voice-stage/src/main.tsx +10 -0
package/templates/voice-stage/src/session.ts +73 -0
package/templates/voice-stage/src/vite-env.d.ts +13 -0
package/templates/voice-stage/tsconfig.json +21 -0
package/templates/voice-stage/vite.config.ts +7 -0
package/templates/war-room/.env.example +11 -0
package/templates/war-room/README.md +11 -0
package/templates/war-room/index.html +12 -0
package/templates/war-room/package.json +26 -0
package/templates/war-room/src/App.tsx +120 -0
package/templates/war-room/src/index.css +75 -0
package/templates/war-room/src/main.tsx +10 -0
package/templates/war-room/src/session.ts +73 -0
package/templates/war-room/src/vite-env.d.ts +13 -0
package/templates/war-room/tsconfig.json +21 -0
package/templates/war-room/vite.config.ts +7 -0
package/templates/whiteboard/.env.example +11 -0
package/templates/whiteboard/README.md +9 -0
package/templates/whiteboard/index.html +12 -0
package/templates/whiteboard/package.json +26 -0
package/templates/whiteboard/src/App.tsx +122 -0
package/templates/whiteboard/src/index.css +75 -0
package/templates/whiteboard/src/main.tsx +10 -0
package/templates/whiteboard/src/session.ts +73 -0
package/templates/whiteboard/src/vite-env.d.ts +13 -0
package/templates/whiteboard/tsconfig.json +21 -0
package/templates/whiteboard/vite.config.ts +7 -0

package/templates/javascript-live-cursors/tsconfig.json ADDED Viewed

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "noEmit": true,
+    "strict": true
+  },
+  "include": ["src"]
+}

package/templates/javascript-live-cursors/vite.config.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { defineConfig } from "vite";
+export default defineConfig({
+  server: { port: 5173 },
+});

package/templates/live-cursors/.env.example ADDED Viewed

@@ -0,0 +1,9 @@
+# FluxyChat worker URL (hosted or self-hosted)
+VITE_FLUXYCHAT_WORKER_URL=https://your-worker.example.workers.dev
+# Option A — member JWT (~2 min via onboarding)
+VITE_FLUXYCHAT_MEMBER_JWT=eyJ...
+VITE_FLUXYCHAT_ROOM_ID=demo
+# Option B — public guest room (~60s, no signup)
+# VITE_FLUXYCHAT_PUBLIC_ROOM_ID=your-public-room-id

package/templates/live-cursors/README.md ADDED Viewed

@@ -0,0 +1,20 @@
+# FluxyChat live cursors
+Presence pointers on the room WebSocket (`type: "cursor"`). Not `client_event`. Open **two tabs**.
+```bash
+npx @fluxy-chat/create-fluxy-chat@latest my-cursors --example live-cursors
+cp .env.example .env
+# VITE_FLUXYCHAT_WORKER_URL + PUBLIC_ROOM_ID or MEMBER_JWT
+npm run dev
+```
+## How to try
+1. Set Worker URL and a public room id (guest) or member JWT.
+2. Open http://localhost:5173 in two tabs (or two browsers).
+3. Move the pointer. Peers see a labeled cursor.
+## Code
+`useChat({ roomId, replay: "request" })` returns `sendCursor` and `liveCursors`. Same socket as chat — do not add a second realtime vendor.

package/templates/live-cursors/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FluxyChat live cursors</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/live-cursors/package.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "fluxy-live-cursors",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@fluxy-chat/react": "^0.1.4",
+    "@fluxy-chat/sdk": "^0.6.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "zustand": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0"
+  }
+}

package/templates/live-cursors/src/App.tsx ADDED Viewed

@@ -0,0 +1,214 @@
+import { useEffect, useMemo, useState } from "react";
+import { FluxyChatClient } from "@fluxy-chat/sdk";
+import { FluxyRealtimeProvider, useChat } from "@fluxy-chat/react";
+const workerUrl = import.meta.env.VITE_FLUXYCHAT_WORKER_URL?.trim();
+const memberJwt = import.meta.env.VITE_FLUXYCHAT_MEMBER_JWT?.trim();
+const publicRoomId = import.meta.env.VITE_FLUXYCHAT_PUBLIC_ROOM_ID?.trim();
+const configuredRoomId = import.meta.env.VITE_FLUXYCHAT_ROOM_ID?.trim() || "demo";
+const CURSOR_COLORS = ["#2563eb", "#db2777", "#059669", "#d97706", "#7c3aed"];
+interface FluxySession {
+  workerUrl: string;
+  token: string;
+  userId: string;
+  roomId: string;
+  mode: "member" | "guest";
+}
+function useFluxySession(): {
+  session: FluxySession | null;
+  loading: boolean;
+  error: string | null;
+} {
+  const [session, setSession] = useState<FluxySession | null>(null);
+  const [loading, setLoading] = useState(Boolean(workerUrl));
+  const [error, setError] = useState<string | null>(null);
+  useEffect(() => {
+    if (!workerUrl) {
+      setLoading(false);
+      return;
+    }
+    if (memberJwt) {
+      setSession({
+        workerUrl,
+        token: memberJwt,
+        userId: "demo-user",
+        roomId: configuredRoomId,
+        mode: "member",
+      });
+      setLoading(false);
+      return;
+    }
+    if (publicRoomId) {
+      let cancelled = false;
+      void FluxyChatClient.joinPublicRoomAsGuest(workerUrl, publicRoomId, {
+        displayName: "Guest",
+      })
+        .then((guest) => {
+          if (cancelled) return;
+          setSession({
+            workerUrl: workerUrl,
+            token: guest.token,
+            userId: guest.userId,
+            roomId: guest.roomId,
+            mode: "guest",
+          });
+        })
+        .catch((err) => {
+          if (!cancelled) {
+            setError(err instanceof Error ? err.message : "Guest session failed");
+          }
+        })
+        .finally(() => {
+          if (!cancelled) setLoading(false);
+        });
+      return () => {
+        cancelled = true;
+      };
+    }
+    setLoading(false);
+  }, []);
+  return { session, loading, error };
+}
+function CursorCanvas({
+  roomId,
+  selfUserId,
+}: {
+  roomId: string;
+  selfUserId: string;
+}) {
+  const { liveCursors, sendCursor, connected, connectionState } = useChat({
+    roomId,
+    replay: "request",
+  });
+  const color = CURSOR_COLORS[Math.abs(hashCode(selfUserId)) % CURSOR_COLORS.length];
+  return (
+    <section className="canvas-wrap">
+      <header className="chat-header">
+        <strong>{roomId}</strong>
+        <span className="status">
+          {connected ? "live" : connectionState.status} — open a second tab
+        </span>
+      </header>
+      <div
+        className="canvas"
+        onPointerMove={(event) => {
+          const rect = event.currentTarget.getBoundingClientRect();
+          sendCursor({
+            x: event.clientX - rect.left,
+            y: event.clientY - rect.top,
+            color,
+            label: selfUserId.slice(0, 12),
+          });
+        }}
+        onPointerLeave={() => {
+          /* last position stays until stale on peers */
+        }}
+      >
+        {Object.values(liveCursors)
+          .filter((c) => c.userId !== selfUserId)
+          .map((cursor) => (
+            <div
+              key={cursor.userId}
+              className="peer-cursor"
+              style={{
+                left: cursor.x,
+                top: cursor.y,
+                color: cursor.color || "#2563eb",
+              }}
+            >
+              <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden>
+                <path
+                  d="M5.5 3.2 19 12.4l-6.2 1.4 2.6 6.6-2.8 1.1-2.6-6.6L5.5 3.2Z"
+                  fill="currentColor"
+                  stroke="#0f172a"
+                  strokeWidth="1"
+                />
+              </svg>
+              <span>{cursor.label || cursor.userId}</span>
+            </div>
+          ))}
+      </div>
+    </section>
+  );
+}
+function hashCode(value: string): number {
+  let hash = 0;
+  for (let i = 0; i < value.length; i += 1) hash = (hash * 31 + value.charCodeAt(i)) | 0;
+  return hash;
+}
+export function App() {
+  const { session, loading, error } = useFluxySession();
+  const [roomId, setRoomId] = useState(configuredRoomId);
+  const activeRoomId = useMemo(() => {
+    if (session?.mode === "guest") return session.roomId;
+    return roomId.trim() || configuredRoomId;
+  }, [session, roomId]);
+  if (!workerUrl) {
+    return (
+      <main className="shell">
+        <h1>FluxyChat — live cursors</h1>
+        <p>
+          Copy <code>.env.example</code> to <code>.env</code> and set{" "}
+          <code>VITE_FLUXYCHAT_WORKER_URL</code>.
+        </p>
+        <p>
+          Then either <code>VITE_FLUXYCHAT_MEMBER_JWT</code> or{" "}
+          <code>VITE_FLUXYCHAT_PUBLIC_ROOM_ID</code>.
+        </p>
+      </main>
+    );
+  }
+  if (loading) {
+    return (
+      <main className="shell">
+        <p>Connecting…</p>
+      </main>
+    );
+  }
+  if (error || !session) {
+    return (
+      <main className="shell">
+        <h1>Live cursors</h1>
+        <p className="error">{error ?? "Set JWT or public room ID in .env"}</p>
+      </main>
+    );
+  }
+  return (
+    <main className="shell">
+      <h1>Live cursors</h1>
+      <p className="mode-badge">
+        {session.mode === "guest" ? "Guest session" : "Member JWT"} — two tabs, same room
+      </p>
+      {session.mode === "member" ? (
+        <label className="room-picker">
+          Room
+          <input value={roomId} onChange={(e) => setRoomId(e.target.value)} />
+        </label>
+      ) : null}
+      <FluxyRealtimeProvider
+        workerUrl={session.workerUrl}
+        authTokenProvider={session.token}
+        userId={session.userId}
+      >
+        <CursorCanvas roomId={activeRoomId} selfUserId={session.userId} />
+      </FluxyRealtimeProvider>
+    </main>
+  );
+}

package/templates/live-cursors/src/index.css ADDED Viewed

@@ -0,0 +1,94 @@
+:root {
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 1.5;
+  color: #0f172a;
+  background: #f8fafc;
+}
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+}
+.shell {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 1.5rem;
+}
+.canvas-wrap {
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #fff;
+}
+.chat-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid #e2e8f0;
+  background: #0f172a;
+  color: #fff;
+}
+.status {
+  font-size: 0.75rem;
+  opacity: 0.9;
+}
+.canvas {
+  position: relative;
+  height: min(70vh, 560px);
+  background:
+    linear-gradient(#e2e8f0 1px, transparent 1px) 0 0 / 32px 32px,
+    linear-gradient(90deg, #e2e8f0 1px, transparent 1px) 0 0 / 32px 32px,
+    #f8fafc;
+  cursor: none;
+  touch-action: none;
+}
+.peer-cursor {
+  position: absolute;
+  pointer-events: none;
+  transform: translate(-2px, -2px);
+  z-index: 2;
+}
+.peer-cursor span {
+  display: block;
+  margin-top: 2px;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: currentColor;
+  color: #fff;
+  font-size: 11px;
+  white-space: nowrap;
+}
+.mode-badge {
+  font-size: 0.75rem;
+  color: #64748b;
+  margin: 0 0 0.75rem;
+}
+.error {
+  color: #b91c1c;
+}
+.room-picker {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  margin-bottom: 1rem;
+  font-size: 0.875rem;
+}
+.room-picker input {
+  padding: 0.5rem 0.75rem;
+  border: 1px solid #cbd5e1;
+  border-radius: 8px;
+}

package/templates/live-cursors/src/main.tsx ADDED Viewed

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./App";
+import "./index.css";
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/templates/live-cursors/src/vite-env.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/// <reference types="vite/client" />
+interface ImportMetaEnv {
+  readonly VITE_FLUXYCHAT_WORKER_URL: string;
+  readonly VITE_FLUXYCHAT_MEMBER_JWT?: string;
+  readonly VITE_FLUXYCHAT_ROOM_ID?: string;
+  readonly VITE_FLUXYCHAT_PUBLIC_ROOM_ID?: string;
+}
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/templates/live-cursors/tsconfig.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/templates/live-cursors/vite.config.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+export default defineConfig({
+  plugins: [react()],
+  server: { port: 5173 },
+});

package/templates/live-cursors-chat/.env.example ADDED Viewed

@@ -0,0 +1,9 @@
+# FluxyChat worker URL (hosted or self-hosted)
+VITE_FLUXYCHAT_WORKER_URL=https://your-worker.example.workers.dev
+# Option A — member JWT (~2 min via onboarding)
+VITE_FLUXYCHAT_MEMBER_JWT=eyJ...
+VITE_FLUXYCHAT_ROOM_ID=demo
+# Option B — public guest room (~60s, no signup)
+# VITE_FLUXYCHAT_PUBLIC_ROOM_ID=your-public-room-id

package/templates/live-cursors-chat/README.md ADDED Viewed

@@ -0,0 +1,11 @@
+# FluxyChat live cursors + chat
+Same room WebSocket: `sendCursor` + `useChat` messages. Not `client_event` for pointers.
+```bash
+npx @fluxy-chat/create-fluxy-chat@latest my-cursors-chat --example live-cursors-chat
+cp .env.example .env
+npm run dev
+```
+Open two tabs. Move the pointer and send a chat line.

package/templates/live-cursors-chat/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FluxyChat live cursors + chat</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/live-cursors-chat/package.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "fluxy-live-cursors-chat",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@fluxy-chat/react": "^0.1.4",
+    "@fluxy-chat/sdk": "^0.6.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "zustand": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0"
+  }
+}