feat: ReplayWeb.page URL link

nikitalokhmachev-ai · nikitalokhmachev-ai · commit 3d0ab2093b18 · 2025-06-02T15:53:53.000-04:00
diff --git a/src/argo-shared-archive-list.ts b/src/argo-shared-archive-list.ts
@@ -16,6 +16,7 @@ import { Index as FlexIndex } from "flexsearch";
 import type { SharedArchive } from "./types";
 import { webtorrentClient as client } from "./global-webtorrent";
 
+import { REPLAY_BASE_URL } from "./consts";
 @customElement("argo-shared-archive-list")
 export class ArgoSharedArchiveList extends LitElement {
   static styles: CSSResultGroup = [
@@ -424,7 +425,12 @@ export class ArgoSharedArchiveList extends LitElement {
                       style="padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;"
                     >
                       <md-filled-button
-                        @click=${() => this._copyLink(archive.magnetURI)}
+                        @click=${() =>
+                          this._copyLink(
+                            `${REPLAY_BASE_URL}/?source=${encodeURIComponent(
+                              archive.magnetURI,
+                            )}`,
+                          )}
                       >
                         <md-icon slot="icon" style="color:white"
                           >content_copy</md-icon
diff --git a/src/consts.ts b/src/consts.ts
@@ -3,3 +3,5 @@ export const BEHAVIOR_READY_START = "ready";
 export const BEHAVIOR_PAUSED = "paused";
 export const BEHAVIOR_RUNNING = "running";
 export const BEHAVIOR_DONE = "done";
+export const REPLAY_BASE_URL =
+  "https://replayweb-page-m-git-nikita-webtorrent-integration-monadical.vercel.app";
diff --git a/src/sidepanel.ts b/src/sidepanel.ts
@@ -14,6 +14,7 @@ import { getSharedArchives, setSharedArchives } from "./localstorage";
 import { webtorrentClient as client } from "./global-webtorrent";
 import { state } from "lit/decorators.js";
 import { isUrlInSkipList } from "./utils";
+import { REPLAY_BASE_URL } from "./consts";
 
 import {
   getLocalOption,
@@ -493,15 +494,18 @@ class ArgoViewer extends LitElement {
         const magnetURI = torrent.magnetURI;
         console.log("Seeding WACZ file via WebTorrent:", magnetURI);
 
+        const replayLink = `${REPLAY_BASE_URL}/?source=${encodeURIComponent(
+          magnetURI,
+        )}`;
         // Copy to clipboard
         navigator.clipboard
-          .writeText(magnetURI)
+          .writeText(replayLink)
           .then(() => {
-            alert(`Magnet link copied to clipboard:\n${magnetURI}`);
+            alert(`Magnet link copied to clipboard:\n${replayLink}`);
           })
           .catch((err) => {
             console.error("Failed to copy magnet link:", err);
-            alert(`Magnet Link Ready:\n${magnetURI}`);
+            alert(`Magnet Link Ready:\n${replayLink}`);
           });
 
         const existing = await getSharedArchives();
