diff --git a/src/argo-shared-archive-list.ts b/src/argo-shared-archive-list.ts index 87e9baa..b52c4f4 100644 --- a/src/argo-shared-archive-list.ts +++ b/src/argo-shared-archive-list.ts @@ -15,6 +15,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 = [ @@ -423,19 +424,34 @@ export class ArgoSharedArchiveList extends LitElement { style="padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;" > this._copyLink(archive.magnetURI)} + @click=${() => + this._copyLink( + `${REPLAY_BASE_URL}/?source=${encodeURIComponent( + archive.magnetURI, + )}`, + )} > content_copy Copy Link - this._unseed(archive.id)} - aria-label="Unshare" - > - share_off - +
+ this._copyLink(archive.magnetURI)} + aria-label="P2P" + title="Copy magnet link" + > + p2p + + this._unseed(archive.id)} + aria-label="Unshare" + title="Unshare" + > + share_off + +
diff --git a/src/consts.ts b/src/consts.ts index 62ccd2b..2e6057b 100644 --- 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 index 826342e..8bbda01 100644 --- a/src/sidepanel.ts +++ b/src/sidepanel.ts @@ -15,6 +15,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, @@ -512,15 +513,20 @@ 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( + `ReplayWeb.page copied to clipboard (just paste it in the address bar):\n${replayLink}`, + ); }) .catch((err) => { console.error("Failed to copy magnet link:", err); - alert(`Magnet Link Ready:\n${magnetURI}`); + alert(`ReplayWeb.page Ready:\n${replayLink}`); }); const existing = await getSharedArchives(); @@ -1108,14 +1114,21 @@ class ArgoViewer extends LitElement {
- download - share delete @@ -1224,7 +1237,11 @@ class ArgoViewer extends LitElement { ` } - + settings