fix(web): properly send file_complete message from the browser

Author: coadler

site/bun.lockb

@@ -125,7 +125,20 @@ export default function Layout({ children }: { children: ReactNode }) {
                   type="text"
                   value={pendingPeer}
                   className="flex-grow p-3 border border-gray-600 rounded bg-gray-700 text-gray-200"
-                  onChange={(e) => setPendingPeer(e.target.value)}
+                  onChange={(e) => {
+                    // If pasting a URL, extract the fragment
+                    if (e.target.value.includes("#")) {
+                      try {
+                        const url = new URL(e.target.value);
+                        setPendingPeer(url.hash.slice(1));
+                      } catch {
+                        // If URL parsing fails, just use the value as-is
+                        setPendingPeer(e.target.value);
+                      }
+                    } else {
+                      setPendingPeer(e.target.value);
+                    }
+                  }}
                   readOnly={Boolean(wasm.connectedPeer)}
                   placeholder="Enter auth key"
                 />

site/components/layout.tsx

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

site/next-env.d.ts

@@ -19,10 +19,10 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.454.0",
-    "next": "15.0.2",
+    "next": "^15.1.0",
     "next-themes": "^0.4.3",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sonner": "^1.7.0",
     "tailwind-merge": "^2.5.4",
     "tailwind-scrollbar": "^3.1.0",

site/package.json

@@ -243,6 +243,16 @@ const FileTransfer: React.FC = () => {
           offset += chunk.byteLength;
 
           if (offset >= file.size) {
+            // Send file complete message before closing the channel
+            const completeMessage: RtcMetadata = {
+              type: "file_complete",
+              fileMetadata: {
+                fileName: file.name,
+                fileSize: file.size,
+              },
+            };
+            dc.send(JSON.stringify(completeMessage));
+
             cleanupStatsInterval();
             const endTime = performance.now();
             const totalSeconds = (endTime - startTime) / 1000;