Version Bump

Thanks for all the fish, @Substack

CNAME

@@ -1 +0,0 @@
-torrent.parts

README.md

@@ -2,7 +2,7 @@
 
 ## What is this?
 
-[BitTorrent](https://bittorrent.com/) is a ubiquitus and powerful way to transfer files peer-to-peer. To specify what file(s) to download with your client, you need to input either a Torrent file or Magnet URL. [Torrent Parts](https://torrent.parts/) is a client-side static web app to read and edit the metadata of a Torrent file or Magnet URL so you know what you're downloading, before you add it to your Torrent client.
+[BitTorrent](https://bittorrent.com/) is a ubiquitous and powerful way to transfer files peer-to-peer. To specify what file(s) to download with your client, you need to input either a Torrent file or Magnet URL. [Torrent Parts](https://torrent.parts/) is a client-side static web app to read and edit the metadata of a Torrent file or Magnet URL so you know what you're downloading, before you add it to your Torrent client.
 
 ### Features
 
@@ -24,8 +24,7 @@ This project wouldn't be possible without the fantastic work of:
 - [@feross](https://github.com/feross) and contributors, for [`parse-torrent`](https://github.com/webtorrent/parse-torrent) and [`WebTorrent`](https://github.com/webtorrent/webtorrent)
 - [@cvisuri](https://github.com/cvisuri), for design work
 - [@CorralPeltzer](https://github.com/CorralPeltzer), for [`newTrackon`](https://github.com/CorralPeltzer/newTrackon)
-- [@substack](https://github.com/substack) and contributors, for [`Browserify`](https://github.com/browserify/browserify)
+- [Cloudflare Pages](https://pages.cloudflare.com/) hosting
-- [Github Pages](https://pages.github.com/) hosting
 
 ## License
 
@@ -42,27 +41,53 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 ## About Me
 
 <a href="https://herzog.tech/" target="_blank">
-  <img src="https://herzog.tech/signature/link.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/link-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/link.svg.png">
+    <img src="https://herzog.tech/signature/link.svg.png" width="32px">
+  </picture>
 </a>
-<a href="https://twitter.com/xd1936" target="_blank">
+<a href="https://mastodon.social/@herzog" target="_blank">
-  <img src="https://herzog.tech/signature/twitter.svg.png" width="32px" />
+  <picture>
-</a>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/mastodon-light.svg.png">
-<a href="https://facebook.com/xd1936" target="_blank">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/mastodon.svg.png">
-  <img src="https://herzog.tech/signature/facebook.svg.png" width="32px" />
+    <img src="https://herzog.tech/signature/mastodon.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://github.com/leoherzog" target="_blank">
-  <img src="https://herzog.tech/signature/github.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/github-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/github.svg.png">
+    <img src="https://herzog.tech/signature/github.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://keybase.io/leoherzog" target="_blank">
-  <img src="https://herzog.tech/signature/keybase.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/keybase-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/keybase.svg.png">
+    <img src="https://herzog.tech/signature/keybase.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://www.linkedin.com/in/leoherzog" target="_blank">
-  <img src="https://herzog.tech/signature/linkedin.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/linkedin-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/linkedin.svg.png">
+    <img src="https://herzog.tech/signature/linkedin.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://hope.edu/directory/people/herzog-leo/" target="_blank">
-  <img src="https://herzog.tech/signature/anchor.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/anchor-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/anchor.svg.png">
+    <img src="https://herzog.tech/signature/anchor.svg.png" width="32px">
+  </picture>
 </a>
 <br />
-<a href="https://www.buymeacoffee.com/leoherzog" target="_blank">
+<a href="https://herzog.tech/$" target="_blank">
-  <img src="https://cdn.buymeacoffee.com/buttons/lato-black.png" alt="Buy Me A Coffee" width="217px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/mug-tea-saucer-solid-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/mug-tea-saucer-solid.svg.png">
+    <img src="https://herzog.tech/signature/mug-tea-saucer-solid.svg.png" alt="Buy Me A Tea" width="32px">
+  </picture>
+  Found this helpful? Buy me a tea!
 </a>

ext/TorrentPartsFASubset.yaml

@@ -1,22 +1,23 @@
-projectName: 'C:\Users\herzog\Desktop\TorrentPartsFASubset'
+projectName: 'C:\Users\Leo\Desktop\TorrentPartsFASubset'
-version: 5.15.1
+version: 6.2.1
 icons:
   - magnet:
       - light
       - solid
       - duotone
-  - file-alt:
+  - file-lines:
       - light
       - regular
       - duotone
-  - cloud-upload:
+  - cloud-arrow-up:
       - solid
   - link:
       - light
-      - duotone
-  - share-alt:
       - solid
-  - file-download:
+      - duotone
+  - file-arrow-down:
+      - solid
+  - arrow-up-right-from-square:
       - solid
   - file:
       - regular
@@ -26,7 +27,7 @@ icons:
       - regular
   - file-excel:
       - regular
-  - file-archive:
+  - file-zipper:
       - regular
   - file-csv:
       - regular
@@ -44,9 +45,9 @@ icons:
       - regular
   - trash:
       - regular
-  - times:
+  - xmark:
       - regular
-  - info-circle:
+  - circle-info:
       - regular
-  - plus-circle:
+  - circle-plus:
       - regular

index.html

@@ -36,20 +36,12 @@
 
   <title>Torrent Parts | Inspect and edit what's in your Torrent file or Magnet link</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/tippy.js@6/dist/tippy.css" rel="stylesheet" />
+  <link href="https://cdn.jsdelivr.net/npm/tippy.js@6/animations/shift-away-subtle.css" rel="stylesheet" />
+  <link href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css" rel="stylesheet" />
   <link href="/src/style.css" rel="stylesheet" />
-  <link href="/ext/alata-latin-400.woff2" rel="preload" as="style">
-  <link href="/ext/alata-latin-400.woff" rel="preload" as="style">
   <script async src="/ext/fa.min.js"></script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
-  <script src="/ext/notyf.min.js"></script>
-
-  <script async defer src="https://www.googletagmanager.com/gtag/js?id=G-VT4953Z89H"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-    gtag('config', 'G-VT4953Z89H');
-  </script>
 
   <script async defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "6f97f49b4c384ee197a2f319cebec274"}'></script>
 
@@ -59,7 +51,7 @@
 
   <header>
     <h1 id="logo">Torrent<span id="originalSourceIcon"><span class="fad fa-magnet fa-fw" aria-hidden="true"></span></span>Parts</h1>
-    <a class="github-button" href="https://github.com/leoherzog/TorrentParts" data-icon="octicon-star" data-show-count="true" aria-label="Star leoherzog/TorrentParts on GitHub">Star</a>
+    <a class="github-button" href="https://github.com/leoherzog/TorrentParts" data-icon="octicon-star" data-show-count="true" aria-label="Star TorrentParts on GitHub">Star</a>
   </header>
 
   <div id="startButtons">
@@ -90,9 +82,14 @@
     </button>
     
     <div id="share">
+      <a id="openURLWrapper" target="_blank">
+        <button id="openURL" aria-label="Open this Magnet URL in your Torrent client">
+          <span class="fas fa-arrow-up-right-from-square fa-2x"></span>
+        </button>
+      </a>
       <div>
         <button id="copyURL" aria-label="Copy this torrent.parts link to the clipboard">
-          <span class="fas fa-share-alt fa-2x" data-fa-transform="left-1"></span>
+          <span class="fas fa-link fa-2x"></span>
         </button>
       </div>
       <div>
@@ -127,7 +124,7 @@
         </div>
       </div>
       <div class="content">
-        <input id="name" type="text" placeholder="Unnamed" />
+        <input id="name" type="text" placeholder="Unnamed" dir="auto" />
       </div>
     </div>
 
@@ -140,7 +137,7 @@
         <label for="createdBy" style="display:none">Created By</label>
       </div>
       <div class="content">
-        <input id="created" type="text" placeholder="Creation time unspecified" aria-label="Creation time" disabled />
+        <input id="created" type="text" placeholder="Creation time unspecified" aria-label="Creation time" disabled required />
         <br />
         <input id="createdBy" type="text" placeholder="Creation client unspecified" aria-label="Creation client" disabled />
       </div>
@@ -154,7 +151,7 @@
         </div>
       </div>
       <div class="content">
-        <input id="comment" type="text" placeholder="Not included in the URL/File provided" />
+        <input id="comment" type="text" placeholder="Not included in the URL/File provided" dir="auto" />
       </div>
     </div>
 
@@ -191,6 +188,18 @@
       </div>
     </div>
 
+    <div class="property">
+      <div class="labels">
+        <div>
+          <span class="info" data-tippy-content="Torrents take files and split them into equal size pieces to make them easy to share. Piece size is configurable when a Torrent file is made."><span class="far fa-info-circle"></span></span>
+          <label for="pieces">Pieces</label>
+        </div>
+      </div>
+      <div class="content">
+        <input id="pieces" type="text" placeholder="Not included in the URL/File provided" aria-label="Piece size and length" disabled required />
+      </div>
+    </div>
+
     <div class="property">
       <div class="labels">
         <div>
@@ -207,10 +216,10 @@
   </div>
 
   <footer>
-    <a href="https://github.com/leoherzog/TorrentParts/releases" target="_blank" rel="noopener">v1.1.1</a>
+    <a href="https://github.com/leoherzog/TorrentParts/releases" target="_blank" rel="noopener">v2.0.1</a>
   </footer>
 
-  <script src="/bin/bundle.min.js"></script>
+  <script type="module" src="/src/parse.js"></script>
 
   <script>
     if ('serviceWorker' in navigator) {

package.json

@@ -1,38 +0,0 @@
-{
-  "name": "torrentparts",
-  "version": "1.1.1",
-  "description": "📑 A website to inspect and edit Torrent files and Magnet URLs",
-  "main": "bin/bundle.js",
-  "dependencies": {
-    "browserify": "^17.0.0",
-    "bytes": "^3.1.0",
-    "clipboard": "^2.0.6",
-    "mime-types": "^2.1.27",
-    "parse-torrent": "^9.0.0",
-    "tippy.js": "^6.2.7",
-    "webtorrent": "^0.110.1"
-  },
-  "devDependencies": {
-    "buffer": "^5.2.1",
-    "Buffer": "^0.0.0",
-    "notyf": "^3.9.0",
-    "terser": "^5.3.8",
-    "watchify": "^3.11.1"
-  },
-  "scripts": {
-    "watch": "watchify src/parse.js -o bin/bundle.js",
-    "compile": "browserify src/parse.js -o bin/bundle.js",
-    "minify": "terser bin/bundle.js -c -m -o bin/bundle.min.js",
-    "build": "npm run compile && npm run minify"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/leoherzog/TorrentParts.git"
-  },
-  "author": "Leo Herzog",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/leoherzog/TorrentParts/issues"
-  },
-  "homepage": "https://github.com/leoherzog/TorrentParts"
-}

robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /

src/parse.js

@@ -1,10 +1,11 @@
-const clipboard = require('clipboard');
+import { Buffer } from 'https://cdn.jsdelivr.net/npm/buffer@6/+esm';
-const parser = require('parse-torrent');
+import clipboard from 'https://cdn.jsdelivr.net/npm/clipboard@2/+esm';
-const Buffer = require('Buffer');
+import parseTorrent, { toMagnetURI, toTorrentFile, remote as parseTorrentRemote } from 'https://cdn.jsdelivr.net/npm/parse-torrent@11/+esm';
-const bytes = require('bytes');
+import bytes from 'https://cdn.jsdelivr.net/npm/bytes@3/+esm';
-const mime = require('mime-types');
+import mime from 'https://cdn.jsdelivr.net/npm/mime-types@2/+esm';
-const WebTorrent = require('webtorrent');
+import WebTorrent from 'https://cdn.jsdelivr.net/npm/webtorrent@2/dist/webtorrent.min.js';
-const tippy = require('tippy.js').default;
+import tippy from 'https://cdn.jsdelivr.net/npm/tippy.js@6/+esm';
+import { Notyf } from 'https://cdn.jsdelivr.net/npm/notyf@3/+esm';
 
 var examples = document.getElementById('examples');
 var example1 = document.getElementById('example1');
@@ -13,7 +14,7 @@ var example3 = document.getElementById('example3');
 var properties = document.getElementById('properties');
 var originalSourceIcon = document.getElementById('originalSourceIcon');
 var source;
-var sourceTooltip = tippy(originalSourceIcon, {"theme": "torrent-parts", "animation": "shift-away-subtle"});
+var sourceTooltip = tippy(originalSourceIcon, { theme: 'torrent-parts', animation: 'shift-away-subtle' });
 var name = document.getElementById('name');
 var reset = document.getElementById('reset');
 var created = document.getElementById('created');
@@ -27,48 +28,54 @@ var announce = document.getElementById('announce');
 var urlList = document.getElementById('urlList');
 var addWebseed = document.getElementById('addWebseed');
 var removeWebseeds = document.getElementById('removeWebseeds');
+var pieces = document.getElementById('pieces');
 var files = document.getElementById('filesBody');
 var getFiles = document.getElementById('getFiles');
+var openURLWrapper = document.getElementById('openURLWrapper');
+var openURL = document.getElementById('openURL');
 var copyURL = document.getElementById('copyURL');
 var copyMagnet = document.getElementById('copyMagnet');
 var downloadTorrentWrapper = document.getElementById('downloadTorrentWrapper');
 var downloadTorrent = document.getElementById('downloadTorrent');
-var copyURLTooltip = tippy(copyURL, {"theme": "torrent-parts", "animation": "shift-away-subtle", "content": "Copy torrent.parts link to clipboard"});
+var openURLTooltip = tippy(openURL, { theme: 'torrent-parts', animation: 'shift-away-subtle', content: 'Open this Magnet URL in your Torrent client' });
-var copyMagnetTooltip = tippy(copyMagnet, {"theme": "torrent-parts", "animation": "shift-away-subtle", "content": "Copy Magnet link to clipboard"});
+var copyURLTooltip = tippy(copyURL, { theme: 'torrent-parts', animation: 'shift-away-subtle', content: 'Copy torrent.parts link to clipboard' });
-var downloadTorrentTooltip = tippy(downloadTorrentWrapper, {"theme": "torrent-parts", "animation": "shift-away-subtle", "content": "Download Torrent file"});
+var copyMagnetTooltip = tippy(copyMagnet, { theme: 'torrent-parts', animation: 'shift-away-subtle', content: 'Copy Magnet link to clipboard' });
+var downloadTorrentTooltip = tippy(downloadTorrentWrapper, { theme: 'torrent-parts', animation: 'shift-away-subtle', content: 'Download Torrent file' });
 var parsed;
 var client = new WebTorrent();
 var notyf = new Notyf({
-  "duration": 8000,
+  duration: 8000,
-  "dismissible": true,
+  dismissible: true,
-  "ripple": false,
+  ripple: false,
-  "position": {
+  position: {
-    "x": "right",
+    x: 'right',
-    "y": "top",
+    y: 'top',
   },
-  "types": [
+  types: [
     {
-      "type": "success",
+      type: 'success',
-      "background": "#46835C",
+      background: '#46835C',
-      "icon": false
+      icon: false,
     },
     {
-      "type": "error",
+      type: 'error',
-      "background": "#A60A0A",
+      background: '#A60A0A',
-      "icon": false
+      icon: false,
-    }
+    },
-  ]
+  ],
 });
 
 function placeDownloadTooltips(e) {
   if (window.innerWidth > 1080) {
-    copyURLTooltip.setProps({"placement": "right"});
+    openURLTooltip.setProps({ placement: 'right' });
-    copyMagnetTooltip.setProps({"placement": "right"});
+    copyURLTooltip.setProps({ placement: 'right' });
-    downloadTorrentTooltip.setProps({"placement": "right"});
+    copyMagnetTooltip.setProps({ placement: 'right' });
+    downloadTorrentTooltip.setProps({ placement: 'right' });
   } else {
-    copyURLTooltip.setProps({"placement": "top"});
+    openURLTooltip.setProps({ placement: 'top' });
-    copyMagnetTooltip.setProps({"placement": "top"});
+    copyURLTooltip.setProps({ placement: 'top' });
-    downloadTorrentTooltip.setProps({"placement": "top"});
+    copyMagnetTooltip.setProps({ placement: 'top' });
+    downloadTorrentTooltip.setProps({ placement: 'top' });
   }
 }
 
@@ -78,89 +85,92 @@ placeDownloadTooltips();
 document.addEventListener('DOMContentLoaded', start);
 
 function start() {
-
   // magnet input
-  document.getElementById('magnet').addEventListener('keyup', function(event) {
+  document.getElementById('magnet').addEventListener('keyup', function (event) {
     event.preventDefault();
-    if (event.key === "Enter") {
+    if (event.key === 'Enter') {
-      source = "magnet";
+      source = 'magnet';
       originalSourceIcon.innerHTML = '<span class="fad fa-magnet fa-fw"></span>';
-      sourceTooltip.setContent("Currently loaded information sourced from Magnet URL");
+      sourceTooltip.setContent('Currently loaded information sourced from Magnet URL');
-      parse(magnet.value);
+      parse(this.value);
     }
   });
 
   // torrent select button
-  document.getElementById('torrent').addEventListener('change', function(event) {
+  document.getElementById('torrent').addEventListener('change', function (event) {
     event.preventDefault();
-    event.target.files[0].arrayBuffer().then(function(arrayBuffer) {
+    event.target.files[0].arrayBuffer().then(function (arrayBuffer) {
-      source = "torrent-file";
+      source = 'torrent-file';
       originalSourceIcon.innerHTML = '<span class="fad fa-file-alt fa-fw"></span>';
-      sourceTooltip.setContent("Currently loaded information sourced from Torrent file");
+      sourceTooltip.setContent('Currently loaded information sourced from Torrent file');
       parse(Buffer.from(arrayBuffer));
     });
   });
 
   // body drag-and-drop torrent file support
-  document.addEventListener('dragover', function(event) {
+  document.addEventListener('dragover', function (event) {
     event.preventDefault();
   });
 
-  document.addEventListener('drop', function(event) {
+  document.addEventListener('drop', function (event) {
     event.preventDefault();
-    event.dataTransfer.items[0].getAsFile().arrayBuffer().then(function(arrayBuffer) {
+    event.dataTransfer.items[0]
-      source = "torrent-file";
+      .getAsFile()
-      originalSourceIcon.innerHTML = '<span class="fad fa-file-alt fa-fw"></span>';
+      .arrayBuffer()
-      sourceTooltip.setContent("Currently loaded information sourced from Torrent file");
+      .then(function (arrayBuffer) {
-      parse(Buffer.from(arrayBuffer));
+        source = 'torrent-file';
-    });
+        originalSourceIcon.innerHTML = '<span class="fad fa-file-alt fa-fw"></span>';
+        sourceTooltip.setContent('Currently loaded information sourced from Torrent file');
+        parse(Buffer.from(arrayBuffer));
+      });
   });
 
   // example buttons
-  example1.addEventListener('click', function(event) {
+  example1.addEventListener('click', function (event) {
     event.preventDefault();
-    notyf.success("Parsing Ubuntu 20.04 Magnet URL");
+    notyf.success('Parsing Ubuntu 24.04 Magnet URL');
-    parse("magnet:?xt=urn:btih:9fc20b9e98ea98b4a35e6223041a5ef94ea27809&dn=ubuntu-20.04-desktop-amd64.iso&tr=https%3A%2F%2Ftorrent.ubuntu.com%2Fannounce&tr=https%3A%2F%2Fipv6.torrent.ubuntu.com%2Fannounce");
+    source = 'magnet';
+    originalSourceIcon.innerHTML = '<span class="fad fa-magnet fa-fw"></span>';
+    sourceTooltip.setContent('Currently loaded information sourced from Magnet URL');
+    parse('magnet:?xt=urn:btih:2aa4f5a7e209e54b32803d43670971c4c8caaa05&dn=ubuntu-24.04-desktop-amd64.iso&tr=https%3A%2F%2Ftorrent.ubuntu.com%2Fannounce&tr=https%3A%2F%2Fipv6.torrent.ubuntu.com%2Fannounce');
   });
 
-  example2.addEventListener('click', async function(event) {
+  example2.addEventListener('click', async function (event) {
     event.preventDefault();
-    notyf.success("Fetching and Parsing &ldquo;The WIRED CD&rdquo; Torrent File...");
+    notyf.success('Fetching and Parsing &ldquo;The WIRED CD&rdquo; Torrent File...');
-    parseRemote("https://webtorrent.io/torrents/wired-cd.torrent");
+    source = 'remote-torrent-file';
+    originalSourceIcon.innerHTML = '<span class="fad fa-file-alt fa-fw"></span>';
+    sourceTooltip.setContent('Currently loaded information sourced from remotely fetched Torrent file');
+    parseRemote('https://webtorrent.io/torrents/wired-cd.torrent');
   });
 
-  example3.addEventListener('click', async function(event) {
+  example3.addEventListener('click', async function (event) {
     event.preventDefault();
-    notyf.success("Parsing Jack Johnson Archive.org Torrent File");
+    notyf.success('Parsing Jack Johnson Archive.org Torrent File');
-    let response = await fetch("/ext/jj2008-06-14.mk4_archive.torrent");
+    let response = await fetch('/ext/jj2008-06-14.mk4_archive.torrent');
     let arrayBuffer = await response.arrayBuffer();
+    source = 'torrent-file';
+    originalSourceIcon.innerHTML = '<span class="fad fa-file-alt fa-fw"></span>';
+    sourceTooltip.setContent('Currently loaded information sourced from Torrent file');
     parse(Buffer.from(arrayBuffer));
   });
 
   // share buttons
   let copyurl = new clipboard('#copyURL');
-  copyurl.on('success', function(e) {
+  copyurl.on('success', function (e) {
     notyf.success('Copied site URL to clipboard!');
     console.info(e);
-    gtag('event', 'share', {
-      "method": "Copy URL",
-      "content_id": e.text,
-    });
   });
-  copyurl.on('failure', function(e) {
+  copyurl.on('failure', function (e) {
     notyf.error('Problem copying to clipboard');
     console.warn(e);
   });
 
   let copymagnet = new clipboard('#copyMagnet');
-  copymagnet.on('success', function(e) {
+  copymagnet.on('success', function (e) {
     notyf.success('Copied Magnet URL to clipboard!');
-    gtag('event', 'share', {
-      "method": "Copy Magnet",
-      "content_id": e.text,
-    });
   });
-  copymagnet.on('failure', function(e) {
+  copymagnet.on('failure', function (e) {
     notyf.error('Problem copying to clipboard');
     console.warn(e);
   });
@@ -182,73 +192,79 @@ function start() {
   removeWebseeds.addEventListener('click', () => removeAllRows('urlList'));
   getFiles.addEventListener('click', getFilesFromPeers);
 
-  tippy('[data-tippy-content]', {"theme": "torrent-parts", "animation": "shift-away-subtle"}); // all element-defined tooltips
+  tippy('[data-tippy-content]', { theme: 'torrent-parts', animation: 'shift-away-subtle' }); // all element-defined tooltips
   sourceTooltip.disable();
 
   if (window.location.hash) {
-    source = "shared-url";
+    source = 'shared-url';
     originalSourceIcon.innerHTML = '<span class="fad fa-link fa-fw"></span>';
-    sourceTooltip.setContent("Currently loaded information sourced from shared torrent.parts link");
+    sourceTooltip.setContent('Currently loaded information sourced from shared torrent.parts link');
     parse(window.location.hash.split('#')[1]);
   }
-
 }
 
-function parse(toLoad) {
+async function parse(toLoad) {
   resetProperties();
   try {
-    console.info("Attempting parse");
+    console.info('Attempting parse');
-    parsed = parser(toLoad);
+    parsed = await parseTorrent(toLoad);
     display();
     if (parsed.xs) {
-      console.info("Magnet includes xs, attempting remote parse");
+      console.info('Magnet includes xs, attempting remote parse');
       parseRemote(parsed.xs);
     }
-  }
+  } catch (e) {
-  catch(e) { // maybe they put a URL to a torrent file in the magnet box?
+    // maybe they put a URL to a torrent file in the magnet box?
     console.warn(e);
-    if (source == "magnet") {
+    if (source == 'magnet') {
-      console.info("Attempting remote parse");
+      console.info('Attempting remote parse');
       parseRemote(toLoad);
-    } else { // probably not. Just a bad file.
+    } else {
+      // probably not. Just a bad file.
       notyf.error('Problem parsing input. Is this a .torrent file?');
       console.error('Problem parsing input');
     }
   }
 }
 
-function parseRemote(toLoad) {
+async function parseRemote(toLoad) {
-  parser.remote(toLoad, function(err, result) {
+  try {
-    if (err) {
+    parsed = await new Promise((resolve, reject) => {
-      notyf.error('Problem remotely fetching that file or parsing result');
+      parseTorrentRemote(toLoad, (err, result) => {
-      console.warn(err);
+        if (err) {
-      resetProperties();
+          reject(err);
-      return;
+        } else {
-    }
+          resolve(result);
-    source = "remote-torrent-file";
+        }
+      });
+    });
+    source = 'remote-torrent-file';
     originalSourceIcon.innerHTML = '<span class="fad fa-file-alt fa-fw"></span>';
-    sourceTooltip.setContent("Currently loaded information sourced from remotely fetched Torrent file");
+    sourceTooltip.setContent('Currently loaded information sourced from remotely fetched Torrent file');
-    parsed = result;
     display();
-  });
+  } catch (err) {
+    console.warn(err);
+    notyf.error('Problem remotely fetching that file or parsing result');
+    resetProperties();
+  }
 }
 
 function display() {
-
   console.log(parsed);
 
   hash.value = parsed.infoHash;
-  name.value = parsed.name ? parsed.name : "";
+  name.value = parsed.name ? parsed.name : '';
   if (parsed.created) {
     created.value = parsed.created.toISOString().slice(0, 19);
-    created.type = "datetime-local";
+    created.type = 'datetime-local';
   } else {
-    created.type = "text";
+    created.type = 'text';
   }
-  createdBy.value = parsed.createdBy ? "by " + parsed.createdBy : "";
+  createdBy.value = parsed.createdBy ? ' by ' + parsed.createdBy : '';
-  comment.value = parsed.comment ? parsed.comment : "";
+  comment.value = parsed.comment ? parsed.comment : '';
+  pieces.value = parsed.pieces ? parsed.pieces.length.toLocaleString() + ' ' + bytes.format(parsed.pieceLength, { decimalPlaces: 1, unitSeparator: ' ' }) + ' pieces (last piece ' + bytes.format(parsed.lastPieceLength, { decimalPlaces: 1, unitSeparator: ' ' }) + ')' : '';
 
-  announce.innerHTML = "";
+  announce.innerHTML = '';
   if (parsed.announce && parsed.announce.length) {
     for (let i = 0; i < parsed.announce.length; i++) {
       let row = document.createElement('div');
@@ -270,11 +286,11 @@ function display() {
       row.appendChild(remove);
       announce.appendChild(row);
     }
-  // } else {
+    // } else {
-  //   announce.innerHTML = "<em>No trackers specified in the URL/File provided</em>";
+    //   announce.innerHTML = '<em>No trackers specified in the URL/File provided</em>';
   }
 
-  urlList.innerHTML = "";
+  urlList.innerHTML = '';
   if (parsed.urlList && parsed.urlList.length) {
     for (let i = 0; i < parsed.urlList.length; i++) {
       let row = document.createElement('div');
@@ -296,13 +312,13 @@ function display() {
       row.appendChild(remove);
       urlList.appendChild(row);
     }
-  // } else {
+    // } else {
-  //   urlList.innerHTML = "<em>No webseed URLs in the URL/File provided</em>";
+    //   urlList.innerHTML = '<em>No webseed URLs in the URL/File provided</em>';
   }
 
-  files.innerHTML = "";
+  files.innerHTML = '';
   if (parsed.files && parsed.files.length) {
-    getFiles.style.display = "none";
+    getFiles.style.display = 'none';
     if (parsed.files.length < 100) {
       for (let file of parsed.files) {
         let icon = getFontAwesomeIconForMimetype(mime.lookup(file.name));
@@ -316,15 +332,16 @@ function display() {
       files.appendChild(createFileRow('', '...and another ' + (parsed.files.length - 100) + ' more files', ''));
     }
     files.appendChild(createFileRow('folder-tree', '', parsed.length));
+    openURLWrapper.href = toMagnetURI(parsed);
     downloadTorrentTooltip.setContent('Download Torrent file');
     downloadTorrent.addEventListener('click', saveTorrent);
     downloadTorrent.disabled = false;
   } else {
     if (client.torrents.length > 0) {
-      getFiles.style.display = "none";
+      getFiles.style.display = 'none';
       files.innerHTML = '<input type="text" placeholder="Attempting fetching of files from Webtorrent..." aria-label="Attempting fetching of files from Webtorrent..." disabled>';
     } else {
-      getFiles.style.display = "block";
+      getFiles.style.display = 'block';
       files.innerHTML = '<input type="text" placeholder="Not included in the URL/File provided" aria-label="Files information not included in the URL/File provided" disabled>';
     }
     downloadTorrentTooltip.setContent('Files metadata is required to generate a Torrent file. Try fetching files list from WebTorrent.');
@@ -332,30 +349,21 @@ function display() {
     downloadTorrent.disabled = true;
   }
 
-  copyURL.setAttribute('data-clipboard-text', window.location.origin + "#" + parser.toMagnetURI(parsed));
+  copyURL.setAttribute('data-clipboard-text', window.location.origin + '#' + toMagnetURI(parsed));
-  copyMagnet.setAttribute('data-clipboard-text', parser.toMagnetURI(parsed));
+  copyMagnet.setAttribute('data-clipboard-text', toMagnetURI(parsed));
 
   examples.style.display = 'none';
   properties.style.display = 'flex';
 
-  window.location.hash = parser.toMagnetURI(parsed);
+  window.location.hash = toMagnetURI(parsed);
 
   if (parsed.name) {
-    document.title = "Torrent Parts | " + parsed.name;
+    document.title = 'Torrent Parts | ' + parsed.name;
   } else {
     document.title = "Torrent Parts | Inspect and edit what's in your Torrent file or Magnet link";
   }
 
   sourceTooltip.enable();
-
-  gtag('event', 'view_item', {
-    items: [{
-      "item_id": parsed.infoHash,
-      "item_name": parsed.name,
-      "item_category": source
-    }]
-  });
-
 }
 
 function createFileRow(icon, name, size) {
@@ -367,7 +375,7 @@ function createFileRow(icon, name, size) {
   namecell.innerHTML = name;
   row.appendChild(namecell);
   let totalcell = document.createElement('td');
-  totalcell.innerHTML = bytes.format(size, {"decimalPlaces": 1, "unitSeparator": " "});
+  totalcell.innerHTML = bytes.format(size, { decimalPlaces: 1, unitSeparator: ' ' });
   row.appendChild(totalcell);
   return row;
 }
@@ -375,37 +383,37 @@ function createFileRow(icon, name, size) {
 function getFontAwesomeIconForMimetype(mimetype) {
   if (!mimetype) return 'file';
   switch (true) {
-    case mimetype.includes("msword"):
+    case mimetype.includes('msword'):
-    case mimetype.includes("wordprocessingml"):
+    case mimetype.includes('wordprocessingml'):
-    case mimetype.includes("opendocument.text"):
+    case mimetype.includes('opendocument.text'):
-    case mimetype.includes("abiword"):
+    case mimetype.includes('abiword'):
       return 'file-word';
-    case mimetype.includes("ms-excel"):
+    case mimetype.includes('ms-excel'):
-    case mimetype.includes("spreadsheet"):
+    case mimetype.includes('spreadsheet'):
+      return 'file-spreadsheet';
+    case mimetype.includes('powerpoint'):
+    case mimetype.includes('presentation'):
       return 'file-powerpoint';
-    case mimetype.includes("powerpoint"):
+    case mimetype.includes('7z-'):
-    case mimetype.includes("presentation"):
+    case mimetype.includes('iso9660'):
-        return 'file-powerpoint';
+    case mimetype.includes('zip'):
-    case mimetype.includes("7z-"):
+    case mimetype.includes('octet-stream'):
-    case mimetype.includes("iso9660"):
-    case mimetype.includes("zip"):
-    case mimetype.includes("octet-stream"):
       return 'file-archive';
-    case mimetype.includes("csv"):
+    case mimetype.includes('csv'):
       return 'file-csv';
-    case mimetype.includes("pdf"):
+    case mimetype.includes('pdf'):
       return 'file-pdf';
-    case mimetype.includes("font"):
+    case mimetype.includes('font'):
       return 'file-contract';
-    case mimetype.includes("text"):
+    case mimetype.includes('text'):
-    case mimetype.includes("subrip"):
+    case mimetype.includes('subrip'):
-    case mimetype.includes("vtt"):
+    case mimetype.includes('vtt'):
       return 'file-alt';
-    case mimetype.includes("audio"):
+    case mimetype.includes('audio'):
       return 'file-audio';
-    case mimetype.includes("image"):
+    case mimetype.includes('image'):
       return 'file-image';
-    case mimetype.includes("video"):
+    case mimetype.includes('video'):
       return 'file-video';
     default:
       return 'file';
@@ -414,62 +422,59 @@ function getFontAwesomeIconForMimetype(mimetype) {
 
 function propertyChange(e) {
   if (this.dataset.group) {
-    parsed[this.dataset.group][this.dataset.index] = this.value ? this.value : "";
+    parsed[this.dataset.group][this.dataset.index] = this.value ? this.value : '';
   } else {
-    parsed[this.id] = this.value ? this.value : "";
+    parsed[this.id] = this.value ? this.value : '';
   }
-  window.location.hash = parser.toMagnetURI(parsed);
+  window.location.hash = toMagnetURI(parsed);
   updateModified();
 }
 
 function resetProperties() {
-  document.getElementById('magnet').value = "";
+  document.getElementById('magnet').value = '';
-  document.getElementById('torrent').value = "";
+  document.getElementById('torrent').value = '';
   examples.style.display = 'flex';
   properties.style.display = 'none';
-  name.value = "";
+  name.value = '';
-  created.value = "";
+  created.value = '';
-  createdBy.value = "";
+  createdBy.value = '';
-  comment.value = "";
+  comment.value = '';
-  hash.value = "";
+  hash.value = '';
-  announce.innerHTML = "";
+  announce.innerHTML = '';
-  urlList.innerHTML = "";
+  urlList.innerHTML = '';
-  client.torrents.forEach(torrent => torrent.destroy());
+  client.torrents.forEach((torrent) => torrent.destroy());
-  getFiles.style.display = "block";
+  getFiles.style.display = 'block';
-  files.innerHTML = "";
+  files.innerHTML = '';
-  window.location.hash = "";
+  window.location.hash = '';
-  copyURL.setAttribute('data-clipboard-text', "");
+  copyURL.setAttribute('data-clipboard-text', '');
-  copyMagnet.setAttribute('data-clipboard-text', "");
+  copyMagnet.setAttribute('data-clipboard-text', '');
   document.title = "Torrent Parts | Inspect and edit what's in your Torrent file or Magnet link";
   sourceTooltip.disable();
-  gtag('event', 'reset');
 }
 
 async function addCurrentTrackers() {
   addTrackers.className = 'disabled';
   addTrackers.innerHTML = 'Adding...';
   try {
-    let response = await fetch("https://newtrackon.com/api/100"); // get trackers with 100% uptime
+    let response = await fetch('https://newtrackon.com/api/stable'); // get trackers with 95% uptime
     let trackers = await response.text();
     parsed.announce = parsed.announce.concat(trackers.split('\n\n'));
-    parsed.announce.push("http://bt1.archive.org:6969/announce");
+    parsed.announce.push('http://bt1.archive.org:6969/announce');
-    parsed.announce.push("http://bt2.archive.org:6969/announce");
+    parsed.announce.push('http://bt2.archive.org:6969/announce');
-    parsed.announce = parsed.announce.filter((v,i) => v && parsed.announce.indexOf(v) === i); // remove duplicates and empties
+    parsed.announce = parsed.announce.filter((v, i) => v && parsed.announce.indexOf(v) === i); // remove duplicates and empties
     notyf.success('Added known working trackers from newTrackon');
     updateModified();
-  }
+  } catch (e) {
-  catch(e) {
     notyf.error('Problem fetching trackers from newTrackon');
     console.warn(e);
   }
   addTrackers.className = '';
   addTrackers.innerHTML = 'Add Known Working Trackers';
   display();
-  gtag('event', 'add_trackers');
 }
 
 function addRow() {
-  parsed[this.dataset.type].unshift("");
+  parsed[this.dataset.type].unshift('');
   display();
 }
 
@@ -486,25 +491,25 @@ function removeAllRows(type) {
 
 function updateModified() {
   parsed.created = new Date();
-  parsed.createdBy = "Torrent Parts <https://torrent.parts/>";
+  parsed.createdBy = 'Torrent Parts <https://torrent.parts/>';
   if (parsed.created) {
     created.value = parsed.created.toISOString().slice(0, 19);
-    created.type = "datetime-local";
+    created.type = 'datetime-local';
   } else {
-    created.type = "text";
+    created.type = 'text';
   }
-  createdBy.value = parsed.createdBy ? "by " + parsed.createdBy : "";
+  createdBy.value = parsed.createdBy ? ' by ' + parsed.createdBy : '';
 }
 
 function getFilesFromPeers() {
-  console.info("Attempting fetching files from Webtorrent...");
+  console.info('Attempting fetching files from Webtorrent...');
-  getFiles.style.display = "none";
+  getFiles.style.display = 'none';
-  parsed.announce.push("wss://tracker.webtorrent.io");
+  parsed.announce.push('wss://tracker.webtorrent.io');
-  parsed.announce.push("wss://tracker.openwebtorrent.com");
+  parsed.announce.push('wss://tracker.openwebtorrent.com');
-  parsed.announce.push("wss://tracker.btorrent.xyz");
+  parsed.announce.push('wss://tracker.btorrent.xyz');
-  parsed.announce.push("wss://tracker.fastcast.nz");
+  parsed.announce.push('wss://tracker.fastcast.nz');
-  parsed.announce = parsed.announce.filter((v,i) => v && parsed.announce.indexOf(v) === i); // remove duplicates and empties
+  parsed.announce = parsed.announce.filter((v, i) => v && parsed.announce.indexOf(v) === i); // remove duplicates and empties
-  client.add(parser.toMagnetURI(parsed), (torrent) => {
+  client.add(toMagnetURI(parsed), (torrent) => {
     parsed.info = Object.assign({}, torrent.info); // clone object
     parsed.files = torrent.files;
     parsed.infoBuffer = torrent.infoBuffer;
@@ -516,25 +521,19 @@ function getFilesFromPeers() {
     torrent.destroy();
   });
   display();
-  gtag('event', 'attempt_webtorrent_fetch');
 }
 
 // https://stackoverflow.com/a/36899900/2700296
 function saveTorrent() {
-  let data = parser.toTorrentFile(parsed);
+  let data = toTorrentFile(parsed);
-  if (data !== null && navigator.msSaveBlob)
+  if (data !== null && navigator.msSaveBlob) return navigator.msSaveBlob(new Blob([data], { type: 'application/x-bittorrent' }), parsed.name + '.torrent');
-    return navigator.msSaveBlob(new Blob([data], { "type": "application/x-bittorrent" }), parsed.name + '.torrent');
   let a = document.createElement('a');
   a.style.display = 'none';
-  let url = window.URL.createObjectURL(new Blob([data], { "type": "application/x-bittorrent" }));
+  let url = window.URL.createObjectURL(new Blob([data], { type: 'application/x-bittorrent' }));
-  a.setAttribute("href", url);
+  a.setAttribute('href', url);
-  a.setAttribute("download", parsed.name + '.torrent');
+  a.setAttribute('download', parsed.name + '.torrent');
   document.body.appendChild(a);
   a.click();
   window.URL.revokeObjectURL(url);
   a.remove();
-  gtag('event', 'share', {
+}
-    "method": "Torrent Download",
-    "content_id": parsed.name
-  });
-}

src/sw.js

@@ -1,33 +1,84 @@
-const assets = [
+const cache_name = 'torrent-parts-v1';
-  '/',
+const assets = ['/', '/index.html', '/src/parse.js', '/src/style.css', '/ext/alata-v9-latin-regular.woff2', '/ext/alata-v9-latin-regular.ttf', '/ext/fa.min.js', '/ext/jj2008-06-14.mk4_archive.torrent', '/favicon.ico', '/manifest.webmanifest'];
-  '/index.html',
-  '/bin/bundle.min.js',
-  '/src/style.css',
-  '/ext/alata-latin-400.woff2',
-  '/ext/alata-latin-400.woff',
-  '/ext/fa.min.js',
-  '/ext/notyf.min.js',
-  '/ext/jj2008-06-14.mk4_archive.torrent'
-];
 
-self.addEventListener('install', function(event) {
+self.addEventListener('install', function (event) {
+  self.skipWaiting(); // Force activate new SW immediately
   event.waitUntil(
-    caches.open('assets')
+    caches
-      .then(function(cache) {
+      .open(cache_name)
+      .then(function (cache) {
         return cache.addAll(assets);
       })
+      .catch(function (error) {
+        console.error('Service worker install failed:', error);
+      })
   );
 });
 
-self.addEventListener('fetch', function(event) {
+self.addEventListener('activate', function (event) {
+  event.waitUntil(
+    Promise.all([
+      // Take control of all clients immediately
+      self.clients.claim(),
+      // Clean up old caches
+      caches.keys().then(function (cacheNames) {
+        return Promise.all(
+          cacheNames.map(function (cacheName) {
+            if (cacheName !== cache_name) {
+              console.log('Deleting old cache:', cacheName);
+              return caches.delete(cacheName);
+            }
+          })
+        );
+      }),
+    ])
+  );
+});
+
+self.addEventListener('fetch', function (event) {
+  // Only cache GET requests
+  if (event.request.method !== 'GET') {
+    return;
+  }
+
+  // Network-first strategy for external requests
+  const requestUrl = new URL(event.request.url);
+  if (requestUrl.origin !== self.location.origin) {
+    event.respondWith(
+      fetch(event.request)
+        .then(function (response) {
+          return response;
+        })
+        .catch(function () {
+          console.log('Network request failed, trying cache:', event.request.url);
+          return caches.match(event.request);
+        })
+    );
+    return;
+  }
+
+  // Cache-first strategy for app assets
   event.respondWith(
-    caches.match(event.request)
+    caches
-      .then(function(response) {
+      .match(event.request)
+      .then(function (response) {
         if (response) {
           return response;
         }
-        return fetch(event.request);
+        return fetch(event.request).then(function (response) {
-      }
+          // Cache successful responses for future use
-    )
+          if (response && response.status === 200) {
+            const responseClone = response.clone();
+            caches.open(cache_name).then(function (cache) {
+              cache.put(event.request, responseClone);
+            });
+          }
+          return response;
+        });
+      })
+      .catch(function (error) {
+        console.error('Service worker fetch failed:', error);
+        // Could return offline fallback page here if needed
+      })
   );
-});
+});