WIP: add embedded mkv subtitles

2016-08-30 00:28:37 +02:00
194 changed files with 3928 additions and 34102 deletions
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -0,0 +1,9 @@
+**What version of WebTorrent Desktop?** (See the 'About WebTorrent' menu)
+
+**What operating system and version?**
+
+**What did you do?**
+
+**What did you expect to happen?**
+
+**What actually happened?**
--- a/.github/ISSUE_TEMPLATE/BUG_REPORT.md
+++ b/.github/ISSUE_TEMPLATE/BUG_REPORT.md
@@ -1,20 +0,0 @@
---
-name: "🐞 Bug report"
-about: Report an issue with this software
-title: ''
-labels: ''
-assignees: ''
-
---
-
-<!-- DO NOT POST LINKS OR REFERENCES TO COPYRIGHTED CONTENT IN YOUR ISSUE. -->
-
-**What version of WebTorrent Desktop are you using?**
-
-**What operating system and version?**
-
-**What happened?**
-
-**What did you expect to happen?**
-
-**Are you willing to submit a pull request to fix this bug?**
--- a/.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md
+++ b/.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md
@@ -1,20 +0,0 @@
---
-name: "⭐️ Feature request"
-about: Request a new feature to be added
-title: ''
-labels: ''
-assignees: ''
-
---
-
-<!-- DO NOT POST LINKS OR REFERENCES TO COPYRIGHTED CONTENT IN YOUR ISSUE. -->
-
-**What version of WebTorrent Desktop are you using?**
-
-**What operating system and version?**
-
-**What problem do you want to solve?**
-
-**What do you think is the correct solution to this problem?**
-
-**Are you willing to submit a pull request to implement this change?**
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,21 +0,0 @@
-name: ci
-on: [push,pull_request]
-jobs:
-  test:
-    name: Node ${{ matrix.node }} / ${{ matrix.os }}
-    runs-on: ${{ matrix.os }}
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-        node:
-          - '16'
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node }}
-      - run: npm install
-      - run: npm run build --if-present
-      - run: npm test
--- a/.github/workflows/package.yml
+++ b/.github/workflows/package.yml
@@ -1,69 +0,0 @@
-name: package
-on: 
-  workflow_dispatch:
-jobs:
-  package_linux:
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: '16'
-    - uses: actions/cache@v3
-      with:
-        path: ~/.npm
-        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-        restore-keys: |
-          ${{ runner.os }}-node-
-    - run: npm install
-    - run: npm run package -- linux
-    - uses: actions/upload-artifact@v3
-      with:
-        name: linux
-        path: |
-          dist/*.deb
-          dist/*.rpm
-          dist/*.zip
-  package_macos:
-    runs-on: macos-latest
-    steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: '16'
-    - uses: actions/cache@v3
-      with:
-        path: ~/.npm
-        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-        restore-keys: |
-          ${{ runner.os }}-node-
-    - run: npm install
-    - run: npm run package -- darwin
-    - uses: actions/upload-artifact@v3
-      with:
-        name: macos
-        path: |
-          dist/*.dmg
-          dist/*.zip
-  package_windows:
-    runs-on: windows-latest
-    steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: '16'
-    - uses: actions/cache@v3
-      with:
-        path: ~/.npm
-        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-        restore-keys: |
-          ${{ runner.os }}-node-
-    - run: npm install
-    - run: npm run package -- win32
-    - uses: actions/upload-artifact@v3
-      with:
-        name: windows
-        path: |
-          dist/*.exe
-          dist/*.nupkg
-          dist/*.zip
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -1,23 +0,0 @@
-name: Mark stale issues and pull requests
-
-on:
-  schedule:
-  - cron: '0 12 * * *'
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-      pull-requests: write
-
-    steps:
-    - uses: actions/stale@v6
-      with:
-        repo-token: ${{ secrets.GITHUB_TOKEN }}
-        stale-issue-message: 'Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?'
-        stale-pr-message: 'Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?'
-        exempt-issue-labels: accepted,blocked,dependency,security,meta
-        exempt-pr-labels: accepted,blocked,bug,dependency,security,meta
-        stale-issue-label: 'stale'
-        stale-pr-label: 'stale'
--- a/.gitignore
+++ b/.gitignore
@@ -1,9 +1,4 @@
 node_modules/
 build/
 dist/
-npm-debug.log*
-.vscode/
-
-# JetBrains IntelliJ IDEA project files
-.idea
-*.iml
+npm-debug.log.*
--- a/.nodemonignore
+++ b/.nodemonignore
@@ -0,0 +1,2 @@
+build/
+dist/
--- a/.npmrc
+++ b/.npmrc
@@ -1 +0,0 @@
-package-lock=true
--- a/.travis.yml
+++ b/.travis.yml
@@ -0,0 +1,4 @@
+language: node_js
+node_js:
+  - 'node'
+install: npm install standard
--- a/AUTHORS.md
+++ b/AUTHORS.md
@@ -28,56 +28,5 @@
 - Rémi Jouannet (remijouannet@gmail.com)
 - Andrea Tupini (tupini07@gmail.com)
 - grunjol (grunjol@gmail.com)
- Jason Kurian (jasonk92@gmail.com)
- Vamsi Krishna Avula (vamsi_ism@outlook.com)
- Noam Okman (noamokman@gmail.com)
- PurgingPanda (t3ch0wn3r@gmail.com)
- Kai Curtis (morecode@kcurtis.com)
- Omri Litov (omrilitov@gmail.com)
- Alexey Romanov (romanalexey@gmail.com)
- Karan Thakkar (karanjthakkar@gmail.com)
- Nuno Campos (nuno.campos@me.com)
- Ebrahim Byagowi (ebrahim@gnu.org)
- Josip Janzic (josip@jjanzic.com)
- Egor Yurtaev (yurtaev.egor@gmail.com)
- Emil Bay (github@tixz.dk)
- Borewit (borewit@users.noreply.github.com)
- greenkeeper[bot] (greenkeeper[bot]@users.noreply.github.com)
- Auyer (rafa_auyer@icloud.com)
- Jon Koops (jonkoops@gmail.com)
- Michael George Attard (michaelgeorgeattard@gmail.com)
- SimplyAhmazing (ahmad19526@gmail.com)
- Cezar Carneiro (cezargcarneiro@gmail.com)
- Bilal Elmoussaoui (bil.elmoussaoui@gmail.com)
- Terry Hau (terryhau@gmail.com)
- Vítor Galvão (info@vitorgalvao.com)
- Borewit (Borewit@users.noreply.github.com)
- Diego Rodríguez (diegorbaquero@gmail.com)
- Dan Flettre (flettre@gmail.com)
- Sibiraj (dev.sibiraj@outlook.com)
- clujin (clujin@gmail.com)
- Sharon Grossman (sharong1337@gmail.com)
- Linus Unnebäck (linus@folkdatorn.se)
- Adrian Tombu (adrian@otso.fr)
- Lucas (5874806+RecoX@users.noreply.github.com)
- David Ernst (dsernst@users.noreply.github.com)
- David Ernst (git@dsernst.com)
- Jimmy Wärting (jimmy@warting.se)
- Recox (5874806+RecoX@users.noreply.github.com)
- greenkeeper[bot] (23040076+greenkeeper[bot]@users.noreply.github.com)
- hicom150 (hicom150@gmail.com)
- Дамјан Георгиевски (gdamjan@gmail.com)
- Jimmy Wärting (jimmy@warting.se)
- Julen Garcia Leunda (hicom150@gmail.com)
- Feross (feross@feross.org)
- Daniele Debernardi (drebrez@gmail.com)
- Chandan Chowdary Bhagam (chandandharana@gmail.com)
- Pieter Goetschalckx (3.14.e.ter@gmail.com)
- Carey Metcalfe (carey@cmetcalfe.ca)
- Ameet Kaustav (akaustav@users.noreply.github.com)
- gpatarin (gael.patarin@outlook.com)
- Gael Patarin (gael.patarin@outlook.com)
- Subin Siby (mail@subinsb.com)
- Hinara (hinara.turevel@gmail.com)

 #### Generated by bin/update-authors.sh.
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,261 +1,18 @@
 # WebTorrent Desktop Version History

-## v0.24.0 - 2020-08-28
-
-### Added
-
- Support the `.m2ts` video container format ([hicom150](https://github.com/hicom150))
-
-### Changed
-
- Update to Electron 10.1.0 [\#1864](https://github.com/webtorrent/webtorrent-desktop/pull/1864) ([feross](https://github.com/feross))
- Update the Windows installer loading image [\#1841](https://github.com/webtorrent/webtorrent-desktop/pull/1841) ([alxhotel](https://github.com/alxhotel))
-
-### Fixed
-
- Fix music metadata not showing up [\#1847](https://github.com/webtorrent/webtorrent-desktop/pull/1847) ([Borewit](https://github.com/Borewit))
- Fix the "Play in VLC" functionality [\#1850](https://github.com/webtorrent/webtorrent-desktop/pull/1850) ([Hinara](https://github.com/Hinara))
- Prevent shortcuts from activating when user input elements are focused [\#1840](https://github.com/webtorrent/webtorrent-desktop/pull/1840) ([subins2000](https://github.com/subins2000))
-
-## v0.23.0 - 2020-07-15
-
-🔒 This release contains a critical security fix. Please update as soon as possible. [\#1837](https://github.com/webtorrent/webtorrent-desktop/issues/1837#issuecomment-729320901)
-
-### Added
-
- Add macOS Notarization [\#1834](https://github.com/webtorrent/webtorrent-desktop/pull/1834) ([feross](https://github.com/feross))
-
-### Changed
-
- Update to Electron 10 beta [\#1834](https://github.com/webtorrent/webtorrent-desktop/pull/1834) ([feross](https://github.com/feross))
-
-## v0.22.0 - 2020-07-15
-
-❤️✨ A new version of WebTorrent Desktop is out! ❤️✨
-
-### Added
-
- Linux `.rpm` packages and `arm64` builds are now available! [\#1694](https://github.com/webtorrent/webtorrent-desktop/pull/1694) ([hicom150](https://github.com/hicom150))
- Add support for multiple audio tracks [\#1712](https://github.com/webtorrent/webtorrent-desktop/pull/1712) ([hicom150](https://github.com/hicom150))
- Improve codec unsupported detection [\#1711](https://github.com/webtorrent/webtorrent-desktop/pull/1711) ([hicom150](https://github.com/hicom150))
- Report when files are being verified [\#1717](https://github.com/webtorrent/webtorrent-desktop/pull/1717) ([pR0Ps](https://github.com/pR0Ps))
- Support additional audio files: MPEG-Layer-2, Musepack, Matroska audio, WavePack [\#1772](https://github.com/webtorrent/webtorrent-desktop/pull/1772)
-
-### Changed
-
- Update to Electron 9 [\#1729](https://github.com/webtorrent/webtorrent-desktop/pull/1729) [\#1832](https://github.com/webtorrent/webtorrent-desktop/issues/1832)
- Update to music-metadata 4.8.0 [\#1719](https://github.com/webtorrent/webtorrent-desktop/pull/1719) ([Borewit](https://github.com/Borewit))
- Update Windows build documentation [\#1715](https://github.com/webtorrent/webtorrent-desktop/pull/1715) ([RecoX](https://github.com/RecoX))
- Remove unneeded dependencies ([feross](https://github.com/feross))
-
-### Fixed
-
- Fix a few type errors [\#1720](https://github.com/webtorrent/webtorrent-desktop/pull/1720) ([mathiasvr](https://github.com/mathiasvr))
- Fix electron SUID sandbox error [\#1707](https://github.com/webtorrent/webtorrent-desktop/pull/1707) ([hicom150](https://github.com/hicom150))
- Fix percentage rounding error [\#1716](https://github.com/webtorrent/webtorrent-desktop/pull/1716) ([pR0Ps](https://github.com/pR0Ps))
- Fix path-selector in preferences page [\#1702](https://github.com/webtorrent/webtorrent-desktop/pull/1702) ([314eter](https://github.com/314eter))
- Fix path-selector in preferences page [\#1704](https://github.com/webtorrent/webtorrent-desktop/pull/1702) ([mathiasvr](https://github.com/mathiasvr))
- Fix: Increase height of 'About' window [\#1737](https://github.com/webtorrent/webtorrent-desktop/pull/1737) ([akaustav](https://github.com/akaustav))
- Fix "Save Torrent File As..." [\#1743](https://github.com/webtorrent/webtorrent-desktop/pull/1743) ([gpatarin](https://github.com/gpatarin))
-
-## v0.21.0 - 2019-09-14
-
-### Added
-
- Add YouTube style hotkeys [\#1579](https://github.com/webtorrent/webtorrent-desktop/pull/1579) ([dsernst](https://github.com/dsernst))
- Toggle sound notifications on/off [\#1536](https://github.com/webtorrent/webtorrent-desktop/pull/1536) ([adriantombu](https://github.com/adriantombu))
- Ability to play MPEG-4 Audio Book \(.m4b\) [\#1450](https://github.com/webtorrent/webtorrent-desktop/pull/1450) ([Borewit](https://github.com/Borewit))
- Add support for subtitles on Chromecast [\#1165](https://github.com/webtorrent/webtorrent-desktop/pull/1165) ([janza](https://github.com/janza))
-
-### Changed
-
- Update to Electron 4 [\#1590](https://github.com/webtorrent/webtorrent-desktop/pull/1590) ([Borewit](https://github.com/Borewit))
- Remove '\(BETA\)' from app window title [\#1562](https://github.com/webtorrent/webtorrent-desktop/pull/1562) ([dsernst](https://github.com/dsernst))
- Update React (v16) and Material-UI (v0.20) [\#1483](https://github.com/webtorrent/webtorrent-desktop/pull/1483) ([mathiasvr](https://github.com/mathiasvr))
- Show audio track and disk number [\#1454](https://github.com/webtorrent/webtorrent-desktop/pull/1454) ([Borewit](https://github.com/Borewit))
- Asynchronous music metadata updates while streaming [\#1449](https://github.com/webtorrent/webtorrent-desktop/pull/1449) ([Borewit](https://github.com/Borewit))
- If torrent is not private, leave private flag unset [\#1411](https://github.com/webtorrent/webtorrent-desktop/pull/1411) ([feross](https://github.com/feross))
- Improve audio poster selection: [\#1368](https://github.com/webtorrent/webtorrent-desktop/pull/1368) ([Borewit](https://github.com/Borewit))
- Save preferences immediately when changed [\#1042](https://github.com/webtorrent/webtorrent-desktop/pull/1042) ([Flet](https://github.com/Flet))
-
-### Fixed
-
- Ensure that the minutes field in playback indicator is zero-padded. [\#1506](https://github.com/webtorrent/webtorrent-desktop/pull/1506) ([bnjmnt4n](https://github.com/bnjmnt4n))
- Bug Fix: Empty Array Reduce [\#1494](https://github.com/webtorrent/webtorrent-desktop/pull/1494) ([clujin](https://github.com/clujin))
- Fix startup problems [\#1419](https://github.com/webtorrent/webtorrent-desktop/pull/1419) ([Borewit](https://github.com/Borewit))
- Add back loading spinner for player page. [\#1311](https://github.com/webtorrent/webtorrent-desktop/pull/1311) ([bnjmnt4n](https://github.com/bnjmnt4n))
- Fix Linux desktop file [\#1309](https://github.com/webtorrent/webtorrent-desktop/pull/1309) ([bilelmoussaoui](https://github.com/bilelmoussaoui))
-
-
-## v0.20.0 - 2018-04-26
-
-### Added
-
- Added support for additional audio extensions: 'aiff', 'ape', 'mp2', 'oga', 'opus', 'wma' (#1240)
-
-### Changed
-
- Displaying filename while music metadata is being downloaded (#1361)
- Improved the poster selection for audio/music based torrents (#1334)
- Launch VLC player without the `--video-on-top` flag (#1286)
-
-### Fixed
-
- Fix silently failing to open magnets links on Linux (#1367)
-
-## v0.19.0 - 2018-01-26
-
-### Added
- Added watch folder feature: Automatically add new torrent files added to a folder on disk (#1154)
- Added highest playback priority feature: pauses other active torrents when playback starts (#840)
- Add 'Start Speaking' and 'Stop Speaking' menu item (Mac) (#439)
- Add pinch-to-zoom gesture to enter/exit fullscreen (#1148)
-
-### Changed
- [SECURITY] Mitigate Electron protocol handler issue (Windows)
- Moved project from Feross's GitHub account to the WebTorrent GitHub organization
- Updated to electron@1.6.16
- Updated to material-ui@0.17
- Treat .FLAC as playable audio (#1127)
-
-### Fixed
- Fix time and duration so it doesn't bounce in the UI (#1233)
- Fix 'About WebTorrent' menu location on Windows (#1120)
-
-## v0.18.0 - 2017-02-03
-
-### Added
- Add a new "Transfers" menu for pausing or resuming all torrents (#1027)
-
-### Changed
- Update Electron to 1.4.15
-  - Windows 32-bit: App can use 4GB of memory instead of just 2GB
-  - Fix "Portable App" writing crash reports to "%APPDATA%\Temp" (Windows)
- Updated WebTorrent engine to 0.98.5
-  - Fix issue where http web seeds would sometimes stall
-  - Don't send 'completed' event to tracker again if torrent is already complete
-  - Add more peer ID entropy
-  - Set user-agent header for tracker http requests
-
-### Fixed
- Fix paste shortcut in tracker list on Create Torrent page (#1112)
- Auto-focus the 'OK' button in modal dialogs (#1058)
- Fix formatting issue in the speed stats on the Player page (#1039)
-
-## v0.17.2 - 2016-10-10
-
-### Fixed
- Windows: Fix impossible-to-delete "Wired CD" default torrent
- Throttle browser-window 'move' and 'resize' events
- Fix crash ("Cannot read property 'files' of null" error)
- Fix crash ("TypeError: Cannot read property 'startPiece' of undefined")
-
-## v0.17.1 - 2016-10-03
-
-### Changed
- Faster startup (improved by ~25%)
- Update Electron to 1.4.2
- Remove support for pasting multiple newline-separated magnet links
- Reduce UX sound volume
-
-### Fixed
- Fix external player (VLC, etc.) opening before HTTP server was ready
- Windows (Portable App): Fix "Portable App" mode
-  - Write application support files to the "Portable Settings" folder
-  - Stop writing Electron "single instance" lock file to "%APPDATA%\Roaming\WebTorrent"
-  - Some temp data is still written to "%APPDATA%\Temp" (will be fixed in future version)
- Don't show pointer cursor on torrent list checkbox
- Trim extra whitespace from magnet links pasted into "Open Torrent Address" dialog
- Fix weird outline on 'Create Torrent' button
-
-## v0.17.0 - 2016-09-23
-
-### Added
- Remember window size and position
-
-### Changed
- Torrent list redesign
- Quieter, more subtle sounds
- Got rid of the play button spinner, now goes to the player immediately
- Faster startup
-
-### Fixed
- Fix bug where playback rate could go negative
- Don't hide header when moused over player controls
- Fix Delete Data File on Windows
- Fix a sad, sad bug that resulted in 100+ MB config files
- Fix app DMG background image
-
-## v0.16.0 - 2016-09-18
-
-### Added
- **Windows 64-bit support!** (#931)
-  - Existing 32-bit users will update to 64-bit automatically in next release
-  - 64-bit reduces likelihood of out-of-memory errors by increasing the address space
-
-### Fixed
- Mac: Fix background image on .DMG
-
-## v0.15.0 - 2016-09-16
-
-### Added
- Option to start automatically on login
- Add integration tests
- Add more detailed telemetry to diagnose "buffer allocation failed"
-
-### Changed
- Disable playback controls while in external player (#909)
-
-### Fixed
- Fix several uncaught errors (#889, #891, #892)
- Update to the latest webtorrent.js, fixing some more uncaught errors
- Clicking on the "torrent finished" notification works again (#912)
-
-## v0.14.0 - 2016-09-03
-
-### Added
- Autoplay through all files in a torrent (#871)
- Torrents now have a progress bar (#844)
-
-### Changed
- Modals now use Material UI
- Torrent list style improvements
-
-### Fixed
- Fix App.js crash in Linux (#882)
- Fix error on Windows caused by `setBadge` (#867)
- Don't crash when restarting after adding a magnet link (#869)
- Restore playback state when reopening player (#877)
-
-## v0.13.1 - 2016-08-31
-
-### Fixed
- Fixed the Create Torrent page
-
-## v0.13.0 - 2016-08-31
-
-### Added
- Support .m4a audio
- Better telemetry: log error versions, report more types of errors
-
-### Changed
- New look - Material UI. Rewrote Create Torrent and Preferences pages.
-
-### Fixed
- Fixed telemetry [object Object] and [object HTMLMediaElement] bugs
- Don't render player controls when playing externally, eg in VLC
- Don't play notification sounds during media playback
-
 ## v0.12.0 - 2016-08-23

 ### Added
+
 - Custom external media player
 - Linux: add system-wide launcher and icons for Debian, including Ubuntu

 ### Changed
+
 - Telemetry improvements: redact stacktraces, log app version

 ### Fixed
+
 - Fix playback and download of default torrents ("missing path" error) (#804)
 - Fix Delete Torrent + Data for newly added magnet links
 - Fix jumpToTime error (#804)
@@ -268,11 +25,13 @@
 - Check for missing default download path and torrent folders on start up (#776)

 ### Changed
+
 - Do not automatically set WebTorrent as the default handler for torrents (#771)
 - Torrents can only be created from the home screen (#770)
 - Update Electron to 1.3.3 (#772)

 ### Fixed
+
 - Allow modifying the default tracker list on the Create Torrent page (#775)
 - Prevent opening multiple stacked Preference windows or Create Torrent windows (#770)
 - Windows: Player window auto-resize does not match video aspect ratio (#565)
@@ -281,11 +40,13 @@
 ## v0.10.0 - 2016-08-05

 ### Added
+
 - Drag-and-drop magnet links (selected text) is now supported (#284)
 - Windows: Add "User Tasks" shortcuts to app icon in Start Menu (#114)
 - Linux: Show badge count for completed torrent downloads

 ### Changed
+
 - Change WebTorrent Desktop peer ID prefix to 'WD' to distinguish from WebTorrent in the browser, 'WW' (#688)
 - Switch UI to React to improve UI rendering speed (#729)
  - The primary bottleneck was actually `hyperx`, not `virtual-dom`.
@@ -302,6 +63,7 @@
  - Location history abstraction released independently as [`location-history`](https://www.npmjs.com/package/location-history)

 ### Fixed
+
 - When streaming to VLC, set VLC window title to torrent file name (#746)
 - Fix "Cannot read property 'numPiecesPresent' of undefined" exception (#695)
 - Fix rare case where config file could not be completely written (#733)
@@ -309,29 +71,35 @@
 ## v0.9.0 - 2016-07-20

 ### Added
+
 - Save selected subtitles
 - Ask for confirmation before deleting torrents
 - Support Debian Jessie

 ### Changed
+
 - Only send telemetry in production
 - Clean up the code. Split main.js, refactor lots of things

 ### Fixed
+
 - Fix state.playing.jumpToTime behavior
 - Remove torrent file and poster image when deleting a torrent

 ## v0.8.1 - 2016-06-24

 ### Added
+
 - New URI handler: stream-magnet

 ### Fixed
+
 - DLNA crashing bug

 ## v0.8.0 - 2016-06-23

 ### Added
+
 - Cast menu: choose which Chromecast, Airplay, or DLNA device you want to use
 - Telemetry: send basic data, plus stats on how often the play button works
 - Make posters from jpeg files, not just jpg
@@ -339,14 +107,17 @@
 - Windows thumbnail bar with a play/pause button

 ### Changed
+
 - Nicer modal styles

 ### Fixed
+
 - Windows tray icon now stays in the right state

 ## v0.7.2 - 2016-06-02

 ### Fixed
+
 - Fix exception that affects users upgrading from v0.5.1 or older
  - Ensure `state.saved.prefs` configuration exists
 - Fix window title on "About WebTorrent" window
@@ -354,19 +125,23 @@
 ## v0.7.1 - 2016-06-02

 ### Changed
+
 - Change "Step Forward" keyboard shortcut to `Alt+Left` (Windows)
 - Change "Step Backward" keyboard shortcut to to `Alt+Right` (Windows)

 ### Fixed
+
 - First time startup bug -- invalid torrent/poster paths

 ## v0.7.0 - 2016-06-02

 ### Added
+
 - Improved AirPlay support -- using the new [`airplayer`](https://www.npmjs.com/package/airplayer) package
 - Remember volume setting in player, for as long as the app is open

 ### Changed
+
 - Add (+) button now also accepts non .torrent files and creates a torrent from
  those files
 - Show prompt text in title bar for open dialogs (OS X)
@@ -376,6 +151,7 @@
  - Fix crash reporter not working (Windows)

 ### Fixed
+
 - Re-enable WebRTC (web peers)! (OS X, Windows)
  - Windows support was disabled in v0.6.1 to work around a bug in Electron
  - OS X support was disabled in v0.4.0 to work around a 100% CPU bug
@@ -386,6 +162,7 @@
 - Fix torrent loading message UI misalignment

 ### Known issues
+
 - When upgrading to WebTorrent Desktop v0.7.0, some torrent metadata (file list,
  selected files, whether torrent is streamable) will be cleared. Just start the
  torrent to re-populate the metadata.
@@ -393,6 +170,7 @@
 ## v0.6.1 - 2016-05-26

 ### Fixed
+
 - Disable WebRTC to work around Electron crash (Windows)
  - Will be re-enabled in the next version of WebTorrent, which will be based on
    the next version of Electron, where the bug is fixed.
@@ -404,6 +182,7 @@
 ## v0.6.0 - 2016-05-24

 ### Added
+
 - Added Preferences page to set Download folder
 - Save video position, resume playback from saved position
 - Add additional video player keyboard shortcuts (#275)
@@ -413,6 +192,7 @@
 - Add announcement feature

 ### Changed
+
 - Nicer player UI
 - Reduce startup jank, improve startup time (#568)
 - Cleanup unsupported codec detection (#569, #570)
@@ -420,6 +200,7 @@
 - Improve subtitle positioning (#551)

 ### Fixed
+
 - Fix Uncaught TypeError: Cannot read property 'update' of undefined (#567)
 - Fix bugs in LocationHistory
  - When player is active, and magnet link is pasted, go back to list
@@ -430,19 +211,23 @@
 ## v0.5.1 - 2016-05-18

 ### Fixed
+
 - Fix auto-updater (OS X, Windows).

 ## v0.5.0 - 2016-05-17

 ### Added
+
 - Select/deselect individual files to torrent.
 - Automatically include subtitle files (.srt, .vtt) from torrent in the subtitles menu.
 - "Add Subtitle File..." menu item.

 ### Changed
+
 - When manually adding subtitle track(s), always switch to the new track.

 ### Fixed
+
 - Magnet links throw exception on app launch. (OS X)
 - Multi-file torrents would not seed in-place, were copied to Downloads folder.
 - Missing 'About WebTorrent' menu item. (Windows)
@@ -451,6 +236,7 @@
 ## v0.4.0 - 2016-05-13

 ### Added
+
 - Better Windows support!
  - Windows 32-bit build.
  - Windows Portable App build.
@@ -473,6 +259,7 @@
 - New default torrent on first launch: The WIRED CD.

 ### Changed
+
 - Improve app startup time by 40%.
 - UI tweaks: Reduce font size, reduce torrent list item height.
 - Add Playback menu for playback-related functionality.
@@ -483,6 +270,7 @@
 - Remove "Add Fake Airplay/Chromecast" menu items.

 ### Fixed
+
 - Disable WebRTC to fix 100% CPU usage/crashes caused by Chromium issue. This is
  temporary. (OS X)
 - When fullscreen, make controls use the full window. (OS X)
@@ -507,20 +295,24 @@ to this release!
 ## v0.3.3 - 2016-04-07

 ### Fixed
+
 - App icon was incorrect (OS X)

 ## v0.3.2 - 2016-04-07

 ### Added
+
 - Register WebTorrent as default handler for magnet links (OS X)

 ### Changed
+
 - Faster startup time (50ms)
 - Update Electron to 0.37.5
  - Remove the white flash when loading pages and resizing the window
  - Fix crash when sending IPC messages

 ### Fixed
+
 - Fix installation bugs with .deb file (Linux)
 - Pause audio reliably when closing the window
 - Enforce minimimum window size when resizing player (for audio-only .mov files, which are 0x0)
@@ -528,14 +320,17 @@ to this release!
 ## v0.3.1 - 2016-04-06

 ### Added
+
 - Add crash reporter to torrent engine process

 ### Fixed
+
 - Fix cast screen background: cover, don't tile

 ## v0.3.0 - 2016-04-06

 ### Added
+
 - **Ubuntu/Debian support!** (.deb installer)
 - **DLNA streaming support**
 - Add "File > Quit" menu item (Linux)
@@ -543,12 +338,14 @@ to this release!
 - Crash reporting

 ### Changed
+
 - On startup, do not re-verify files when timestamps are unchanged
 - Moved torrent engine to an independent process, for better UI performance
 - Removed media queries (UI resizing based on window width)
 - Improved Chromecast icon, when connected

 ### Fixed
+
 - "Download Complete" notification shows consistently
 - Create new torrents and seed them without copying to temporary folder
 - Clicking the "Download Complete" notification will always activate app
@@ -567,6 +364,7 @@ Thanks to @dcposch, @grunjol, and @feross for contributing to this release.
 ## v0.2.0 - 2016-03-29

 ### Added
+
 - Minimise to tray (Windows, Linux)
 - Show spinner and download speed when player is stalled waiting for data
 - Highlight window on drag-and-drop
@@ -575,10 +373,12 @@ Thanks to @dcposch, @grunjol, and @feross for contributing to this release.
    Linux users need to download new versions manually.

 ### Changed
+
 - Renamed WebTorrent.app to WebTorrent Desktop
 - Add Cosmos Laundromat as a default torrent

 ### Fixed
+
 - Only capture media keys when player is active
 - Update WebTorrent to 0.88.1 for performance improvements
  - When seeding, do not proactively connect to new peers
@@ -638,7 +438,7 @@ Windows, and Linux. For now, we're only releasing binaries for OS X.

 WebTorrent Desktop is in ALPHA and under very active development – expect lots more polish in
 the coming weeks! If you know JavaScript and want to help us out, there's
-[lots to do](https://github.com/webtorrent/webtorrent-desktop/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+contribution%22)!
+[lots to do](https://github.com/feross/webtorrent-desktop/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+contribution%22)!

 ### Features

--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -0,0 +1,95 @@
+# Contributing Guidelines
+
+Contributions welcome!
+
+**Before spending lots of time on something, ask for feedback on your idea first!**
+
+Please search issues and pull requests before adding something new to avoid duplicating
+efforts and conversations.
+
+This project welcomes non-code contributions, too! The following types of contributions
+are welcome:
+
+- **Ideas**: participate in an issue thread or start your own to have your voice heard.
+- **Writing**: contribute your expertise in an area by helping expand the included docs.
+- **Copy editing**: fix typos, clarify language, and improve the quality of the docs.
+- **Formatting**: help keep docs easy to read with consistent formatting.
+
+## Code Style
+
+[![standard][standard-image]][standard-url]
+
+This repository uses [`standard`][standard-url] to maintain code style and consistency,
+and to avoid style arguments. `npm test` runs `standard` automatically, so you don't have
+to!
+
+[standard-image]: https://cdn.rawgit.com/feross/standard/master/badge.svg
+[standard-url]: https://github.com/feross/standard
+
+## Project Governance
+
+Individuals making significant and valuable contributions are given commit-access to the
+project to contribute as they see fit. This project is more like an open wiki than a
+standard guarded open source project.
+
+### Rules
+
+There are a few basic ground-rules for contributors:
+
+1. **No `--force` pushes** or modifying the Git history in any way.
+2. **Non-master branches** should be used for ongoing work.
+3. **Significant modifications** like API changes should be subject to a **pull request**
+   to solicit feedback from other contributors.
+4. **Pull requests** are *encouraged* for all contributions to solicit feedback, but left to
+   the discretion of the contributor.
+
+### Releases
+
+Declaring formal releases remains the prerogative of the project maintainer.
+
+### Changes to this arrangement
+
+This is an experiment and feedback is welcome! This document may also be subject to pull-
+requests or changes by contributors where you believe you have something valuable to add
+or change.
+
+## Developer's Certificate of Origin 1.1
+
+By making a contribution to this project, I certify that:
+
+- (a) The contribution was created in whole or in part by me and I have the right to
+  submit it under the open source license indicated in the file; or
+
+- (b) The contribution is based upon previous work that, to the best of my knowledge, is
+  covered under an appropriate open source license and I have the right under that license
+  to submit that work with modifications, whether created in whole or in part by me, under
+  the same open source license (unless I am permitted to submit under a different
+  license), as indicated in the file; or
+
+- (c) The contribution was provided directly to me by some other person who certified
+  (a), (b) or (c) and I have not modified it.
+
+- (d) I understand and agree that this project and the contribution are public and that a
+  record of the contribution (including all personal information I submit with it,
+  including my sign-off) is maintained indefinitely and may be redistributed consistent
+  with this project or the open source license(s) involved.
+
+## Smoke Tests
+
+Before a release, check that the following basic use cases work correctly:
+
+1. Click "Play" to stream a built-in torrent (e.g. Sintel)
+  - Ensure that seeking to undownloaded region works and plays immediately.
+  - Ensure that sintel.mp4 gets downloaded to `~/Downloads`.
+
+2. Check that the auto-updater works
+  - Open the console and check for the line "No update available" to indicate
+
+3. Add a new .torrent file via drag-and-drop.
+  - Ensure that it gets added to the list and starts downloading
+
+4. Remove a torrent from the client
+  - Ensure that the file is removed from `~/Downloads`
+
+5. Create and seed a new a torrent via drag-and-drop.
+  - Ensure that the torrent gets created and seeding begins.
--- a/README.md
+++ b/README.md
@@ -1,8 +1,6 @@
 <h1 align="center">
  <br>
-  <a href="https://webtorrent.io">
-    <img src="https://webtorrent.io/img/WebTorrent.png" alt="WebTorrent" width="200">
-  </a>
+  <a href="https://webtorrent.io"><img src="https://webtorrent.io/img/WebTorrent.png" alt="WebTorrent" width="200"></a>
  <br>
  WebTorrent Desktop
  <br>
@@ -12,34 +10,20 @@
 <h4 align="center">The streaming torrent app. For Mac, Windows, and Linux.</h4>

 <p align="center">
-  <a href="https://discord.gg/cnXkm4Z"><img src="https://img.shields.io/discord/612575111718895616" alt="discord"></a>
-  <a href="https://github.com/webtorrent/webtorrent-desktop/actions/workflows/ci.yml"><img src="https://github.com/webtorrent/webtorrent-desktop/actions/workflows/ci.yml/badge.svg" alt="GitHub CI action"></a>
-  <a href="https://github.com/webtorrent/webtorrent-desktop/releases"><img src="https://img.shields.io/github/release/webtorrent/webtorrent-desktop.svg" alt="github release version"></a>
-  <a href="https://github.com/webtorrent/webtorrent-desktop/releases"><img src="https://img.shields.io/github/downloads/webtorrent/webtorrent-desktop/total.svg" alt="github release downloads"></a>
-  <a href="https://standardjs.com"><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg" alt="Standard - JavaScript Style Guide"></a>
+  <a href="https://gitter.im/feross/webtorrent"><img src="https://img.shields.io/badge/gitter-join%20chat%20%E2%86%92-brightgreen.svg" alt="Gitter"></a>
+  <a href="https://travis-ci.org/feross/webtorrent-desktop"><img src="https://img.shields.io/travis/feross/webtorrent-desktop/master.svg" alt="Travis"></a>
+  <a href="https://github.com/feross/webtorrent-desktop/releases"><img src="https://img.shields.io/github/release/feross/webtorrent-desktop.svg" alt="Release"></a>
 </p>

 ## Install

-### Recommended Install
-
 Download the latest version of WebTorrent Desktop from
-[the official website](https://webtorrent.io/desktop/):
+[the official website](https://webtorrent.io/desktop/) or the
+[GitHub releases](https://github.com/feross/webtorrent-desktop/releases) page.

-### [✨ Download WebTorrent Desktop ✨](https://webtorrent.io/desktop/)
-
-### Advanced Install
-
- Download specific installer files from the [GitHub releases](https://github.com/webtorrent/webtorrent-desktop/releases) page.
-
- Use [Homebrew-Cask](https://github.com/caskroom/homebrew-cask) to install from the command line:
-
-  ```
-  $ brew install --cask webtorrent
-  ```
-
- Try the (unstable) development version by cloning the Git repository. See the
-  ["How to Contribute"](#how-to-contribute) instructions.
+**WebTorrent Desktop** is under very active development. You can try out the
+current (unstable) development version by cloning the Git repo. See the
+instructions below in the ["How to Contribute"](#how-to-contribute) section.

 ## Screenshots

@@ -53,7 +37,7 @@ Download the latest version of WebTorrent Desktop from
 ### Get the code

 ```
-$ git clone https://github.com/webtorrent/webtorrent-desktop.git
+$ git clone https://github.com/feross/webtorrent-desktop.git
 $ cd webtorrent-desktop
 $ npm install
 ```
@@ -72,38 +56,6 @@ Restart the app automatically every time code changes. Useful during development
 $ npm run watch
 ```

-### Run linters
-
-```
-$ npm test
-```
-
-### Run integration tests
-
-```
-$ npm run test-integration
-```
-
-The integration tests use Spectron and Tape. They click through the app, taking screenshots and
-comparing each one to a reference. Why screenshots?
-
-* Ad-hoc checking makes the tests a lot more work to write
-* Even diffing the whole HTML is not as thorough as screenshot diffing. For example, it wouldn't
-  catch an bug where hitting ESC from a video doesn't correctly restore window size.
-* Chrome's own integration tests use screenshot diffing iirc
-* Small UI changes will break a few tests, but the fix is as easy as deleting the offending
-  screenshots and running the tests, which will recreate them with the new look.
-* The resulting Github PR will then show, pixel by pixel, the exact UI changes that were made! See
-  https://github.com/blog/817-behold-image-view-modes
-
-For MacOS, you'll need a Retina screen for the integration tests to pass. Your screen should have
-the same resolution as a 2018 MacBook Pro 13".
-
-For Windows, you'll need Windows 10 with a 1366x768 screen.
-
-When running integration tests, keep the mouse on the edge of the screen and don't touch the mouse
-or keyboard while the tests are running.
-
 ### Package the app

 Builds app binaries for Mac, Linux, and Windows.
@@ -125,7 +77,6 @@ The following optional arguments are available:
 - `--sign` - Sign the application (Mac, Windows)
 - `--package=[type]` - Package single output type.
   - `deb` - Debian package
-   - `rpm` - RedHat package
   - `zip` - Linux zip file
   - `dmg` - Mac disk image
   - `exe` - Windows installer
@@ -133,7 +84,7 @@ The following optional arguments are available:
   - `all` - All platforms (default)

 Note: Even with the `--package` option, the auto-update files (.nupkg for Windows,
-darwin.zip for Mac) will always be produced.
+*-darwin.zip for Mac) will always be produced.

 #### Windows build notes

@@ -142,12 +93,11 @@ The Windows app can be packaged from **any** platform.
 Note: Windows code signing only works from **Windows**, for now.

 Note: To package the Windows app from non-Windows platforms,
-[Wine](https://www.winehq.org/) and [Mono](https://www.mono-project.com/) need
-to be installed. For example on Mac, first install
-[XQuartz](http://www.xquartz.org/), then run:
+[Wine](https://www.winehq.org/) needs to be installed. For example on Mac, first
+install [XQuartz](http://www.xquartz.org/), then run:

 ```
-$ brew install wine mono
+brew install wine
 ```

 (Requires the [Homebrew](http://brew.sh/) package manager.)
@@ -160,22 +110,6 @@ The Mac app can only be packaged from **macOS**.

 The Linux app can be packaged from **any** platform.

-If packaging from Mac, install system dependencies with Homebrew by running:
-
-```
-npm run install-system-deps
-```
-#### Recommended readings to start working in the app
-
-Electron (Framework to make native apps for Windows, OSX and Linux in Javascript):
-https://electronjs.org/docs/tutorial/quick-start
-
-React.js (Framework to work with Frontend UI):
-https://reactjs.org/docs/getting-started.html
-
-Material UI (React components that implement Google's Material Design.):
-https://material-ui.com/getting-started/installation
-
 ### Privacy

 WebTorrent Desktop collects some basic usage stats to help us make the app better.
@@ -185,6 +119,10 @@ Time out? Show a missing codec error?
 The app never sends any personally identifying information, nor does it track which
 torrents you add.

+### Code Style
+
+[![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)
+
 ## License

 MIT. Copyright (c) [WebTorrent, LLC](https://webtorrent.io).
--- a/RELEASE_PROCESS.md
+++ b/RELEASE_PROCESS.md
@@ -1,109 +0,0 @@
-## Release Process
-
-### 1. Create a new version
-
- Update `AUTHORS`
-
-  ```
-  npm run update-authors
-  ```
-
-  Commit if necessary. The commit message should be "authors".
-
- Write the changelog
-
-  You can use `git log --oneline <last version tag>..HEAD` to get a list of changes.
-
-  Summarize them concisely in `CHANGELOG.md`. The commit  message should be "changelog".
-
- Update the version
-
-  ```
-  npm version [major|minor|patch]
-  ```
-
-  This creates both a commit and a git tag.
-
- Make a PR
-
-  Once the PR is reviewed, merge it:
-
-  ```
-  git push origin <branch-name>:master
-  ```
-
-  This makes it so that the commit hash on master matches the commit hash of the version tag.
-
-  Finally, run:
-
-  ```
-  git push --tags
-  ```
-
-### 2. Create the release binaries
-
- On a Mac:
-
-  ```
-  npm run package -- darwin --sign
-  ```
-
-  Move the `.zip` and `.dmg` file somewhere because the next step wipes the `dist/` folder away.
-
-  ```
-  npm run package -- linux --sign
-  ```
-
- On Windows, or in a Windows VM:
-
-  ```
-  npm run package -- win32 --sign
-  ```
-
- Then, upload the release binaries to Github:
-
-  ```
-  npm run gh-release
-  ```
-
-  Follow the URL to a newly created Github release page. Manually upload the binaries from
-  `webtorrent-desktop/dist/`. Open the previous release in another tab, and make sure that you
-  are uploading the same set of files, no more, no less.
-
-### 3. Test it
-
-**This is the most important part.**
-
- Manually download the binaries for each platform from Github.
-
-  **Do not use your locally built binaries.** Modern OSs treat executables differently if they've
-  been downloaded, even though the files are byte for byte identical. This ensures that the
-  codesigning worked and is valid.
-
- Smoke test WebTorrent Desktop on each platform. Before a release, check that the following basic use cases work correctly:
-
-  1. Click "Play" to stream a built-in torrent (e.g. Sintel)
-    - Ensure that seeking to undownloaded region works and plays immediately.
-    - Ensure that sintel.mp4 gets downloaded to `~/Downloads`.
-
-  2. Check that the auto-updater works
-    - Open the console and check for the line "No update available" to indicate that the auto-updater is working. (If the auto updater does not run, users will successfully auto update to this new version, and then be stuck there forever.)
-
-  3. Add a new .torrent file via drag-and-drop.
-    - Ensure that it gets added to the list and starts downloading.
-
-  4. Remove a torrent from the client
-    - Ensure that the file is removed from `~/Downloads`
-
-  5. Create and seed a new a torrent via drag-and-drop.
-    - Ensure that the torrent gets created and seeding begins.
-
-### 4. Ship it
-
- Update the website
-
-  Create a pull request in [webtorrent.io](https://github.com/webtorrent/webtorrent.io). Update
-  `config.js`, updating the desktop app version.
-
-  Once this PR is merged and Feross redeploys the WebTorrent website,
-  hundreds of thousands of users around the world will start auto updating. **Merge with care.**
--- a/bin/check-deps.js
+++ b/bin/check-deps.js
@@ -0,0 +1,108 @@
+#!/usr/bin/env node
+
+var fs = require('fs')
+var cp = require('child_process')
+
+// We can't use `builtin-modules` here since our TravisCI
+// setup expects this file to run with no dependencies
+var BUILT_IN_NODE_MODULES = [
+  'assert',
+  'buffer',
+  'child_process',
+  'cluster',
+  'console',
+  'constants',
+  'crypto',
+  'dgram',
+  'dns',
+  'domain',
+  'events',
+  'fs',
+  'http',
+  'https',
+  'module',
+  'net',
+  'os',
+  'path',
+  'process',
+  'punycode',
+  'querystring',
+  'readline',
+  'repl',
+  'stream',
+  'string_decoder',
+  'timers',
+  'tls',
+  'tty',
+  'url',
+  'util',
+  'v8',
+  'vm',
+  'zlib'
+]
+
+var BUILT_IN_ELECTRON_MODULES = [ 'electron' ]
+
+var BUILT_IN_DEPS = [].concat(BUILT_IN_NODE_MODULES, BUILT_IN_ELECTRON_MODULES)
+
+var EXECUTABLE_DEPS = [
+  'babel-cli',
+  'babel-plugin-syntax-jsx',
+  'babel-plugin-transform-es2015-destructuring',
+  'babel-plugin-transform-object-rest-spread',
+  'babel-plugin-transform-react-jsx',
+  'gh-release',
+  'nodemon',
+  'standard'
+]
+
+main()
+
+// Scans codebase for missing or unused dependencies. Exits with code 0 on success.
+function main () {
+  if (process.platform === 'win32') {
+    console.error('Sorry, check-deps only works on Mac and Linux')
+    return
+  }
+
+  var usedDeps = findUsedDeps()
+  var packageDeps = findPackageDeps()
+
+  var missingDeps = usedDeps.filter(
+    (dep) => !includes(packageDeps, dep) && !includes(BUILT_IN_DEPS, dep)
+  )
+  var unusedDeps = packageDeps.filter(
+    (dep) => !includes(usedDeps, dep) && !includes(EXECUTABLE_DEPS, dep)
+  )
+
+  if (missingDeps.length > 0) {
+    console.error('Missing package dependencies: ' + missingDeps)
+  }
+  if (unusedDeps.length > 0) {
+    console.error('Unused package dependencies: ' + unusedDeps)
+  }
+  if (missingDeps.length + unusedDeps.length > 0) {
+    process.exitCode = 1
+  }
+}
+
+// Finds all dependencies specified in `package.json`
+function findPackageDeps () {
+  var pkg = JSON.parse(fs.readFileSync('package.json', 'utf8'))
+
+  var deps = Object.keys(pkg.dependencies)
+  var devDeps = Object.keys(pkg.devDependencies)
+  var optionalDeps = Object.keys(pkg.optionalDependencies)
+
+  return [].concat(deps, devDeps, optionalDeps)
+}
+
+// Finds all dependencies that used with `require()`
+function findUsedDeps () {
+  var stdout = cp.execSync('./bin/list-deps.sh')
+  return stdout.toString().trim().split('\n')
+}
+
+function includes (arr, elem) {
+  return arr.indexOf(elem) >= 0
+}
--- a/bin/clean.js
+++ b/bin/clean.js
@@ -5,13 +5,13 @@
 * Useful for developers.
 */

-const fs = require('fs')
-const os = require('os')
-const path = require('path')
-const rimraf = require('rimraf')
+var fs = require('fs')
+var os = require('os')
+var path = require('path')
+var rimraf = require('rimraf')

-const config = require('../src/config')
-const handlers = require('../src/main/handlers')
+var config = require('../src/config')
+var handlers = require('../src/main/handlers')

 // First, remove generated files
 rimraf.sync('build/')
@@ -21,11 +21,11 @@ rimraf.sync('dist/')
 rimraf.sync(config.CONFIG_PATH)

 // Remove any temporary files
-let tmpPath
+var tmpPath
 try {
  tmpPath = path.join(fs.statSync('/tmp') && '/tmp', 'webtorrent')
 } catch (err) {
-  tmpPath = path.join(os.tmpdir(), 'webtorrent')
+  tmpPath = path.join(os.tmpDir(), 'webtorrent')
 }
 rimraf.sync(tmpPath)

--- a/bin/cmd.js
+++ b/bin/cmd.js
@@ -0,0 +1,10 @@
+#!/usr/bin/env node
+
+var electron = require('electron')
+var cp = require('child_process')
+var path = require('path')
+
+var child = cp.spawn(electron, [path.join(__dirname, '..')], {stdio: 'inherit'})
+child.on('close', function (code) {
+  process.exitCode = code
+})
--- a/bin/darwin-entitlements.plist
+++ b/bin/darwin-entitlements.plist
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict>
-    <key>com.apple.security.cs.allow-jit</key>
-    <true/>
-    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
-    <true/>
-    <key>com.apple.security.cs.debugger</key>
-    <true/>
-  </dict>
-</plist>
--- a/bin/list-deps.sh
+++ b/bin/list-deps.sh
@@ -0,0 +1,10 @@
+#!/bin/sh
+# This is a truly heinous hack, but it works pretty nicely.
+# Find all modules we're requiring---even conditional requires.
+
+grep "require('" src/ bin/ -R |
+    grep '.js:' |
+    sed "s/.*require('\([^'\/]*\).*/\1/" |
+    grep -v '^\.' |
+    sort |
+    uniq
--- a/bin/open-config.js
+++ b/bin/open-config.js
@@ -1,6 +1,6 @@
 #!/usr/bin/env node

-const { CONFIG_PATH } = require('../src/config')
-const open = require('open')
+var config = require('../src/config')
+var open = require('open')

-open(CONFIG_PATH)
+open(config.CONFIG_PATH)
--- a/bin/package.js
+++ b/bin/package.js
@@ -1,28 +1,28 @@
 #!/usr/bin/env node

 /**
- * Builds app binaries for Mac, Windows, and Linux.
+ * Builds app binaries for Mac, Linux, and Windows.
 */

-const cp = require('child_process')
-const electronPackager = require('electron-packager')
-const fs = require('fs')
-const minimist = require('minimist')
-const os = require('os')
-const path = require('path')
-const rimraf = require('rimraf')
-const series = require('run-series')
-const zip = require('cross-zip')
+var cp = require('child_process')
+var electronPackager = require('electron-packager')
+var fs = require('fs')
+var minimist = require('minimist')
+var mkdirp = require('mkdirp')
+var os = require('os')
+var path = require('path')
+var rimraf = require('rimraf')
+var series = require('run-series')
+var zip = require('cross-zip')

-const config = require('../src/config')
-const pkg = require('../package.json')
+var config = require('../src/config')
+var pkg = require('../package.json')

-const BUILD_NAME = config.APP_NAME + '-v' + config.APP_VERSION
-const BUILD_PATH = path.join(config.ROOT_PATH, 'build')
-const DIST_PATH = path.join(config.ROOT_PATH, 'dist')
-const NODE_MODULES_PATH = path.join(config.ROOT_PATH, 'node_modules')
+var BUILD_NAME = config.APP_NAME + '-v' + config.APP_VERSION
+var BUILD_PATH = path.join(config.ROOT_PATH, 'build')
+var DIST_PATH = path.join(config.ROOT_PATH, 'dist')

-const argv = minimist(process.argv.slice(2), {
+var argv = minimist(process.argv.slice(2), {
  boolean: [
    'sign'
  ],
@@ -36,19 +36,14 @@ const argv = minimist(process.argv.slice(2), {
 })

 function build () {
-  console.log('Installing node_modules...')
-  rimraf.sync(NODE_MODULES_PATH)
-  cp.execSync('npm ci', { stdio: 'inherit' })
-
-  console.log('Nuking dist/ and build/...')
  rimraf.sync(DIST_PATH)
  rimraf.sync(BUILD_PATH)

-  console.log('Build: Transpiling to ES5...')
+  console.log('Babel: Building JSX...')
  cp.execSync('npm run build', { NODE_ENV: 'production', stdio: 'inherit' })
-  console.log('Build: Transpiled to ES5.')
+  console.log('Babel: Built JSX.')

-  const platform = argv._[0]
+  var platform = argv._[0]
  if (platform === 'darwin') {
    buildDarwin(printDone)
  } else if (platform === 'win32') {
@@ -66,35 +61,35 @@ function build () {
  }
 }

-const all = {
+var all = {
  // The human-readable copyright line for the app. Maps to the `LegalCopyright` metadata
  // property on Windows, and `NSHumanReadableCopyright` on Mac.
-  appCopyright: config.APP_COPYRIGHT,
+  'app-copyright': config.APP_COPYRIGHT,

  // The release version of the application. Maps to the `ProductVersion` metadata
  // property on Windows, and `CFBundleShortVersionString` on Mac.
-  appVersion: pkg.version,
+  'app-version': pkg.version,

  // Package the application's source code into an archive, using Electron's archive
  // format. Mitigates issues around long path names on Windows and slightly speeds up
  // require().
-  asar: {
-    // A glob expression, that unpacks the files with matching names to the
-    // "app.asar.unpacked" directory.
-    unpack: 'WebTorrent*'
-  },
+  asar: true,
+
+  // A glob expression, that unpacks the files with matching names to the
+  // "app.asar.unpacked" directory.
+  'asar-unpack': 'WebTorrent*',

  // The build version of the application. Maps to the FileVersion metadata property on
  // Windows, and CFBundleVersion on Mac. Note: Windows requires the build version to
  // start with a number. We're using the version of the underlying WebTorrent library.
-  buildVersion: require('webtorrent/package.json').version,
+  'build-version': require('webtorrent/package.json').version,

  // The application source directory.
  dir: config.ROOT_PATH,

  // Pattern which specifies which files to ignore when copying files to create the
  // package(s).
-  ignore: /^\/src|^\/dist|\/(appveyor.yml|\.appveyor.yml|\.github|appdmg|AUTHORS|CONTRIBUTORS|bench|benchmark|benchmark\.js|bin|bower\.json|component\.json|coverage|doc|docs|docs\.mli|dragdrop\.min\.js|example|examples|example\.html|example\.js|externs|ipaddr\.min\.js|Makefile|min|minimist|perf|rusha|simplepeer\.min\.js|simplewebsocket\.min\.js|static\/screenshot\.png|test|tests|test\.js|tests\.js|webtorrent\.min\.js|\.[^/]*|.*\.md|.*\.markdown)$/,
+  ignore: /^\/src|^\/dist|\/(appveyor.yml|\.appveyor.yml|\.github|appdmg|AUTHORS|CONTRIBUTORS|bench|benchmark|benchmark\.js|bin|bower\.json|component\.json|coverage|doc|docs|docs\.mli|dragdrop\.min\.js|example|examples|example\.html|example\.js|externs|ipaddr\.min\.js|Makefile|min|minimist|perf|rusha|simplepeer\.min\.js|simplewebsocket\.min\.js|static\/screenshot\.png|test|tests|test\.js|tests\.js|webtorrent\.min\.js|\.[^\/]*|.*\.md|.*\.markdown)$/,

  // The application name.
  name: config.APP_NAME,
@@ -109,40 +104,40 @@ const all = {
  // "devDependencies" before starting to package the app.
  prune: true,

-  // The Electron version that the app is built with (without the leading 'v')
-  electronVersion: require('electron/package.json').version
+  // The Electron version with which the app is built (without the leading 'v')
+  version: require('electron/package.json').version
 }

-const darwin = {
+var darwin = {
  // Build for Mac
  platform: 'darwin',

-  // Build x64 binary only.
+  // Build 64 bit binaries only.
  arch: 'x64',

  // The bundle identifier to use in the application's plist (Mac only).
-  appBundleId: 'io.webtorrent.webtorrent',
+  'app-bundle-id': 'io.webtorrent.webtorrent',

  // The application category type, as shown in the Finder via "View" -> "Arrange by
  // Application Category" when viewing the Applications directory (Mac only).
-  appCategoryType: 'public.app-category.utilities',
+  'app-category-type': 'public.app-category.utilities',

  // The bundle identifier to use in the application helper's plist (Mac only).
-  helperBundleId: 'io.webtorrent.webtorrent-helper',
+  'helper-bundle-id': 'io.webtorrent.webtorrent-helper',

  // Application icon.
  icon: config.APP_ICON + '.icns'
 }

-const win32 = {
+var win32 = {
  // Build for Windows.
  platform: 'win32',

-  // Build x64 binary only.
-  arch: 'x64',
+  // Build 32 bit binaries only.
+  arch: 'ia32',

  // Object hash of application metadata to embed into the executable (Windows only)
-  win32metadata: {
+  'version-string': {

    // Company that produced the file.
    CompanyName: config.APP_NAME,
@@ -168,12 +163,12 @@ const win32 = {
  icon: config.APP_ICON + '.ico'
 }

-const linux = {
+var linux = {
  // Build for Linux.
  platform: 'linux',

-  // Build x64, armv7l, and arm64 binaries.
-  arch: ['x64', 'armv7l', 'arm64']
+  // Build 32 and 64 bit binaries.
+  arch: 'all'

  // Note: Application icon for Linux is specified via the BrowserWindow `icon` option.
 }
@@ -181,30 +176,31 @@ const linux = {
 build()

 function buildDarwin (cb) {
-  const plist = require('plist')
+  var plist = require('plist')

  console.log('Mac: Packaging electron...')
-  electronPackager(Object.assign({}, all, darwin)).then(function (buildPath) {
+  electronPackager(Object.assign({}, all, darwin), function (err, buildPath) {
+    if (err) return cb(err)
    console.log('Mac: Packaged electron. ' + buildPath)

-    const appPath = path.join(buildPath[0], config.APP_NAME + '.app')
-    const contentsPath = path.join(appPath, 'Contents')
-    const resourcesPath = path.join(contentsPath, 'Resources')
-    const infoPlistPath = path.join(contentsPath, 'Info.plist')
-    const infoPlist = plist.parse(fs.readFileSync(infoPlistPath, 'utf8'))
+    var appPath = path.join(buildPath[0], config.APP_NAME + '.app')
+    var contentsPath = path.join(appPath, 'Contents')
+    var resourcesPath = path.join(contentsPath, 'Resources')
+    var infoPlistPath = path.join(contentsPath, 'Info.plist')
+    var infoPlist = plist.parse(fs.readFileSync(infoPlistPath, 'utf8'))

    infoPlist.CFBundleDocumentTypes = [
      {
-        CFBundleTypeExtensions: ['torrent'],
+        CFBundleTypeExtensions: [ 'torrent' ],
        CFBundleTypeIconFile: path.basename(config.APP_FILE_ICON) + '.icns',
        CFBundleTypeName: 'BitTorrent Document',
        CFBundleTypeRole: 'Editor',
        LSHandlerRank: 'Owner',
-        LSItemContentTypes: ['org.bittorrent.torrent']
+        LSItemContentTypes: [ 'org.bittorrent.torrent' ]
      },
      {
        CFBundleTypeName: 'Any',
-        CFBundleTypeOSTypes: ['****'],
+        CFBundleTypeOSTypes: [ '****' ],
        CFBundleTypeRole: 'Editor',
        LSHandlerRank: 'Owner',
        LSTypeIsPackage: false
@@ -216,13 +212,13 @@ function buildDarwin (cb) {
        CFBundleTypeRole: 'Editor',
        CFBundleURLIconFile: path.basename(config.APP_FILE_ICON) + '.icns',
        CFBundleURLName: 'BitTorrent Magnet URL',
-        CFBundleURLSchemes: ['magnet']
+        CFBundleURLSchemes: [ 'magnet' ]
      },
      {
        CFBundleTypeRole: 'Editor',
        CFBundleURLIconFile: path.basename(config.APP_FILE_ICON) + '.icns',
        CFBundleURLName: 'BitTorrent Stream-Magnet URL',
-        CFBundleURLSchemes: ['stream-magnet']
+        CFBundleURLSchemes: [ 'stream-magnet' ]
      }
    ]

@@ -239,7 +235,7 @@ function buildDarwin (cb) {
        UTTypeReferenceURL: 'http://www.bittorrent.org/beps/bep_0000.html',
        UTTypeTagSpecification: {
          'com.apple.ostype': 'TORR',
-          'public.filename-extension': ['torrent'],
+          'public.filename-extension': [ 'torrent' ],
          'public.mime-type': 'application/x-bittorrent'
        }
      }
@@ -265,8 +261,7 @@ function buildDarwin (cb) {
    }

    function signApp (cb) {
-      const sign = require('electron-osx-sign')
-      const { notarize } = require('electron-notarize')
+      var sign = require('electron-osx-sign')

      /*
       * Sign the app with Apple Developer ID certificates. We sign the app for 2 reasons:
@@ -281,38 +276,17 @@ function buildDarwin (cb) {
       *   - Xcode Command Line Tools (xcode-select --install)
       *   - Membership in the Apple Developer Program
       */
-      const signOpts = {
-        verbose: true,
+      var signOpts = {
        app: appPath,
        platform: 'darwin',
-        identity: 'Developer ID Application: WebTorrent, LLC (5MAMC8G3L8)',
-        hardenedRuntime: true,
-        entitlements: path.join(config.ROOT_PATH, 'bin', 'darwin-entitlements.plist'),
-        'entitlements-inherit': path.join(config.ROOT_PATH, 'bin', 'darwin-entitlements.plist'),
-        'signature-flags': 'library'
-      }
-
-      const notarizeOpts = {
-        appBundleId: darwin.appBundleId,
-        appPath,
-        appleId: 'feross@feross.org',
-        appleIdPassword: '@keychain:AC_PASSWORD'
+        verbose: true
      }

      console.log('Mac: Signing app...')
      sign(signOpts, function (err) {
        if (err) return cb(err)
        console.log('Mac: Signed app.')
-
-        console.log('Mac: Notarizing app...')
-        notarize(notarizeOpts).then(
-          function () {
-            console.log('Mac: Notarized app.')
-            cb(null)
-          },
-          function (err) {
-            cb(err)
-          })
+        cb(null)
      })
    }

@@ -328,8 +302,8 @@ function buildDarwin (cb) {
      // Create .zip file (used by the auto-updater)
      console.log('Mac: Creating zip...')

-      const inPath = path.join(buildPath[0], config.APP_NAME + '.app')
-      const outPath = path.join(DIST_PATH, BUILD_NAME + '-darwin.zip')
+      var inPath = path.join(buildPath[0], config.APP_NAME + '.app')
+      var outPath = path.join(DIST_PATH, BUILD_NAME + '-darwin.zip')
      zip.zipSync(inPath, outPath)

      console.log('Mac: Created zip.')
@@ -338,13 +312,13 @@ function buildDarwin (cb) {
    function packageDmg (cb) {
      console.log('Mac: Creating dmg...')

-      const appDmg = require('appdmg')
+      var appDmg = require('appdmg')

-      const targetPath = path.join(DIST_PATH, BUILD_NAME + '.dmg')
+      var targetPath = path.join(DIST_PATH, BUILD_NAME + '.dmg')
      rimraf.sync(targetPath)

      // Create a .dmg (Mac disk image) file, for easy user installation.
-      const dmgOpts = {
+      var dmgOpts = {
        basepath: config.ROOT_PATH,
        target: targetPath,
        specification: {
@@ -365,7 +339,7 @@ function buildDarwin (cb) {
        }
      }

-      const dmg = appDmg(dmgOpts)
+      var dmg = appDmg(dmgOpts)
      dmg.once('error', cb)
      dmg.on('progress', function (info) {
        if (info.type === 'step-begin') console.log(info.title + '...')
@@ -375,13 +349,11 @@ function buildDarwin (cb) {
        cb(null)
      })
    }
-  }).catch(function (err) {
-    cb(err)
  })
 }

 function buildWin32 (cb) {
-  const installer = require('electron-winstaller')
+  var installer = require('electron-winstaller')
  console.log('Windows: Packaging electron...')

  /*
@@ -389,7 +361,7 @@ function buildWin32 (cb) {
   *   - Windows Authenticode private key and cert (authenticode.p12)
   *   - Windows Authenticode password file (authenticode.txt)
   */
-  let CERT_PATH
+  var CERT_PATH
  try {
    fs.accessSync('D:')
    CERT_PATH = 'D:'
@@ -397,15 +369,16 @@ function buildWin32 (cb) {
    CERT_PATH = path.join(os.homedir(), 'Desktop')
  }

-  electronPackager(Object.assign({}, all, win32)).then(function (buildPath) {
+  electronPackager(Object.assign({}, all, win32), function (err, buildPath) {
+    if (err) return cb(err)
    console.log('Windows: Packaged electron. ' + buildPath)

-    let signWithParams
+    var signWithParams
    if (process.platform === 'win32') {
      if (argv.sign) {
-        const certificateFile = path.join(CERT_PATH, 'authenticode.p12')
-        const certificatePassword = fs.readFileSync(path.join(CERT_PATH, 'authenticode.txt'), 'utf8')
-        const timestampServer = 'http://timestamp.comodoca.com'
+        var certificateFile = path.join(CERT_PATH, 'authenticode.p12')
+        var certificatePassword = fs.readFileSync(path.join(CERT_PATH, 'authenticode.txt'), 'utf8')
+        var timestampServer = 'http://timestamp.comodoca.com'
        signWithParams = `/a /f "${certificateFile}" /p "${certificatePassword}" /tr "${timestampServer}" /td sha256`
      } else {
        printWarning()
@@ -414,22 +387,20 @@ function buildWin32 (cb) {
      printWarning()
    }

-    const tasks = []
-    buildPath.forEach(function (filesPath) {
-      if (argv.package === 'exe' || argv.package === 'all') {
-        tasks.push((cb) => packageInstaller(filesPath, cb))
-      }
-      if (argv.package === 'portable' || argv.package === 'all') {
-        tasks.push((cb) => packagePortable(filesPath, cb))
-      }
-    })
+    var tasks = []
+    if (argv.package === 'exe' || argv.package === 'all') {
+      tasks.push((cb) => packageInstaller(cb))
+    }
+    if (argv.package === 'portable' || argv.package === 'all') {
+      tasks.push((cb) => packagePortable(cb))
+    }
    series(tasks, cb)

-    function packageInstaller (filesPath, cb) {
+    function packageInstaller (cb) {
      console.log('Windows: Creating installer...')

      installer.createWindowsInstaller({
-        appDirectory: filesPath,
+        appDirectory: buildPath[0],
        authors: config.APP_TEAM,
        description: config.APP_NAME,
        exe: config.APP_NAME + '.exe',
@@ -439,174 +410,98 @@ function buildWin32 (cb) {
        noMsi: true,
        outputDirectory: DIST_PATH,
        productName: config.APP_NAME,
-        // TODO: Re-enable Windows 64-bit delta updates when we confirm that they
-        //       work correctly in the presence of the "ia32" .nupkg files. I
-        //       (feross) noticed them listed in the 64-bit RELEASES file and
-        //       manually edited them out for the v0.17 release. Shipping only
-        //       full updates for now will work fine, with no ill-effects.
-        // remoteReleases: config.GITHUB_URL,
-        /**
-         * If you hit a "GitHub API rate limit exceeded" error, set this token!
-         */
-        // remoteToken: process.env.WEBTORRENT_GITHUB_API_TOKEN,
+        remoteReleases: config.GITHUB_URL,
        setupExe: config.APP_NAME + 'Setup-v' + config.APP_VERSION + '.exe',
        setupIcon: config.APP_ICON + '.ico',
-        signWithParams,
+        signWithParams: signWithParams,
        title: config.APP_NAME,
        usePackageJson: false,
        version: pkg.version
      })
-        .then(function () {
-          console.log('Windows: Created installer.')
-
-          /**
-         * Delete extraneous Squirrel files (i.e. *.nupkg delta files for older
-         * versions of the app)
-         */
-          fs.readdirSync(DIST_PATH)
-            .filter((name) => name.endsWith('.nupkg') && !name.includes(pkg.version))
-            .forEach((filename) => {
-              fs.unlinkSync(path.join(DIST_PATH, filename))
-            })
-
-          cb(null)
-        })
-        .catch(cb)
+      .then(function () {
+        console.log('Windows: Created installer.')
+        cb(null)
+      })
+      .catch(cb)
    }

-    function packagePortable (filesPath, cb) {
+    function packagePortable (cb) {
      console.log('Windows: Creating portable app...')

-      const portablePath = path.join(filesPath, 'Portable Settings')
-      fs.mkdirSync(portablePath, { recursive: true })
+      var portablePath = path.join(buildPath[0], 'Portable Settings')
+      mkdirp.sync(portablePath)

-      const downloadsPath = path.join(portablePath, 'Downloads')
-      fs.mkdirSync(downloadsPath, { recursive: true })
-
-      const tempPath = path.join(portablePath, 'Temp')
-      fs.mkdirSync(tempPath, { recursive: true })
-
-      const inPath = path.join(DIST_PATH, path.basename(filesPath))
-      const outPath = path.join(DIST_PATH, BUILD_NAME + '-win.zip')
+      var inPath = path.join(DIST_PATH, path.basename(buildPath[0]))
+      var outPath = path.join(DIST_PATH, BUILD_NAME + '-win.zip')
      zip.zipSync(inPath, outPath)

      console.log('Windows: Created portable app.')
      cb(null)
    }
-  }).catch(function (err) {
-    cb(err)
  })
 }

 function buildLinux (cb) {
  console.log('Linux: Packaging electron...')
-
-  electronPackager(Object.assign({}, all, linux)).then(function (buildPath) {
+  electronPackager(Object.assign({}, all, linux), function (err, buildPath) {
+    if (err) return cb(err)
    console.log('Linux: Packaged electron. ' + buildPath)

-    const tasks = []
+    var tasks = []
    buildPath.forEach(function (filesPath) {
-      const destArch = filesPath.split('-').pop()
+      var destArch = filesPath.split('-').pop()

      if (argv.package === 'deb' || argv.package === 'all') {
        tasks.push((cb) => packageDeb(filesPath, destArch, cb))
      }
-      if (argv.package === 'rpm' || argv.package === 'all') {
-        tasks.push((cb) => packageRpm(filesPath, destArch, cb))
-      }
      if (argv.package === 'zip' || argv.package === 'all') {
        tasks.push((cb) => packageZip(filesPath, destArch, cb))
      }
    })
    series(tasks, cb)
-  }).catch(function (err) {
-    cb(err)
  })

  function packageDeb (filesPath, destArch, cb) {
-    // Linux convention for Debian based 'x64' is 'amd64'
-    if (destArch === 'x64') {
-      destArch = 'amd64'
-    }
-
    // Create .deb file for Debian-based platforms
    console.log(`Linux: Creating ${destArch} deb...`)

-    const installer = require('electron-installer-debian')
+    var deb = require('nobin-debian-installer')()
+    var destPath = path.join('/opt', pkg.name)

-    const options = {
-      src: filesPath + '/',
-      dest: DIST_PATH,
-      arch: destArch,
-      bin: 'WebTorrent',
-      icon: {
-        '48x48': path.join(config.STATIC_PATH, 'linux/share/icons/hicolor/48x48/apps/webtorrent-desktop.png'),
-        '256x256': path.join(config.STATIC_PATH, 'linux/share/icons/hicolor/256x256/apps/webtorrent-desktop.png')
-      },
-      categories: ['Network', 'FileTransfer', 'P2P'],
-      mimeType: ['application/x-bittorrent', 'x-scheme-handler/magnet', 'x-scheme-handler/stream-magnet'],
-      desktopTemplate: path.join(config.STATIC_PATH, 'linux/webtorrent-desktop.ejs'),
-      lintianOverrides: [
-        'unstripped-binary-or-object',
-        'embedded-library',
-        'missing-dependency-on-libc',
-        'changelog-file-missing-in-native-package',
-        'description-synopsis-is-duplicated',
-        'setuid-binary',
-        'binary-without-manpage',
-        'shlib-with-executable-bit'
-      ]
-    }
-
-    installer(options).then(
-      () => {
-        console.log(`Linux: Created ${destArch} deb.`)
-        cb(null)
-      },
-      (err) => cb(err)
-    )
-  }
-
-  function packageRpm (filesPath, destArch, cb) {
-    // Linux convention for RedHat based 'x64' is 'x86_64'
-    if (destArch === 'x64') {
-      destArch = 'x86_64'
-    }
-
-    // Create .rpm file for RedHat-based platforms
-    console.log(`Linux: Creating ${destArch} rpm...`)
-
-    const installer = require('electron-installer-redhat')
-
-    const options = {
-      src: filesPath + '/',
-      dest: DIST_PATH,
-      arch: destArch,
-      bin: 'WebTorrent',
-      icon: {
-        '48x48': path.join(config.STATIC_PATH, 'linux/share/icons/hicolor/48x48/apps/webtorrent-desktop.png'),
-        '256x256': path.join(config.STATIC_PATH, 'linux/share/icons/hicolor/256x256/apps/webtorrent-desktop.png')
-      },
-      categories: ['Network', 'FileTransfer', 'P2P'],
-      mimeType: ['application/x-bittorrent', 'x-scheme-handler/magnet', 'x-scheme-handler/stream-magnet'],
-      desktopTemplate: path.join(config.STATIC_PATH, 'linux/webtorrent-desktop.ejs')
-    }
-
-    installer(options).then(
-      () => {
-        console.log(`Linux: Created ${destArch} rpm.`)
-        cb(null)
-      },
-      (err) => cb(err)
-    )
+    deb.pack({
+      package: pkg,
+      info: {
+        arch: destArch === 'x64' ? 'amd64' : 'i386',
+        targetDir: DIST_PATH,
+        depends: 'gconf2, libgtk2.0-0, libnss3, libxss1',
+        scripts: {
+          postinst: path.join(config.STATIC_PATH, 'linux', 'postinst'),
+          prerm: path.join(config.STATIC_PATH, 'linux', 'prerm')
+        }
+      }
+    }, [{
+      src: ['./**'],
+      dest: destPath,
+      expand: true,
+      cwd: filesPath
+    }, {
+      src: ['./**'],
+      dest: path.join('/usr', 'share'),
+      expand: true,
+      cwd: path.join(config.STATIC_PATH, 'linux', 'share')
+    }], function (err) {
+      if (err) return cb(err)
+      console.log(`Linux: Created ${destArch} deb.`)
+      cb(null)
+    })
  }

  function packageZip (filesPath, destArch, cb) {
    // Create .zip file for Linux
    console.log(`Linux: Creating ${destArch} zip...`)

-    const inPath = path.join(DIST_PATH, path.basename(filesPath))
-    const outPath = path.join(DIST_PATH, `${BUILD_NAME}-linux-${destArch}.zip`)
+    var inPath = path.join(DIST_PATH, path.basename(filesPath))
+    var outPath = path.join(DIST_PATH, BUILD_NAME + '-linux-' + destArch + '.zip')
    zip.zipSync(inPath, outPath)

    console.log(`Linux: Created ${destArch} zip.`)
--- a/bin/release-_post.sh
+++ b/bin/release-_post.sh
@@ -0,0 +1,10 @@
+#!/bin/sh
+set -e
+
+npm run update-authors
+git diff --exit-code
+npm run package -- --sign
+git push
+git push --tags
+npm publish
+./node_modules/.bin/gh-release
--- a/bin/release-_pre.sh
+++ b/bin/release-_pre.sh
@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+git pull
+rm -rf node_modules/
+npm install
+npm dedupe
+npm test
--- a/bin/release-major.sh
+++ b/bin/release-major.sh
@@ -0,0 +1,7 @@
+#!/bin/sh
+set -e
+BIN=`dirname $0`
+
+$BIN/release-_pre.sh
+npm version major
+$BIN/release-_post.sh
--- a/bin/release-minor.sh
+++ b/bin/release-minor.sh
@@ -0,0 +1,7 @@
+#!/bin/sh
+set -e
+BIN=`dirname $0`
+
+$BIN/release-_pre.sh
+npm version minor
+$BIN/release-_post.sh
--- a/bin/release-patch.sh
+++ b/bin/release-patch.sh
@@ -0,0 +1,7 @@
+#!/bin/sh
+set -e
+BIN=`dirname $0`
+
+$BIN/release-_pre.sh
+npm version patch
+$BIN/release-_post.sh
--- a/bin/update-authors.sh
+++ b/bin/update-authors.sh
@@ -13,7 +13,6 @@ while (<>) {
  next if /(dc\@DCs-MacBook.local)/;
  next if /(rolandoguedes\@gmail.com)/;
  next if /(grunjol\@users.noreply.github.com)/;
-  next if /(dependabot)/;
  $seen{$_} = push @authors, "- ", $_;
 }
 END {
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,88 +1,74 @@
 {
  "name": "webtorrent-desktop",
  "description": "WebTorrent, the streaming torrent client. For Mac, Windows, and Linux.",
-  "version": "0.24.0",
+  "version": "0.12.0",
  "author": {
    "name": "WebTorrent, LLC",
    "email": "feross@webtorrent.io",
    "url": "https://webtorrent.io"
  },
-  "babel": {
-    "plugins": [
-      [
-        "@babel/plugin-transform-react-jsx",
-        {
-          "useBuiltIns": true
-        }
-      ]
-    ]
+  "bin": {
+    "webtorrent-desktop": "./bin/cmd.js"
  },
  "bugs": {
-    "url": "https://github.com/webtorrent/webtorrent-desktop/issues"
+    "url": "https://github.com/feross/webtorrent-desktop/issues"
  },
  "dependencies": {
-    "@electron/remote": "2.1.3",
-    "airplayer": "github:webtorrent/airplayer#fix-security",
-    "application-config": "2.0.0",
-    "arch": "2.2.0",
-    "auto-launch": "5.0.5",
-    "bitfield": "4.1.0",
-    "capture-frame": "4.0.0",
-    "chokidar": "3.5.3",
-    "chromecasts": "1.10.2",
-    "create-torrent": "5.0.9",
-    "debounce": "1.2.1",
-    "dlnacasts": "0.1.0",
-    "drag-drop": "7.2.0",
-    "es6-error": "4.1.1",
-    "fn-getter": "1.0.0",
-    "iso-639-1": "2.1.15",
-    "languagedetect": "2.0.0",
-    "location-history": "1.1.2",
-    "material-ui": "0.20.2",
-    "music-metadata": "7.14.0",
-    "network-address": "1.1.2",
-    "parse-torrent": "9.1.5",
-    "prettier-bytes": "1.0.4",
-    "prop-types": "15.8.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "rimraf": "4.4.0",
-    "run-parallel": "1.2.0",
-    "semver": "7.3.8",
-    "simple-concat": "1.0.1",
-    "simple-get": "4.0.1",
-    "srt-to-vtt": "1.1.3",
-    "vlc-command": "1.2.0",
-    "webtorrent": "1.9.7",
-    "winreg": "1.2.4"
+    "airplayer": "^2.0.0",
+    "application-config": "^1.0.0",
+    "bitfield": "^1.0.2",
+    "chromecasts": "^1.8.0",
+    "create-torrent": "^3.24.5",
+    "deep-equal": "^1.0.1",
+    "dlnacasts": "^0.1.0",
+    "drag-drop": "^2.12.1",
+    "electron": "1.3.3",
+    "fs-extra": "^0.30.0",
+    "iso-639-1": "^1.2.1",
+    "languagedetect": "^1.1.1",
+    "location-history": "^1.0.0",
+    "material-ui": "^0.15.4",
+    "matroska-subtitles": "^2.0.0",
+    "musicmetadata": "^2.0.2",
+    "network-address": "^1.1.0",
+    "parse-torrent": "^5.7.3",
+    "prettier-bytes": "^1.0.1",
+    "react": "^15.2.1",
+    "react-dom": "^15.2.1",
+    "react-tap-event-plugin": "^1.0.0",
+    "run-parallel": "^1.1.6",
+    "semver": "^5.1.0",
+    "simple-concat": "^1.0.0",
+    "simple-get": "^2.0.0",
+    "srt-to-vtt": "^1.1.1",
+    "vlc-command": "^1.0.1",
+    "webtorrent": "0.x",
+    "winreg": "^1.2.0",
+    "zero-fill": "^2.2.3"
  },
  "devDependencies": {
-    "@babel/cli": "7.28.6",
-    "@babel/core": "7.29.0",
-    "@babel/eslint-parser": "7.28.6",
-    "@babel/plugin-transform-react-jsx": "7.28.6",
-    "cross-zip": "4.0.0",
-    "depcheck": "1.4.7",
-    "electron": "27.3.11",
-    "electron-notarize": "1.2.2",
-    "electron-osx-sign": "0.6.0",
-    "electron-packager": "17.1.2",
-    "electron-winstaller": "5.4.0",
-    "gh-release": "7.0.2",
-    "minimist": "1.2.8",
-    "nodemon": "2.0.22",
-    "open": "8.4.2",
-    "plist": "3.1.0",
-    "pngjs": "7.0.0",
-    "run-series": "1.1.9",
-    "spectron": "19.0.0",
-    "standard": "17.0.0",
-    "tape": "5.9.0"
+    "babel-cli": "^6.11.4",
+    "babel-plugin-syntax-jsx": "^6.13.0",
+    "babel-plugin-transform-es2015-destructuring": "^6.9.0",
+    "babel-plugin-transform-object-rest-spread": "^6.8.0",
+    "babel-plugin-transform-react-jsx": "^6.8.0",
+    "cross-zip": "^2.0.1",
+    "electron-osx-sign": "^0.3.0",
+    "electron-packager": "^7.0.0",
+    "electron-winstaller": "^2.3.0",
+    "gh-release": "^2.0.3",
+    "minimist": "^1.2.0",
+    "mkdirp": "^0.5.1",
+    "nobin-debian-installer": "^0.0.10",
+    "nodemon": "^1.10.2",
+    "open": "0.0.5",
+    "plist": "^2.0.1",
+    "rimraf": "^2.5.2",
+    "run-series": "^1.1.4",
+    "standard": "*"
  },
  "engines": {
-    "node": "^16.0.0 || ^18.0.0",
-    "npm": "^7.10.0 || ^8.0.0 || ^9.0.0 || ^10.0.0"
+    "node": ">=4.0.0"
  },
  "homepage": "https://webtorrent.io",
  "keywords": [
@@ -98,35 +84,22 @@
  "license": "MIT",
  "main": "index.js",
  "optionalDependencies": {
-    "appdmg": "^0.6.0",
-    "electron-installer-debian": "^3.2.0",
-    "electron-installer-redhat": "^3.4.0"
+    "appdmg": "^0.4.3"
  },
-  "private": true,
  "productName": "WebTorrent",
  "repository": {
    "type": "git",
-    "url": "git://github.com/webtorrent/webtorrent-desktop.git"
+    "url": "git://github.com/feross/webtorrent-desktop.git"
  },
  "scripts": {
-    "build": "babel src --out-dir build",
+    "build": "babel --quiet src --out-dir build",
    "clean": "node ./bin/clean.js",
-    "gh-release": "gh-release",
-    "install-system-deps": "brew install fakeroot dpkg rpm",
    "open-config": "node ./bin/open-config.js",
    "package": "node ./bin/package.js",
-    "start": "npm run build && electron --no-sandbox .",
-    "test": "standard && depcheck --ignores=standard,@babel/eslint-parser --ignore-dirs=build,dist",
-    "test-integration": "npm run build && node ./test",
+    "prepublish": "npm run build",
+    "start": "npm run build && electron .",
+    "test": "standard && node ./bin/check-deps.js",
    "update-authors": "./bin/update-authors.sh",
-    "watch": "nodemon --exec \"npm run start\" --ext js,css --ignore build/ --ignore dist/"
-  },
-  "standard": {
-    "parser": "@babel/eslint-parser"
-  },
-  "renovate": {
-    "extends": [
-      "github>webtorrent/renovate-config"
-    ]
+    "watch": "nodemon --exec 'npm run start' --ext js,pug,css"
  }
 }
--- a/src/.babelrc
+++ b/src/.babelrc
@@ -0,0 +1,8 @@
+{
+  "plugins": [
+    "syntax-jsx",
+    "transform-es2015-destructuring",
+    "transform-object-rest-spread",
+    "transform-react-jsx"
+  ]
+}
--- a/src/config.js
+++ b/src/config.js
@@ -1,21 +1,12 @@
-const appConfig = require('application-config')('WebTorrent')
-const path = require('path')
-const { app } = require('electron')
-const arch = require('arch')
+var appConfig = require('application-config')('WebTorrent')
+var fs = require('fs')
+var path = require('path')

-const APP_NAME = 'WebTorrent'
-const APP_TEAM = 'WebTorrent, LLC'
-const APP_VERSION = require('../package.json').version
+var APP_NAME = 'WebTorrent'
+var APP_TEAM = 'WebTorrent, LLC'
+var APP_VERSION = require('../package.json').version

-const IS_TEST = isTest()
-const PORTABLE_PATH = IS_TEST
-  ? path.join(process.platform === 'win32' ? 'C:\\Windows\\Temp' : '/tmp', 'WebTorrentTest')
-  : path.join(path.dirname(process.execPath), 'Portable Settings')
-const IS_PRODUCTION = isProduction()
-const IS_PORTABLE = isPortable()
-
-const UI_HEADER_HEIGHT = 38
-const UI_TORRENT_HEIGHT = 100
+var PORTABLE_PATH = path.join(path.dirname(process.execPath), 'Portable Settings')

 module.exports = {
  ANNOUNCEMENT_URL: 'https://webtorrent.io/desktop/announcement',
@@ -23,44 +14,39 @@ module.exports = {
  CRASH_REPORT_URL: 'https://webtorrent.io/desktop/crash-report',
  TELEMETRY_URL: 'https://webtorrent.io/desktop/telemetry',

-  APP_COPYRIGHT: `Copyright © 2014-${new Date().getFullYear()} ${APP_TEAM}`,
+  APP_COPYRIGHT: 'Copyright © 2014-2016 ' + APP_TEAM,
  APP_FILE_ICON: path.join(__dirname, '..', 'static', 'WebTorrentFile'),
  APP_ICON: path.join(__dirname, '..', 'static', 'WebTorrent'),
-  APP_NAME,
-  APP_TEAM,
-  APP_VERSION,
-  APP_WINDOW_TITLE: APP_NAME,
+  APP_NAME: APP_NAME,
+  APP_TEAM: APP_TEAM,
+  APP_VERSION: APP_VERSION,
+  APP_WINDOW_TITLE: APP_NAME + ' (BETA)',

  CONFIG_PATH: getConfigPath(),

  DEFAULT_TORRENTS: [
    {
-      testID: 'bbb',
      name: 'Big Buck Bunny',
      posterFileName: 'bigBuckBunny.jpg',
      torrentFileName: 'bigBuckBunny.torrent'
    },
    {
-      testID: 'cosmos',
      name: 'Cosmos Laundromat (Preview)',
      posterFileName: 'cosmosLaundromat.jpg',
      torrentFileName: 'cosmosLaundromat.torrent'
    },
    {
-      testID: 'sintel',
      name: 'Sintel',
      posterFileName: 'sintel.jpg',
      torrentFileName: 'sintel.torrent'
    },
    {
-      testID: 'tears',
      name: 'Tears of Steel',
      posterFileName: 'tearsOfSteel.jpg',
      torrentFileName: 'tearsOfSteel.torrent'
    },
    {
-      testID: 'wired',
-      name: 'The WIRED CD - Rip. Sample. Mash. Share',
+      name: 'The WIRED CD - Rip. Sample. Mash. Share.',
      posterFileName: 'wiredCd.jpg',
      torrentFileName: 'wiredCd.torrent'
    }
@@ -70,19 +56,14 @@ module.exports = {

  DEFAULT_DOWNLOAD_PATH: getDefaultDownloadPath(),

-  GITHUB_URL: 'https://github.com/webtorrent/webtorrent-desktop',
-  GITHUB_URL_ISSUES: 'https://github.com/webtorrent/webtorrent-desktop/issues',
-  GITHUB_URL_RAW: 'https://raw.githubusercontent.com/webtorrent/webtorrent-desktop/master',
-  GITHUB_URL_RELEASES: 'https://github.com/webtorrent/webtorrent-desktop/releases',
+  GITHUB_URL: 'https://github.com/feross/webtorrent-desktop',
+  GITHUB_URL_ISSUES: 'https://github.com/feross/webtorrent-desktop/issues',
+  GITHUB_URL_RAW: 'https://raw.githubusercontent.com/feross/webtorrent-desktop/master',

  HOME_PAGE_URL: 'https://webtorrent.io',
-  TWITTER_PAGE_URL: 'https://twitter.com/WebTorrentApp',

-  IS_PORTABLE,
-  IS_PRODUCTION,
-  IS_TEST,
-
-  OS_SYSARCH: arch() === 'x64' ? 'x64' : 'ia32',
+  IS_PORTABLE: isPortable(),
+  IS_PRODUCTION: isProduction(),

  POSTER_PATH: path.join(getConfigPath(), 'Posters'),
  ROOT_PATH: path.join(__dirname, '..'),
@@ -93,19 +74,12 @@ module.exports = {
  WINDOW_MAIN: 'file://' + path.join(__dirname, '..', 'static', 'main.html'),
  WINDOW_WEBTORRENT: 'file://' + path.join(__dirname, '..', 'static', 'webtorrent.html'),

-  WINDOW_INITIAL_BOUNDS: {
-    width: 500,
-    height: UI_HEADER_HEIGHT + (UI_TORRENT_HEIGHT * 6) // header + 6 torrents
-  },
-  WINDOW_MIN_HEIGHT: UI_HEADER_HEIGHT + (UI_TORRENT_HEIGHT * 2), // header + 2 torrents
-  WINDOW_MIN_WIDTH: 425,
-
-  UI_HEADER_HEIGHT,
-  UI_TORRENT_HEIGHT
+  WINDOW_MIN_HEIGHT: 38 + (120 * 2), // header height + 2 torrents
+  WINDOW_MIN_WIDTH: 425
 }

 function getConfigPath () {
-  if (IS_PORTABLE) {
+  if (isPortable()) {
    return PORTABLE_PATH
  } else {
    return path.dirname(appConfig.filePath)
@@ -113,47 +87,24 @@ function getConfigPath () {
 }

 function getDefaultDownloadPath () {
-  if (IS_PORTABLE) {
-    return path.join(getConfigPath(), 'Downloads')
-  } else {
-    return getPath('downloads')
-  }
-}
-
-function getPath (key) {
-  if (!process.versions.electron) {
-    // Node.js process
+  if (!process || !process.type) {
    return ''
-  } else if (process.type === 'renderer') {
-    // Electron renderer process
-    return require('@electron/remote').app.getPath(key)
-  } else {
-    // Electron main process
-    return app.getPath(key)
  }
-}

-function isTest () {
-  return process.env.NODE_ENV === 'test'
+  if (isPortable()) {
+    return path.join(getConfigPath(), 'Downloads')
+  }
+
+  var electron = require('electron')
+
+  return process.type === 'renderer'
+    ? electron.remote.app.getPath('downloads')
+    : electron.app.getPath('downloads')
 }

 function isPortable () {
-  if (IS_TEST) {
-    return true
-  }
-
-  if (process.platform !== 'win32' || !IS_PRODUCTION) {
-    // Fast path: Non-Windows platforms should not check for path on disk
-    return false
-  }
-
-  const fs = require('fs')
-
  try {
-    // This line throws if the "Portable Settings" folder does not exist, and does
-    // nothing otherwise.
-    fs.accessSync(PORTABLE_PATH, fs.constants.R_OK | fs.constants.W_OK)
-    return true
+    return process.platform === 'win32' && isProduction() && !!fs.statSync(PORTABLE_PATH)
  } catch (err) {
    return false
  }
@@ -161,7 +112,6 @@ function isPortable () {

 function isProduction () {
  if (!process.versions.electron) {
-    // Node.js process
    return false
  }
  if (process.platform === 'darwin') {
--- a/src/crash-reporter.js
+++ b/src/crash-reporter.js
@@ -2,14 +2,13 @@ module.exports = {
  init
 }

-function init () {
-  const config = require('./config')
-  const { crashReporter } = require('electron')
+var config = require('./config')
+var electron = require('electron')

-  crashReporter.start({
+function init () {
+  electron.crashReporter.start({
+    companyName: config.APP_NAME,
    productName: config.APP_NAME,
-    submitURL: config.CRASH_REPORT_URL,
-    globalExtra: { _companyName: config.APP_NAME },
-    compress: true
+    submitURL: config.CRASH_REPORT_URL
  })
 }
--- a/src/main/announcement.js
+++ b/src/main/announcement.js
@@ -2,13 +2,14 @@ module.exports = {
  init
 }

-const { dialog } = require('electron')
+var electron = require('electron')

-const config = require('../config')
-const log = require('./log')
+var config = require('../config')
+var log = require('./log')

-const ANNOUNCEMENT_URL =
-  `${config.ANNOUNCEMENT_URL}?version=${config.APP_VERSION}&platform=${process.platform}`
+var ANNOUNCEMENT_URL = config.ANNOUNCEMENT_URL +
+  '?version=' + config.APP_VERSION +
+  '&platform=' + process.platform

 /**
 * In certain situations, the WebTorrent team may need to show an announcement to
@@ -25,7 +26,7 @@ const ANNOUNCEMENT_URL =
 *   }
 */
 function init () {
-  const get = require('simple-get')
+  var get = require('simple-get')
  get.concat(ANNOUNCEMENT_URL, onResponse)
 }

@@ -44,11 +45,13 @@ function onResponse (err, res, data) {
    }
  }

-  dialog.showMessageBox({
+  electron.dialog.showMessageBox({
    type: 'info',
    buttons: ['OK'],
    title: data.title,
    message: data.message,
    detail: data.detail
-  })
+  }, noop)
 }
+
+function noop () {}
--- a/src/main/dialog.js
+++ b/src/main/dialog.js
@@ -6,10 +6,10 @@ module.exports = {
  openFiles
 }

-const { dialog } = require('electron')
+var electron = require('electron')

-const log = require('./log')
-const windows = require('./windows')
+var log = require('./log')
+var windows = require('./windows')

 /**
 * Show open dialog to create a single-file torrent.
@@ -17,11 +17,16 @@ const windows = require('./windows')
 function openSeedFile () {
  if (!windows.main.win) return
  log('openSeedFile')
-  const opts = {
+  var opts = {
    title: 'Select a file for the torrent.',
-    properties: ['openFile']
+    properties: [ 'openFile' ]
  }
-  showOpenSeed(opts)
+  setTitle(opts.title)
+  electron.dialog.showOpenDialog(windows.main.win, opts, function (selectedPaths) {
+    resetTitle()
+    if (!Array.isArray(selectedPaths)) return
+    windows.main.dispatch('showCreateTorrent', selectedPaths)
+  })
 }

 /*
@@ -32,16 +37,21 @@ function openSeedFile () {
 function openSeedDirectory () {
  if (!windows.main.win) return
  log('openSeedDirectory')
-  const opts = process.platform === 'darwin'
+  var opts = process.platform === 'darwin'
    ? {
-        title: 'Select a file or folder for the torrent.',
-        properties: ['openFile', 'openDirectory']
-      }
+      title: 'Select a file or folder for the torrent.',
+      properties: [ 'openFile', 'openDirectory' ]
+    }
    : {
-        title: 'Select a folder for the torrent.',
-        properties: ['openDirectory']
-      }
-  showOpenSeed(opts)
+      title: 'Select a folder for the torrent.',
+      properties: [ 'openDirectory' ]
+    }
+  setTitle(opts.title)
+  electron.dialog.showOpenDialog(windows.main.win, opts, function (selectedPaths) {
+    resetTitle()
+    if (!Array.isArray(selectedPaths)) return
+    windows.main.dispatch('showCreateTorrent', selectedPaths)
+  })
 }

 /*
@@ -51,20 +61,21 @@ function openSeedDirectory () {
 function openFiles () {
  if (!windows.main.win) return
  log('openFiles')
-  const opts = process.platform === 'darwin'
+  var opts = process.platform === 'darwin'
    ? {
-        title: 'Select a file or folder to add.',
-        properties: ['openFile', 'openDirectory']
-      }
+      title: 'Select a file or folder to add.',
+      properties: [ 'openFile', 'openDirectory' ]
+    }
    : {
-        title: 'Select a file to add.',
-        properties: ['openFile']
-      }
+      title: 'Select a file to add.',
+      properties: [ 'openFile' ]
+    }
  setTitle(opts.title)
-  const selectedPaths = dialog.showOpenDialogSync(windows.main.win, opts)
-  resetTitle()
-  if (!Array.isArray(selectedPaths)) return
-  windows.main.dispatch('onOpen', selectedPaths)
+  electron.dialog.showOpenDialog(windows.main.win, opts, function (selectedPaths) {
+    resetTitle()
+    if (!Array.isArray(selectedPaths)) return
+    windows.main.dispatch('onOpen', selectedPaths)
+  })
 }

 /*
@@ -73,17 +84,18 @@ function openFiles () {
 function openTorrentFile () {
  if (!windows.main.win) return
  log('openTorrentFile')
-  const opts = {
+  var opts = {
    title: 'Select a .torrent file.',
    filters: [{ name: 'Torrent Files', extensions: ['torrent'] }],
-    properties: ['openFile', 'multiSelections']
+    properties: [ 'openFile', 'multiSelections' ]
  }
  setTitle(opts.title)
-  const selectedPaths = dialog.showOpenDialogSync(windows.main.win, opts)
-  resetTitle()
-  if (!Array.isArray(selectedPaths)) return
-  selectedPaths.forEach(selectedPath => {
-    windows.main.dispatch('addTorrent', selectedPath)
+  electron.dialog.showOpenDialog(windows.main.win, opts, function (selectedPaths) {
+    resetTitle()
+    if (!Array.isArray(selectedPaths)) return
+    selectedPaths.forEach(function (selectedPath) {
+      windows.main.dispatch('addTorrent', selectedPath)
+    })
  })
 }

@@ -107,15 +119,3 @@ function setTitle (title) {
 function resetTitle () {
  windows.main.dispatch('resetTitle')
 }
-
-/**
- * Pops up an Open File dialog with the given options.
- * After the user selects files / folders, shows the Create Torrent page.
- */
-function showOpenSeed (opts) {
-  setTitle(opts.title)
-  const selectedPaths = dialog.showOpenDialogSync(windows.main.win, opts)
-  resetTitle()
-  if (!Array.isArray(selectedPaths)) return
-  windows.main.dispatch('showCreateTorrent', selectedPaths)
-}
--- a/src/main/dock.js
+++ b/src/main/dock.js
@@ -4,17 +4,19 @@ module.exports = {
  setBadge
 }

-const { app, Menu } = require('electron')
+var electron = require('electron')

-const dialog = require('./dialog')
-const log = require('./log')
+var app = electron.app
+
+var dialog = require('./dialog')
+var log = require('./log')

 /**
 * Add a right-click menu to the dock icon. (Mac)
 */
 function init () {
  if (!app.dock) return
-  const menu = Menu.buildFromTemplate(getMenuTemplate())
+  var menu = electron.Menu.buildFromTemplate(getMenuTemplate())
  app.dock.setMenu(menu)
 }

@@ -31,11 +33,8 @@ function downloadFinished (path) {
 * Display a counter badge for the app. (Mac, Linux)
 */
 function setBadge (count) {
-  if (process.platform === 'darwin' ||
-      (process.platform === 'linux' && app.isUnityRunning())) {
-    log(`setBadge: ${count}`)
-    app.badgeCount = Number(count)
-  }
+  log(`setBadge: ${count}`)
+  app.setBadgeCount(Number(count))
 }

 function getMenuTemplate () {
--- a/src/main/external-player.js
+++ b/src/main/external-player.js
@@ -4,61 +4,50 @@ module.exports = {
  checkInstall
 }

-const cp = require('child_process')
-const path = require('path')
-const vlcCommand = require('vlc-command')
+var cp = require('child_process')
+var vlcCommand = require('vlc-command')

-const log = require('./log')
-const windows = require('./windows')
+var log = require('./log')
+var windows = require('./windows')

 // holds a ChildProcess while we're playing a video in an external player, null otherwise
-let proc = null
+var proc

-function checkInstall (playerPath, cb) {
+function checkInstall (path, cb) {
  // check for VLC if external player has not been specified by the user
  // otherwise assume the player is installed
-  if (!playerPath) return vlcCommand(cb)
-  process.nextTick(() => cb(null))
+  if (path == null) return vlcCommand((err) => cb(!err))
+  process.nextTick(() => cb(true))
 }

-function spawn (playerPath, url, title) {
-  if (playerPath) return spawnExternal(playerPath, [url])
+function spawn (path, url, title) {
+  if (path != null) return spawnExternal(path, [url])

  // Try to find and use VLC if external player is not specified
-  vlcCommand((err, vlcPath) => {
+  vlcCommand(function (err, vlcPath) {
    if (err) return windows.main.dispatch('externalPlayerNotFound')
-    const args = [
-      '--play-and-exit',
-      '--quiet',
-      `--meta-title=${JSON.stringify(title)}`,
-      url
-    ]
+    var args = ['--play-and-exit', '--video-on-top', '--quiet', `--meta-title=${JSON.stringify(title)}`, url]
    spawnExternal(vlcPath, args)
  })
 }

 function kill () {
  if (!proc) return
-  log(`Killing external player, pid ${proc.pid}`)
+  log('Killing external player, pid ' + proc.pid)
  proc.kill('SIGKILL') // kill -9
  proc = null
 }

-function spawnExternal (playerPath, args) {
-  log('Running external media player:', `${playerPath} ${args.join(' ')}`)
+function spawnExternal (path, args) {
+  log('Running external media player:', path + ' ' + args.join(' '))

-  if (process.platform === 'darwin' && path.extname(playerPath) === '.app') {
-    // Mac: Use executable in packaged .app bundle
-    playerPath += `/Contents/MacOS/${path.basename(playerPath, '.app')}`
-  }
-
-  proc = cp.spawn(playerPath, args, { stdio: 'ignore' })
+  proc = cp.spawn(path, args, {stdio: 'ignore'})

  // If it works, close the modal after a second
-  const closeModalTimeout = setTimeout(() =>
+  var closeModalTimeout = setTimeout(() =>
    windows.main.dispatch('exitModal'), 1000)

-  proc.on('close', code => {
+  proc.on('close', function (code) {
    clearTimeout(closeModalTimeout)
    if (!proc) return // Killed
    log('External player exited with code ', code)
@@ -70,7 +59,7 @@ function spawnExternal (playerPath, args) {
    proc = null
  })

-  proc.on('error', err => {
-    log('External player error', err)
+  proc.on('error', function (e) {
+    log('External player error', e)
  })
 }
--- a/src/main/folder-watcher.js
+++ b/src/main/folder-watcher.js
@@ -1,50 +0,0 @@
-const chokidar = require('chokidar')
-const log = require('./log')
-
-class FolderWatcher {
-  constructor ({ window, state }) {
-    this.window = window
-    this.state = state
-    this.torrentsFolderPath = null
-    this.watching = false
-  }
-
-  isEnabled () {
-    return this.state.saved.prefs.autoAddTorrents
-  }
-
-  start () {
-    // Stop watching previous folder before
-    // start watching a new one.
-    if (this.watching) this.stop()
-
-    const torrentsFolderPath = this.state.saved.prefs.torrentsFolderPath
-    this.torrentsFolderPath = torrentsFolderPath
-    if (!torrentsFolderPath) return
-
-    const glob = `${torrentsFolderPath}/**/*.torrent`
-    log('Folder Watcher: watching: ', glob)
-
-    const options = {
-      ignoreInitial: true,
-      awaitWriteFinish: true
-    }
-    this.watcher = chokidar.watch(glob, options)
-    this.watcher
-      .on('add', (path) => {
-        log('Folder Watcher: added torrent: ', path)
-        this.window.dispatch('addTorrent', path)
-      })
-
-    this.watching = true
-  }
-
-  stop () {
-    log('Folder Watcher: stop.')
-    if (!this.watching) return
-    this.watcher.close()
-    this.watching = false
-  }
-}
-
-module.exports = FolderWatcher
--- a/src/main/handlers.js
+++ b/src/main/handlers.js
@@ -3,29 +3,36 @@ module.exports = {
  uninstall
 }

-const config = require('../config')
-const path = require('path')
+var config = require('../config')
+var path = require('path')

 function install () {
-  switch (process.platform) {
-    case 'darwin': installDarwin()
-      break
-    case 'win32': installWin32()
-      break
+  if (process.platform === 'darwin') {
+    installDarwin()
+  }
+  if (process.platform === 'win32') {
+    installWin32()
+  }
+  if (process.platform === 'linux') {
+    installLinux()
  }
 }

 function uninstall () {
-  switch (process.platform) {
-    case 'darwin': uninstallDarwin()
-      break
-    case 'win32': uninstallWin32()
-      break
+  if (process.platform === 'darwin') {
+    uninstallDarwin()
+  }
+  if (process.platform === 'win32') {
+    uninstallWin32()
+  }
+  if (process.platform === 'linux') {
+    uninstallLinux()
  }
 }

 function installDarwin () {
-  const { app } = require('electron')
+  var electron = require('electron')
+  var app = electron.app

  // On Mac, only protocols that are listed in `Info.plist` can be set as the
  // default handler at runtime.
@@ -37,18 +44,18 @@ function installDarwin () {

 function uninstallDarwin () {}

-const EXEC_COMMAND = [process.execPath, '--']
+var EXEC_COMMAND = [ process.execPath ]

 if (!config.IS_PRODUCTION) {
  EXEC_COMMAND.push(config.ROOT_PATH)
 }

 function installWin32 () {
-  const Registry = require('winreg')
+  var Registry = require('winreg')

-  const log = require('./log')
+  var log = require('./log')

-  const iconPath = path.join(
+  var iconPath = path.join(
    process.resourcesPath, 'app.asar.unpacked', 'static', 'WebTorrentFile.ico'
  )
  registerProtocolHandlerWin32(
@@ -93,7 +100,7 @@ function installWin32 () {
   */

  function registerProtocolHandlerWin32 (protocol, name, icon, command) {
-    const protocolKey = new Registry({
+    var protocolKey = new Registry({
      hive: Registry.HKCU, // HKEY_CURRENT_USER
      key: '\\Software\\Classes\\' + protocol
    })
@@ -101,37 +108,37 @@ function installWin32 () {
    setProtocol()

    function setProtocol (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)
      protocolKey.set('', Registry.REG_SZ, name, setURLProtocol)
    }

    function setURLProtocol (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)
      protocolKey.set('URL Protocol', Registry.REG_SZ, '', setIcon)
    }

    function setIcon (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)

-      const iconKey = new Registry({
+      var iconKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${protocol}\\DefaultIcon`
+        key: '\\Software\\Classes\\' + protocol + '\\DefaultIcon'
      })
      iconKey.set('', Registry.REG_SZ, icon, setCommand)
    }

    function setCommand (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)

-      const commandKey = new Registry({
+      var commandKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${protocol}\\shell\\open\\command`
+        key: '\\Software\\Classes\\' + protocol + '\\shell\\open\\command'
      })
      commandKey.set('', Registry.REG_SZ, `${commandToArgs(command)} "%1"`, done)
    }

    function done (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)
    }
  }

@@ -154,51 +161,51 @@ function installWin32 () {
    setExt()

    function setExt () {
-      const extKey = new Registry({
+      var extKey = new Registry({
        hive: Registry.HKCU, // HKEY_CURRENT_USER
-        key: `\\Software\\Classes\\${ext}`
+        key: '\\Software\\Classes\\' + ext
      })
      extKey.set('', Registry.REG_SZ, id, setId)
    }

    function setId (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)

-      const idKey = new Registry({
+      var idKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${id}`
+        key: '\\Software\\Classes\\' + id
      })
      idKey.set('', Registry.REG_SZ, name, setIcon)
    }

    function setIcon (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)

-      const iconKey = new Registry({
+      var iconKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${id}\\DefaultIcon`
+        key: '\\Software\\Classes\\' + id + '\\DefaultIcon'
      })
      iconKey.set('', Registry.REG_SZ, icon, setCommand)
    }

    function setCommand (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)

-      const commandKey = new Registry({
+      var commandKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${id}\\shell\\open\\command`
+        key: '\\Software\\Classes\\' + id + '\\shell\\open\\command'
      })
      commandKey.set('', Registry.REG_SZ, `${commandToArgs(command)} "%1"`, done)
    }

    function done (err) {
-      if (err) return log.error(err.message)
+      if (err) log.error(err.message)
    }
  }
 }

 function uninstallWin32 () {
-  const Registry = require('winreg')
+  var Registry = require('winreg')

  unregisterProtocolHandlerWin32('magnet', EXEC_COMMAND)
  unregisterProtocolHandlerWin32('stream-magnet', EXEC_COMMAND)
@@ -208,11 +215,11 @@ function uninstallWin32 () {
    getCommand()

    function getCommand () {
-      const commandKey = new Registry({
+      var commandKey = new Registry({
        hive: Registry.HKCU, // HKEY_CURRENT_USER
-        key: `\\Software\\Classes\\${protocol}\\shell\\open\\command`
+        key: '\\Software\\Classes\\' + protocol + '\\shell\\open\\command'
      })
-      commandKey.get('', (err, item) => {
+      commandKey.get('', function (err, item) {
        if (!err && item.value.indexOf(commandToArgs(command)) >= 0) {
          destroyProtocol()
        }
@@ -220,11 +227,11 @@ function uninstallWin32 () {
    }

    function destroyProtocol () {
-      const protocolKey = new Registry({
+      var protocolKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${protocol}`
+        key: '\\Software\\Classes\\' + protocol
      })
-      protocolKey.destroy(() => {})
+      protocolKey.destroy(function () {})
    }
  }

@@ -232,19 +239,19 @@ function uninstallWin32 () {
    eraseId()

    function eraseId () {
-      const idKey = new Registry({
+      var idKey = new Registry({
        hive: Registry.HKCU, // HKEY_CURRENT_USER
-        key: `\\Software\\Classes\\${id}`
+        key: '\\Software\\Classes\\' + id
      })
      idKey.destroy(getExt)
    }

    function getExt () {
-      const extKey = new Registry({
+      var extKey = new Registry({
        hive: Registry.HKCU,
-        key: `\\Software\\Classes\\${ext}`
+        key: '\\Software\\Classes\\' + ext
      })
-      extKey.get('', (err, item) => {
+      extKey.get('', function (err, item) {
        if (!err && item.value === id) {
          destroyExt()
        }
@@ -252,11 +259,11 @@ function uninstallWin32 () {
    }

    function destroyExt () {
-      const extKey = new Registry({
+      var extKey = new Registry({
        hive: Registry.HKCU, // HKEY_CURRENT_USER
-        key: `\\Software\\Classes\\${ext}`
+        key: '\\Software\\Classes\\' + ext
      })
-      extKey.destroy(() => {})
+      extKey.destroy(function () {})
    }
  }
 }
@@ -264,3 +271,95 @@ function uninstallWin32 () {
 function commandToArgs (command) {
  return command.map((arg) => `"${arg}"`).join(' ')
 }
+
+function installLinux () {
+  var fs = require('fs-extra')
+  var os = require('os')
+  var path = require('path')
+
+  var config = require('../config')
+  var log = require('./log')
+
+  // Do not install in user dir if running on system
+  if (/^\/opt/.test(process.execPath)) return
+
+  installDesktopFile()
+  installIconFile()
+
+  function installDesktopFile () {
+    var templatePath = path.join(
+      config.STATIC_PATH, 'linux', 'webtorrent-desktop.desktop'
+    )
+    fs.readFile(templatePath, 'utf8', writeDesktopFile)
+  }
+
+  function writeDesktopFile (err, desktopFile) {
+    if (err) return log.error(err.message)
+
+    var appPath = config.IS_PRODUCTION
+      ? path.dirname(process.execPath)
+      : config.ROOT_PATH
+
+    desktopFile = desktopFile.replace(/\$APP_NAME/g, config.APP_NAME)
+    desktopFile = desktopFile.replace(/\$APP_PATH/g, appPath)
+    desktopFile = desktopFile.replace(/\$EXEC_PATH/g, EXEC_COMMAND.join(' '))
+    desktopFile = desktopFile.replace(/\$TRY_EXEC_PATH/g, process.execPath)
+
+    var desktopFilePath = path.join(
+      os.homedir(),
+      '.local',
+      'share',
+      'applications',
+      'webtorrent-desktop.desktop'
+    )
+    fs.mkdirp(path.dirname(desktopFilePath))
+    fs.writeFile(desktopFilePath, desktopFile, function (err) {
+      if (err) return log.error(err.message)
+    })
+  }
+
+  function installIconFile () {
+    var iconStaticPath = path.join(config.STATIC_PATH, 'WebTorrent.png')
+    fs.readFile(iconStaticPath, writeIconFile)
+  }
+
+  function writeIconFile (err, iconFile) {
+    if (err) return log.error(err.message)
+
+    var iconFilePath = path.join(
+      os.homedir(),
+      '.local',
+      'share',
+      'icons',
+      'webtorrent-desktop.png'
+    )
+    fs.mkdirp(path.dirname(iconFilePath))
+    fs.writeFile(iconFilePath, iconFile, function (err) {
+      if (err) return log.error(err.message)
+    })
+  }
+}
+
+function uninstallLinux () {
+  var os = require('os')
+  var path = require('path')
+  var fs = require('fs-extra')
+
+  var desktopFilePath = path.join(
+    os.homedir(),
+    '.local',
+    'share',
+    'applications',
+    'webtorrent-desktop.desktop'
+  )
+  fs.removeSync(desktopFilePath)
+
+  var iconFilePath = path.join(
+    os.homedir(),
+    '.local',
+    'share',
+    'icons',
+    'webtorrent-desktop.png'
+  )
+  fs.removeSync(iconFilePath)
+}
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -1,33 +1,26 @@
 console.time('init')

-require('@electron/remote/main').initialize()
-const { app, ipcMain } = require('electron')
+var electron = require('electron')

-// Start crash reporter early, so it takes effect for child processes
-const crashReporter = require('../crash-reporter')
-crashReporter.init()
+var app = electron.app
+var ipcMain = electron.ipcMain

-const parallel = require('run-parallel')
+var announcement = require('./announcement')
+var config = require('../config')
+var crashReporter = require('../crash-reporter')
+var dialog = require('./dialog')
+var dock = require('./dock')
+var ipc = require('./ipc')
+var log = require('./log')
+var menu = require('./menu')
+var squirrelWin32 = require('./squirrel-win32')
+var tray = require('./tray')
+var updater = require('./updater')
+var userTasks = require('./user-tasks')
+var windows = require('./windows')

-const config = require('../config')
-const ipc = require('./ipc')
-const log = require('./log')
-const menu = require('./menu')
-const State = require('../renderer/lib/state')
-const windows = require('./windows')
-
-const WEBTORRENT_VERSION = require('webtorrent/package.json').version
-
-let shouldQuit = false
-let argv = sliceArgv(process.argv)
-
-// allow electron/chromium to play startup sounds (without user interaction)
-app.commandLine.appendSwitch('autoplay-policy', 'no-user-gesture-required')
-
-// Start the app without showing the main window when auto launching on login
-// (On Windows and Linux, we get a flag. On MacOS, we get special API.)
-const hidden = argv.includes('--hidden') ||
-  (process.platform === 'darwin' && app.getLoginItemSettings().wasOpenedAsHidden)
+var shouldQuit = false
+var argv = sliceArgv(process.argv)

 if (config.IS_PRODUCTION) {
  // When Electron is running in production mode (packaged app), then run React
@@ -36,131 +29,90 @@ if (config.IS_PRODUCTION) {
 }

 if (process.platform === 'win32') {
-  const squirrelWin32 = require('./squirrel-win32')
  shouldQuit = squirrelWin32.handleEvent(argv[0])
  argv = argv.filter((arg) => !arg.includes('--squirrel'))
 }

-if (!shouldQuit && !config.IS_PORTABLE) {
+if (!shouldQuit) {
  // Prevent multiple instances of app from running at same time. New instances
-  // signal this instance and quit. Note: This feature creates a lock file in
-  // %APPDATA%\Roaming\WebTorrent so we do not do it for the Portable App since
-  // we want to be "silent" as well as "portable".
-  if (!app.requestSingleInstanceLock()) {
-    shouldQuit = true
+  // signal this instance and quit.
+  shouldQuit = app.makeSingleInstance(onAppOpen)
+  if (shouldQuit) {
+    app.quit()
  }
 }

-if (shouldQuit) {
-  app.quit()
-} else {
+if (!shouldQuit) {
  init()
 }

 function init () {
-  app.on('second-instance', (event, commandLine, workingDirectory) => onAppOpen(commandLine))
  if (config.IS_PORTABLE) {
-    const path = require('path')
-    // Put all user data into the "Portable Settings" folder
    app.setPath('userData', config.CONFIG_PATH)
-    // Put Electron crash files, etc. into the "Portable Settings\Temp" folder
-    app.setPath('temp', path.join(config.CONFIG_PATH, 'Temp'))
  }

-  let isReady = false // app ready, windows can be created
+  var isReady = false // app ready, windows can be created
  app.ipcReady = false // main window has finished loading and IPC is ready
  app.isQuitting = false

-  parallel({
-    appReady: (cb) => app.on('ready', () => cb(null)),
-    state: (cb) => State.load(cb)
-  }, onReady)
-
-  function onReady (err, results) {
-    if (err) throw err
-
-    isReady = true
-    const state = results.state
-
-    menu.init()
-    windows.main.init(state, { hidden })
-    windows.webtorrent.init()
-
-    // To keep app startup fast, some code is delayed.
-    setTimeout(() => {
-      delayedInit(state)
-    }, config.DELAYED_INIT)
-
-    // Report uncaught exceptions
-    process.on('uncaughtException', (err) => {
-      console.error(err)
-      const error = { message: err.message, stack: err.stack }
-      windows.main.dispatch('uncaughtError', 'main', error)
-    })
-  }
-
-  // Enable app logging into default directory, i.e. /Library/Logs/WebTorrent
-  // on Mac, %APPDATA% on Windows, $XDG_CONFIG_HOME or ~/.config on Linux.
-  app.setAppLogsPath()
-
-  app.userAgentFallback = `WebTorrent/${WEBTORRENT_VERSION} (https://webtorrent.io)`
-
+  // Open handlers must be added as early as possible
  app.on('open-file', onOpen)
  app.on('open-url', onOpen)

  ipc.init()

-  app.once('ipcReady', () => {
+  app.once('will-finish-launching', function () {
+    crashReporter.init()
+  })
+
+  app.on('ready', function () {
+    isReady = true
+
+    windows.main.init()
+    windows.webtorrent.init()
+    menu.init()
+
+    // To keep app startup fast, some code is delayed.
+    setTimeout(delayedInit, config.DELAYED_INIT)
+
+    // Report uncaught exceptions
+    process.on('uncaughtException', (err) => {
+      console.error(err)
+      var error = {message: err.message, stack: err.stack}
+      windows.main.dispatch('uncaughtError', 'main', error)
+    })
+  })
+
+  app.once('ipcReady', function () {
    log('Command line args:', argv)
    processArgv(argv)
    console.timeEnd('init')
  })

-  app.on('before-quit', e => {
+  app.on('before-quit', function (e) {
    if (app.isQuitting) return

    app.isQuitting = true
    e.preventDefault()
-    windows.main.dispatch('stateSaveImmediate') // try to save state on exit
-    ipcMain.once('stateSaved', () => app.quit())
+    windows.main.dispatch('saveState') // try to save state on exit
+    ipcMain.once('savedState', () => app.quit())
    setTimeout(() => {
      console.error('Saving state took too long. Quitting.')
      app.quit()
-    }, 4000) // quit after 4 secs, at most
+    }, 2000) // quit after 2 secs, at most
  })

-  app.on('activate', () => {
+  app.on('activate', function () {
    if (isReady) windows.main.show()
  })
 }

-function delayedInit (state) {
-  if (app.isQuitting) return
-
-  const announcement = require('./announcement')
-  const dock = require('./dock')
-  const updater = require('./updater')
-  const FolderWatcher = require('./folder-watcher')
-  const folderWatcher = new FolderWatcher({ window: windows.main, state })
-
+function delayedInit () {
  announcement.init()
  dock.init()
+  tray.init()
  updater.init()
-
-  ipc.setModule('folderWatcher', folderWatcher)
-  if (folderWatcher.isEnabled()) {
-    folderWatcher.start()
-  }
-
-  if (process.platform === 'win32') {
-    const userTasks = require('./user-tasks')
-    userTasks.init()
-  }
-
-  if (process.platform !== 'darwin') {
-    const tray = require('./tray')
-    tray.init()
-  }
+  userTasks.init()
 }

 function onOpen (e, torrentId) {
@@ -172,7 +124,7 @@ function onOpen (e, torrentId) {
    // Electron issue: https://github.com/atom/electron/issues/4338
    setTimeout(() => windows.main.show(), 100)

-    processArgv([torrentId])
+    processArgv([ torrentId ])
  } else {
    argv.push(torrentId)
  }
@@ -191,42 +143,22 @@ function onAppOpen (newArgv) {
  }
 }

-// Remove leading args.
-// Production: 1 arg, eg: /Applications/WebTorrent.app/Contents/MacOS/WebTorrent
-// Development: 2 args, eg: electron .
-// Test: 4 args, eg: electron -r .../mocks.js .
 function sliceArgv (argv) {
-  return argv.slice(
-    config.IS_PRODUCTION
-      ? 1
-      : config.IS_TEST
-        ? 4
-        : 2
-  )
+  return argv.slice(config.IS_PRODUCTION ? 1 : 2)
 }

 function processArgv (argv) {
-  const torrentIds = []
-  argv.forEach(arg => {
-    if (arg === '-n' || arg === '-o' || arg === '-u') {
-      // Critical path: Only load the 'dialog' package if it is needed
-      const dialog = require('./dialog')
-      if (arg === '-n') {
-        dialog.openSeedDirectory()
-      } else if (arg === '-o') {
-        dialog.openTorrentFile()
-      } else if (arg === '-u') {
-        dialog.openTorrentAddress()
-      }
-    } else if (arg === '--hidden') {
-      // Ignore hidden argument, already being handled
+  var torrentIds = []
+  argv.forEach(function (arg) {
+    if (arg === '-n') {
+      dialog.openSeedDirectory()
+    } else if (arg === '-o') {
+      dialog.openTorrentFile()
+    } else if (arg === '-u') {
+      dialog.openTorrentAddress()
    } else if (arg.startsWith('-psn')) {
      // Ignore Mac launchd "process serial number" argument
-      // Issue: https://github.com/webtorrent/webtorrent-desktop/issues/214
-    } else if (arg.startsWith('--')) {
-      // Ignore Spectron flags
-    } else if (arg === 'data:,') {
-      // Ignore weird Spectron argument
+      // Issue: https://github.com/feross/webtorrent-desktop/issues/214
    } else if (arg !== '.') {
      // Ignore '.' argument, which gets misinterpreted as a torrent id, when a
      // development copy of WebTorrent is started while a production version is
--- a/src/main/ipc.js
+++ b/src/main/ipc.js
@@ -1,36 +1,39 @@
 module.exports = {
-  init,
-  setModule
+  init
 }

-const { app, ipcMain } = require('electron')
+var electron = require('electron')

-const log = require('./log')
-const menu = require('./menu')
-const windows = require('./windows')
+var app = electron.app
+
+var dialog = require('./dialog')
+var dock = require('./dock')
+var handlers = require('./handlers')
+var log = require('./log')
+var menu = require('./menu')
+var powerSaveBlocker = require('./power-save-blocker')
+var shell = require('./shell')
+var shortcuts = require('./shortcuts')
+var externalPlayer = require('./external-player')
+var windows = require('./windows')
+var thumbar = require('./thumbar')

 // Messages from the main process, to be sent once the WebTorrent process starts
-const messageQueueMainToWebTorrent = []
-
-// Will hold modules injected from the app that will be used on fired
-// IPC events.
-const modules = {}
-
-function setModule (name, module) {
-  modules[name] = module
-}
+var messageQueueMainToWebTorrent = []

 function init () {
-  ipcMain.once('ipcReady', e => {
+  var ipc = electron.ipcMain
+
+  ipc.once('ipcReady', function (e) {
    app.ipcReady = true
    app.emit('ipcReady')
  })

-  ipcMain.once('ipcReadyWebTorrent', e => {
+  ipc.once('ipcReadyWebTorrent', function (e) {
    app.ipcReadyWebTorrent = true
    log('sending %d queued messages from the main win to the webtorrent window',
      messageQueueMainToWebTorrent.length)
-    messageQueueMainToWebTorrent.forEach(message => {
+    messageQueueMainToWebTorrent.forEach(function (message) {
      windows.webtorrent.send(message.name, ...message.args)
      log('webtorrent: sent queued %s', message.name)
    })
@@ -40,190 +43,93 @@ function init () {
   * Dialog
   */

-  ipcMain.on('openTorrentFile', () => {
-    const dialog = require('./dialog')
-    dialog.openTorrentFile()
-  })
-  ipcMain.on('openFiles', () => {
-    const dialog = require('./dialog')
-    dialog.openFiles()
-  })
+  ipc.on('openTorrentFile', () => dialog.openTorrentFile())
+  ipc.on('openFiles', () => dialog.openFiles())

  /**
   * Dock
   */

-  ipcMain.on('setBadge', (e, ...args) => {
-    const dock = require('./dock')
-    dock.setBadge(...args)
-  })
-  ipcMain.on('downloadFinished', (e, ...args) => {
-    const dock = require('./dock')
-    dock.downloadFinished(...args)
-  })
+  ipc.on('setBadge', (e, ...args) => dock.setBadge(...args))
+  ipc.on('downloadFinished', (e, ...args) => dock.downloadFinished(...args))

  /**
-   * Player Events
+   * Events
   */

-  ipcMain.on('onPlayerOpen', () => {
-    const powerSaveBlocker = require('./power-save-blocker')
-    const shortcuts = require('./shortcuts')
-    const thumbar = require('./thumbar')
-
-    menu.togglePlaybackControls(true)
+  ipc.on('onPlayerOpen', function () {
+    menu.setPlayerOpen(true)
    powerSaveBlocker.enable()
    shortcuts.enable()
    thumbar.enable()
  })

-  ipcMain.on('onPlayerUpdate', (e, ...args) => {
-    const thumbar = require('./thumbar')
-
-    menu.onPlayerUpdate(...args)
-    thumbar.onPlayerUpdate(...args)
-  })
-
-  ipcMain.on('onPlayerClose', () => {
-    const powerSaveBlocker = require('./power-save-blocker')
-    const shortcuts = require('./shortcuts')
-    const thumbar = require('./thumbar')
-
-    menu.togglePlaybackControls(false)
+  ipc.on('onPlayerClose', function () {
+    menu.setPlayerOpen(false)
    powerSaveBlocker.disable()
    shortcuts.disable()
    thumbar.disable()
  })

-  ipcMain.on('onPlayerPlay', () => {
-    const powerSaveBlocker = require('./power-save-blocker')
-    const thumbar = require('./thumbar')
-
+  ipc.on('onPlayerPlay', function () {
    powerSaveBlocker.enable()
    thumbar.onPlayerPlay()
  })

-  ipcMain.on('onPlayerPause', () => {
-    const powerSaveBlocker = require('./power-save-blocker')
-    const thumbar = require('./thumbar')
-
+  ipc.on('onPlayerPause', function () {
    powerSaveBlocker.disable()
    thumbar.onPlayerPause()
  })

-  /**
-   * Folder Watcher Events
-   */
-
-  ipcMain.on('startFolderWatcher', () => {
-    if (!modules.folderWatcher) {
-      log('IPC ERR: folderWatcher module is not defined.')
-      return
-    }
-
-    modules.folderWatcher.start()
-  })
-
-  ipcMain.on('stopFolderWatcher', () => {
-    if (!modules.folderWatcher) {
-      log('IPC ERR: folderWatcher module is not defined.')
-      return
-    }
-
-    modules.folderWatcher.stop()
-  })
-
  /**
   * Shell
   */

-  ipcMain.on('openPath', (e, ...args) => {
-    const shell = require('./shell')
-    shell.openPath(...args)
-  })
-  ipcMain.on('showItemInFolder', (e, ...args) => {
-    const shell = require('./shell')
-    shell.showItemInFolder(...args)
-  })
-  ipcMain.on('moveItemToTrash', (e, ...args) => {
-    const shell = require('./shell')
-    shell.moveItemToTrash(...args)
-  })
+  ipc.on('openItem', (e, ...args) => shell.openItem(...args))
+  ipc.on('showItemInFolder', (e, ...args) => shell.showItemInFolder(...args))
+  ipc.on('moveItemToTrash', (e, ...args) => shell.moveItemToTrash(...args))

  /**
   * File handlers
   */
-
-  ipcMain.on('setDefaultFileHandler', (e, flag) => {
-    const handlers = require('./handlers')
-
+  ipc.on('setDefaultFileHandler', (e, flag) => {
    if (flag) handlers.install()
    else handlers.uninstall()
  })

-  /**
-   * Auto start on login
-   */
-
-  ipcMain.on('setStartup', (e, flag) => {
-    const startup = require('./startup')
-
-    if (flag) startup.install()
-    else startup.uninstall()
-  })
-
  /**
   * Windows: Main
   */

-  const main = windows.main
+  var main = windows.main

-  ipcMain.on('setAspectRatio', (e, ...args) => main.setAspectRatio(...args))
-  ipcMain.on('setBounds', (e, ...args) => main.setBounds(...args))
-  ipcMain.on('setProgress', (e, ...args) => main.setProgress(...args))
-  ipcMain.on('setTitle', (e, ...args) => main.setTitle(...args))
-  ipcMain.on('show', () => main.show())
-  ipcMain.on('toggleFullScreen', (e, ...args) => main.toggleFullScreen(...args))
-  ipcMain.on('setAllowNav', (e, ...args) => menu.setAllowNav(...args))
+  ipc.on('setAspectRatio', (e, ...args) => main.setAspectRatio(...args))
+  ipc.on('setBounds', (e, ...args) => main.setBounds(...args))
+  ipc.on('setProgress', (e, ...args) => main.setProgress(...args))
+  ipc.on('setTitle', (e, ...args) => main.setTitle(...args))
+  ipc.on('show', () => main.show())
+  ipc.on('toggleFullScreen', (e, ...args) => main.toggleFullScreen(...args))
+  ipc.on('setAllowNav', (e, ...args) => menu.setAllowNav(...args))

  /**
   * External Media Player
   */

-  ipcMain.on('checkForExternalPlayer', (e, path) => {
-    const externalPlayer = require('./external-player')
-
-    externalPlayer.checkInstall(path, err => {
-      windows.main.send('checkForExternalPlayer', !err)
+  ipc.on('checkForExternalPlayer', function (e, path) {
+    externalPlayer.checkInstall(path, function (isInstalled) {
+      windows.main.send('checkForExternalPlayer', isInstalled)
    })
  })

-  ipcMain.on('openExternalPlayer', (e, ...args) => {
-    const externalPlayer = require('./external-player')
-    const shortcuts = require('./shortcuts')
-    const thumbar = require('./thumbar')
+  ipc.on('openExternalPlayer', (e, ...args) => externalPlayer.spawn(...args))
+  ipc.on('quitExternalPlayer', () => externalPlayer.kill())

-    menu.togglePlaybackControls(false)
-    shortcuts.disable()
-    thumbar.disable()
-    externalPlayer.spawn(...args)
-  })
-
-  ipcMain.on('quitExternalPlayer', () => {
-    const externalPlayer = require('./external-player')
-    externalPlayer.kill()
-  })
-
-  /**
-   * Message passing
-   */
-
-  const oldEmit = ipcMain.emit
-  ipcMain.emit = (name, e, ...args) => {
+  // Capture all events
+  var oldEmit = ipc.emit
+  ipc.emit = function (name, e, ...args) {
    // Relay messages between the main window and the WebTorrent hidden window
    if (name.startsWith('wt-') && !app.isQuitting) {
-      console.dir(e.sender.getTitle())
-      if (e.sender.getTitle() === 'WebTorrent Hidden Window') {
+      if (e.sender.browserWindowOptions.title === 'webtorrent-hidden-window') {
        // Send message to main window
        windows.main.send(name, ...args)
        log('webtorrent: got %s', name)
@@ -234,8 +140,8 @@ function init () {
      } else {
        // Queue message for webtorrent window, it hasn't finished loading yet
        messageQueueMainToWebTorrent.push({
-          name,
-          args
+          name: name,
+          args: args
        })
        log('webtorrent: queueing %s', name)
      }
@@ -243,6 +149,6 @@ function init () {
    }

    // Emit all other events normally
-    oldEmit.call(ipcMain, name, e, ...args)
+    oldEmit.call(ipc, name, e, ...args)
  }
 }
--- a/src/main/log.js
+++ b/src/main/log.js
@@ -8,8 +8,10 @@ module.exports.error = error
 * where they can be viewed in Developer Tools.
 */

-const { app } = require('electron')
-const windows = require('./windows')
+var electron = require('electron')
+var windows = require('./windows')
+
+var app = electron.app

 function log (...args) {
  if (app.ipcReady) {
--- a/src/main/menu.js
+++ b/src/main/menu.js
@@ -1,29 +1,30 @@
 module.exports = {
  init,
-  togglePlaybackControls,
+  setPlayerOpen,
  setWindowFocus,
  setAllowNav,
-  onPlayerUpdate,
  onToggleAlwaysOnTop,
  onToggleFullScreen
 }

-const { app, Menu } = require('electron')
+var electron = require('electron')

-const config = require('../config')
-const windows = require('./windows')
+var app = electron.app

-let menu = null
+var config = require('../config')
+var dialog = require('./dialog')
+var shell = require('./shell')
+var windows = require('./windows')
+
+var menu

 function init () {
-  menu = Menu.buildFromTemplate(getMenuTemplate())
-  Menu.setApplicationMenu(menu)
+  menu = electron.Menu.buildFromTemplate(getMenuTemplate())
+  electron.Menu.setApplicationMenu(menu)
 }

-function togglePlaybackControls (flag) {
+function setPlayerOpen (flag) {
  getMenuItem('Play/Pause').enabled = flag
-  getMenuItem('Skip Next').enabled = flag
-  getMenuItem('Skip Previous').enabled = flag
  getMenuItem('Increase Volume').enabled = flag
  getMenuItem('Decrease Volume').enabled = flag
  getMenuItem('Step Forward').enabled = flag
@@ -31,16 +32,6 @@ function togglePlaybackControls (flag) {
  getMenuItem('Increase Speed').enabled = flag
  getMenuItem('Decrease Speed').enabled = flag
  getMenuItem('Add Subtitles File...').enabled = flag
-
-  if (flag === false) {
-    getMenuItem('Skip Next').enabled = false
-    getMenuItem('Skip Previous').enabled = false
-  }
-}
-
-function onPlayerUpdate (hasNext, hasPrevious) {
-  getMenuItem('Skip Next').enabled = hasNext
-  getMenuItem('Skip Previous').enabled = hasPrevious
 }

 function setWindowFocus (flag) {
@@ -68,15 +59,16 @@ function onToggleFullScreen (flag) {
 }

 function getMenuItem (label) {
-  for (const menuItem of menu.items) {
-    const submenuItem = menuItem.submenu.items.find(item => item.label === label)
-    if (submenuItem) return submenuItem
+  for (var i = 0; i < menu.items.length; i++) {
+    var menuItem = menu.items[i].submenu.items.find(function (item) {
+      return item.label === label
+    })
+    if (menuItem) return menuItem
  }
-  return {}
 }

 function getMenuTemplate () {
-  const template = [
+  var template = [
    {
      label: 'File',
      submenu: [
@@ -85,26 +77,17 @@ function getMenuTemplate () {
            ? 'Create New Torrent...'
            : 'Create New Torrent from Folder...',
          accelerator: 'CmdOrCtrl+N',
-          click: () => {
-            const dialog = require('./dialog')
-            dialog.openSeedDirectory()
-          }
+          click: () => dialog.openSeedDirectory()
        },
        {
          label: 'Open Torrent File...',
          accelerator: 'CmdOrCtrl+O',
-          click: () => {
-            const dialog = require('./dialog')
-            dialog.openTorrentFile()
-          }
+          click: () => dialog.openTorrentFile()
        },
        {
          label: 'Open Torrent Address...',
          accelerator: 'CmdOrCtrl+U',
-          click: () => {
-            const dialog = require('./dialog')
-            dialog.openTorrentAddress()
-          }
+          click: () => dialog.openTorrentAddress()
        },
        {
          type: 'separator'
@@ -204,21 +187,6 @@ function getMenuTemplate () {
        {
          type: 'separator'
        },
-        {
-          label: 'Skip Next',
-          accelerator: 'N',
-          click: () => windows.main.dispatch('nextTrack'),
-          enabled: false
-        },
-        {
-          label: 'Skip Previous',
-          accelerator: 'P',
-          click: () => windows.main.dispatch('previousTrack'),
-          enabled: false
-        },
-        {
-          type: 'separator'
-        },
        {
          label: 'Increase Volume',
          accelerator: 'CmdOrCtrl+Up',
@@ -275,75 +243,31 @@ function getMenuTemplate () {
        }
      ]
    },
-    {
-      label: 'Transfers',
-      submenu: [
-        {
-          label: 'Pause All',
-          click: () => windows.main.dispatch('pauseAllTorrents')
-        },
-        {
-          label: 'Resume All',
-          click: () => windows.main.dispatch('resumeAllTorrents')
-        },
-        {
-          label: 'Remove All From List',
-          click: () => windows.main.dispatch('confirmDeleteAllTorrents', false)
-        },
-        {
-          label: 'Remove All Data Files',
-          click: () => windows.main.dispatch('confirmDeleteAllTorrents', true)
-        }
-      ]
-    },
    {
      label: 'Help',
      role: 'help',
      submenu: [
        {
          label: 'Learn more about ' + config.APP_NAME,
-          click: () => {
-            const shell = require('./shell')
-            shell.openExternal(config.HOME_PAGE_URL)
-          }
-        },
-        {
-          label: 'Release Notes',
-          click: () => {
-            const shell = require('./shell')
-            shell.openExternal(config.GITHUB_URL_RELEASES)
-          }
+          click: () => shell.openExternal(config.HOME_PAGE_URL)
        },
        {
          label: 'Contribute on GitHub',
-          click: () => {
-            const shell = require('./shell')
-            shell.openExternal(config.GITHUB_URL)
-          }
+          click: () => shell.openExternal(config.GITHUB_URL)
        },
        {
          type: 'separator'
        },
        {
          label: 'Report an Issue...',
-          click: () => {
-            const shell = require('./shell')
-            shell.openExternal(config.GITHUB_URL_ISSUES)
-          }
-        },
-        {
-          label: 'Follow us on Twitter',
-          click: () => {
-            const shell = require('./shell')
-            shell.openExternal(config.TWITTER_PAGE_URL)
-          }
+          click: () => shell.openExternal(config.GITHUB_URL_ISSUES)
        }
      ]
    }
  ]

  if (process.platform === 'darwin') {
-    // WebTorrent menu (Mac)
+    // Add WebTorrent app menu (Mac)
    template.unshift({
      label: config.APP_NAME,
      submenu: [
@@ -362,7 +286,8 @@ function getMenuTemplate () {
          type: 'separator'
        },
        {
-          role: 'services'
+          role: 'services',
+          submenu: []
        },
        {
          type: 'separator'
@@ -385,26 +310,8 @@ function getMenuTemplate () {
      ]
    })

-    // Edit menu (Mac)
-    template[2].submenu.push(
-      {
-        type: 'separator'
-      },
-      {
-        label: 'Speech',
-        submenu: [
-          {
-            role: 'startspeaking'
-          },
-          {
-            role: 'stopspeaking'
-          }
-        ]
-      }
-    )
-
-    // Window menu (Mac)
-    template.splice(6, 0, {
+    // Add Window menu (Mac)
+    template.splice(5, 0, {
      role: 'window',
      submenu: [
        {
@@ -426,10 +333,7 @@ function getMenuTemplate () {
    // File menu (Windows, Linux)
    template[0].submenu.unshift({
      label: 'Create New Torrent from File...',
-      click: () => {
-        const dialog = require('./dialog')
-        dialog.openSeedFile()
-      }
+      click: () => dialog.openSeedFile()
    })

    // Edit menu (Windows, Linux)
@@ -444,7 +348,7 @@ function getMenuTemplate () {
      })

    // Help menu (Windows, Linux)
-    template[5].submenu.push(
+    template[4].submenu.push(
      {
        type: 'separator'
      },
--- a/src/main/power-save-blocker.js
+++ b/src/main/power-save-blocker.js
@@ -3,21 +3,21 @@ module.exports = {
  disable
 }

-const { powerSaveBlocker } = require('electron')
-const log = require('./log')
+var electron = require('electron')
+var log = require('./log')

-let blockId = 0
+var blockId = 0

 /**
 * Block the system from entering low-power (sleep) mode or turning off the
 * display.
 */
 function enable () {
-  if (powerSaveBlocker.isStarted(blockId)) {
+  if (electron.powerSaveBlocker.isStarted(blockId)) {
    // If a power saver block already exists, do nothing.
    return
  }
-  blockId = powerSaveBlocker.start('prevent-display-sleep')
+  blockId = electron.powerSaveBlocker.start('prevent-display-sleep')
  log(`powerSaveBlocker.enable: ${blockId}`)
 }

@@ -25,10 +25,10 @@ function enable () {
 * Stop blocking the system from entering low-power mode.
 */
 function disable () {
-  if (!powerSaveBlocker.isStarted(blockId)) {
+  if (!electron.powerSaveBlocker.isStarted(blockId)) {
    // If a power saver block does not exist, do nothing.
    return
  }
-  powerSaveBlocker.stop(blockId)
+  electron.powerSaveBlocker.stop(blockId)
  log(`powerSaveBlocker.disable: ${blockId}`)
 }
--- a/src/main/shell.js
+++ b/src/main/shell.js
@@ -1,28 +1,27 @@
 module.exports = {
  openExternal,
-  openPath,
+  openItem,
  showItemInFolder,
  moveItemToTrash
 }

-const { shell } = require('electron')
-const log = require('./log')
+var electron = require('electron')
+var log = require('./log')

 /**
 * Open the given external protocol URL in the desktop’s default manner.
 */
 function openExternal (url) {
  log(`openExternal: ${url}`)
-  shell.openExternal(url)
+  electron.shell.openExternal(url)
 }

 /**
 * Open the given file in the desktop’s default manner.
 */
-
-function openPath (path) {
-  log(`openPath: ${path}`)
-  shell.openPath(path)
+function openItem (path) {
+  log(`openItem: ${path}`)
+  electron.shell.openItem(path)
 }

 /**
@@ -30,7 +29,7 @@ function openPath (path) {
 */
 function showItemInFolder (path) {
  log(`showItemInFolder: ${path}`)
-  shell.showItemInFolder(path)
+  electron.shell.showItemInFolder(path)
 }

 /**
@@ -38,5 +37,5 @@ function showItemInFolder (path) {
 */
 function moveItemToTrash (path) {
  log(`moveItemToTrash: ${path}`)
-  shell.trashItem(path)
+  electron.shell.moveItemToTrash(path)
 }
--- a/src/main/shortcuts.js
+++ b/src/main/shortcuts.js
@@ -3,28 +3,18 @@ module.exports = {
  enable
 }

-const { globalShortcut } = require('electron')
-const windows = require('./windows')
+var electron = require('electron')
+var windows = require('./windows')

 function enable () {
  // Register play/pause media key, available on some keyboards.
-  globalShortcut.register(
+  electron.globalShortcut.register(
    'MediaPlayPause',
    () => windows.main.dispatch('playPause')
  )
-  globalShortcut.register(
-    'MediaNextTrack',
-    () => windows.main.dispatch('nextTrack')
-  )
-  globalShortcut.register(
-    'MediaPreviousTrack',
-    () => windows.main.dispatch('previousTrack')
-  )
 }

 function disable () {
  // Return the media key to the OS, so other apps can use it.
-  globalShortcut.unregister('MediaPlayPause')
-  globalShortcut.unregister('MediaNextTrack')
-  globalShortcut.unregister('MediaPreviousTrack')
+  electron.globalShortcut.unregister('MediaPlayPause')
 }
--- a/src/main/squirrel-win32.js
+++ b/src/main/squirrel-win32.js
@@ -2,39 +2,150 @@ module.exports = {
  handleEvent
 }

-const { app } = require('electron')
+var cp = require('child_process')
+var electron = require('electron')
+var fs = require('fs')
+var os = require('os')
+var path = require('path')

-const path = require('path')
-const spawn = require('child_process').spawn
+var app = electron.app

-const handlers = require('./handlers')
+var handlers = require('./handlers')

-const EXE_NAME = path.basename(process.execPath)
-const UPDATE_EXE = path.join(process.execPath, '..', '..', 'Update.exe')
-
-const run = (args, done) => {
-  spawn(UPDATE_EXE, args, { detached: true })
-    .on('close', done)
-}
+var EXE_NAME = path.basename(process.execPath)
+var UPDATE_EXE = path.join(process.execPath, '..', '..', 'Update.exe')

 function handleEvent (cmd) {
-  if (cmd === '--squirrel-install' || cmd === '--squirrel-updated') {
-    run([`--createShortcut=${EXE_NAME}`], app.quit)
+  if (cmd === '--squirrel-install') {
+    // App was installed. Install desktop/start menu shortcuts.
+    createShortcuts(function () {
+      // Ensure user sees install splash screen so they realize that Setup.exe actually
+      // installed an application and isn't the application itself.
+      setTimeout(function () {
+        app.quit()
+      }, 3000)
+    })
+    return true
+  }
+
+  if (cmd === '--squirrel-updated') {
+    // App was updated. (Called on new version of app)
+    updateShortcuts(function () {
+      app.quit()
+    })
    return true
  }

  if (cmd === '--squirrel-uninstall') {
+    // App was just uninstalled. Undo anything we did in the --squirrel-install and
+    // --squirrel-updated handlers
+
    // Uninstall .torrent file and magnet link handlers
    handlers.uninstall()

-    run([`--removeShortcut=${EXE_NAME}`], app.quit)
+    // Remove desktop/start menu shortcuts.
+    // HACK: add a callback to handlers.uninstall() so we can remove this setTimeout
+    setTimeout(function () {
+      removeShortcuts(function () {
+        app.quit()
+      })
+    }, 1000)
+
    return true
  }

  if (cmd === '--squirrel-obsolete') {
+    // App will be updated. (Called on outgoing version of app)
    app.quit()
    return true
  }

+  if (cmd === '--squirrel-firstrun') {
+    // App is running for the first time. Do not quit, allow startup to continue.
+    return false
+  }
+
  return false
 }
+
+/**
+ * Spawn a command and invoke the callback when it completes with an error and
+ * the output from standard out.
+ */
+function spawn (command, args, cb) {
+  var stdout = ''
+
+  var child
+  try {
+    child = cp.spawn(command, args)
+  } catch (err) {
+    // Spawn can throw an error
+    process.nextTick(function () {
+      cb(error, stdout)
+    })
+    return
+  }
+
+  child.stdout.on('data', function (data) {
+    stdout += data
+  })
+
+  var error = null
+  child.on('error', function (processError) {
+    error = processError
+  })
+  child.on('close', function (code, signal) {
+    if (code !== 0 && !error) error = new Error('Command failed: #{signal || code}')
+    if (error) error.stdout = stdout
+    cb(error, stdout)
+  })
+}
+
+/**
+ * Spawn the Squirrel `Update.exe` command with the given arguments and invoke
+ * the callback when the command completes.
+ */
+function spawnUpdate (args, cb) {
+  spawn(UPDATE_EXE, args, cb)
+}
+
+/**
+ * Create desktop and start menu shortcuts using the Squirrel `Update.exe`
+ * command.
+ */
+function createShortcuts (cb) {
+  spawnUpdate(['--createShortcut', EXE_NAME], cb)
+}
+
+/**
+ * Update desktop and start menu shortcuts using the Squirrel `Update.exe`
+ * command.
+ */
+function updateShortcuts (cb) {
+  var homeDir = os.homedir()
+  if (homeDir) {
+    var desktopShortcutPath = path.join(homeDir, 'Desktop', 'WebTorrent.lnk')
+    // If the desktop shortcut was deleted by the user, then keep it deleted.
+    fs.access(desktopShortcutPath, function (err) {
+      var desktopShortcutExists = !err
+      createShortcuts(function () {
+        if (desktopShortcutExists) {
+          cb()
+        } else {
+          // Remove the unwanted desktop shortcut that was recreated
+          fs.unlink(desktopShortcutPath, cb)
+        }
+      })
+    })
+  } else {
+    createShortcuts(cb)
+  }
+}
+
+/**
+ * Remove desktop and start menu shortcuts using the Squirrel `Update.exe`
+ * command.
+ */
+function removeShortcuts (cb) {
+  spawnUpdate(['--removeShortcut', EXE_NAME], cb)
+}
--- a/src/main/startup.js
+++ b/src/main/startup.js
@@ -1,28 +0,0 @@
-module.exports = {
-  install,
-  uninstall
-}
-
-const { APP_NAME } = require('../config')
-const AutoLaunch = require('auto-launch')
-
-const appLauncher = new AutoLaunch({
-  name: APP_NAME,
-  isHidden: true
-})
-
-function install () {
-  return appLauncher
-    .isEnabled()
-    .then(enabled => {
-      if (!enabled) return appLauncher.enable()
-    })
-}
-
-function uninstall () {
-  return appLauncher
-    .isEnabled()
-    .then(enabled => {
-      if (enabled) return appLauncher.disable()
-    })
-}
--- a/src/main/thumbar.js
+++ b/src/main/thumbar.js
@@ -2,8 +2,7 @@ module.exports = {
  disable,
  enable,
  onPlayerPause,
-  onPlayerPlay,
-  onPlayerUpdate
+  onPlayerPlay
 }

 /**
@@ -12,80 +11,44 @@ module.exports = {
 * or activating the window.
 */

-const path = require('path')
-const config = require('../config')
+var path = require('path')
+var config = require('../config')

-const windows = require('./windows')
-
-const PREV_ICON = path.join(config.STATIC_PATH, 'PreviousTrackThumbnailBarButton.png')
-const PLAY_ICON = path.join(config.STATIC_PATH, 'PlayThumbnailBarButton.png')
-const PAUSE_ICON = path.join(config.STATIC_PATH, 'PauseThumbnailBarButton.png')
-const NEXT_ICON = path.join(config.STATIC_PATH, 'NextTrackThumbnailBarButton.png')
-
-// Array indices for each button
-const PREV = 0
-const PLAY_PAUSE = 1
-const NEXT = 2
-
-let buttons = []
+var windows = require('./windows')

 /**
 * Show the Windows thumbnail toolbar buttons.
 */
 function enable () {
-  buttons = [
-    {
-      tooltip: 'Previous Track',
-      icon: PREV_ICON,
-      click: () => windows.main.dispatch('previousTrack')
-    },
-    {
-      tooltip: 'Pause',
-      icon: PAUSE_ICON,
-      click: () => windows.main.dispatch('playPause')
-    },
-    {
-      tooltip: 'Next Track',
-      icon: NEXT_ICON,
-      click: () => windows.main.dispatch('nextTrack')
-    }
-  ]
-  update()
+  update(false)
 }

 /**
 * Hide the Windows thumbnail toolbar buttons.
 */
 function disable () {
-  buttons = []
-  update()
+  windows.main.win.setThumbarButtons([])
 }

 function onPlayerPause () {
-  if (!isEnabled()) return
-  buttons[PLAY_PAUSE].tooltip = 'Play'
-  buttons[PLAY_PAUSE].icon = PLAY_ICON
-  update()
+  update(true)
 }

 function onPlayerPlay () {
-  if (!isEnabled()) return
-  buttons[PLAY_PAUSE].tooltip = 'Pause'
-  buttons[PLAY_PAUSE].icon = PAUSE_ICON
-  update()
+  update(false)
 }

-function onPlayerUpdate (state) {
-  if (!isEnabled()) return
-  buttons[PREV].flags = [state.hasPrevious ? 'enabled' : 'disabled']
-  buttons[NEXT].flags = [state.hasNext ? 'enabled' : 'disabled']
-  update()
-}
+function update (isPaused) {
+  var icon = isPaused
+    ? 'PlayThumbnailBarButton.png'
+    : 'PauseThumbnailBarButton.png'

-function isEnabled () {
-  return buttons.length > 0
-}
-
-function update () {
+  var buttons = [
+    {
+      tooltip: isPaused ? 'Play' : 'Pause',
+      icon: path.join(config.STATIC_PATH, icon),
+      click: () => windows.main.dispatch('playPause')
+    }
+  ]
  windows.main.win.setThumbarButtons(buttons)
 }
--- a/src/main/tray.js
+++ b/src/main/tray.js
@@ -4,12 +4,14 @@ module.exports = {
  setWindowFocus
 }

-const { app, Tray, Menu } = require('electron')
+var electron = require('electron')

-const config = require('../config')
-const windows = require('./windows')
+var app = electron.app

-let tray
+var config = require('../config')
+var windows = require('./windows')
+
+var tray

 function init () {
  if (process.platform === 'linux') {
@@ -34,8 +36,8 @@ function setWindowFocus (flag) {
 }

 function initLinux () {
-  checkLinuxTraySupport(err => {
-    if (!err) createTray()
+  checkLinuxTraySupport(function (supportsTray) {
+    if (supportsTray) createTray()
  })
 }

@@ -44,20 +46,24 @@ function initWin32 () {
 }

 /**
- * Check for libappindicator support before creating tray icon.
+ * Check for libappindicator1 support before creating tray icon
 */
 function checkLinuxTraySupport (cb) {
-  const cp = require('child_process')
+  var cp = require('child_process')

-  // Check that libappindicator libraries are installed in system.
-  cp.exec('ldconfig -p | grep libappindicator', (err, stdout) => {
-    if (err) return cb(err)
-    cb(null)
+  // Check that we're on Ubuntu (or another debian system) and that we have
+  // libappindicator1. If WebTorrent was installed from the deb file, we should
+  // always have it. If it was installed from the zip file, we might not.
+  cp.exec('dpkg --get-selections libappindicator1', function (err, stdout) {
+    if (err) return cb(false)
+    // Unfortunately there's no cleaner way, as far as I can tell, to check
+    // whether a debian package is installed:
+    cb(stdout.endsWith('\tinstall\n'))
  })
 }

 function createTray () {
-  tray = new Tray(getIconPath())
+  tray = new electron.Tray(getIconPath())

  // On Windows, left click opens the app, right click opens the context menu.
  // On Linux, any click (left or right) opens the context menu.
@@ -68,7 +74,7 @@ function createTray () {
 }

 function updateTrayMenu () {
-  const contextMenu = Menu.buildFromTemplate(getMenuTemplate())
+  var contextMenu = electron.Menu.buildFromTemplate(getMenuTemplate())
  tray.setContextMenu(contextMenu)
 }

--- a/src/main/updater.js
+++ b/src/main/updater.js
@@ -2,17 +2,16 @@ module.exports = {
  init
 }

-const { autoUpdater } = require('electron')
-const get = require('simple-get')
+var electron = require('electron')
+var get = require('simple-get')

-const config = require('../config')
-const log = require('./log')
-const windows = require('./windows')
+var config = require('../config')
+var log = require('./log')
+var windows = require('./windows')

-const AUTO_UPDATE_URL = config.AUTO_UPDATE_URL +
+var AUTO_UPDATE_URL = config.AUTO_UPDATE_URL +
  '?version=' + config.APP_VERSION +
-  '&platform=' + process.platform +
-  '&sysarch=' + config.OS_SYSARCH
+  '&platform=' + process.platform

 function init () {
  if (process.platform === 'linux') {
@@ -47,31 +46,31 @@ function onResponse (err, res, data) {
 }

 function initDarwinWin32 () {
-  autoUpdater.on(
+  electron.autoUpdater.on(
    'error',
    (err) => log.error(`Update error: ${err.message}`)
  )

-  autoUpdater.on(
+  electron.autoUpdater.on(
    'checking-for-update',
    () => log('Checking for update')
  )

-  autoUpdater.on(
+  electron.autoUpdater.on(
    'update-available',
    () => log('Update available')
  )

-  autoUpdater.on(
+  electron.autoUpdater.on(
    'update-not-available',
    () => log('No update available')
  )

-  autoUpdater.on(
+  electron.autoUpdater.on(
    'update-downloaded',
    (e, notes, name, date, url) => log(`Update downloaded: ${name}: ${url}`)
  )

-  autoUpdater.setFeedURL({ url: AUTO_UPDATE_URL })
-  autoUpdater.checkForUpdates()
+  electron.autoUpdater.setFeedURL(AUTO_UPDATE_URL)
+  electron.autoUpdater.checkForUpdates()
 }
--- a/src/main/user-tasks.js
+++ b/src/main/user-tasks.js
@@ -2,7 +2,9 @@ module.exports = {
  init
 }

-const { app } = require('electron')
+var electron = require('electron')
+
+var app = electron.app

 /**
 * Add a user task menu to the app icon on right-click. (Windows)
--- a/src/main/windows/about.js
+++ b/src/main/windows/about.js
@@ -1,21 +1,21 @@
-const about = module.exports = {
+var about = module.exports = {
  init,
  win: null
 }

-const config = require('../../config')
-const { BrowserWindow } = require('electron')
+var config = require('../../config')
+var electron = require('electron')

 function init () {
  if (about.win) {
    return about.win.show()
  }

-  const win = about.win = new BrowserWindow({
+  var win = about.win = new electron.BrowserWindow({
    backgroundColor: '#ECECEC',
    center: true,
    fullscreen: false,
-    height: 250,
+    height: 170,
    icon: getIconPath(),
    maximizable: false,
    minimizable: false,
@@ -24,28 +24,19 @@ function init () {
    skipTaskbar: true,
    title: 'About ' + config.APP_WINDOW_TITLE,
    useContentSize: true,
-    webPreferences: {
-      nodeIntegration: true,
-      contextIsolation: false,
-      enableBlinkFeatures: 'AudioVideoTracks',
-      enableRemoteModule: true,
-      backgroundThrottling: false
-    },
    width: 300
  })
-  require('@electron/remote/main').enable(win.webContents)

  win.loadURL(config.WINDOW_ABOUT)

-  win.once('ready-to-show', () => {
+  // No menu on the About window
+  win.setMenu(null)
+
+  win.webContents.once('did-finish-load', function () {
    win.show()
-    // No menu on the About window
-    // Hack: BrowserWindow removeMenu method not working on electron@7
-    // https://github.com/electron/electron/issues/21088
-    win.setMenuBarVisibility(false)
  })

-  win.once('closed', () => {
+  win.once('closed', function () {
    about.win = null
  })
 }
--- a/src/main/windows/main.js
+++ b/src/main/windows/main.js
@@ -1,4 +1,4 @@
-const main = module.exports = {
+var main = module.exports = {
  dispatch,
  hide,
  init,
@@ -14,99 +14,65 @@ const main = module.exports = {
  win: null
 }

-const { app, BrowserWindow, screen } = require('electron')
-const debounce = require('debounce')
+var electron = require('electron')

-const config = require('../../config')
-const log = require('../log')
-const menu = require('../menu')
+var app = electron.app

-function init (state, options) {
+var config = require('../../config')
+var log = require('../log')
+var menu = require('../menu')
+var tray = require('../tray')
+
+var HEADER_HEIGHT = 38
+var TORRENT_HEIGHT = 100
+
+function init () {
  if (main.win) {
    return main.win.show()
  }
-
-  const initialBounds = Object.assign(config.WINDOW_INITIAL_BOUNDS, state.saved.bounds)
-
-  const win = main.win = new BrowserWindow({
+  var win = main.win = new electron.BrowserWindow({
    backgroundColor: '#282828',
    darkTheme: true, // Forces dark theme (GTK+3)
-    height: initialBounds.height,
    icon: getIconPath(), // Window icon (Windows, Linux)
-    minHeight: config.WINDOW_MIN_HEIGHT,
    minWidth: config.WINDOW_MIN_WIDTH,
-    show: false,
+    minHeight: config.WINDOW_MIN_HEIGHT,
    title: config.APP_WINDOW_TITLE,
-    titleBarStyle: 'hiddenInset', // Hide title bar (Mac)
+    titleBarStyle: 'hidden-inset', // Hide title bar (Mac)
    useContentSize: true, // Specify web page size without OS chrome
-    width: initialBounds.width,
-    webPreferences: {
-      nodeIntegration: true,
-      contextIsolation: false,
-      enableBlinkFeatures: 'AudioVideoTracks',
-      enableRemoteModule: true,
-      backgroundThrottling: false
-    },
-    x: initialBounds.x,
-    y: initialBounds.y
+    width: 500,
+    height: HEADER_HEIGHT + (TORRENT_HEIGHT * 6) // header height + 5 torrents
  })
-  require('@electron/remote/main').enable(win.webContents)

  win.loadURL(config.WINDOW_MAIN)

-  win.once('ready-to-show', () => {
-    if (!options.hidden) win.show()
-  })
+  if (win.setSheetOffset) win.setSheetOffset(HEADER_HEIGHT)

-  if (win.setSheetOffset) {
-    win.setSheetOffset(config.UI_HEADER_HEIGHT)
-  }
-
-  win.webContents.on('dom-ready', () => {
+  win.webContents.on('dom-ready', function () {
    menu.onToggleFullScreen(main.win.isFullScreen())
  })

-  win.webContents.on('will-navigate', (e) => {
-    // Prevent drag-and-drop from navigating the Electron window, which can happen
-    // before our drag-and-drop handlers have been initialized.
-    e.preventDefault()
-  })
-
  win.on('blur', onWindowBlur)
  win.on('focus', onWindowFocus)

  win.on('hide', onWindowBlur)
  win.on('show', onWindowFocus)

-  win.on('enter-full-screen', () => {
+  win.on('enter-full-screen', function () {
    menu.onToggleFullScreen(true)
    send('fullscreenChanged', true)
    win.setMenuBarVisibility(false)
  })

-  win.on('leave-full-screen', () => {
+  win.on('leave-full-screen', function () {
    menu.onToggleFullScreen(false)
    send('fullscreenChanged', false)
    win.setMenuBarVisibility(true)
  })

-  win.on('move', debounce(e => {
-    send('windowBoundsChanged', main.win.getBounds())
-  }, 1000))
-
-  win.on('resize', debounce(e => {
-    send('windowBoundsChanged', main.win.getBounds())
-  }, 1000))
-
-  win.on('close', e => {
-    if (process.platform !== 'darwin') {
-      const tray = require('../tray')
-      if (!tray.hasTray()) {
-        app.quit()
-        return
-      }
-    }
-    if (!app.isQuitting) {
+  win.on('close', function (e) {
+    if (process.platform !== 'darwin' && !tray.hasTray()) {
+      app.quit()
+    } else if (!app.isQuitting) {
      e.preventDefault()
      hide()
    }
@@ -119,7 +85,7 @@ function dispatch (...args) {

 function hide () {
  if (!main.win) return
-  dispatch('backToList')
+  main.win.send('dispatch', 'backToList')
  main.win.hide()
 }

@@ -143,29 +109,37 @@ function setAspectRatio (aspectRatio) {
 function setBounds (bounds, maximize) {
  // Do nothing in fullscreen
  if (!main.win || main.win.isFullScreen()) {
-    log('setBounds: not setting bounds because already in full screen mode')
+    log('setBounds: not setting bounds because we\'re in full screen')
    return
  }

  // Maximize or minimize, if the second argument is present
-  if (maximize === true && !main.win.isMaximized()) {
-    log('setBounds: maximizing')
-    main.win.maximize()
-  } else if (maximize === false && main.win.isMaximized()) {
-    log('setBounds: minimizing')
-    main.win.unmaximize()
+  var willBeMaximized
+  if (maximize === true) {
+    if (!main.win.isMaximized()) {
+      log('setBounds: maximizing')
+      main.win.maximize()
+    }
+    willBeMaximized = true
+  } else if (maximize === false) {
+    if (main.win.isMaximized()) {
+      log('setBounds: unmaximizing')
+      main.win.unmaximize()
+    }
+    willBeMaximized = false
+  } else {
+    willBeMaximized = main.win.isMaximized()
  }

-  const willBeMaximized = typeof maximize === 'boolean' ? maximize : main.win.isMaximized()
  // Assuming we're not maximized or maximizing, set the window size
  if (!willBeMaximized) {
-    log(`setBounds: setting bounds to ${JSON.stringify(bounds)}`)
+    log('setBounds: setting bounds to ' + JSON.stringify(bounds))
    if (bounds.x === null && bounds.y === null) {
      // X and Y not specified? By default, center on current screen
-      const scr = screen.getDisplayMatching(main.win.getBounds())
-      bounds.x = Math.round(scr.bounds.x + (scr.bounds.width / 2) - (bounds.width / 2))
-      bounds.y = Math.round(scr.bounds.y + (scr.bounds.height / 2) - (bounds.height / 2))
-      log(`setBounds: centered to ${JSON.stringify(bounds)}`)
+      var scr = electron.screen.getDisplayMatching(main.win.getBounds())
+      bounds.x = Math.round(scr.bounds.x + scr.bounds.width / 2 - bounds.width / 2)
+      bounds.y = Math.round(scr.bounds.y + scr.bounds.height / 2 - bounds.height / 2)
+      log('setBounds: centered to ' + JSON.stringify(bounds))
    }
    // Resize the window's content area (so window border doesn't need to be taken
    // into account)
@@ -214,7 +188,7 @@ function toggleDevTools () {
  if (main.win.webContents.isDevToolsOpened()) {
    main.win.webContents.closeDevTools()
  } else {
-    main.win.webContents.openDevTools({ mode: 'detach' })
+    main.win.webContents.openDevTools({ detach: true })
  }
 }

@@ -237,20 +211,12 @@ function toggleFullScreen (flag) {

 function onWindowBlur () {
  menu.setWindowFocus(false)
-
-  if (process.platform !== 'darwin') {
-    const tray = require('../tray')
-    tray.setWindowFocus(false)
-  }
+  tray.setWindowFocus(false)
 }

 function onWindowFocus () {
  menu.setWindowFocus(true)
-
-  if (process.platform !== 'darwin') {
-    const tray = require('../tray')
-    tray.setWindowFocus(true)
-  }
+  tray.setWindowFocus(true)
 }

 function getIconPath () {
--- a/src/main/windows/webtorrent.js
+++ b/src/main/windows/webtorrent.js
@@ -1,4 +1,4 @@
-const webtorrent = module.exports = {
+var webtorrent = module.exports = {
  init,
  send,
  show,
@@ -6,12 +6,13 @@ const webtorrent = module.exports = {
  win: null
 }

-const { app, BrowserWindow } = require('electron')
+var electron = require('electron')

-const config = require('../../config')
+var config = require('../../config')
+var log = require('../log')

 function init () {
-  const win = webtorrent.win = new BrowserWindow({
+  var win = webtorrent.win = new electron.BrowserWindow({
    backgroundColor: '#1E1E1E',
    center: true,
    fullscreen: false,
@@ -24,22 +25,14 @@ function init () {
    skipTaskbar: true,
    title: 'webtorrent-hidden-window',
    useContentSize: true,
-    webPreferences: {
-      nodeIntegration: true,
-      contextIsolation: false,
-      enableBlinkFeatures: 'AudioVideoTracks',
-      enableRemoteModule: true,
-      backgroundThrottling: false
-    },
    width: 150
  })
-  require('@electron/remote/main').enable(win.webContents)

  win.loadURL(config.WINDOW_WEBTORRENT)

  // Prevent killing the WebTorrent process
-  win.on('close', e => {
-    if (app.isQuitting) {
+  win.on('close', function (e) {
+    if (electron.app.isQuitting) {
      return
    }
    e.preventDefault()
@@ -59,10 +52,11 @@ function send (...args) {

 function toggleDevTools () {
  if (!webtorrent.win) return
+  log('toggleDevTools')
  if (webtorrent.win.webContents.isDevToolsOpened()) {
    webtorrent.win.webContents.closeDevTools()
    webtorrent.win.hide()
  } else {
-    webtorrent.win.webContents.openDevTools({ mode: 'detach' })
+    webtorrent.win.webContents.openDevTools({ detach: true })
  }
 }
--- a/src/renderer/components/Heading.js
+++ b/src/renderer/components/Heading.js
@@ -1,12 +1,11 @@
 const React = require('react')
-const PropTypes = require('prop-types')

 const colors = require('material-ui/styles/colors')

 class Heading extends React.Component {
  static get propTypes () {
    return {
-      level: PropTypes.number
+      level: React.PropTypes.number
    }
  }

@@ -18,14 +17,15 @@ class Heading extends React.Component {

  render () {
    const HeadingTag = 'h' + this.props.level
-    const style = {
-      color: colors.grey100,
-      fontSize: 20,
-      marginBottom: 15,
-      marginTop: 30
-    }
    return (
-      <HeadingTag style={style}>
+      <HeadingTag
+        style={{
+          color: colors.grey100,
+          fontSize: 20,
+          marginBottom: 15,
+          marginTop: 30
+        }}
+      >
        {this.props.children}
      </HeadingTag>
    )
--- a/src/renderer/components/PathSelector.js
+++ b/src/renderer/components/PathSelector.js
@@ -0,0 +1,93 @@
+const colors = require('material-ui/styles/colors')
+const electron = require('electron')
+const React = require('react')
+
+const remote = electron.remote
+
+const RaisedButton = require('material-ui/RaisedButton').default
+const TextField = require('material-ui/TextField').default
+
+class PathSelector extends React.Component {
+  static get propTypes () {
+    return {
+      className: React.PropTypes.string,
+      dialog: React.PropTypes.object,
+      displayValue: React.PropTypes.string,
+      id: React.PropTypes.string,
+      onChange: React.PropTypes.func,
+      title: React.PropTypes.string.isRequired,
+      value: React.PropTypes.string
+    }
+  }
+
+  constructor (props) {
+    super(props)
+    this.handleClick = this.handleClick.bind(this)
+  }
+
+  handleClick () {
+    var opts = Object.assign({
+      defaultPath: this.props.value,
+      properties: [ 'openFile', 'openDirectory' ]
+    }, this.props.dialog)
+
+    remote.dialog.showOpenDialog(
+      remote.getCurrentWindow(),
+      opts,
+      (filenames) => {
+        if (!Array.isArray(filenames)) return
+        this.props.onChange && this.props.onChange(filenames[0])
+      }
+    )
+  }
+
+  render () {
+    const id = this.props.title.replace(' ', '-').toLowerCase()
+    return (
+      <div
+        className={this.props.className}
+        style={{
+          alignItems: 'center',
+          display: 'flex',
+          width: '100%'
+        }}
+      >
+        <div
+          className='label'
+          style={{
+            flex: '0 auto',
+            marginRight: 10,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }}
+        >
+          {this.props.title}:
+        </div>
+        <TextField
+          className='control'
+          disabled
+          id={id}
+          inputStyle={{
+            color: colors.grey50
+          }}
+          style={{
+            flex: '1',
+            fontSize: 14
+          }}
+          value={this.props.displayValue || this.props.value}
+        />
+        <RaisedButton
+          className='control'
+          label='Change'
+          onClick={this.handleClick}
+          style={{
+            marginLeft: 10
+          }}
+        />
+      </div>
+    )
+  }
+}
+
+module.exports = PathSelector
--- a/src/renderer/components/show-more.js
+++ b/src/renderer/components/show-more.js
@@ -1,14 +1,13 @@
 const React = require('react')
-const PropTypes = require('prop-types')

-const RaisedButton = require('material-ui/RaisedButton').default
+const FlatButton = require('material-ui/FlatButton').default

 class ShowMore extends React.Component {
  static get propTypes () {
    return {
-      defaultExpanded: PropTypes.bool,
-      hideLabel: PropTypes.string,
-      showLabel: PropTypes.string
+      defaultExpanded: React.PropTypes.bool,
+      hideLabel: React.PropTypes.string,
+      showLabel: React.PropTypes.string
    }
  }

@@ -40,10 +39,11 @@ class ShowMore extends React.Component {
      ? this.props.hideLabel
      : this.props.showLabel
    return (
-      <div className='show-more' style={this.props.style}>
+      <div
+        style={this.props.style}
+      >
        {this.state.expanded ? this.props.children : null}
-        <RaisedButton
-          className='control'
+        <FlatButton
          onClick={this.handleClick}
          label={label}
        />
--- a/src/renderer/components/create-torrent-error-page.js
+++ b/src/renderer/components/create-torrent-error-page.js
@@ -1,6 +1,6 @@
 const React = require('react')

-const { dispatcher } = require('../lib/dispatcher')
+const {dispatcher} = require('../lib/dispatcher')

 module.exports = class CreateTorrentErrorPage extends React.Component {
  render () {
--- a/src/renderer/components/delete-all-torrents-modal.js
+++ b/src/renderer/components/delete-all-torrents-modal.js
@@ -1,31 +0,0 @@
-const React = require('react')
-
-const ModalOKCancel = require('./modal-ok-cancel')
-const { dispatch, dispatcher } = require('../lib/dispatcher')
-
-module.exports = class DeleteAllTorrentsModal extends React.Component {
-  render () {
-    const { state: { modal: { deleteData } } } = this.props
-    const message = deleteData
-      ? 'Are you sure you want to remove all the torrents from the list and delete the data files?'
-      : 'Are you sure you want to remove all the torrents from the list?'
-    const buttonText = deleteData ? 'REMOVE DATA' : 'REMOVE'
-
-    return (
-      <div>
-        <p><strong>{message}</strong></p>
-        <ModalOKCancel
-          cancelText='CANCEL'
-          onCancel={dispatcher('exitModal')}
-          okText={buttonText}
-          onOK={handleRemove}
-        />
-      </div>
-    )
-
-    function handleRemove () {
-      dispatch('deleteAllTorrents', deleteData)
-      dispatch('exitModal')
-    }
-  }
-}
--- a/src/renderer/components/header.js
+++ b/src/renderer/components/header.js
@@ -1,38 +1,24 @@
 const React = require('react')

-const { dispatcher } = require('../lib/dispatcher')
+const {dispatcher} = require('../lib/dispatcher')

 class Header extends React.Component {
  render () {
-    const loc = this.props.state.location
+    var loc = this.props.state.location
    return (
-      <div
-        className='header'
-        onMouseMove={dispatcher('mediaMouseMoved')}
-        onMouseEnter={dispatcher('mediaControlsMouseEnter')}
-        onMouseLeave={dispatcher('mediaControlsMouseLeave')}
-        role='navigation'
-      >
+      <div className='header'>
        {this.getTitle()}
        <div className='nav left float-left'>
          <i
            className={'icon back ' + (loc.hasBack() ? '' : 'disabled')}
            title='Back'
-            onClick={dispatcher('back')}
-            role='button'
-            aria-disabled={!loc.hasBack()}
-            aria-label='Back'
-          >
+            onClick={dispatcher('back')}>
            chevron_left
          </i>
          <i
            className={'icon forward ' + (loc.hasForward() ? '' : 'disabled')}
            title='Forward'
-            onClick={dispatcher('forward')}
-            role='button'
-            aria-disabled={!loc.hasForward()}
-            aria-label='Forward'
-          >
+            onClick={dispatcher('forward')}>
            chevron_right
          </i>
        </div>
@@ -45,20 +31,18 @@ class Header extends React.Component {

  getTitle () {
    if (process.platform !== 'darwin') return null
-    const state = this.props.state
+    var state = this.props.state
    return (<div className='title ellipsis'>{state.window.title}</div>)
  }

  getAddButton () {
-    const state = this.props.state
+    var state = this.props.state
    if (state.location.url() !== 'home') return null
    return (
      <i
        className='icon add'
        title='Add torrent'
-        onClick={dispatcher('openFiles')}
-        role='button'
-      >
+        onClick={dispatcher('openFiles')}>
        add
      </i>
    )
--- a/src/renderer/components/modal-ok-cancel.js
+++ b/src/renderer/components/modal-ok-cancel.js
@@ -1,27 +0,0 @@
-const React = require('react')
-const FlatButton = require('material-ui/FlatButton').default
-const RaisedButton = require('material-ui/RaisedButton').default
-
-module.exports = class ModalOKCancel extends React.Component {
-  render () {
-    const cancelStyle = { marginRight: 10, color: 'black' }
-    const { cancelText, onCancel, okText, onOK } = this.props
-    return (
-      <div className='float-right'>
-        <FlatButton
-          className='control cancel'
-          style={cancelStyle}
-          label={cancelText}
-          onClick={onCancel}
-        />
-        <RaisedButton
-          className='control ok'
-          primary
-          label={okText}
-          onClick={onOK}
-          autoFocus
-        />
-      </div>
-    )
-  }
-}
--- a/src/renderer/components/open-torrent-address-modal.js
+++ b/src/renderer/components/open-torrent-address-modal.js
@@ -1,51 +1,32 @@
 const React = require('react')
-const TextField = require('material-ui/TextField').default
-const { clipboard } = require('electron')

-const ModalOKCancel = require('./modal-ok-cancel')
-const { dispatch, dispatcher } = require('../lib/dispatcher')
-const { isMagnetLink } = require('../lib/torrent-player')
+const {dispatch, dispatcher} = require('../lib/dispatcher')

 module.exports = class OpenTorrentAddressModal extends React.Component {
  render () {
+    // TODO: dcposch remove janky inline <script>
    return (
      <div className='open-torrent-address-modal'>
        <p><label>Enter torrent address or magnet link</label></p>
-        <div>
-          <TextField
-            id='torrent-address-field'
-            className='control'
-            ref={(c) => { this.torrentURL = c }}
-            fullWidth
-            onKeyDown={handleKeyDown.bind(this)}
-          />
-        </div>
-        <ModalOKCancel
-          cancelText='CANCEL'
-          onCancel={dispatcher('exitModal')}
-          okText='OK'
-          onOK={handleOK.bind(this)}
-        />
+        <p>
+          <input id='add-torrent-url' type='text' onKeyPress={handleKeyPress} />
+        </p>
+        <p className='float-right'>
+          <button className='button button-flat' onClick={dispatcher('exitModal')}>Cancel</button>
+          <button className='button button-raised' onClick={handleOK}>OK</button>
+        </p>
+        <script>document.querySelector('#add-torrent-url').focus()</script>
      </div>
    )
  }
-
-  componentDidMount () {
-    this.torrentURL.input.focus()
-    const clipboardContent = clipboard.readText()
-
-    if (isMagnetLink(clipboardContent)) {
-      this.torrentURL.input.value = clipboardContent
-      this.torrentURL.input.select()
-    }
-  }
 }

-function handleKeyDown (e) {
-  if (e.which === 13) handleOK.call(this) /* hit Enter to submit */
+function handleKeyPress (e) {
+  if (e.which === 13) handleOK() /* hit Enter to submit */
 }

 function handleOK () {
  dispatch('exitModal')
-  dispatch('addTorrent', this.torrentURL.input.value)
+  // TODO: dcposch use React refs instead
+  dispatch('addTorrent', document.querySelector('#add-torrent-url').value)
 }
--- a/src/renderer/components/path-selector.js
+++ b/src/renderer/components/path-selector.js
@@ -1,85 +0,0 @@
-const path = require('path')
-
-const colors = require('material-ui/styles/colors')
-const remote = require('@electron/remote')
-const React = require('react')
-const PropTypes = require('prop-types')
-
-const RaisedButton = require('material-ui/RaisedButton').default
-const TextField = require('material-ui/TextField').default
-
-// Lets you pick a file or directory.
-// Uses the system Open File dialog.
-// You can't edit the text field directly.
-class PathSelector extends React.Component {
-  static propTypes () {
-    return {
-      className: PropTypes.string,
-      dialog: PropTypes.object,
-      id: PropTypes.string,
-      onChange: PropTypes.func,
-      title: PropTypes.string.isRequired,
-      value: PropTypes.string
-    }
-  }
-
-  constructor (props) {
-    super(props)
-    this.handleClick = this.handleClick.bind(this)
-  }
-
-  handleClick () {
-    const opts = Object.assign({
-      defaultPath: path.dirname(this.props.value || ''),
-      properties: ['openFile', 'openDirectory']
-    }, this.props.dialog)
-
-    const filenames = remote.dialog.showOpenDialogSync(remote.getCurrentWindow(), opts)
-    if (!Array.isArray(filenames)) return
-    this.props.onChange && this.props.onChange(filenames[0])
-  }
-
-  render () {
-    const id = this.props.title.replace(' ', '-').toLowerCase()
-    const wrapperStyle = {
-      alignItems: 'center',
-      display: 'flex',
-      width: '100%'
-    }
-    const labelStyle = {
-      flex: '0 auto',
-      marginRight: 10,
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    }
-    const textareaStyle = {
-      color: colors.grey50
-    }
-    const textFieldStyle = {
-      flex: '1'
-    }
-    const text = this.props.value || ''
-    const buttonStyle = {
-      marginLeft: 10
-    }
-
-    return (
-      <div className={this.props.className} style={wrapperStyle}>
-        <div className='label' style={labelStyle}>
-          {this.props.title}:
-        </div>
-        <TextField
-          className='control' disabled id={id} value={text}
-          inputStyle={textareaStyle} style={textFieldStyle}
-        />
-        <RaisedButton
-          className='control' label='Change' onClick={this.handleClick}
-          style={buttonStyle}
-        />
-      </div>
-    )
-  }
-}
-
-module.exports = PathSelector
--- a/src/renderer/components/remove-torrent-modal.js
+++ b/src/renderer/components/remove-torrent-modal.js
@@ -1,25 +1,22 @@
 const React = require('react')

-const ModalOKCancel = require('./modal-ok-cancel')
-const { dispatch, dispatcher } = require('../lib/dispatcher')
+const {dispatch, dispatcher} = require('../lib/dispatcher')

 module.exports = class RemoveTorrentModal extends React.Component {
  render () {
-    const state = this.props.state
-    const message = state.modal.deleteData
+    var state = this.props.state
+    var message = state.modal.deleteData
      ? 'Are you sure you want to remove this torrent from the list and delete the data file?'
      : 'Are you sure you want to remove this torrent from the list?'
-    const buttonText = state.modal.deleteData ? 'REMOVE DATA' : 'REMOVE'
+    var buttonText = state.modal.deleteData ? 'Remove Data' : 'Remove'

    return (
      <div>
        <p><strong>{message}</strong></p>
-        <ModalOKCancel
-          cancelText='CANCEL'
-          onCancel={dispatcher('exitModal')}
-          okText={buttonText}
-          onOK={handleRemove}
-        />
+        <p className='float-right'>
+          <button className='button button-flat' onClick={dispatcher('exitModal')}>Cancel</button>
+          <button className='button button-raised' onClick={handleRemove}>{buttonText}</button>
+        </p>
      </div>
    )

--- a/src/renderer/components/unsupported-media-modal.js
+++ b/src/renderer/components/unsupported-media-modal.js
@@ -1,45 +1,44 @@
 const React = require('react')
-const { shell } = require('electron')
+const electron = require('electron')
+const path = require('path')

-const ModalOKCancel = require('./modal-ok-cancel')
-const { dispatcher } = require('../lib/dispatcher')
+const {dispatcher} = require('../lib/dispatcher')

 module.exports = class UnsupportedMediaModal extends React.Component {
  render () {
-    const state = this.props.state
-    const err = state.modal.error
-    const message = (err && err.getMessage)
+    var state = this.props.state
+    var err = state.modal.error
+    var message = (err && err.getMessage)
      ? err.getMessage()
      : err
-    const onAction = state.modal.externalPlayerInstalled
-      ? dispatcher('openExternalPlayer')
-      : () => this.onInstall()
-    const actionText = state.modal.externalPlayerInstalled
-      ? 'PLAY IN ' + state.getExternalPlayerName().toUpperCase()
-      : 'INSTALL VLC'
-    const errorMessage = state.modal.externalPlayerNotFound
+    var playerPath = state.saved.prefs.externalPlayerPath
+    var playerName = playerPath
+      ? path.basename(playerPath).split('.')[0]
+      : 'VLC'
+    var actionButton = state.modal.externalPlayerInstalled
+      ? (<button className='button-raised' onClick={dispatcher('openExternalPlayer')}>Play in {playerName}</button>)
+      : (<button className='button-raised' onClick={() => this.onInstall}>Install VLC</button>)
+    var playerMessage = state.modal.externalPlayerNotFound
      ? 'Couldn\'t run external player. Please make sure it\'s installed.'
      : ''
    return (
      <div>
        <p><strong>Sorry, we can't play that file.</strong></p>
        <p>{message}</p>
-        <ModalOKCancel
-          cancelText='CANCEL'
-          onCancel={dispatcher('backToList')}
-          okText={actionText}
-          onOK={onAction}
-        />
-        <p className='error-text'>{errorMessage}</p>
+        <p className='float-right'>
+          <button className='button-flat' onClick={dispatcher('backToList')}>Cancel</button>
+          {actionButton}
+        </p>
+        <p className='error-text'>{playerMessage}</p>
      </div>
    )
  }

  onInstall () {
-    shell.openExternal('https://www.videolan.org/vlc/')
+    electron.shell.openExternal('http://www.videolan.org/vlc/')

    // TODO: dcposch send a dispatch rather than modifying state directly
-    const state = this.props.state
+    var state = this.props.state
    state.modal.externalPlayerInstalled = true // Assume they'll install it successfully
  }
 }
--- a/src/renderer/components/update-available-modal.js
+++ b/src/renderer/components/update-available-modal.js
@@ -1,31 +1,24 @@
 const React = require('react')
-const { shell } = require('electron')
+const electron = require('electron')

-const ModalOKCancel = require('./modal-ok-cancel')
-const { dispatch } = require('../lib/dispatcher')
+const {dispatch} = require('../lib/dispatcher')

 module.exports = class UpdateAvailableModal extends React.Component {
  render () {
-    const state = this.props.state
+    var state = this.props.state
    return (
      <div className='update-available-modal'>
        <p><strong>A new version of WebTorrent is available: v{state.modal.version}</strong></p>
-        <p>
-          We have an auto-updater for Windows and Mac.
-          We don't have one for Linux yet, so you'll have to download the new version manually.
+        <p>We have an auto-updater for Windows and Mac. We don't have one for Linux yet, so you'll have to download the new version manually.</p>
+        <p className='float-right'>
+          <button className='button button-flat' onClick={handleSkip}>Skip This Release</button>
+          <button className='button button-raised' onClick={handleShow}>Show Download Page</button>
        </p>
-        <ModalOKCancel
-          cancelText='SKIP THIS RELEASE'
-          onCancel={handleSkip}
-          okText='SHOW DOWNLOAD PAGE'
-          onOK={handleShow}
-        />
      </div>
    )

    function handleShow () {
-      // TODO: use the GitHub urls from config.js
-      shell.openExternal('https://github.com/webtorrent/webtorrent-desktop/releases')
+      electron.shell.openExternal('https://github.com/feross/webtorrent-desktop/releases')
      dispatch('exitModal')
    }

--- a/src/renderer/controllers/audio-tracks-controller.js
+++ b/src/renderer/controllers/audio-tracks-controller.js
@@ -1,17 +0,0 @@
-const { dispatch } = require('../lib/dispatcher')
-
-module.exports = class AudioTracksController {
-  constructor (state) {
-    this.state = state
-  }
-
-  selectAudioTrack (ix) {
-    this.state.playing.audioTracks.selectedIndex = ix
-    dispatch('skip', 0.2) // HACK: hardcoded seek value for smooth audio change
-  }
-
-  toggleAudioTracksMenu () {
-    const audioTracks = this.state.playing.audioTracks
-    audioTracks.showMenu = !audioTracks.showMenu
-  }
-}
--- a/src/renderer/controllers/folder-watcher-controller.js
+++ b/src/renderer/controllers/folder-watcher-controller.js
@@ -1,13 +0,0 @@
-const { ipcRenderer } = require('electron')
-
-module.exports = class FolderWatcherController {
-  start () {
-    console.log('-- IPC: start folder watcher')
-    ipcRenderer.send('startFolderWatcher')
-  }
-
-  stop () {
-    console.log('-- IPC: stop folder watcher')
-    ipcRenderer.send('stopFolderWatcher')
-  }
-}
--- a/src/renderer/controllers/media-controller.js
+++ b/src/renderer/controllers/media-controller.js
@@ -1,6 +1,6 @@
-const { ipcRenderer } = require('electron')
-const telemetry = require('../lib/telemetry')
-const Playlist = require('../lib/playlist')
+const electron = require('electron')
+
+const ipcRenderer = electron.ipcRenderer

 // Controls local play back: the <video>/<audio> tag and VLC
 // Does not control remote casting (Chromecast etc)
@@ -10,7 +10,7 @@ module.exports = class MediaController {
  }

  mediaSuccess () {
-    telemetry.logPlayAttempt('success')
+    this.state.playing.result = 'success'
  }

  mediaStalled () {
@@ -18,15 +18,15 @@ module.exports = class MediaController {
  }

  mediaError (error) {
-    const state = this.state
+    var state = this.state
    if (state.location.url() === 'player') {
-      telemetry.logPlayAttempt('error')
+      state.playing.result = 'error'
      state.playing.location = 'error'
      ipcRenderer.send('checkForExternalPlayer', state.saved.prefs.externalPlayerPath)
-      ipcRenderer.once('checkForExternalPlayer', (e, isInstalled) => {
+      ipcRenderer.once('checkForExternalPlayer', function (e, isInstalled) {
        state.modal = {
          id: 'unsupported-media-modal',
-          error,
+          error: error,
          externalPlayerInstalled: isInstalled
        }
      })
@@ -42,37 +42,14 @@ module.exports = class MediaController {
    this.state.playing.mouseStationarySince = new Date().getTime()
  }

-  controlsMouseEnter () {
-    this.state.playing.mouseInControls = true
-    this.state.playing.mouseStationarySince = new Date().getTime()
-  }
-
-  controlsMouseLeave () {
-    this.state.playing.mouseInControls = false
-    this.state.playing.mouseStationarySince = new Date().getTime()
-  }
-
  openExternalPlayer () {
-    const state = this.state
+    var state = this.state
+    ipcRenderer.send('openExternalPlayer', state.saved.prefs.externalPlayerPath, state.server.localURL, state.window.title)
    state.playing.location = 'external'
-
-    const onServerRunning = () => {
-      state.playing.isReady = true
-      telemetry.logPlayAttempt('external')
-
-      const mediaURL = Playlist.getCurrentLocalURL(state)
-      ipcRenderer.send('openExternalPlayer',
-        state.saved.prefs.externalPlayerPath,
-        mediaURL,
-        state.window.title)
-    }
-
-    if (state.server != null) onServerRunning()
-    else ipcRenderer.once('wt-server-running', onServerRunning)
  }

  externalPlayerNotFound () {
-    const modal = this.state.modal
+    var modal = this.state.modal
    if (modal && modal.id === 'unsupported-media-modal') {
      modal.externalPlayerNotFound = true
    }
--- a/src/renderer/controllers/playback-controller.js
+++ b/src/renderer/controllers/playback-controller.js
@@ -1,16 +1,17 @@
-const { ipcRenderer } = require('electron')
+const electron = require('electron')
 const path = require('path')

 const Cast = require('../lib/cast')
-const { dispatch } = require('../lib/dispatcher')
+const {dispatch} = require('../lib/dispatcher')
 const telemetry = require('../lib/telemetry')
-const { UnplayableFileError, UnplayableTorrentError } = require('../lib/errors')
+const errors = require('../lib/errors')
 const sound = require('../lib/sound')
 const TorrentPlayer = require('../lib/torrent-player')
 const TorrentSummary = require('../lib/torrent-summary')
-const Playlist = require('../lib/playlist')
 const State = require('../lib/state')

+const ipcRenderer = electron.ipcRenderer
+
 // Controls playback of torrents and files within torrents
 // both local (<video>,<audio>,external player) and remote (cast)
 module.exports = class PlaybackController {
@@ -23,58 +24,37 @@ module.exports = class PlaybackController {
  // Play a file in a torrent.
  // * Start torrenting, if necessary
  // * Stream, if not already fully downloaded
-  // * If no file index is provided, restore the most recently viewed file or autoplay the first
+  // * If no file index is provided, pick the default file to play
  playFile (infoHash, index /* optional */) {
-    this.pauseActiveTorrents(infoHash)
-
-    const state = this.state
-    if (state.location.url() === 'player') {
-      this.updatePlayer(infoHash, index, false, (err) => {
-        if (err) dispatch('error', err)
-        else this.play()
-      })
-    } else {
-      let initialized = false
-      state.location.go({
-        url: 'player',
-        setup: (cb) => {
-          const torrentSummary = TorrentSummary.getByKey(state, infoHash)
-
-          if (index === undefined || initialized) index = torrentSummary.mostRecentFileIndex
-          if (index === undefined) index = torrentSummary.files.findIndex(TorrentPlayer.isPlayable)
-          if (index === undefined) return cb(new UnplayableTorrentError())
-
-          initialized = true
-
-          this.openPlayer(infoHash, index, (err) => {
-            if (!err) this.play()
-            cb(err)
-          })
-        },
-        destroy: () => this.closePlayer()
-      }, (err) => {
-        if (err) dispatch('error', err)
-      })
-    }
+    this.state.location.go({
+      url: 'player',
+      setup: (cb) => {
+        this.play()
+        this.openPlayer(infoHash, index, cb)
+      },
+      destroy: () => this.closePlayer()
+    }, (err) => {
+      if (err) dispatch('error', err)
+    })
  }

  // Open a file in OS default app.
-  openPath (infoHash, index) {
-    const torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
-    const filePath = path.join(
+  openItem (infoHash, index) {
+    var torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
+    var filePath = path.join(
      torrentSummary.path,
      torrentSummary.files[index].path)
-    ipcRenderer.send('openPath', filePath)
+    ipcRenderer.send('openItem', filePath)
  }

  // Toggle (play or pause) the currently playing media
  playPause () {
-    const state = this.state
+    var state = this.state
    if (state.location.url() !== 'player') return

    // force rerendering if window is hidden,
    // in order to bypass `raf` and play/pause media immediately
-    const mediaTag = document.querySelector('video,audio')
+    var mediaTag = document.querySelector('video,audio')
    if (!state.window.isVisible && mediaTag) {
      if (state.playing.isPaused) mediaTag.play()
      else mediaTag.pause()
@@ -84,44 +64,9 @@ module.exports = class PlaybackController {
    else this.pause()
  }

-  pauseActiveTorrents (infoHash) {
-    // Playback Priority: pause all active torrents if needed.
-    if (!this.state.saved.prefs.highestPlaybackPriority) return
-
-    // Do not pause active torrents if playing a fully downloaded torrent.
-    const torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
-    if (torrentSummary.status === 'seeding') return
-
-    dispatch('prioritizeTorrent', infoHash)
-  }
-
-  // Play next file in list (if any)
-  nextTrack () {
-    const state = this.state
-    if (Playlist.hasNext(state) && state.playing.location !== 'external') {
-      this.updatePlayer(
-        state.playing.infoHash, Playlist.getNextIndex(state), false, (err) => {
-          if (err) dispatch('error', err)
-          else this.play()
-        })
-    }
-  }
-
-  // Play previous track in list (if any)
-  previousTrack () {
-    const state = this.state
-    if (Playlist.hasPrevious(state) && state.playing.location !== 'external') {
-      this.updatePlayer(
-        state.playing.infoHash, Playlist.getPreviousIndex(state), false, (err) => {
-          if (err) dispatch('error', err)
-          else this.play()
-        })
-    }
-  }
-
  // Play (unpause) the current media
  play () {
-    const state = this.state
+    var state = this.state
    if (!state.playing.isPaused) return
    state.playing.isPaused = false
    if (isCasting(state)) {
@@ -132,7 +77,7 @@ module.exports = class PlaybackController {

  // Pause the currently playing media
  pause () {
-    const state = this.state
+    var state = this.state
    if (state.playing.isPaused) return
    state.playing.isPaused = true
    if (isCasting(state)) {
@@ -156,42 +101,30 @@ module.exports = class PlaybackController {
    else this.state.playing.jumpToTime = time
  }

-  // Show video preview
-  preview (x) {
-    if (!Number.isFinite(x)) {
-      console.error('Tried to preview a non-finite position ' + x)
-      return console.trace()
-    }
-    this.state.playing.previewXCoord = x
-  }
-
-  // Hide video preview
-  clearPreview () {
-    this.state.playing.previewXCoord = null
-  }
-
  // Change playback speed. 1 = faster, -1 = slower
  // Playback speed ranges from 16 (fast forward) to 1 (normal playback)
  // to 0.25 (quarter-speed playback), then goes to -0.25, -0.5, -1, -2, etc
  // until -16 (fast rewind)
  changePlaybackRate (direction) {
-    const state = this.state
-    let rate = state.playing.playbackRate
-    if (direction > 0 && rate < 2) {
+    var state = this.state
+    var rate = state.playing.playbackRate
+    if (direction > 0 && rate >= 0.25 && rate < 2) {
      rate += 0.25
    } else if (direction < 0 && rate > 0.25 && rate <= 2) {
      rate -= 0.25
-    } else if (direction > 0 && rate >= 1 && rate < 16) {
+    } else if (direction < 0 && rate === 0.25) { /* when we set playback rate at 0 in html 5, playback hangs ;( */
+      rate = -1
+    } else if (direction > 0 && rate === -1) {
+      rate = 0.25
+    } else if ((direction > 0 && rate >= 1 && rate < 16) || (direction < 0 && rate > -16 && rate <= -1)) {
      rate *= 2
-    } else if (direction < 0 && rate > 1 && rate <= 16) {
+    } else if ((direction < 0 && rate > 1 && rate <= 16) || (direction > 0 && rate >= -16 && rate < -1)) {
      rate /= 2
    }
    state.playing.playbackRate = rate
    if (isCasting(state) && !Cast.setRate(rate)) {
      state.playing.playbackRate = 1
    }
-    // Wait a bit before we hide the controls and header again
-    state.playing.mouseStationarySince = new Date().getTime()
  }

  // Change the volume, in range [0, 1], by some amount
@@ -206,7 +139,7 @@ module.exports = class PlaybackController {
    // check if its in [0.0 - 1.0] range
    volume = Math.max(0, Math.min(1, volume))

-    const state = this.state
+    var state = this.state
    if (isCasting(state)) {
      Cast.setVolume(volume)
    } else {
@@ -220,8 +153,12 @@ module.exports = class PlaybackController {
  // * The video is paused
  // * The video is playing remotely on Chromecast or Airplay
  showOrHidePlayerControls () {
-    const state = this.state
-    const hideControls = state.shouldHidePlayerControls()
+    var state = this.state
+    var hideControls = state.location.url() === 'player' &&
+      state.playing.mouseStationarySince !== 0 &&
+      new Date().getTime() - state.playing.mouseStationarySince > 2000 &&
+      !state.playing.isPaused &&
+      state.playing.location === 'local'

    if (hideControls !== state.playing.hideControls) {
      state.playing.hideControls = hideControls
@@ -232,84 +169,60 @@ module.exports = class PlaybackController {

  // Opens the video player to a specific torrent
  openPlayer (infoHash, index, cb) {
-    const state = this.state
-    const torrentSummary = TorrentSummary.getByKey(state, infoHash)
+    var torrentSummary = TorrentSummary.getByKey(this.state, infoHash)

-    state.playing.infoHash = torrentSummary.infoHash
-    state.playing.isReady = false
+    // automatically choose which file in the torrent to play, if necessary
+    if (index === undefined) index = torrentSummary.defaultPlayFileIndex
+    if (index === undefined) index = TorrentPlayer.pickFileToPlay(torrentSummary.files)
+    if (index === undefined) return cb(new errors.UnplayableError())

    // update UI to show pending playback
-    sound.play('PLAY')
+    if (torrentSummary.progress !== 1) sound.play('PLAY')
+    // TODO: remove torrentSummary.playStatus
+    torrentSummary.playStatus = 'requested'
+    this.update()

-    this.startServer(torrentSummary)
-    ipcRenderer.send('onPlayerOpen')
-    this.updatePlayer(infoHash, index, true, cb)
-  }
-
-  // Starts WebTorrent server for media streaming
-  startServer (torrentSummary) {
-    const state = this.state
+    var timeout = setTimeout(() => {
+      telemetry.logPlayAttempt('timeout')
+      // TODO: remove torrentSummary.playStatus
+      torrentSummary.playStatus = 'timeout' /* no seeders available? */
+      sound.play('ERROR')
+      cb(new Error('Playback timed out. Try again.'))
+      this.update()
+    }, 10000) /* give it a few seconds */

    if (torrentSummary.status === 'paused') {
      dispatch('startTorrentingSummary', torrentSummary.torrentKey)
      ipcRenderer.once('wt-ready-' + torrentSummary.infoHash,
-        () => onTorrentReady())
+        () => this.openPlayerFromActiveTorrent(torrentSummary, index, timeout, cb))
    } else {
-      onTorrentReady()
-    }
-
-    function onTorrentReady () {
-      ipcRenderer.send('wt-start-server', torrentSummary.infoHash)
-      ipcRenderer.once('wt-server-running', () => { state.playing.isReady = true })
+      this.openPlayerFromActiveTorrent(torrentSummary, index, timeout, cb)
    }
  }

-  // Called each time the current file changes
-  updatePlayer (infoHash, index, resume, cb) {
-    const state = this.state
-
-    const torrentSummary = TorrentSummary.getByKey(state, infoHash)
-    const fileSummary = torrentSummary.files[index]
-
-    if (!TorrentPlayer.isPlayable(fileSummary)) {
-      torrentSummary.mostRecentFileIndex = undefined
-      return cb(new UnplayableFileError())
-    }
-
-    torrentSummary.mostRecentFileIndex = index
+  openPlayerFromActiveTorrent (torrentSummary, index, timeout, cb) {
+    var fileSummary = torrentSummary.files[index]

    // update state
-    state.playing.infoHash = infoHash
+    var state = this.state
+    state.playing.infoHash = torrentSummary.infoHash
    state.playing.fileIndex = index
-    state.playing.fileName = fileSummary.name
-    state.playing.type = TorrentPlayer.isVideo(fileSummary)
-      ? 'video'
-      : TorrentPlayer.isAudio(fileSummary)
-        ? 'audio'
-        : 'other'
+    state.playing.type = TorrentPlayer.isVideo(fileSummary) ? 'video'
+      : TorrentPlayer.isAudio(fileSummary) ? 'audio'
+      : 'other'

    // pick up where we left off
-    let jumpToTime = 0
-    if (resume && fileSummary.currentTime) {
-      const fraction = fileSummary.currentTime / fileSummary.duration
-      const secondsLeft = fileSummary.duration - fileSummary.currentTime
+    if (fileSummary.currentTime) {
+      var fraction = fileSummary.currentTime / fileSummary.duration
+      var secondsLeft = fileSummary.duration - fileSummary.currentTime
      if (fraction < 0.9 && secondsLeft > 10) {
-        jumpToTime = fileSummary.currentTime
+        state.playing.jumpToTime = fileSummary.currentTime
      }
    }
-    state.playing.jumpToTime = jumpToTime

    // if it's audio, parse out the metadata (artist, title, etc)
-    if (torrentSummary.status === 'paused') {
-      ipcRenderer.once('wt-ready-' + torrentSummary.infoHash, getAudioMetadata)
-    } else {
-      getAudioMetadata()
-    }
-
-    function getAudioMetadata () {
-      if (state.playing.type === 'audio') {
-        ipcRenderer.send('wt-get-audio-metadata', torrentSummary.infoHash, index)
-      }
+    if (state.playing.type === 'audio' && !fileSummary.audioInfo) {
+      ipcRenderer.send('wt-get-audio-metadata', torrentSummary.infoHash, index)
    }

    // if it's video, check for subtitles files that are done downloading
@@ -320,28 +233,41 @@ module.exports = class PlaybackController {
      dispatch('addSubtitles', [fileSummary.selectedSubtitle], true)
    }

-    state.window.title = fileSummary.name
+    ipcRenderer.send('wt-start-server', torrentSummary.infoHash, index)
+    ipcRenderer.once('wt-server-' + torrentSummary.infoHash, (e, info) => {
+      clearTimeout(timeout)

-    // play in VLC if set as default player (Preferences / Playback / Play in VLC)
-    if (this.state.saved.prefs.openExternalPlayer) {
-      dispatch('openExternalPlayer')
+      // if we timed out (user clicked play a long time ago), don't autoplay
+      var timedOut = torrentSummary.playStatus === 'timeout'
+      delete torrentSummary.playStatus
+      if (timedOut) {
+        ipcRenderer.send('wt-stop-server')
+        return this.update()
+      }
+
+      state.window.title = torrentSummary.files[state.playing.fileIndex].name
+
+      // play in VLC if set as default player (Preferences / Playback / Play in VLC)
+      if (this.state.saved.prefs.openExternalPlayer) {
+        dispatch('openExternalPlayer')
+        this.update()
+        cb()
+        return
+      }
+
+      // otherwise, play the video
      this.update()
+
+      ipcRenderer.send('onPlayerOpen')
      cb()
-      return
-    }
-
-    // otherwise, play the video
-    this.update()
-
-    ipcRenderer.send('onPlayerUpdate', Playlist.hasNext(state), Playlist.hasPrevious(state))
-    cb()
+    })
  }

  closePlayer () {
    console.log('closePlayer')

    // Quit any external players, like Chromecast/Airplay/etc or VLC
-    const state = this.state
+    var state = this.state
    if (isCasting(state)) {
      Cast.stop()
    }
@@ -352,7 +278,12 @@ module.exports = class PlaybackController {
    // Save volume (this session only, not in state.saved)
    state.previousVolume = state.playing.volume

-    if (!state.playing.isReady) telemetry.logPlayAttempt('abandoned') // user gave up waiting
+    // Telemetry: track what happens after the user clicks play
+    var result = state.playing.result // 'success' or 'error'
+    if (result === 'success') telemetry.logPlayAttempt('success') // first frame displayed
+    else if (result === 'error') telemetry.logPlayAttempt('error') // codec missing, etc
+    else if (result === undefined) telemetry.logPlayAttempt('abandoned') // user exited before first frame
+    else console.error('Unknown state.playing.result', state.playing.result)

    // Reset the window contents back to the home screen
    state.playing = State.getDefaultPlayState()
@@ -369,11 +300,6 @@ module.exports = class PlaybackController {

    ipcRenderer.send('onPlayerClose')

-    // Playback Priority: resume previously paused downloads.
-    if (this.state.saved.prefs.highestPlaybackPriority) {
-      dispatch('resumePausedTorrents')
-    }
-
    this.update()
  }
 }
--- a/src/renderer/controllers/prefs-controller.js
+++ b/src/renderer/controllers/prefs-controller.js
@@ -1,5 +1,6 @@
-const { dispatch } = require('../lib/dispatcher')
-const { ipcRenderer } = require('electron')
+const State = require('../lib/state')
+const {dispatch} = require('../lib/dispatcher')
+const ipcRenderer = require('electron').ipcRenderer

 // Controls the Preferences screen
 module.exports = class PrefsController {
@@ -10,29 +11,46 @@ module.exports = class PrefsController {

  // Goes to the Preferences screen
  show () {
-    const state = this.state
+    var state = this.state
    state.location.go({
      url: 'preferences',
-      setup (cb) {
+      setup: function (cb) {
        // initialize preferences
        state.window.title = 'Preferences'
+        state.unsaved = Object.assign(state.unsaved || {}, {prefs: state.saved.prefs || {}})
        ipcRenderer.send('setAllowNav', false)
        cb()
      },
      destroy: () => {
        ipcRenderer.send('setAllowNav', true)
+        this.save()
      }
    })
  }

-  // Updates a single property in the saved prefs
-  // For example: updatePreferences('isFileHandler', true)
+  // Updates a single property in the UNSAVED prefs
+  // For example: updatePreferences('foo.bar', 'baz')
+  // Call save() to save to config.json
  update (property, value) {
-    if (property === 'isFileHandler') ipcRenderer.send('setDefaultFileHandler', value)
-    else if (property === 'startup') ipcRenderer.send('setStartup', value)
+    var path = property.split('.')
+    var key = this.state.unsaved.prefs
+    for (var i = 0; i < path.length - 1; i++) {
+      if (typeof key[path[i]] === 'undefined') {
+        key[path[i]] = {}
+      }
+      key = key[path[i]]
+    }
+    key[path[i]] = value
+  }

-    this.state.saved.prefs[property] = value
-    dispatch('stateSaveImmediate')
+  // All unsaved prefs take effect atomically, and are saved to config.json
+  save () {
+    var state = this.state
+    if (state.unsaved.prefs.isFileHandler !== state.saved.prefs.isFileHandler) {
+      ipcRenderer.send('setDefaultFileHandler', state.unsaved.prefs.isFileHandler)
+    }
+    state.saved.prefs = Object.assign(state.saved.prefs || {}, state.unsaved.prefs)
+    State.save(state)
    dispatch('checkDownloadPath')
  }
 }
--- a/src/renderer/controllers/subtitles-controller.js
+++ b/src/renderer/controllers/subtitles-controller.js
@@ -1,9 +1,13 @@
-const remote = require('@electron/remote')
-const fs = require('fs')
+const electron = require('electron')
+const fs = require('fs-extra')
 const path = require('path')
 const parallel = require('run-parallel')
+const zeroFill = require('zero-fill')

-const { dispatch } = require('../lib/dispatcher')
+const remote = electron.remote
+const ipcRenderer = electron.ipcRenderer
+
+const {dispatch} = require('../lib/dispatcher')

 module.exports = class SubtitlesController {
  constructor (state) {
@@ -11,13 +15,14 @@ module.exports = class SubtitlesController {
  }

  openSubtitles () {
-    const filenames = remote.dialog.showOpenDialogSync({
+    remote.dialog.showOpenDialog({
      title: 'Select a subtitles file.',
-      filters: [{ name: 'Subtitles', extensions: ['vtt', 'srt'] }],
-      properties: ['openFile']
+      filters: [ { name: 'Subtitles', extensions: ['vtt', 'srt'] } ],
+      properties: [ 'openFile' ]
+    }, (filenames) => {
+      if (!Array.isArray(filenames)) return
+      this.addSubtitles(filenames, true)
    })
-    if (!Array.isArray(filenames)) return
-    this.addSubtitles(filenames, true)
  }

  selectSubtitle (ix) {
@@ -25,36 +30,38 @@ module.exports = class SubtitlesController {
  }

  toggleSubtitlesMenu () {
-    const subtitles = this.state.playing.subtitles
+    var subtitles = this.state.playing.subtitles
    subtitles.showMenu = !subtitles.showMenu
  }

  addSubtitles (files, autoSelect) {
+    var state = this.state
    // Subtitles are only supported when playing video files
-    if (this.state.playing.type !== 'video') return
+    if (state.playing.type !== 'video') return
    if (files.length === 0) return
-    const subtitles = this.state.playing.subtitles
+    var subtitles = state.playing.subtitles

    // Read the files concurrently, then add all resulting subtitle tracks
-    const tasks = files.map((file) => (cb) => loadSubtitle(file, cb))
-    parallel(tasks, (err, tracks) => {
+    var tasks = files.map((file) => (cb) => loadSubtitle(file, cb))
+    parallel(tasks, function (err, tracks) {
      if (err) return dispatch('error', err)

-      // No dupes allowed
-      tracks.forEach((track, i) => {
-        let trackIndex = subtitles.tracks.findIndex((t) =>
-          track.filePath === t.filePath)
+      for (var i = 0; i < tracks.length; i++) {
+        // No dupes allowed
+        var track = tracks[i]
+        var trackIndex = state.playing.subtitles.tracks
+          .findIndex((t) => track.filePath === t.filePath)

        // Add the track
        if (trackIndex === -1) {
-          trackIndex = subtitles.tracks.push(track) - 1
+          trackIndex = state.playing.subtitles.tracks.push(track) - 1
        }

        // If we're auto-selecting a track, try to find one in the user's language
        if (autoSelect && (i === 0 || isSystemLanguage(track.language))) {
-          subtitles.selectedIndex = trackIndex
+          state.playing.subtitles.selectedIndex = trackIndex
        }
-      })
+      }

      // Finally, make sure no two tracks have the same label
      relabelSubtitles(subtitles)
@@ -63,50 +70,66 @@ module.exports = class SubtitlesController {

  checkForSubtitles () {
    if (this.state.playing.type !== 'video') return
-    const torrentSummary = this.state.getPlayingTorrentSummary()
+    var torrentSummary = this.state.getPlayingTorrentSummary()
    if (!torrentSummary || !torrentSummary.progress) return

    torrentSummary.progress.files.forEach((fp, ix) => {
      if (fp.numPieces !== fp.numPiecesPresent) return // ignore incomplete files
-      const file = torrentSummary.files[ix]
+      var file = torrentSummary.files[ix]
+      if (this.state.playing.fileIndex === ix) return this.checkForEmbeddedMKVSubtitles(file)
      if (!this.isSubtitle(file.name)) return
-      const filePath = path.join(torrentSummary.path, file.path)
+      var filePath = path.join(torrentSummary.path, file.path)
      this.addSubtitles([filePath], false)
    })
  }

  isSubtitle (file) {
-    const name = typeof file === 'string' ? file : file.name
-    const ext = path.extname(name).toLowerCase()
+    var name = typeof file === 'string' ? file : file.name
+    var ext = path.extname(name).toLowerCase()
    return ext === '.srt' || ext === '.vtt'
  }
+
+  checkForEmbeddedMKVSubtitles (file) {
+    var playing = this.state.playing
+    // var playingFile = this.state.getPlayingFileSummary()
+    // var playingPath = path.join(torrentSummary.path, playingFile.path)
+
+    if (path.extname(file.name).toLowerCase() === '.mkv') {
+      ipcRenderer.send('wt-get-mkv-subtitles', playing.infoHash, playing.fileIndex)
+
+      ipcRenderer.once('wt-mkv-subtitles', function (e, tracks) {
+        tracks.forEach(function (trackEntry) {
+          var track = loadEmbeddedSubtitle(trackEntry)
+          console.log('loaded emb subs', track)
+          playing.subtitles.tracks.push(track)
+        })
+
+        if (tracks.length > 0) relabelSubtitles(playing.subtitles)
+      })
+    }
+  }
 }

 function loadSubtitle (file, cb) {
  // Lazy load to keep startup fast
-  const concat = require('simple-concat')
-  const LanguageDetect = require('languagedetect')
-  const srtToVtt = require('srt-to-vtt')
+  var concat = require('simple-concat')
+  var srtToVtt = require('srt-to-vtt')

  // Read the .SRT or .VTT file, parse it, add subtitle track
-  const filePath = file.path || file
+  var filePath = file.path || file

-  const vttStream = fs.createReadStream(filePath).pipe(srtToVtt())
+  var vttStream = fs.createReadStream(filePath).pipe(srtToVtt())

-  concat(vttStream, (err, buf) => {
+  concat(vttStream, function (err, buf) {
    if (err) return dispatch('error', 'Can\'t parse subtitles file.')

-    // Detect what language the subtitles are in
-    const vttContents = buf.toString().replace(/(.*-->.*)/g, '')
-    let langDetected = (new LanguageDetect()).detect(vttContents, 2)
-    langDetected = langDetected.length ? langDetected[0][0] : 'subtitle'
-    langDetected = langDetected.slice(0, 1).toUpperCase() + langDetected.slice(1)
+    var langDetected = detectVTTLanguage(buf)

-    const track = {
+    var track = {
      buffer: 'data:text/vtt;base64,' + buf.toString('base64'),
      language: langDetected,
      label: langDetected,
-      filePath
+      filePath: filePath
    }

    cb(null, track)
@@ -116,19 +139,65 @@ function loadSubtitle (file, cb) {
 // Checks whether a language name like 'English' or 'German' matches the system
 // language, aka the current locale
 function isSystemLanguage (language) {
-  const iso639 = require('iso-639-1')
-  const osLangISO = window.navigator.language.split('-')[0] // eg 'en'
-  const langIso = iso639.getCode(language) // eg 'de' if language is 'German'
+  var iso639 = require('iso-639-1')
+  var osLangISO = window.navigator.language.split('-')[0] // eg 'en'
+  var langIso = iso639.getCode(language) // eg 'de' if language is 'German'
  return langIso === osLangISO
 }

 // Make sure we don't have two subtitle tracks with the same label
 // Labels each track by language, eg 'German', 'English', 'English 2', ...
 function relabelSubtitles (subtitles) {
-  const counts = {}
-  subtitles.tracks.forEach(track => {
-    const lang = track.language
+  var counts = {}
+  subtitles.tracks.forEach(function (track) {
+    var lang = track.language
    counts[lang] = (counts[lang] || 0) + 1
    track.label = counts[lang] > 1 ? (lang + ' ' + counts[lang]) : lang
  })
 }
+
+function detectVTTLanguage (buffer) {
+  var LanguageDetect = require('languagedetect')
+
+  // Detect what language the subtitles are in
+  var vttContents = buffer.toString().replace(/(.*-->.*)/g, '') // remove numbers?
+  var langDetected = (new LanguageDetect()).detect(vttContents, 2)
+  langDetected = langDetected.length ? langDetected[0][0] : 'subtitle'
+  langDetected = langDetected.slice(0, 1).toUpperCase() + langDetected.slice(1)
+
+  return langDetected
+}
+
+function loadEmbeddedSubtitle (trackEntry) {
+  // convert to .vtt format
+  var vtt = 'WEBVTT FILE\r\n\r\n'
+  trackEntry.subtitles.forEach(function (sub, i) {
+    vtt += `${i + 1}\r\n`
+    vtt += `${msToTime(sub.time)} --> ${msToTime(sub.time + sub.duration)}\r\n`
+    vtt += `${sub.text}\r\n\r\n`
+  })
+
+  function msToTime (s) {
+    var ms = s % 1000
+    s = (s - ms) / 1000
+    var secs = s % 60
+    s = (s - secs) / 60
+    var mins = s % 60
+    var hrs = (s - mins) / 60
+
+    var z = zeroFill
+    return z(2, hrs) + ':' + z(2, mins) + ':' + z(2, secs) + '.' + z(3, ms)
+  }
+
+  var buf = new Buffer(vtt)
+  var langDetected = detectVTTLanguage(buf)
+
+  var track = {
+    buffer: 'data:text/vtt;base64,' + buf.toString('base64'),
+    language: langDetected,
+    label: langDetected,
+    filePath: null
+  }
+
+  return track
+}
--- a/src/renderer/controllers/torrent-controller.js
+++ b/src/renderer/controllers/torrent-controller.js
@@ -1,22 +1,23 @@
 const path = require('path')
-const { ipcRenderer } = require('electron')
+const ipcRenderer = require('electron').ipcRenderer

 const TorrentSummary = require('../lib/torrent-summary')
+const TorrentPlayer = require('../lib/torrent-player')
 const sound = require('../lib/sound')
-const { dispatch } = require('../lib/dispatcher')
+const {dispatch} = require('../lib/dispatcher')

 module.exports = class TorrentController {
  constructor (state) {
    this.state = state
  }

-  torrentParsed (torrentKey, infoHash, magnetURI) {
-    let torrentSummary = this.getTorrentSummary(torrentKey)
+  torrentInfoHash (torrentKey, infoHash) {
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    console.log('got infohash for %s torrent %s',
      torrentSummary ? 'existing' : 'new', torrentKey)

    if (!torrentSummary) {
-      const torrents = this.state.saved.torrents
+      var torrents = this.state.saved.torrents

      // Check if an existing (non-active) torrent has the same info hash
      if (torrents.find((t) => t.infoHash === infoHash)) {
@@ -25,7 +26,7 @@ module.exports = class TorrentController {
      }

      torrentSummary = {
-        torrentKey,
+        torrentKey: torrentKey,
        status: 'new'
      }
      torrents.unshift(torrentSummary)
@@ -33,7 +34,6 @@ module.exports = class TorrentController {
    }

    torrentSummary.infoHash = infoHash
-    torrentSummary.magnetURI = magnetURI
    dispatch('update')
  }

@@ -49,7 +49,7 @@ module.exports = class TorrentController {
    }
    dispatch('error', message)

-    const torrentSummary = this.getTorrentSummary(torrentKey)
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    if (torrentSummary) {
      console.log('Pausing torrent %s due to error: %s', torrentSummary.infoHash, message)
      torrentSummary.status = 'paused'
@@ -59,19 +59,21 @@ module.exports = class TorrentController {

  torrentMetadata (torrentKey, torrentInfo) {
    // Summarize torrent
-    const torrentSummary = this.getTorrentSummary(torrentKey)
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    torrentSummary.status = 'downloading'
    torrentSummary.name = torrentSummary.displayName || torrentInfo.name
    torrentSummary.path = torrentInfo.path
+    torrentSummary.magnetURI = torrentInfo.magnetURI
    // TODO: make torrentInfo immutable, save separately as torrentSummary.info
    // For now, check whether torrentSummary.files has already been set:
-    const hasDetailedFileInfo = torrentSummary.files && torrentSummary.files[0].path
+    var hasDetailedFileInfo = torrentSummary.files && torrentSummary.files[0].path
    if (!hasDetailedFileInfo) {
      torrentSummary.files = torrentInfo.files
    }
    if (!torrentSummary.selections) {
      torrentSummary.selections = torrentSummary.files.map((x) => true)
    }
+    torrentSummary.defaultPlayFileIndex = TorrentPlayer.pickFileToPlay(torrentInfo.files)
    dispatch('update')

    // Save the .torrent file, if it hasn't been saved already
@@ -83,7 +85,7 @@ module.exports = class TorrentController {

  torrentDone (torrentKey, torrentInfo) {
    // Update the torrent summary
-    const torrentSummary = this.getTorrentSummary(torrentKey)
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    torrentSummary.status = 'seeding'

    // Notify the user that a torrent finished, but only if we actually DL'd at least part of it.
@@ -100,18 +102,22 @@ module.exports = class TorrentController {
  }

  torrentProgress (progressInfo) {
-    // Overall progress across all active torrents, 0 to 1, or -1 to hide the progress bar
+    // Overall progress across all active torrents, 0 to 1
+    var progress = progressInfo.progress
+    var hasActiveTorrents = progressInfo.hasActiveTorrents
+
    // Hide progress bar when client has no torrents, or progress is 100%
-    const progress = (!progressInfo.hasActiveTorrents || progressInfo.progress === 1)
-      ? -1
-      : progressInfo.progress
+    // TODO: isn't this equivalent to: if (progress === 1) ?
+    if (!hasActiveTorrents || progress === 1) {
+      progress = -1
+    }

    // Show progress bar under the WebTorrent taskbar icon, on OSX
    this.state.dock.progress = progress

    // Update progress for each individual torrent
    progressInfo.torrents.forEach((p) => {
-      const torrentSummary = this.getTorrentSummary(p.torrentKey)
+      var torrentSummary = this.getTorrentSummary(p.torrentKey)
      if (!torrentSummary) {
        console.log('warning: got progress for missing torrent %s', p.torrentKey)
        return
@@ -126,28 +132,27 @@ module.exports = class TorrentController {
  }

  torrentFileModtimes (torrentKey, fileModtimes) {
-    const torrentSummary = this.getTorrentSummary(torrentKey)
-    if (!torrentSummary) throw new Error('Not saving modtimes for deleted torrent ' + torrentKey)
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    torrentSummary.fileModtimes = fileModtimes
-    dispatch('stateSave')
+    dispatch('saveStateThrottled')
  }

  torrentFileSaved (torrentKey, torrentFileName) {
    console.log('torrent file saved %s: %s', torrentKey, torrentFileName)
-    const torrentSummary = this.getTorrentSummary(torrentKey)
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    torrentSummary.torrentFileName = torrentFileName
-    dispatch('stateSave')
+    dispatch('saveStateThrottled')
  }

  torrentPosterSaved (torrentKey, posterFileName) {
-    const torrentSummary = this.getTorrentSummary(torrentKey)
+    var torrentSummary = this.getTorrentSummary(torrentKey)
    torrentSummary.posterFileName = posterFileName
-    dispatch('stateSave')
+    dispatch('saveStateThrottled')
  }

  torrentAudioMetadata (infoHash, index, info) {
-    const torrentSummary = this.getTorrentSummary(infoHash)
-    const fileSummary = torrentSummary.files[index]
+    var torrentSummary = this.getTorrentSummary(infoHash)
+    var fileSummary = torrentSummary.files[index]
    fileSummary.audioInfo = info
    dispatch('update')
  }
@@ -164,7 +169,7 @@ module.exports = class TorrentController {
 }

 function getTorrentPath (torrentSummary) {
-  let itemPath = TorrentSummary.getFileOrFolder(torrentSummary)
+  var itemPath = TorrentSummary.getFileOrFolder(torrentSummary)
  if (torrentSummary.files.length > 1) {
    itemPath = path.dirname(itemPath)
  }
@@ -172,12 +177,12 @@ function getTorrentPath (torrentSummary) {
 }

 function showDoneNotification (torrent) {
-  const notif = new window.Notification('Download Complete', {
+  var notif = new window.Notification('Download Complete', {
    body: torrent.name,
    silent: true
  })

-  notif.onclick = () => {
+  notif.onClick = function () {
    ipcRenderer.send('show')
  }

--- a/src/renderer/controllers/torrent-list-controller.js
+++ b/src/renderer/controllers/torrent-list-controller.js
@@ -1,13 +1,14 @@
 const fs = require('fs')
 const path = require('path')
-const { ipcRenderer, clipboard } = require('electron')
-const remote = require('@electron/remote')
+const electron = require('electron')

-const { dispatch } = require('../lib/dispatcher')
-const { TorrentKeyNotFoundError } = require('../lib/errors')
+const {dispatch} = require('../lib/dispatcher')
+const State = require('../lib/state')
 const sound = require('../lib/sound')
 const TorrentSummary = require('../lib/torrent-summary')

+const ipcRenderer = electron.ipcRenderer
+
 const instantIoRegex = /^(https:\/\/)?instant\.io\/#/

 // Controls the torrent list: creating, adding, deleting, & manipulating torrents
@@ -16,26 +17,21 @@ module.exports = class TorrentListController {
    this.state = state
  }

-  // Adds a torrent to the list, starts downloading/seeding.
-  // TorrentID can be a magnet URI, infohash, or torrent file: https://git.io/vik9M
+  // Adds a torrent to the list, starts downloading/seeding. TorrentID can be a
+  // magnet URI, infohash, or torrent file: https://github.com/feross/webtorrent#clientaddtorrentid-opts-function-ontorrent-torrent-
  addTorrent (torrentId) {
    if (torrentId.path) {
      // Use path string instead of W3C File object
      torrentId = torrentId.path
    }

-    // Trim extra spaces off pasted magnet links
-    if (typeof torrentId === 'string') {
-      torrentId = torrentId.trim()
-    }
-
    // Allow a instant.io link to be pasted
    if (typeof torrentId === 'string' && instantIoRegex.test(torrentId)) {
      torrentId = torrentId.slice(torrentId.indexOf('#') + 1)
    }

-    const torrentKey = this.state.nextTorrentKey++
-    const path = this.state.saved.prefs.downloadPath
+    var torrentKey = this.state.nextTorrentKey++
+    var path = this.state.saved.prefs.downloadPath

    ipcRenderer.send('wt-start-torrenting', torrentKey, torrentId, path)

@@ -54,7 +50,7 @@ module.exports = class TorrentListController {
    if (files.length === 0 || typeof files[0] !== 'string') {
      this.state.location.go({
        url: 'create-torrent',
-        files,
+        files: files,
        setup: (cb) => {
          this.state.window.title = 'Create New Torrent'
          cb(null)
@@ -70,16 +66,16 @@ module.exports = class TorrentListController {

  // Creates a new torrent and start seeeding
  createTorrent (options) {
-    const state = this.state
-    const torrentKey = state.nextTorrentKey++
+    var state = this.state
+    var torrentKey = state.nextTorrentKey++
    ipcRenderer.send('wt-create-torrent', torrentKey, options)
    state.location.cancel()
  }

  // Starts downloading and/or seeding a given torrentSummary.
  startTorrentingSummary (torrentKey) {
-    const s = TorrentSummary.getByKey(this.state, torrentKey)
-    if (!s) throw new TorrentKeyNotFoundError(torrentKey)
+    var s = TorrentSummary.getByKey(this.state, torrentKey)
+    if (!s) throw new Error('Missing key: ' + torrentKey)

    // New torrent: give it a path
    if (!s.path) {
@@ -88,16 +84,10 @@ module.exports = class TorrentListController {
      return start()
    }

-    const fileOrFolder = TorrentSummary.getFileOrFolder(s)
-
-    // New torrent: metadata not yet received
-    if (!fileOrFolder) return start()
-
    // Existing torrent: check that the path is still there
-    fs.stat(fileOrFolder, err => {
+    fs.stat(TorrentSummary.getFileOrFolder(s), function (err) {
      if (err) {
        s.error = 'path-missing'
-        dispatch('backToList')
        return
      }
      start()
@@ -106,92 +96,33 @@ module.exports = class TorrentListController {
    function start () {
      ipcRenderer.send('wt-start-torrenting',
        s.torrentKey,
-        TorrentSummary.getTorrentId(s),
+        TorrentSummary.getTorrentID(s),
        s.path,
        s.fileModtimes,
        s.selections)
    }
  }

-  setGlobalTrackers (globalTrackers) {
-    ipcRenderer.send('wt-set-global-trackers', globalTrackers)
-  }
-
  // TODO: use torrentKey, not infoHash
  toggleTorrent (infoHash) {
-    const torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
+    var torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
    if (torrentSummary.status === 'paused') {
      torrentSummary.status = 'new'
      this.startTorrentingSummary(torrentSummary.torrentKey)
      sound.play('ENABLE')
-      return
+    } else {
+      torrentSummary.status = 'paused'
+      ipcRenderer.send('wt-stop-torrenting', torrentSummary.infoHash)
+      sound.play('DISABLE')
    }
-
-    this.pauseTorrent(torrentSummary, true)
-  }
-
-  pauseAllTorrents () {
-    this.state.saved.torrents.forEach((torrentSummary) => {
-      if (torrentSummary.status === 'downloading' ||
-          torrentSummary.status === 'seeding') {
-        torrentSummary.status = 'paused'
-        ipcRenderer.send('wt-stop-torrenting', torrentSummary.infoHash)
-      }
-    })
-    sound.play('DISABLE')
-  }
-
-  resumeAllTorrents () {
-    this.state.saved.torrents.forEach((torrentSummary) => {
-      if (torrentSummary.status === 'paused') {
-        torrentSummary.status = 'downloading'
-        this.startTorrentingSummary(torrentSummary.torrentKey)
-      }
-    })
-    sound.play('ENABLE')
-  }
-
-  pauseTorrent (torrentSummary, playSound) {
-    torrentSummary.status = 'paused'
-    ipcRenderer.send('wt-stop-torrenting', torrentSummary.infoHash)
-
-    if (playSound) sound.play('DISABLE')
-  }
-
-  prioritizeTorrent (infoHash) {
-    this.state.saved.torrents
-      .filter(torrent => ['downloading', 'seeding'].includes(torrent.status)) // Active torrents only.
-      .forEach((torrent) => { // Pause all active torrents except the one that started playing.
-        if (infoHash === torrent.infoHash) return
-
-        // Pause torrent without playing sounds.
-        this.pauseTorrent(torrent, false)
-
-        this.state.saved.torrentsToResume.push(torrent.infoHash)
-      })
-
-    console.log('Playback Priority: paused torrents: ', this.state.saved.torrentsToResume)
-  }
-
-  resumePausedTorrents () {
-    console.log('Playback Priority: resuming paused torrents')
-    if (!this.state.saved.torrentsToResume || !this.state.saved.torrentsToResume.length) return
-    this.state.saved.torrentsToResume.forEach((infoHash) => {
-      this.toggleTorrent(infoHash)
-    })
-
-    // reset paused torrents
-    this.state.saved.torrentsToResume = []
  }

  toggleTorrentFile (infoHash, index) {
-    const torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
+    var torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
    torrentSummary.selections[index] = !torrentSummary.selections[index]

    // Let the WebTorrent process know to start or stop fetching that file
-    if (torrentSummary.status !== 'paused') {
-      ipcRenderer.send('wt-select-files', infoHash, torrentSummary.selections)
-    }
+    ipcRenderer.send('wt-select-files', infoHash, torrentSummary.selections)
  }

  confirmDeleteTorrent (infoHash, deleteData) {
@@ -202,46 +133,28 @@ module.exports = class TorrentListController {
    }
  }

-  confirmDeleteAllTorrents (deleteData) {
-    this.state.modal = {
-      id: 'delete-all-torrents-modal',
-      deleteData
-    }
-  }
-
  // TODO: use torrentKey, not infoHash
  deleteTorrent (infoHash, deleteData) {
-    const index = this.state.saved.torrents.findIndex((x) => x.infoHash === infoHash)
+    ipcRenderer.send('wt-stop-torrenting', infoHash)
+
+    var index = this.state.saved.torrents.findIndex((x) => x.infoHash === infoHash)

    if (index > -1) {
-      const summary = this.state.saved.torrents[index]
-      deleteTorrentFile(summary, deleteData)
+      var summary = this.state.saved.torrents[index]
+
+      // remove torrent and poster file
+      deleteFile(TorrentSummary.getTorrentPath(summary))
+      deleteFile(TorrentSummary.getPosterPath(summary)) // TODO: will the css path hack affect windows?
+
+      // optionally delete the torrent data
+      if (deleteData) moveItemToTrash(summary)

      // remove torrent from saved list
      this.state.saved.torrents.splice(index, 1)
-      dispatch('stateSave')
-
-      // prevent user from going forward to a deleted torrent
-      this.state.location.clearForward('player')
-      sound.play('DELETE')
-    } else {
-      throw new TorrentKeyNotFoundError(infoHash)
-    }
-  }
-
-  deleteAllTorrents (deleteData) {
-    // Go back to list before the current playing torrent is deleted
-    if (this.state.location.url() === 'player') {
-      dispatch('backToList')
+      State.saveThrottled(this.state)
    }

-    this.state.saved.torrents.forEach((summary) => deleteTorrentFile(summary, deleteData))
-
-    this.state.saved.torrents = []
-    dispatch('stateSave')
-
-    // prevent user from going forward to a deleted torrent
-    this.state.location.clearForward('player')
+    this.state.location.clearForward('player') // prevent user from going forward to a deleted torrent
    sound.play('DELETE')
  }

@@ -254,120 +167,78 @@ module.exports = class TorrentListController {
  }

  openTorrentContextMenu (infoHash) {
-    const torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
-    const menu = new remote.Menu()
+    var torrentSummary = TorrentSummary.getByKey(this.state, infoHash)
+    var menu = new electron.remote.Menu()

-    menu.append(new remote.MenuItem({
+    menu.append(new electron.remote.MenuItem({
      label: 'Remove From List',
      click: () => dispatch('confirmDeleteTorrent', torrentSummary.infoHash, false)
    }))

-    menu.append(new remote.MenuItem({
+    menu.append(new electron.remote.MenuItem({
      label: 'Remove Data File',
      click: () => dispatch('confirmDeleteTorrent', torrentSummary.infoHash, true)
    }))

-    menu.append(new remote.MenuItem({
+    menu.append(new electron.remote.MenuItem({
      type: 'separator'
    }))

    if (torrentSummary.files) {
-      menu.append(new remote.MenuItem({
+      menu.append(new electron.remote.MenuItem({
        label: process.platform === 'darwin' ? 'Show in Finder' : 'Show in Folder',
        click: () => showItemInFolder(torrentSummary)
      }))
-      menu.append(new remote.MenuItem({
+      menu.append(new electron.remote.MenuItem({
        type: 'separator'
      }))
    }

-    menu.append(new remote.MenuItem({
+    menu.append(new electron.remote.MenuItem({
      label: 'Copy Magnet Link to Clipboard',
-      click: () => clipboard.writeText(torrentSummary.magnetURI)
+      click: () => electron.clipboard.writeText(torrentSummary.magnetURI)
    }))

-    menu.append(new remote.MenuItem({
+    menu.append(new electron.remote.MenuItem({
      label: 'Copy Instant.io Link to Clipboard',
-      click: () => clipboard.writeText(`https://instant.io/#${torrentSummary.infoHash}`)
+      click: () => electron.clipboard.writeText(`https://instant.io/#${torrentSummary.infoHash}`)
    }))

-    menu.append(new remote.MenuItem({
+    menu.append(new electron.remote.MenuItem({
      label: 'Save Torrent File As...',
-      click: () => dispatch('saveTorrentFileAs', torrentSummary.torrentKey),
-      enabled: torrentSummary.torrentFileName != null
+      click: () => saveTorrentFileAs(torrentSummary)
    }))

-    menu.append(new remote.MenuItem({
-      type: 'separator'
-    }))
-
-    const sortedByName = this.state.saved.prefs.sortByName
-    menu.append(new remote.MenuItem({
-      label: `${sortedByName ? '✓ ' : ''}Sort by Name`,
-      click: () => dispatch('updatePreferences', 'sortByName', !sortedByName)
-    }))
-
-    menu.popup({ window: remote.getCurrentWindow() })
-  }
-
-  // Takes a torrentSummary or torrentKey
-  // Shows a Save File dialog, then saves the .torrent file wherever the user requests
-  saveTorrentFileAs (torrentKey) {
-    const torrentSummary = TorrentSummary.getByKey(this.state, torrentKey)
-    if (!torrentSummary) throw new TorrentKeyNotFoundError(torrentKey)
-    const downloadPath = this.state.saved.prefs.downloadPath
-    const newFileName = path.parse(torrentSummary.name).name + '.torrent'
-    const win = remote.getCurrentWindow()
-    const opts = {
-      title: 'Save Torrent File',
-      defaultPath: path.join(downloadPath, newFileName),
-      filters: [
-        { name: 'Torrent Files', extensions: ['torrent'] },
-        { name: 'All Files', extensions: ['*'] }
-      ],
-      buttonLabel: 'Save'
-    }
-
-    const savePath = remote.dialog.showSaveDialogSync(win, opts)
-
-    if (!savePath) return // They clicked Cancel
-    console.log('Saving torrent ' + torrentKey + ' to ' + savePath)
-    const torrentPath = TorrentSummary.getTorrentPath(torrentSummary)
-    fs.readFile(torrentPath, (err, torrentFile) => {
-      if (err) return dispatch('error', err)
-      fs.writeFile(savePath, torrentFile, err => {
-        if (err) return dispatch('error', err)
-      })
-    })
+    menu.popup(electron.remote.getCurrentWindow())
  }
 }

 // Recursively finds {name, path, size} for all files in a folder
 // Calls `cb` on success, calls `onError` on failure
-function findFilesRecursive (paths, cb_) {
+function findFilesRecursive (paths, cb) {
  if (paths.length > 1) {
-    let numComplete = 0
-    const ret = []
-    paths.forEach(path => {
-      findFilesRecursive([path], fileObjs => {
-        ret.push(...fileObjs)
+    var numComplete = 0
+    var ret = []
+    paths.forEach(function (path) {
+      findFilesRecursive([path], function (fileObjs) {
+        ret = ret.concat(fileObjs)
        if (++numComplete === paths.length) {
-          ret.sort((a, b) => a.path < b.path ? -1 : Number(a.path > b.path))
-          cb_(ret)
+          ret.sort((a, b) => a.path < b.path ? -1 : a.path > b.path)
+          cb(ret)
        }
      })
    })
    return
  }

-  const fileOrFolder = paths[0]
-  fs.stat(fileOrFolder, (err, stat) => {
+  var fileOrFolder = paths[0]
+  fs.stat(fileOrFolder, function (err, stat) {
    if (err) return dispatch('error', err)

    // Files: return name, path, and size
    if (!stat.isDirectory()) {
-      const filePath = fileOrFolder
-      return cb_([{
+      var filePath = fileOrFolder
+      return cb([{
        name: path.basename(filePath),
        path: filePath,
        size: stat.size
@@ -375,25 +246,25 @@ function findFilesRecursive (paths, cb_) {
    }

    // Folders: recurse, make a list of all the files
-    const folderPath = fileOrFolder
-    fs.readdir(folderPath, (err, fileNames) => {
+    var folderPath = fileOrFolder
+    fs.readdir(folderPath, function (err, fileNames) {
      if (err) return dispatch('error', err)
-      const paths = fileNames.map((fileName) => path.join(folderPath, fileName))
-      findFilesRecursive(paths, cb_)
+      var paths = fileNames.map((fileName) => path.join(folderPath, fileName))
+      findFilesRecursive(paths, cb)
    })
  })
 }

 function deleteFile (path) {
  if (!path) return
-  fs.unlink(path, err => {
+  fs.unlink(path, function (err) {
    if (err) dispatch('error', err)
  })
 }

 // Delete all files in a torrent
 function moveItemToTrash (torrentSummary) {
-  const filePath = TorrentSummary.getFileOrFolder(torrentSummary)
+  var filePath = TorrentSummary.getFileOrFolder(torrentSummary)
  if (filePath) ipcRenderer.send('moveItemToTrash', filePath)
 }

@@ -401,13 +272,25 @@ function showItemInFolder (torrentSummary) {
  ipcRenderer.send('showItemInFolder', TorrentSummary.getFileOrFolder(torrentSummary))
 }

-function deleteTorrentFile (torrentSummary, deleteData) {
-  ipcRenderer.send('wt-stop-torrenting', torrentSummary.infoHash)
-
-  // remove torrent and poster file
-  deleteFile(TorrentSummary.getTorrentPath(torrentSummary))
-  deleteFile(TorrentSummary.getPosterPath(torrentSummary))
-
-  // optionally delete the torrent data
-  if (deleteData) moveItemToTrash(torrentSummary)
+function saveTorrentFileAs (torrentSummary) {
+  var downloadPath = this.state.saved.prefs.downloadPath
+  var newFileName = path.parse(torrentSummary.name).name + '.torrent'
+  var opts = {
+    title: 'Save Torrent File',
+    defaultPath: path.join(downloadPath, newFileName),
+    filters: [
+      { name: 'Torrent Files', extensions: ['torrent'] },
+      { name: 'All Files', extensions: ['*'] }
+    ]
+  }
+  electron.remote.dialog.showSaveDialog(electron.remote.getCurrentWindow(), opts, function (savePath) {
+    if (!savePath) return // They clicked Cancel
+    var torrentPath = TorrentSummary.getTorrentPath(torrentSummary)
+    fs.readFile(torrentPath, function (err, torrentFile) {
+      if (err) return dispatch('error', err)
+      fs.writeFile(savePath, torrentFile, function (err) {
+        if (err) return dispatch('error', err)
+      })
+    })
+  })
 }
--- a/src/renderer/controllers/update-controller.js
+++ b/src/renderer/controllers/update-controller.js
@@ -1,4 +1,4 @@
-const { dispatch } = require('../lib/dispatcher')
+const State = require('../lib/state')

 // Controls the UI checking for new versions of the app, prompting install
 module.exports = class UpdateController {
@@ -8,19 +8,19 @@ module.exports = class UpdateController {

  // Shows a modal saying that we have an update
  updateAvailable (version) {
-    const skipped = this.state.saved.skippedVersions
+    var skipped = this.state.saved.skippedVersions
    if (skipped && skipped.includes(version)) {
      console.log('new version skipped by user: v' + version)
      return
    }
-    this.state.modal = { id: 'update-available-modal', version }
+    this.state.modal = { id: 'update-available-modal', version: version }
  }

  // Don't show the modal again until the next version
  skipVersion (version) {
-    let skipped = this.state.saved.skippedVersions
+    var skipped = this.state.saved.skippedVersions
    if (!skipped) skipped = this.state.saved.skippedVersions = []
    skipped.push(version)
-    dispatch('stateSave')
+    State.saveThrottled(this.state)
  }
 }
--- a/src/renderer/lib/capture-video-frame.js
+++ b/src/renderer/lib/capture-video-frame.js
@@ -0,0 +1,30 @@
+module.exports = captureVideoFrame
+
+function captureVideoFrame (video, format) {
+  if (typeof video === 'string') {
+    video = document.querySelector(video)
+  }
+
+  if (video == null || video.nodeName !== 'VIDEO') {
+    throw new Error('First argument must be a <video> element or selector')
+  }
+
+  if (format == null) {
+    format = 'png'
+  }
+
+  if (format !== 'png' && format !== 'jpg' && format !== 'webp') {
+    throw new Error('Second argument must be one of "png", "jpg", or "webp"')
+  }
+
+  var canvas = document.createElement('canvas')
+  canvas.width = video.videoWidth
+  canvas.height = video.videoHeight
+
+  canvas.getContext('2d').drawImage(video, 0, 0)
+
+  var dataUri = canvas.toDataURL('image/' + format)
+  var data = dataUri.split(',')[1]
+
+  return new Buffer(data, 'base64')
+}
--- a/src/renderer/lib/cast.js
+++ b/src/renderer/lib/cast.js
@@ -13,37 +13,25 @@ module.exports = {
  setRate
 }

-const http = require('http')
-
-const config = require('../../config')
-const { CastingError } = require('./errors')
-
 // Lazy load these for a ~300ms improvement in startup time
-let airplayer, chromecasts, dlnacasts
+var airplayer, chromecasts, dlnacasts
+
+var config = require('../../config')

 // App state. Cast modifies state.playing and state.errors in response to events
-let state
+var state

 // Callback to notify module users when state has changed
-let update
+var update

 // setInterval() for updating cast status
-let statusInterval = null
+var statusInterval = null

 // Start looking for cast devices on the local network
 function init (appState, callback) {
  state = appState
  update = callback

-  // Don't actually cast during integration tests
-  // (Otherwise you'd need a physical Chromecast + AppleTV + DLNA TV to run them.)
-  if (config.IS_TEST) {
-    state.devices.chromecast = testPlayer('chromecast')
-    state.devices.airplay = testPlayer('airplay')
-    state.devices.dlna = testPlayer('dlna')
-    return
-  }
-
  // Load modules, scan the network for devices
  airplayer = require('airplayer')()
  chromecasts = require('chromecasts')()
@@ -54,50 +42,24 @@ function init (appState, callback) {
  state.devices.airplay = airplayPlayer()

  // Listen for devices: Chromecast, DLNA and Airplay
-  chromecasts.on('update', device => {
+  chromecasts.on('update', function (device) {
    // TODO: how do we tell if there are *no longer* any Chromecasts available?
    // From looking at the code, chromecasts.players only grows, never shrinks
    state.devices.chromecast.addDevice(device)
  })

-  dlnacasts.on('update', device => {
+  dlnacasts.on('update', function (device) {
    state.devices.dlna.addDevice(device)
  })

-  airplayer.on('update', device => {
+  airplayer.on('update', function (device) {
    state.devices.airplay.addDevice(device)
  })
 }

-// integration test player implementation
-function testPlayer (type) {
-  return {
-    getDevices,
-    open,
-    play,
-    pause,
-    stop,
-    status,
-    seek,
-    volume
-  }
-
-  function getDevices () {
-    return [{ name: type + '-1' }, { name: type + '-2' }]
-  }
-
-  function open () {}
-  function play () {}
-  function pause () {}
-  function stop () {}
-  function status () {}
-  function seek () {}
-  function volume () {}
-}
-
 // chromecast player implementation
 function chromecastPlayer () {
-  const ret = {
+  var ret = {
    device: null,
    addDevice,
    getDevices,
@@ -116,7 +78,7 @@ function chromecastPlayer () {
  }

  function addDevice (device) {
-    device.on('error', err => {
+    device.on('error', function (err) {
      if (device !== ret.device) return
      state.playing.location = 'local'
      state.errors.push({
@@ -125,54 +87,29 @@ function chromecastPlayer () {
      })
      update()
    })
-    device.on('disconnect', () => {
+    device.on('disconnect', function () {
      if (device !== ret.device) return
      state.playing.location = 'local'
      update()
    })
  }

-  function serveSubtitles (callback) {
-    const subtitles = state.playing.subtitles
-    const selectedSubtitle = subtitles.tracks[subtitles.selectedIndex]
-    if (!selectedSubtitle) {
-      callback()
-    } else {
-      ret.subServer = http.createServer((req, res) => {
-        res.writeHead(200, {
-          'Content-Type': 'text/vtt;charset=utf-8',
-          'Access-Control-Allow-Origin': '*',
-          'Transfer-Encoding': 'chunked'
-        })
-        res.end(Buffer.from(selectedSubtitle.buffer.slice(21), 'base64'))
-      }).listen(0, () => {
-        const port = ret.subServer.address().port
-        const subtitlesUrl = 'http://' + state.server.networkAddress + ':' + port + '/'
-        callback(subtitlesUrl)
-      })
-    }
-  }
-
  function open () {
-    const torrentSummary = state.saved.torrents.find((x) => x.infoHash === state.playing.infoHash)
-    serveSubtitles(subtitlesUrl => {
-      ret.device.play(state.server.networkURL + '/' + state.playing.fileIndex, {
-        type: 'video/mp4',
-        title: config.APP_NAME + ' - ' + torrentSummary.name,
-        subtitles: subtitlesUrl ? [subtitlesUrl] : [],
-        autoSubtitles: !!subtitlesUrl
-      }, err => {
-        if (err) {
-          state.playing.location = 'local'
-          state.errors.push({
-            time: new Date().getTime(),
-            message: 'Could not connect to Chromecast. ' + err.message
-          })
-        } else {
-          state.playing.location = 'chromecast'
-        }
-        update()
-      })
+    var torrentSummary = state.saved.torrents.find((x) => x.infoHash === state.playing.infoHash)
+    ret.device.play(state.server.networkURL, {
+      type: 'video/mp4',
+      title: config.APP_NAME + ' - ' + torrentSummary.name
+    }, function (err) {
+      if (err) {
+        state.playing.location = 'local'
+        state.errors.push({
+          time: new Date().getTime(),
+          message: 'Could not connect to Chromecast. ' + err.message
+        })
+      } else {
+        state.playing.location = 'chromecast'
+      }
+      update()
    })
  }

@@ -186,13 +123,16 @@ function chromecastPlayer () {

  function stop (callback) {
    ret.device.stop(callback)
-    if (ret.subServer) {
-      ret.subServer.close()
-    }
  }

  function status () {
-    ret.device.status(handleStatus)
+    ret.device.status(function (err, status) {
+      if (err) return console.log('error getting %s status: %o', state.playing.location, err)
+      state.playing.isPaused = status.playerState === 'PAUSED'
+      state.playing.currentTime = status.currentTime
+      state.playing.volume = status.volume.muted ? 0 : status.volume.level
+      update()
+    })
  }

  function seek (time, callback) {
@@ -206,7 +146,7 @@ function chromecastPlayer () {

 // airplay player implementation
 function airplayPlayer () {
-  const ret = {
+  var ret = {
    device: null,
    addDevice,
    getDevices,
@@ -221,7 +161,7 @@ function airplayPlayer () {
  return ret

  function addDevice (player) {
-    player.on('event', event => {
+    player.on('event', function (event) {
      switch (event.state) {
        case 'loading':
          break
@@ -243,7 +183,7 @@ function airplayPlayer () {
  }

  function open () {
-    ret.device.play(state.server.networkURL + '/' + state.playing.fileIndex, (err, res) => {
+    ret.device.play(state.server.networkURL, function (err, res) {
      if (err) {
        state.playing.location = 'local'
        state.errors.push({
@@ -270,7 +210,7 @@ function airplayPlayer () {
  }

  function status () {
-    ret.device.playbackInfo((err, res, status) => {
+    ret.device.playbackInfo(function (err, res, status) {
      if (err) {
        state.playing.location = 'local'
        state.errors.push({
@@ -298,7 +238,7 @@ function airplayPlayer () {

 // DLNA player implementation
 function dlnaPlayer (player) {
-  const ret = {
+  var ret = {
    device: null,
    addDevice,
    getDevices,
@@ -317,7 +257,7 @@ function dlnaPlayer (player) {
  }

  function addDevice (device) {
-    device.on('error', err => {
+    device.on('error', function (err) {
      if (device !== ret.device) return
      state.playing.location = 'local'
      state.errors.push({
@@ -326,7 +266,7 @@ function dlnaPlayer (player) {
      })
      update()
    })
-    device.on('disconnect', () => {
+    device.on('disconnect', function () {
      if (device !== ret.device) return
      state.playing.location = 'local'
      update()
@@ -334,12 +274,12 @@ function dlnaPlayer (player) {
  }

  function open () {
-    const torrentSummary = state.saved.torrents.find((x) => x.infoHash === state.playing.infoHash)
-    ret.device.play(state.server.networkURL + '/' + state.playing.fileIndex, {
+    var torrentSummary = state.saved.torrents.find((x) => x.infoHash === state.playing.infoHash)
+    ret.device.play(state.server.networkURL, {
      type: 'video/mp4',
      title: config.APP_NAME + ' - ' + torrentSummary.name,
      seek: state.playing.currentTime > 10 ? state.playing.currentTime : 0
-    }, err => {
+    }, function (err) {
      if (err) {
        state.playing.location = 'local'
        state.errors.push({
@@ -366,7 +306,13 @@ function dlnaPlayer (player) {
  }

  function status () {
-    ret.device.status(handleStatus)
+    ret.device.status(function (err, status) {
+      if (err) return console.log('error getting %s status: %o', state.playing.location, err)
+      state.playing.isPaused = status.playerState === 'PAUSED'
+      state.playing.currentTime = status.currentTime
+      state.playing.volume = status.volume.level
+      update()
+    })
  }

  function seek (time, callback) {
@@ -374,7 +320,7 @@ function dlnaPlayer (player) {
  }

  function volume (volume, callback) {
-    ret.device.volume(volume, err => {
+    ret.device.volume(volume, function (err) {
      // quick volume update
      state.playing.volume = volume
      callback(err)
@@ -382,22 +328,10 @@ function dlnaPlayer (player) {
  }
 }

-function handleStatus (err, status) {
-  if (err || !status) {
-    return console.log('error getting %s status: %o',
-      state.playing.location,
-      err || 'missing response')
-  }
-  state.playing.isPaused = status.playerState === 'PAUSED'
-  state.playing.currentTime = status.currentTime
-  state.playing.volume = status.volume.muted ? 0 : status.volume.level
-  update()
-}
-
 // Start polling cast device state, whenever we're connected
 function startStatusInterval () {
-  statusInterval = setInterval(() => {
-    const player = getPlayer()
+  statusInterval = setInterval(function () {
+    var player = getPlayer()
    if (player) player.status()
  }, 1000)
 }
@@ -416,27 +350,23 @@ function toggleMenu (location) {

  // Never cast to two devices at the same time
  if (state.playing.location !== 'local') {
-    throw new CastingError(
-      `You can't connect to ${location} when already connected to another device`
-    )
+    throw new Error('You can\'t connect to ' + location + ' when already connected to another device')
  }

  // Find all cast devices of the given type
-  const player = getPlayer(location)
-  const devices = player ? player.getDevices() : []
-  if (devices.length === 0) {
-    throw new CastingError(`No ${location} devices available`)
-  }
+  var player = getPlayer(location)
+  var devices = player ? player.getDevices() : []
+  if (devices.length === 0) throw new Error('No ' + location + ' devices available')

  // Show a menu
-  state.devices.castMenu = { location, devices }
+  state.devices.castMenu = {location, devices}
 }

 function selectDevice (index) {
-  const { location, devices } = state.devices.castMenu
+  var {location, devices} = state.devices.castMenu

  // Start casting
-  const player = getPlayer(location)
+  var player = getPlayer(location)
  player.device = devices[index]
  player.open()

@@ -452,9 +382,9 @@ function selectDevice (index) {

 // Stops casting, move video back to local screen
 function stop () {
-  const player = getPlayer()
+  var player = getPlayer()
  if (player) {
-    player.stop(() => {
+    player.stop(function () {
      player.device = null
      stoppedCasting()
    })
@@ -487,18 +417,18 @@ function getPlayer (location) {
 }

 function play () {
-  const player = getPlayer()
+  var player = getPlayer()
  if (player) player.play(castCallback)
 }

 function pause () {
-  const player = getPlayer()
+  var player = getPlayer()
  if (player) player.pause(castCallback)
 }

 function setRate (rate) {
-  let player
-  let result = true
+  var player
+  var result = true
  if (state.playing.location === 'chromecast') {
    // TODO find how to control playback rate on chromecast
    castCallback()
@@ -513,15 +443,15 @@ function setRate (rate) {
 }

 function seek (time) {
-  const player = getPlayer()
+  var player = getPlayer()
  if (player) player.seek(time, castCallback)
 }

 function setVolume (volume) {
-  const player = getPlayer()
+  var player = getPlayer()
  if (player) player.volume(volume, castCallback)
 }

-function castCallback (...args) {
-  console.log('%s callback: %o', state.playing.location, args)
+function castCallback () {
+  console.log('%s callback: %o', state.playing.location, arguments)
 }
--- a/src/renderer/lib/dispatcher.js
+++ b/src/renderer/lib/dispatcher.js
@@ -4,8 +4,8 @@ module.exports = {
  setDispatch
 }

-const dispatchers = {}
-let _dispatch = () => {}
+var dispatchers = {}
+var _dispatch = function () {}

 function setDispatch (dispatch) {
  _dispatch = dispatch
@@ -20,10 +20,10 @@ function dispatch (...args) {
 // function. This prevents React from updating the listener functions on
 // each update().
 function dispatcher (...args) {
-  const str = JSON.stringify(args)
-  let handler = dispatchers[str]
+  var str = JSON.stringify(args)
+  var handler = dispatchers[str]
  if (!handler) {
-    handler = dispatchers[str] = e => {
+    handler = dispatchers[str] = function (e) {
      // Do not propagate click to elements below the button
      e.stopPropagation()

--- a/src/renderer/lib/errors.js
+++ b/src/renderer/lib/errors.js
@@ -1,41 +1,8 @@
-const ExtendableError = require('es6-error')
-
-/* Generic errors */
-
-class CastingError extends ExtendableError {}
-class PlaybackError extends ExtendableError {}
-class SoundError extends ExtendableError {}
-class TorrentError extends ExtendableError {}
-
-/* Playback */
-
-class UnplayableTorrentError extends PlaybackError {
-  constructor () { super('Can\'t play any files in torrent') }
-}
-
-class UnplayableFileError extends PlaybackError {
-  constructor () { super('Can\'t play that file') }
-}
-
-/* Sound */
-
-class InvalidSoundNameError extends SoundError {
-  constructor (name) { super(`Invalid sound name: ${name}`) }
-}
-
-/* Torrent */
-
-class TorrentKeyNotFoundError extends TorrentError {
-  constructor (torrentKey) { super(`Can't resolve torrent key ${torrentKey}`) }
-}
-
 module.exports = {
-  CastingError,
-  PlaybackError,
-  SoundError,
-  TorrentError,
-  UnplayableTorrentError,
-  UnplayableFileError,
-  InvalidSoundNameError,
-  TorrentKeyNotFoundError
+  UnplayableError
 }
+
+function UnplayableError () {
+  this.message = 'Can\'t play any files in torrent'
+}
+UnplayableError.prototype = Error
--- a/src/renderer/lib/media-extensions.js
+++ b/src/renderer/lib/media-extensions.js
@@ -1,12 +0,0 @@
-const mediaExtensions = {
-  audio: [
-    '.aac', '.aif', '.aiff', '.asf', '.dff', '.dsf', '.flac', '.m2a',
-    '.m2a', '.m4a', '.mpc', '.m4b', '.mka', '.mp2', '.mp3', '.mpc', '.oga',
-    '.ogg', '.opus', '.spx', '.wma', '.wav', '.wv', '.wvp'],
-  video: [
-    '.avi', '.mp4', '.m4v', '.webm', '.mov', '.mkv', '.mpg', '.mpeg',
-    '.ogv', '.webm', '.wmv', '.m2ts'],
-  image: ['.gif', '.jpg', '.jpeg', '.png']
-}
-
-module.exports = mediaExtensions
--- a/src/renderer/lib/migrations.js
+++ b/src/renderer/lib/migrations.js
@@ -4,11 +4,10 @@ module.exports = {
  run
 }

-const fs = require('fs')
-const path = require('path')
 const semver = require('semver')
-
 const config = require('../../config')
+const TorrentSummary = require('./torrent-summary')
+const fs = require('fs')

 // Change `state.saved` (which will be saved back to config.json on exit) as
 // needed, for example to deal with config.json format changes across versions
@@ -18,42 +17,34 @@ function run (state) {
    state.saved.version = '0.0.0' // Pre-0.7.0 version, so run all migrations
  }

-  const version = state.saved.version
-  const saved = state.saved
+  var version = state.saved.version

-  if (semver.lt(version, '0.7.0')) migrate_0_7_0(saved)
-  if (semver.lt(version, '0.7.2')) migrate_0_7_2(saved)
-  if (semver.lt(version, '0.11.0')) migrate_0_11_0(saved)
-  if (semver.lt(version, '0.12.0')) migrate_0_12_0(saved)
-  if (semver.lt(version, '0.14.0')) migrate_0_14_0(saved)
-  if (semver.lt(version, '0.17.0')) migrate_0_17_0(saved)
-  if (semver.lt(version, '0.17.2')) migrate_0_17_2(saved)
-  if (semver.lt(version, '0.21.0')) migrate_0_21_0(saved)
-  if (semver.lt(version, '0.22.0')) migrate_0_22_0(saved)
+  if (semver.lt(version, '0.7.0')) {
+    migrate_0_7_0(state.saved)
+  }

-  if (semver.lt(version, config.APP_VERSION)) {
-    installHandlers(state.saved)
+  if (semver.lt(version, '0.7.2')) {
+    migrate_0_7_2(state.saved)
+  }
+
+  if (semver.lt(version, '0.11.0')) {
+    migrate_0_11_0(state.saved)
+  }
+
+  if (semver.lt(version, '0.12.0')) {
+    migrate_0_12_0(state.saved)
  }

  // Config is now on the new version
  state.saved.version = config.APP_VERSION
 }

-// Whenever the app is updated,  re-install default handlers if the user has
-// enabled them.
-function installHandlers (saved) {
-  if (saved.prefs.isFileHandler) {
-    const ipcRenderer = require('electron').ipcRenderer
-    ipcRenderer.send('setDefaultFileHandler', true)
-  }
-}
-
 function migrate_0_7_0 (saved) {
-  const { copyFileSync } = require('fs')
-  const path = require('path')
+  var fs = require('fs-extra')
+  var path = require('path')

-  saved.torrents.forEach(ts => {
-    const infoHash = ts.infoHash
+  saved.torrents.forEach(function (ts) {
+    var infoHash = ts.infoHash

    // Replace torrentPath with torrentFileName
    // There are a number of cases to handle here:
@@ -61,7 +52,7 @@ function migrate_0_7_0 (saved) {
    // * Then, relative paths for the default torrents, eg '../static/sintel.torrent'
    // * Then, paths computed at runtime for default torrents, eg 'sintel.torrent'
    // * Finally, now we're getting rid of torrentPath altogether
-    let src, dst
+    var src, dst
    if (ts.torrentPath) {
      if (path.isAbsolute(ts.torrentPath) || ts.torrentPath.startsWith('..')) {
        src = ts.torrentPath
@@ -71,7 +62,7 @@ function migrate_0_7_0 (saved) {
      dst = path.join(config.TORRENT_PATH, infoHash + '.torrent')
      // Synchronous FS calls aren't ideal, but probably OK in a migration
      // that only runs once
-      if (src !== dst) copyFileSync(src, dst)
+      if (src !== dst) fs.copySync(src, dst)

      delete ts.torrentPath
      ts.torrentFileName = infoHash + '.torrent'
@@ -79,21 +70,21 @@ function migrate_0_7_0 (saved) {

    // Replace posterURL with posterFileName
    if (ts.posterURL) {
-      const extension = path.extname(ts.posterURL)
+      var extension = path.extname(ts.posterURL)
      src = path.isAbsolute(ts.posterURL)
        ? ts.posterURL
        : path.join(config.STATIC_PATH, ts.posterURL)
      dst = path.join(config.POSTER_PATH, infoHash + extension)
      // Synchronous FS calls aren't ideal, but probably OK in a migration
      // that only runs once
-      if (src !== dst) copyFileSync(src, dst)
+      if (src !== dst) fs.copySync(src, dst)

      delete ts.posterURL
      ts.posterFileName = infoHash + extension
    }

    // Fix exception caused by incorrect file ordering.
-    // https://github.com/webtorrent/webtorrent-desktop/pull/604#issuecomment-222805214
+    // https://github.com/feross/webtorrent-desktop/pull/604#issuecomment-222805214
    delete ts.defaultPlayFileIndex
    delete ts.files
    delete ts.selections
@@ -117,8 +108,6 @@ function migrate_0_11_0 (saved) {
 }

 function migrate_0_12_0 (saved) {
-  const TorrentSummary = require('./torrent-summary')
-
  if (saved.prefs.openExternalPlayer == null && saved.prefs.playInVlc != null) {
    saved.prefs.openExternalPlayer = saved.prefs.playInVlc
  }
@@ -126,109 +115,23 @@ function migrate_0_12_0 (saved) {

  // Undo a terrible bug where clicking Play on a default torrent on a fresh
  // install results in a "path missing" error
-  // See https://github.com/webtorrent/webtorrent-desktop/pull/806
-  const defaultTorrentFiles = [
+  // See https://github.com/feross/webtorrent-desktop/pull/806
+  var defaultTorrentFiles = [
    '6a9759bffd5c0af65319979fb7832189f4f3c35d.torrent',
    '88594aaacbde40ef3e2510c47374ec0aa396c08e.torrent',
    '6a02592d2bbc069628cd5ed8a54f88ee06ac0ba5.torrent',
    '02767050e0be2fd4db9a2ad6c12416ac806ed6ed.torrent',
    '3ba219a8634bf7bae3d848192b2da75ae995589d.torrent'
  ]
-  saved.torrents.forEach(torrentSummary => {
+  saved.torrents.forEach(function (torrentSummary) {
    if (!defaultTorrentFiles.includes(torrentSummary.torrentFileName)) return
-    const fileOrFolder = TorrentSummary.getFileOrFolder(torrentSummary)
+    var fileOrFolder = TorrentSummary.getFileOrFolder(torrentSummary)
    if (!fileOrFolder) return
    try {
      fs.statSync(fileOrFolder)
-    } catch (err) {
+    } catch (e) {
      // Default torrent with "missing path" error. Clear path.
      delete torrentSummary.path
    }
  })
 }
-
-function migrate_0_14_0 (saved) {
-  saved.torrents.forEach(ts => {
-    delete ts.defaultPlayFileIndex
-  })
-}
-
-function migrate_0_17_0 (saved) {
-  // Fix a sad, sad bug that resulted in 100MB+ config.json files
-  saved.torrents.forEach(ts => {
-    if (!ts.files) return
-    ts.files.forEach(file => {
-      if (!file.audioInfo || !file.audioInfo.picture) return
-      // This contained a Buffer, which 30x'd in size when serialized to JSON
-      delete file.audioInfo.picture
-    })
-  })
-}
-
-function migrate_0_17_2 (saved) {
-  // Remove the trailing dot (.) from the Wired CD torrent name, since
-  // folders/files that end in a trailing dot (.) or space are not deletable from
-  // Windows Explorer. See: https://github.com/webtorrent/webtorrent-desktop/issues/905
-
-  const { copyFileSync } = require('fs')
-  const rimraf = require('rimraf')
-
-  const OLD_NAME = 'The WIRED CD - Rip. Sample. Mash. Share.'
-  const NEW_NAME = 'The WIRED CD - Rip. Sample. Mash. Share'
-
-  const OLD_HASH = '3ba219a8634bf7bae3d848192b2da75ae995589d'
-  const NEW_HASH = 'a88fda5954e89178c372716a6a78b8180ed4dad3'
-
-  const ts = saved.torrents.find(ts => ts.infoHash === OLD_HASH)
-
-  if (!ts) return // Wired CD torrent does not exist
-
-  // New versions of WebTorrent ship with a fixed torrent file. Let's fix up the
-  // name in existing versions of WebTorrent.
-  ts.name = ts.displayName = NEW_NAME
-  ts.files.forEach((file) => {
-    file.path = file.path.replace(OLD_NAME, NEW_NAME)
-  })
-
-  // Changing the torrent name causes the info hash to change
-  ts.infoHash = NEW_HASH
-  ts.magnetURI = ts.magnetURI.replace(OLD_HASH, NEW_HASH)
-
-  try {
-    fs.renameSync(
-      path.join(config.POSTER_PATH, ts.posterFileName),
-      path.join(config.POSTER_PATH, NEW_HASH + '.jpg')
-    )
-  } catch (err) {}
-  ts.posterFileName = NEW_HASH + '.jpg'
-
-  rimraf.sync(path.join(config.TORRENT_PATH, ts.torrentFileName))
-  copyFileSync(
-    path.join(config.STATIC_PATH, 'wiredCd.torrent'),
-    path.join(config.TORRENT_PATH, NEW_HASH + '.torrent')
-  )
-  ts.torrentFileName = NEW_HASH + '.torrent'
-
-  if (ts.path) {
-    // If torrent folder already exists on disk, try to rename it
-    try {
-      fs.renameSync(
-        path.join(ts.path, OLD_NAME),
-        path.join(ts.path, NEW_NAME)
-      )
-    } catch (err) {}
-  }
-}
-
-function migrate_0_21_0 (saved) {
-  if (saved.prefs.soundNotifications == null) {
-    // The app used to always have sound notifications enabled
-    saved.prefs.soundNotifications = true
-  }
-}
-
-function migrate_0_22_0 (saved) {
-  if (saved.prefs.externalPlayerPath == null) {
-    saved.prefs.externalPlayerPath = ''
-  }
-}
--- a/src/renderer/lib/playlist.js
+++ b/src/renderer/lib/playlist.js
@@ -1,88 +0,0 @@
-module.exports = {
-  hasNext,
-  getNextIndex,
-  hasPrevious,
-  getPreviousIndex,
-  getCurrentLocalURL
-}
-
-const TorrentSummary = require('./torrent-summary')
-const TorrentPlayer = require('./torrent-player')
-
-const cache = {
-  infoHash: null,
-  previousIndex: null,
-  currentIndex: null,
-  nextIndex: null
-}
-
-function hasNext (state) {
-  updateCache(state)
-  return cache.nextIndex !== null
-}
-
-function getNextIndex (state) {
-  updateCache(state)
-  return cache.nextIndex
-}
-
-function hasPrevious (state) {
-  updateCache(state)
-  return cache.previousIndex !== null
-}
-
-function getPreviousIndex (state) {
-  updateCache(state)
-  return cache.previousIndex
-}
-
-function getCurrentLocalURL (state) {
-  return state.server
-    ? state.server.localURL + '/' + state.playing.fileIndex + '/' +
-      encodeURIComponent(state.playing.fileName)
-    : ''
-}
-
-function updateCache (state) {
-  const infoHash = state.playing.infoHash
-  const fileIndex = state.playing.fileIndex
-
-  if (infoHash === cache.infoHash) {
-    switch (fileIndex) {
-      case cache.currentIndex:
-        return
-      case cache.nextIndex:
-        cache.previousIndex = cache.currentIndex
-        cache.currentIndex = fileIndex
-        cache.nextIndex = findNextIndex(state)
-        return
-      case cache.previousIndex:
-        cache.previousIndex = findPreviousIndex(state)
-        cache.nextIndex = cache.currentIndex
-        cache.currentIndex = fileIndex
-        return
-    }
-  } else {
-    cache.infoHash = infoHash
-  }
-
-  cache.previousIndex = findPreviousIndex(state)
-  cache.currentIndex = fileIndex
-  cache.nextIndex = findNextIndex(state)
-}
-
-function findPreviousIndex (state) {
-  const files = TorrentSummary.getByKey(state, state.playing.infoHash).files
-  for (let i = state.playing.fileIndex - 1; i >= 0; i--) {
-    if (TorrentPlayer.isPlayable(files[i])) return i
-  }
-  return null
-}
-
-function findNextIndex (state) {
-  const files = TorrentSummary.getByKey(state, state.playing.infoHash).files
-  for (let i = state.playing.fileIndex + 1; i < files.length; i++) {
-    if (TorrentPlayer.isPlayable(files[i])) return i
-  }
-  return null
-}
--- a/src/renderer/lib/sound.js
+++ b/src/renderer/lib/sound.js
@@ -1,32 +1,28 @@
 module.exports = {
-  init,
+  preload,
  play
 }

-const config = require('../../config')
-const { InvalidSoundNameError } = require('./errors')
-const path = require('path')
+var config = require('../../config')
+var path = require('path')

-const VOLUME = 0.25
-
-// App state to access the soundNotifications preference
-let state
+var VOLUME = 0.15

 /* Cache of Audio elements, for instant playback */
-const cache = {}
+var cache = {}

-const sounds = {
+var sounds = {
  ADD: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'add.wav'),
    volume: VOLUME
  },
  DELETE: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'delete.wav'),
-    volume: VOLUME * 0.5
+    volume: VOLUME
  },
  DISABLE: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'disable.wav'),
-    volume: VOLUME * 0.5
+    volume: VOLUME
  },
  DONE: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'done.wav'),
@@ -34,7 +30,7 @@ const sounds = {
  },
  ENABLE: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'enable.wav'),
-    volume: VOLUME * 0.5
+    volume: VOLUME
  },
  ERROR: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'error.wav'),
@@ -46,28 +42,27 @@ const sounds = {
  },
  STARTUP: {
    url: 'file://' + path.join(config.STATIC_PATH, 'sound', 'startup.wav'),
-    volume: VOLUME
+    volume: VOLUME * 2
  }
 }

-function init (appState) {
-  state = appState
+function preload () {
+  for (var name in sounds) {
+    if (!cache[name]) {
+      var sound = sounds[name]
+      var audio = cache[name] = new window.Audio()
+      audio.volume = sound.volume
+      audio.src = sound.url
+    }
+  }
 }

 function play (name) {
-  if (state == null) {
-    return
-  }
-
-  if (!state.saved.prefs.soundNotifications) {
-    return
-  }
-
-  let audio = cache[name]
+  var audio = cache[name]
  if (!audio) {
-    const sound = sounds[name]
+    var sound = sounds[name]
    if (!sound) {
-      throw new InvalidSoundNameError(name)
+      throw new Error('Invalid sound name')
    }
    audio = cache[name] = new window.Audio()
    audio.volume = sound.volume
--- a/src/renderer/lib/state.js
+++ b/src/renderer/lib/state.js
@@ -1,31 +1,21 @@
-const appConfig = require('application-config')('WebTorrent')
-const path = require('path')
-const { EventEmitter } = require('events')
+var appConfig = require('application-config')('WebTorrent')
+var path = require('path')
+var {EventEmitter} = require('events')

-const config = require('../../config')
-const defaultAnnounceList = require('create-torrent').announceList.map((arr) => arr[0])
+var config = require('../../config')
+var migrations = require('./migrations')

-const SAVE_DEBOUNCE_INTERVAL = 1000
+var State = module.exports = Object.assign(new EventEmitter(), {
+  getDefaultPlayState,
+  load,
+  save,
+  saveThrottled
+})

 appConfig.filePath = path.join(config.CONFIG_PATH, 'config.json')

-const State = module.exports = Object.assign(new EventEmitter(), {
-  getDefaultPlayState,
-  load,
-  // state.save() calls are rate-limited. Use state.saveImmediate() to skip limit.
-  save (...args) {
-    // Perf optimization: Lazy-require debounce (and it's dependencies)
-    const debounce = require('debounce')
-    // After first State.save() invokation, future calls go straight to the
-    // debounced function
-    State.save = debounce(saveImmediate, SAVE_DEBOUNCE_INTERVAL)
-    State.save(...args)
-  },
-  saveImmediate
-})
-
 function getDefaultState () {
-  const LocationHistory = require('location-history')
+  var LocationHistory = require('location-history')

  return {
    /*
@@ -78,10 +68,7 @@ function getDefaultState () {
     * Getters, for convenience
     */
    getPlayingTorrentSummary,
-    getPlayingFileSummary,
-    getExternalPlayerName,
-    getGlobalTrackers,
-    shouldHidePlayerControls
+    getPlayingFileSummary
  }
 }

@@ -90,12 +77,10 @@ function getDefaultPlayState () {
  return {
    infoHash: null, /* the info hash of the torrent we're playing */
    fileIndex: null, /* the zero-based index within the torrent */
-    fileName: null, /* name of the file that is playing */
    location: 'local', /* 'local', 'chromecast', 'airplay' */
    type: null, /* 'audio' or 'video', could be 'other' if ever support eg streaming to VLC */
    currentTime: 0, /* seconds */
    duration: 1, /* seconds */
-    isReady: false,
    isPaused: true,
    isStalled: false,
    lastTimeUpdate: 0, /* Unix time in ms */
@@ -107,61 +92,55 @@ function getDefaultPlayState () {
      selectedIndex: -1, /* current subtitle track */
      showMenu: false /* popover menu, above the video */
    },
-    audioTracks: {
-      tracks: [],
-      selectedIndex: 0, /* current audio track */
-      showMenu: false /* popover menu, above the video */
-    },
    aspectRatio: 0 /* aspect ratio of the video */
  }
 }

 /* If the saved state file doesn't exist yet, here's what we use instead */
-function setupStateSaved () {
-  const { copyFileSync, mkdirSync, readFileSync } = require('fs')
-  const parseTorrent = require('parse-torrent')
+function setupSavedState (cb) {
+  var fs = require('fs-extra')
+  var parseTorrent = require('parse-torrent')
+  var parallel = require('run-parallel')

-  const saved = {
+  var saved = {
    prefs: {
      downloadPath: config.DEFAULT_DOWNLOAD_PATH,
      isFileHandler: false,
      openExternalPlayer: false,
-      externalPlayerPath: '',
-      startup: false,
-      soundNotifications: true,
-      autoAddTorrents: false,
-      torrentsFolderPath: '',
-      highestPlaybackPriority: true,
-      globalTrackers: defaultAnnounceList
+      externalPlayerPath: null
    },
    torrents: config.DEFAULT_TORRENTS.map(createTorrentObject),
-    torrentsToResume: [],
    version: config.APP_VERSION /* make sure we can upgrade gracefully later */
  }

-  // TODO: Doing several sync calls during first startup is not ideal
-  mkdirSync(config.POSTER_PATH, { recursive: true })
-  mkdirSync(config.TORRENT_PATH, { recursive: true })
+  var tasks = []

-  config.DEFAULT_TORRENTS.forEach((t, i) => {
-    const infoHash = saved.torrents[i].infoHash
-    // TODO: Doing several sync calls during first startup is not ideal
-    copyFileSync(
-      path.join(config.STATIC_PATH, t.posterFileName),
-      path.join(config.POSTER_PATH, infoHash + path.extname(t.posterFileName))
-    )
-    copyFileSync(
-      path.join(config.STATIC_PATH, t.torrentFileName),
-      path.join(config.TORRENT_PATH, infoHash + '.torrent')
-    )
+  config.DEFAULT_TORRENTS.map(function (t, i) {
+    var infoHash = saved.torrents[i].infoHash
+    tasks.push(function (cb) {
+      fs.copy(
+        path.join(config.STATIC_PATH, t.posterFileName),
+        path.join(config.POSTER_PATH, infoHash + path.extname(t.posterFileName)),
+        cb
+      )
+    })
+    tasks.push(function (cb) {
+      fs.copy(
+        path.join(config.STATIC_PATH, t.torrentFileName),
+        path.join(config.TORRENT_PATH, infoHash + '.torrent'),
+        cb
+      )
+    })
  })

-  return saved
+  parallel(tasks, function (err) {
+    if (err) return cb(err)
+    cb(null, saved)
+  })

  function createTorrentObject (t) {
-    // TODO: Doing several sync calls during first startup is not ideal
-    const torrent = readFileSync(path.join(config.STATIC_PATH, t.torrentFileName))
-    const parsedTorrent = parseTorrent(torrent)
+    var torrent = fs.readFileSync(path.join(config.STATIC_PATH, t.torrentFileName))
+    var parsedTorrent = parseTorrent(torrent)

    return {
      status: 'paused',
@@ -172,92 +151,62 @@ function setupStateSaved () {
      torrentFileName: parsedTorrent.infoHash + '.torrent',
      magnetURI: parseTorrent.toMagnetURI(parsedTorrent),
      files: parsedTorrent.files,
-      selections: parsedTorrent.files.map((x) => true),
-      testID: t.testID
+      selections: parsedTorrent.files.map((x) => true)
    }
  }
 }

 function getPlayingTorrentSummary () {
-  const infoHash = this.playing.infoHash
+  var infoHash = this.playing.infoHash
  return this.saved.torrents.find((x) => x.infoHash === infoHash)
 }

 function getPlayingFileSummary () {
-  const torrentSummary = this.getPlayingTorrentSummary()
+  var torrentSummary = this.getPlayingTorrentSummary()
  if (!torrentSummary) return null
  return torrentSummary.files[this.playing.fileIndex]
 }

-function getExternalPlayerName () {
-  const playerPath = this.saved.prefs.externalPlayerPath
-  if (!playerPath) return 'VLC'
-  return path.basename(playerPath).split('.')[0]
-}
+function load (cb) {
+  var state = getDefaultState()

-function shouldHidePlayerControls () {
-  return this.location.url() === 'player' &&
-    this.playing.mouseStationarySince !== 0 &&
-    new Date().getTime() - this.playing.mouseStationarySince > 2000 &&
-    !this.playing.mouseInControls &&
-    !this.playing.isPaused &&
-    this.playing.location === 'local'
-}
-
-function getGlobalTrackers () {
-  const trackers = this.saved.prefs.globalTrackers
-  if (!trackers) {
-    return defaultAnnounceList
-  }
-  return trackers
-}
-
-async function load (cb) {
-  let saved = await appConfig.read()
-
-  if (!saved || !saved.version) {
-    console.log('Missing config file: Creating new one')
-    try {
-      saved = setupStateSaved()
-    } catch (err) {
-      onSavedState(err)
-      return
+  appConfig.read(function (err, saved) {
+    if (err || !saved.version) {
+      console.log('Missing config file: Creating new one')
+      setupSavedState(onSaved)
+    } else {
+      onSaved(null, saved)
    }
-  }
+  })

-  onSavedState(null, saved)
-
-  function onSavedState (err, saved) {
+  function onSaved (err, saved) {
    if (err) return cb(err)
-    const state = getDefaultState()
    state.saved = saved
-
-    if (process.type === 'renderer') {
-      // Perf optimization: Save require() calls in the main process
-      const migrations = require('./migrations')
-      migrations.run(state)
-    }
-
+    migrations.run(state)
    cb(null, state)
  }
 }

 // Write state.saved to the JSON state file
-async function saveImmediate (state, cb) {
+function save (state, cb) {
  console.log('Saving state to ' + appConfig.filePath)
+  delete state.saveStateTimeout

  // Clean up, so that we're not saving any pending state
-  const copy = Object.assign({}, state.saved)
+  var copy = Object.assign({}, state.saved)
  // Remove torrents pending addition to the list, where we haven't finished
  // reading the torrent file or file(s) to seed & don't have an infohash
  copy.torrents = copy.torrents
    .filter((x) => x.infoHash)
-    .map(x => {
-      const torrent = {}
-      for (const key in x) {
+    .map(function (x) {
+      var torrent = {}
+      for (var key in x) {
        if (key === 'progress' || key === 'torrentKey') {
          continue // Don't save progress info or key for the webtorrent process
        }
+        if (key === 'playStatus') {
+          continue // Don't save whether a torrent is playing / pending
+        }
        if (key === 'error') {
          continue // Don't save error states
        }
@@ -266,10 +215,17 @@ async function saveImmediate (state, cb) {
      return torrent
    })

-  try {
-    await appConfig.write(copy)
-    State.emit('stateSaved')
-  } catch (err) {
-    console.error(err)
-  }
+  appConfig.write(copy, (err) => {
+    if (err) console.error(err)
+    else State.emit('savedState')
+  })
+}
+
+// Write, but no more than once a second
+function saveThrottled (state) {
+  if (state.saveStateTimeout) return
+  state.saveStateTimeout = setTimeout(function () {
+    if (!state.saveStateTimeout) return
+    save(state)
+  }, 1000)
 }
--- a/src/renderer/lib/telemetry.js
+++ b/src/renderer/lib/telemetry.js
@@ -2,62 +2,44 @@
 // Reports back so that we can improve WebTorrent Desktop
 module.exports = {
  init,
-  send,
  logUncaughtError,
  logPlayAttempt
 }

-const remote = require('@electron/remote')
+const crypto = require('crypto')
+const electron = require('electron')
+const https = require('https')
+const os = require('os')
+const url = require('url')

 const config = require('../../config')

-let telemetry
+var telemetry

 function init (state) {
  telemetry = state.saved.telemetry
-
-  // First app run
  if (!telemetry) {
-    const crypto = require('crypto')
-    telemetry = state.saved.telemetry = {
-      userID: crypto.randomBytes(32).toString('hex') // 256-bit random ID
-    }
+    telemetry = state.saved.telemetry = createSummary()
    reset()
  }
-}

-function send (state) {
-  const now = new Date()
+  var now = new Date()
  telemetry.version = config.APP_VERSION
  telemetry.timestamp = now.toISOString()
  telemetry.localTime = now.toTimeString()
  telemetry.screens = getScreenInfo()
  telemetry.system = getSystemInfo()
-  telemetry.torrentStats = getTorrentStats(state)
-  telemetry.approxNumTorrents = telemetry.torrentStats.approxCount
+  telemetry.approxNumTorrents = getApproxNumTorrents(state)

-  if (!config.IS_PRODUCTION) {
+  if (config.IS_PRODUCTION) {
+    postToServer()
+    // If the user keeps WebTorrent running for a long time, post every 12h
+    setInterval(postToServer, 12 * 3600 * 1000)
+  } else {
    // Development: telemetry used only for local debugging
    // Empty uncaught errors, etc at the start of every run
-    return reset()
-  }
-
-  const get = require('simple-get')
-
-  const opts = {
-    url: config.TELEMETRY_URL,
-    body: telemetry,
-    json: true
-  }
-
-  get.post(opts, (err, res) => {
-    if (err) return console.error('Error sending telemetry', err)
-    if (res.statusCode !== 200) {
-      return console.error(`Error sending telemetry, status code: ${res.statusCode}`)
-    }
-    console.log('Sent telemetry')
    reset()
-  })
+  }
 }

 function reset () {
@@ -66,15 +48,50 @@ function reset () {
    minVersion: config.APP_VERSION,
    total: 0,
    success: 0,
+    timeout: 0,
    error: 0,
-    external: 0,
    abandoned: 0
  }
 }

+function postToServer () {
+  // Serialize the telemetry summary
+  var payload = new Buffer(JSON.stringify(telemetry), 'utf8')
+
+  // POST to our server
+  var options = url.parse(config.TELEMETRY_URL)
+  options.method = 'POST'
+  options.headers = {
+    'Content-Type': 'application/json',
+    'Content-Length': payload.length
+  }
+
+  var req = https.request(options, function (res) {
+    if (res.statusCode === 200) {
+      console.log('Successfully posted telemetry summary')
+      reset()
+    } else {
+      console.error('Couldn\'t post telemetry summary, got HTTP ' + res.statusCode)
+    }
+  })
+  req.on('error', function (e) {
+    console.error('Couldn\'t post telemetry summary', e)
+  })
+  req.write(payload)
+  req.end()
+}
+
+// Creates a new telemetry summary. Gives the user a unique ID,
+// collects screen resolution, etc
+function createSummary () {
+  // Make a 256-bit random unique ID
+  var userID = crypto.randomBytes(32).toString('hex')
+  return { userID }
+}
+
 // Track screen resolution
 function getScreenInfo () {
-  return remote.screen.getAllDisplays().map((screen) => ({
+  return electron.screen.getAllDisplays().map((screen) => ({
    width: screen.size.width,
    height: screen.size.height,
    scaleFactor: screen.scaleFactor
@@ -83,68 +100,22 @@ function getScreenInfo () {

 // Track basic system info like OS version and amount of RAM
 function getSystemInfo () {
-  const os = require('os')
  return {
    osPlatform: process.platform,
    osRelease: os.type() + ' ' + os.release(),
    architecture: os.arch(),
-    systemArchitecture: config.OS_SYSARCH,
-    totalMemoryMB: roundPow2(os.totalmem() / (1 << 20)),
+    totalMemoryMB: os.totalmem() / (1 << 20),
    numCores: os.cpus().length
  }
 }

-// Get stats like the # of torrents currently active, # in list, total size
-function getTorrentStats (state) {
-  const count = state.saved.torrents.length
-  let sizeMB = 0
-  const byStatus = {
-    new: { count: 0, sizeMB: 0 },
-    downloading: { count: 0, sizeMB: 0 },
-    seeding: { count: 0, sizeMB: 0 },
-    paused: { count: 0, sizeMB: 0 }
-  }
-
-  // First, count torrents & total file size
-  for (const torrent of state.saved.torrents) {
-    const stat = byStatus[torrent.status]
-    if (!torrent || !torrent.files || !stat) continue
-    stat.count++
-
-    for (const file of torrent.files) {
-      if (!file || !file.length) continue
-      const fileSizeMB = file.length / (1 << 20)
-      sizeMB += fileSizeMB
-      stat.sizeMB += fileSizeMB
-    }
-  }
-
-  // Then, round all the counts and sums to the nearest power of 2
-  const ret = roundTorrentStats({ count, sizeMB })
-  ret.byStatus = {
-    new: roundTorrentStats(byStatus.new),
-    downloading: roundTorrentStats(byStatus.downloading),
-    seeding: roundTorrentStats(byStatus.seeding),
-    paused: roundTorrentStats(byStatus.paused)
-  }
-  return ret
-}
-
-function roundTorrentStats (stats) {
-  return {
-    approxCount: roundPow2(stats.count),
-    approxSizeMB: roundPow2(stats.sizeMB)
-  }
-}
-
-// Rounds to the nearest power of 2, for privacy and easy bucketing.
-// Rounds 35 to 32, 70 to 64, 5 to 4, 1 to 1, 0 to 0.
-// Supports nonnegative numbers only.
-function roundPow2 (n) {
-  if (n <= 0) return 0
+// Get the number of torrents, rounded to the nearest power of two
+function getApproxNumTorrents (state) {
+  var exactNum = state.saved.torrents.length
+  if (exactNum === 0) return 0
  // Otherwise, return 1, 2, 4, 8, etc by rounding in log space
-  const log2 = Math.log(n) / Math.log(2)
-  return 2 ** Math.round(log2)
+  var log2 = Math.log(exactNum) / Math.log(2)
+  return 1 << Math.round(log2)
 }

 // An uncaught error happened in the main process or in one of the windows
@@ -153,10 +124,12 @@ function logUncaughtError (procName, e) {
  // Hopefully uncaught errors immediately on startup are fixed in dev
  if (!telemetry) return

-  let message
-  let stack = ''
-  if (e == null) {
-    message = 'Unexpected undefined error'
+  var message
+  var stack = ''
+  if (e.message) {
+    // err is either an Error or a plain object {message, stack}
+    message = e.message
+    stack = e.stack
  } else if (e.error) {
    // Uncaught Javascript errors (window.onerror), err is an ErrorEvent
    if (!e.error.message) {
@@ -165,10 +138,6 @@ function logUncaughtError (procName, e) {
      message = e.error.message
      stack = e.error.stack
    }
-  } else if (e.message) {
-    // err is either an Error or a plain object {message, stack}
-    message = e.message
-    stack = e.stack
  } else {
    // Resource errors (captured element.onerror), err is an Event
    if (!e.target) {
@@ -180,14 +149,11 @@ function logUncaughtError (procName, e) {
    }
  }

-  if (typeof stack !== 'string') stack = 'Unexpected stack: ' + stack
-  if (typeof message !== 'string') message = 'Unexpected message: ' + message
-
  // Remove the first part of each file path in the stack trace.
  // - Privacy: remove personal info like C:\Users\<full name>
  // - Aggregation: this lets us find which stacktraces occur often
-  stack = stack.replace(/\(.*app.asar/g, '(...')
-  stack = stack.replace(/at .*app.asar/g, 'at ...')
+  if (stack && typeof stack === 'string') stack = stack.replace(/\(.*app.asar/g, '(...')
+  else if (stack) stack = 'Unexpected stack: ' + stack

  // We need to POST the telemetry object, make sure it stays < 100kb
  if (telemetry.uncaughtErrors.length > 20) return
@@ -195,28 +161,28 @@ function logUncaughtError (procName, e) {
  if (stack.length > 1000) stack = stack.substring(0, 1000)

  // Log the app version *at the time of the error*
-  const version = config.APP_VERSION
+  var version = config.APP_VERSION

-  telemetry.uncaughtErrors.push({ process: procName, message, stack, version })
+  telemetry.uncaughtErrors.push({process: procName, message, stack, version})
 }

 // Turns a DOM element into a string, eg "DIV.my-class.visible"
 function getElemString (elem) {
-  let ret = elem.tagName
+  var ret = elem.tagName
  try {
    ret += '.' + Array.from(elem.classList).join('.')
-  } catch (err) {}
+  } catch (e) {}
  return ret
 }

-// The user pressed play. Did it work, display an error,
-// open an external player or did user abandon the attempt?
+// The user pressed play. It either worked, timed out, or showed the
+// 'Play in VLC' codec error
 function logPlayAttempt (result) {
-  if (!['success', 'error', 'external', 'abandoned'].includes(result)) {
+  if (!['success', 'timeout', 'error', 'abandoned'].includes(result)) {
    return console.error('Unknown play attempt result', result)
  }

-  const attempts = telemetry.playAttempts
+  var attempts = telemetry.playAttempts
  attempts.total = (attempts.total || 0) + 1
  attempts[result] = (attempts[result] || 0) + 1
 }
--- a/src/renderer/lib/time.js
+++ b/src/renderer/lib/time.js
@@ -1,20 +0,0 @@
-module.exports = {
-  calculateEta
-}
-
-function calculateEta (missing, downloadSpeed) {
-  if (downloadSpeed === 0 || missing === 0) return
-
-  const rawEta = missing / downloadSpeed
-  const hours = Math.floor(rawEta / 3600) % 24
-  const minutes = Math.floor(rawEta / 60) % 60
-  const seconds = Math.floor(rawEta % 60)
-
-  // Only display hours and minutes if they are greater than 0 but always
-  // display minutes if hours is being displayed
-  const hoursStr = hours ? hours + ' h' : ''
-  const minutesStr = (hours || minutes) ? minutes + ' min' : ''
-  const secondsStr = seconds + ' s'
-
-  return `${hoursStr} ${minutesStr} ${secondsStr} remaining`
-}
--- a/src/renderer/lib/torrent-player.js
+++ b/src/renderer/lib/torrent-player.js
@@ -3,13 +3,11 @@ module.exports = {
  isVideo,
  isAudio,
  isTorrent,
-  isMagnetLink,
-  isPlayableTorrentSummary
+  isPlayableTorrentSummary,
+  pickFileToPlay
 }

-const path = require('path')
-
-const mediaExtensions = require('./media-extensions')
+var path = require('path')

 // Checks whether a fileSummary or file path is audio/video that we can play,
 // based on the file extension
@@ -19,12 +17,29 @@ function isPlayable (file) {

 // Checks whether a fileSummary or file path is playable video
 function isVideo (file) {
-  return mediaExtensions.video.includes(getFileExtension(file))
+  return [
+    '.avi',
+    '.m4v',
+    '.mkv',
+    '.mov',
+    '.mp4',
+    '.mpg',
+    '.ogv',
+    '.webm',
+    '.wmv'
+  ].includes(getFileExtension(file))
 }

 // Checks whether a fileSummary or file path is playable audio
 function isAudio (file) {
-  return mediaExtensions.audio.includes(getFileExtension(file))
+  return [
+    '.aac',
+    '.ac3',
+    '.mp3',
+    '.ogg',
+    '.wav',
+    '.m4a'
+  ].includes(getFileExtension(file))
 }

 // Checks if the argument is either:
@@ -32,22 +47,38 @@ function isAudio (file) {
 // - a file object where obj.name is ends in .torrent
 // - a string that's a magnet link (magnet://...)
 function isTorrent (file) {
-  return isTorrentFile(file) || isMagnetLink(file)
-}
-
-function isTorrentFile (file) {
-  return getFileExtension(file) === '.torrent'
-}
-
-function isMagnetLink (link) {
-  return typeof link === 'string' && /^(stream-)?magnet:/.test(link)
+  var isTorrentFile = getFileExtension(file) === '.torrent'
+  var isMagnet = typeof file === 'string' && /^(stream-)?magnet:/.test(file)
+  return isTorrentFile || isMagnet
 }

 function getFileExtension (file) {
-  const name = typeof file === 'string' ? file : file.name
+  var name = typeof file === 'string' ? file : file.name
  return path.extname(name).toLowerCase()
 }

 function isPlayableTorrentSummary (torrentSummary) {
  return torrentSummary.files && torrentSummary.files.some(isPlayable)
 }
+
+// Picks the default file to play from a list of torrent or torrentSummary files
+// Returns an index or undefined, if no files are playable
+function pickFileToPlay (files) {
+  // first, try to find the biggest video file
+  var videoFiles = files.filter(isVideo)
+  if (videoFiles.length > 0) {
+    var largestVideoFile = videoFiles.reduce(function (a, b) {
+      return a.length > b.length ? a : b
+    })
+    return files.indexOf(largestVideoFile)
+  }
+
+  // if there are no videos, play the first audio file
+  var audioFiles = files.filter(isAudio)
+  if (audioFiles.length > 0) {
+    return files.indexOf(audioFiles[0])
+  }
+
+  // no video or audio means nothing is playable
+  return undefined
+}
--- a/src/renderer/lib/torrent-poster.js
+++ b/src/renderer/lib/torrent-poster.js
@@ -1,143 +1,50 @@
 module.exports = torrentPoster

-const captureFrame = require('capture-frame')
-const path = require('path')
-
-const mediaExtensions = require('./media-extensions')
-
-const msgNoSuitablePoster = 'Cannot generate a poster from any files in the torrent'
+var captureVideoFrame = require('./capture-video-frame')
+var path = require('path')

 function torrentPoster (torrent, cb) {
  // First, try to use a poster image if available
-  const posterFile = torrent.files.filter(file => /^poster\.(jpg|png|gif)$/.test(file.name))[0]
-  if (posterFile) return extractPoster(posterFile, cb)
+  var posterFile = torrent.files.filter(function (file) {
+    return /^poster\.(jpg|png|gif)$/.test(file.name)
+  })[0]
+  if (posterFile) return torrentPosterFromImage(posterFile, torrent, cb)

-  // 'score' each media type based on total size present in torrent
-  const bestScore = ['audio', 'video', 'image'].map(mediaType => ({
-    type: mediaType,
-    size: calculateDataLengthByExtension(torrent, mediaExtensions[mediaType])
-  })).sort((a, b) => b.size - a.size)[0] // sort descending on size
+  // Second, try to use the largest video file
+  // Filter out file formats that the <video> tag definitely can't play
+  var videoFile = getLargestFileByExtension(torrent, ['.mp4', '.m4v', '.webm', '.mov', '.mkv'])
+  if (videoFile) return torrentPosterFromVideo(videoFile, torrent, cb)

-  if (bestScore.size === 0) {
-    // Admit defeat, no video, audio or image had a significant presence
-    return cb(new Error(msgNoSuitablePoster))
-  }
+  // Third, try to use the largest image file
+  var imgFile = getLargestFileByExtension(torrent, ['.gif', '.jpg', '.jpeg', '.png'])
+  if (imgFile) return torrentPosterFromImage(imgFile, torrent, cb)

-  // Based on which media type is dominant we select the corresponding poster function
-  switch (bestScore.type) {
-    case 'audio':
-      return torrentPosterFromAudio(torrent, cb)
-    case 'image':
-      return torrentPosterFromImage(torrent, cb)
-    case 'video':
-      return torrentPosterFromVideo(torrent, cb)
-  }
+  // TODO: generate a waveform from the largest sound file
+  // Finally, admit defeat
+  return cb(new Error('Cannot generate a poster from any files in the torrent'))
 }

-/**
- * Calculate the total data size of file matching one of the provided extensions
- * @param torrent
- * @param extensions List of extension to match
- * @returns {number} total size, of matches found (>= 0)
- */
-function calculateDataLengthByExtension (torrent, extensions) {
-  const files = filterOnExtension(torrent, extensions)
-  if (files.length === 0) return 0
-  return files
-    .map(file => file.length)
-    .reduce((a, b) => a + b)
-}
-
-/**
- * Get the largest file of a given torrent, filtered by provided extension
- * @param torrent Torrent to search in
- * @param extensions Extension whitelist filter
- * @returns Torrent file object
- */
 function getLargestFileByExtension (torrent, extensions) {
-  const files = filterOnExtension(torrent, extensions)
-  if (files.length === 0) return undefined
-  return files.reduce((a, b) => a.length > b.length ? a : b)
-}
-
-/**
- * Filter file on a list extension, can be used to find al image files
- * @param torrent Torrent to filter files from
- * @param extensions File extensions to filter on
- * @returns {Array} Array of torrent file objects matching one of the given extensions
- */
-function filterOnExtension (torrent, extensions) {
-  return torrent.files.filter(file => {
-    const extname = path.extname(file.name).toLowerCase()
+  var files = torrent.files.filter(function (file) {
+    var extname = path.extname(file.name).toLowerCase()
    return extensions.indexOf(extname) !== -1
  })
-}
-
-/**
- * Returns a score how likely the file is suitable as a poster
- * @param imgFile File object of an image
- * @returns {number} Score, higher score is a better match
- */
-function scoreAudioCoverFile (imgFile) {
-  const fileName = path.basename(imgFile.name, path.extname(imgFile.name)).toLowerCase()
-  const relevanceScore = {
-    cover: 80,
-    folder: 80,
-    album: 80,
-    front: 80,
-    back: 20,
-    spectrogram: -80
-  }
-
-  for (const keyword in relevanceScore) {
-    if (fileName === keyword) {
-      return relevanceScore[keyword]
-    }
-    if (fileName.indexOf(keyword) !== -1) {
-      return relevanceScore[keyword]
-    }
-  }
-  return 0
-}
-
-function torrentPosterFromAudio (torrent, cb) {
-  const imageFiles = filterOnExtension(torrent, mediaExtensions.image)
-
-  if (imageFiles.length === 0) return cb(new Error(msgNoSuitablePoster))
-
-  const bestCover = imageFiles.map(file => ({
-    file,
-    score: scoreAudioCoverFile(file)
-  })).reduce((a, b) => {
-    if (a.score > b.score) {
-      return a
-    }
-    if (b.score > a.score) {
-      return b
-    }
-    // If score is equal, pick the largest file, aiming for highest resolution
-    if (a.file.length > b.file.length) {
-      return a
-    }
-    return b
+  if (files.length === 0) return undefined
+  return files.reduce(function (a, b) {
+    return a.length > b.length ? a : b
  })
-
-  const extname = path.extname(bestCover.file.name)
-  bestCover.file.getBuffer((err, buf) => cb(err, buf, extname))
 }

-function torrentPosterFromVideo (torrent, cb) {
-  const file = getLargestFileByExtension(torrent, mediaExtensions.video)
+function torrentPosterFromVideo (file, torrent, cb) {
+  var index = torrent.files.indexOf(file)

-  const index = torrent.files.indexOf(file)
-
-  const server = torrent.createServer(0)
+  var server = torrent.createServer(0)
  server.listen(0, onListening)

  function onListening () {
-    const port = server.address().port
-    const url = 'http://localhost:' + port + '/' + index
-    const video = document.createElement('video')
+    var port = server.address().port
+    var url = 'http://localhost:' + port + '/' + index
+    var video = document.createElement('video')
    video.addEventListener('canplay', onCanPlay)

    video.volume = 0
@@ -154,8 +61,7 @@ function torrentPosterFromVideo (torrent, cb) {
    function onSeeked () {
      video.removeEventListener('seeked', onSeeked)

-      const frame = captureFrame(video)
-      const buf = frame && frame.image
+      var buf = captureVideoFrame(video)

      // unload video element
      video.pause()
@@ -164,19 +70,14 @@ function torrentPosterFromVideo (torrent, cb) {

      server.destroy()

-      if (buf.length === 0) return cb(new Error(msgNoSuitablePoster))
+      if (buf.length === 0) return cb(new Error('Generated poster contains no data'))

      cb(null, buf, '.jpg')
    }
  }
 }

-function torrentPosterFromImage (torrent, cb) {
-  const file = getLargestFileByExtension(torrent, mediaExtensions.image)
-  extractPoster(file, cb)
-}
-
-function extractPoster (file, cb) {
-  const extname = path.extname(file.name)
+function torrentPosterFromImage (file, torrent, cb) {
+  var extname = path.extname(file.name)
  file.getBuffer((err, buf) => cb(err, buf, extname))
 }
--- a/src/renderer/lib/torrent-summary.js
+++ b/src/renderer/lib/torrent-summary.js
@@ -2,12 +2,12 @@ module.exports = {
  getPosterPath,
  getTorrentPath,
  getByKey,
-  getTorrentId,
+  getTorrentID,
  getFileOrFolder
 }

-const path = require('path')
-const config = require('../../config')
+var path = require('path')
+var config = require('../../config')

 // Expects a torrentSummary
 // Returns an absolute path to the torrent file, or null if unavailable
@@ -20,7 +20,7 @@ function getTorrentPath (torrentSummary) {
 // Returns an absolute path to the poster image, or null if unavailable
 function getPosterPath (torrentSummary) {
  if (!torrentSummary || !torrentSummary.posterFileName) return null
-  const posterPath = path.join(config.POSTER_PATH, torrentSummary.posterFileName)
+  var posterPath = path.join(config.POSTER_PATH, torrentSummary.posterFileName)
  // Work around a Chrome bug (reproduced in vanilla Chrome, not just Electron):
  // Backslashes in URLS in CSS cause bizarre string encoding issues
  return posterPath.replace(/\\/g, '/')
@@ -28,8 +28,8 @@ function getPosterPath (torrentSummary) {

 // Expects a torrentSummary
 // Returns a torrentID: filename, magnet URI, or infohash
-function getTorrentId (torrentSummary) {
-  const s = torrentSummary
+function getTorrentID (torrentSummary) {
+  var s = torrentSummary
  if (s.torrentFileName) { // Load torrent file from disk
    return getTorrentPath(s)
  } else { // Load torrent from DHT
@@ -51,8 +51,7 @@ function getByKey (state, torrentKey) {
 // TODO: make this assumption explicit, enforce it in the `create-torrent`
 // module. Store root folder explicitly to avoid hacky path processing below.
 function getFileOrFolder (torrentSummary) {
-  const ts = torrentSummary
+  var ts = torrentSummary
  if (!ts.path || !ts.files || ts.files.length === 0) return null
-  const dirname = ts.files[0].path.split(path.sep)[0]
-  return path.join(ts.path, dirname)
+  return path.join(ts.path, ts.files[0].path.split('/')[0])
 }
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -1,27 +1,8 @@
-/**
- * Perf optimization: Hook into require() to modify how certain modules load:
- *
- * - `inline-style-prefixer` (used by `material-ui`) takes ~40ms. It is not
- *   actually used because auto-prefixing is disabled with
- *   `darkBaseTheme.userAgent = false`. Return a fake object.
- */
-const Module = require('module')
-const _require = Module.prototype.require
-Module.prototype.require = function (id) {
-  if (id === 'inline-style-prefixer') return {}
-  return _require.apply(this, arguments)
-}
-
 console.time('init')

-// Perf optimization: Start asynchronously read on config file before all the
-// blocking require() calls below.
+const crashReporter = require('../crash-reporter')
+crashReporter.init()

-const State = require('./lib/state')
-State.load(onState)
-
-const createGetter = require('fn-getter')
-const debounce = require('debounce')
 const dragDrop = require('drag-drop')
 const electron = require('electron')
 const fs = require('fs')
@@ -31,88 +12,62 @@ const ReactDOM = require('react-dom')
 const config = require('../config')
 const telemetry = require('./lib/telemetry')
 const sound = require('./lib/sound')
+const State = require('./lib/state')
 const TorrentPlayer = require('./lib/torrent-player')

-// Perf optimization: Needed immediately, so do not lazy load it below
+// Required by Material UI -- adds `onTouchTap` event
+require('react-tap-event-plugin')()
+
+const App = require('./pages/App')
+
+const MediaController = require('./controllers/media-controller')
+const UpdateController = require('./controllers/update-controller')
+const PrefsController = require('./controllers/prefs-controller')
+const PlaybackController = require('./controllers/playback-controller')
+const SubtitlesController = require('./controllers/subtitles-controller')
 const TorrentListController = require('./controllers/torrent-list-controller')
-
-const App = require('./pages/app')
-
-// Electron apps have two processes: a main process (node) runs first and starts
-// a renderer process (essentially a Chrome window). We're in the renderer process,
-// and this IPC channel receives from and sends messages to the main process
-const ipcRenderer = electron.ipcRenderer
+const TorrentController = require('./controllers/torrent-controller')

 // Yo-yo pattern: state object lives here and percolates down thru all the views.
 // Events come back up from the views via dispatch(...)
 require('./lib/dispatcher').setDispatch(dispatch)

 // From dispatch(...), events are sent to one of the controllers
-let controllers = null
+var controllers = null

 // This dependency is the slowest-loading, so we lazy load it
-let Cast = null
+var Cast = null
+
+// Electron apps have two processes: a main process (node) runs first and starts
+// a renderer process (essentially a Chrome window). We're in the renderer process,
+// and this IPC channel receives from and sends messages to the main process
+var ipcRenderer = electron.ipcRenderer

 // All state lives in state.js. `state.saved` is read from and written to a file.
 // All other state is ephemeral. First we load state.saved then initialize the app.
-let state
+var state

 // Root React component
-let app
+var app
+
+State.load(onState)

 // Called once when the application loads. (Not once per window.)
 // Connects to the torrent networks, sets up the UI and OS integrations like
 // the dock icon and drag+drop.
 function onState (err, _state) {
  if (err) return onError(err)
-
-  // Make available for easier debugging
-  state = window.state = _state
-  window.dispatch = dispatch
-
-  telemetry.init(state)
-  sound.init(state)
-
-  // Log uncaught JS errors
-  window.addEventListener(
-    'error', (e) => telemetry.logUncaughtError('window', e), true /* capture */
-  )
+  state = window.state = _state // Make available for easier debugging

  // Create controllers
  controllers = {
-    media: createGetter(() => {
-      const MediaController = require('./controllers/media-controller')
-      return new MediaController(state)
-    }),
-    playback: createGetter(() => {
-      const PlaybackController = require('./controllers/playback-controller')
-      return new PlaybackController(state, config, update)
-    }),
-    prefs: createGetter(() => {
-      const PrefsController = require('./controllers/prefs-controller')
-      return new PrefsController(state, config)
-    }),
-    subtitles: createGetter(() => {
-      const SubtitlesController = require('./controllers/subtitles-controller')
-      return new SubtitlesController(state)
-    }),
-    audioTracks: createGetter(() => {
-      const AudioTracksController = require('./controllers/audio-tracks-controller')
-      return new AudioTracksController(state)
-    }),
-    torrent: createGetter(() => {
-      const TorrentController = require('./controllers/torrent-controller')
-      return new TorrentController(state)
-    }),
-    torrentList: createGetter(() => new TorrentListController(state)),
-    update: createGetter(() => {
-      const UpdateController = require('./controllers/update-controller')
-      return new UpdateController(state)
-    }),
-    folderWatcher: createGetter(() => {
-      const FolderWatcherController = require('./controllers/folder-watcher-controller')
-      return new FolderWatcherController()
-    })
+    media: new MediaController(state),
+    update: new UpdateController(state),
+    prefs: new PrefsController(state, config),
+    playback: new PlaybackController(state, config, update),
+    subtitles: new SubtitlesController(state),
+    torrentList: new TorrentListController(state),
+    torrent: new TorrentController(state)
  }

  // Add first page to location history
@@ -124,27 +79,26 @@ function onState (err, _state) {
    }
  })

-  // Give global trackers
-  setGlobalTrackers()
-
  // Restart everything we were torrenting last time the app ran
  resumeTorrents()

-  // Initialize ReactDOM
-  ReactDOM.render(
-    <App state={state} ref={elem => { app = elem }} />,
-    document.querySelector('#body')
-  )
-
  // Calling update() updates the UI given the current state
  // Do this at least once a second to give every file in every torrentSummary
  // a progress bar and to keep the cursor in sync when playing a video
  setInterval(update, 1000)
+  app = ReactDOM.render(<App state={state} />, document.querySelector('#body'))
+
+  // Lazy-load other stuff, like the AppleTV module, later to keep startup fast
+  window.setTimeout(delayedInit, config.DELAYED_INIT)

  // Listen for messages from the main process
  setupIpc()

-  // Drag and drop files/text to start torrenting or seeding
+  // Warn if the download dir is gone, eg b/c an external drive is unplugged
+  checkDownloadPath()
+
+  // OS integrations:
+  // ...drag and drop files/text to start torrenting or seeding
  dragDrop('body', {
    onDrop: onOpen,
    onDropText: onOpen
@@ -153,52 +107,28 @@ function onState (err, _state) {
  // ...same thing if you paste a torrent
  document.addEventListener('paste', onPaste)

-  // Add YouTube style hotkey shortcuts
-  window.addEventListener('keydown', onKeydown)
-
-  const debouncedFullscreenToggle = debounce(() => {
-    dispatch('toggleFullScreen')
-  }, 1000, true)
-
-  document.addEventListener('wheel', event => {
-    // ctrlKey detects pinch to zoom, http://crbug.com/289887
-    if (event.ctrlKey) {
-      event.preventDefault()
-      debouncedFullscreenToggle()
-    }
-  })
-
  // ...focus and blur. Needed to show correct dock icon text ('badge') in OSX
  window.addEventListener('focus', onFocus)
  window.addEventListener('blur', onBlur)

-  if (electron.remote.getCurrentWindow().isVisible()) {
-    sound.play('STARTUP')
-  }
+  // ...window visibility state.
+  document.addEventListener('webkitvisibilitychange', onVisibilityChange)

-  // To keep app startup fast, some code is delayed.
-  window.setTimeout(delayedInit, config.DELAYED_INIT)
+  // Log uncaught JS errors
+  window.addEventListener('error',
+    (e) => telemetry.logUncaughtError('window', e),
+    true /* capture */)

  // Done! Ideally we want to get here < 500ms after the user clicks the app
+  sound.play('STARTUP')
  console.timeEnd('init')
 }

 // Runs a few seconds after the app loads, to avoid slowing down startup time
 function delayedInit () {
-  telemetry.send(state)
-
-  // Send telemetry data every 12 hours, for users who keep the app running
-  // for extended periods of time
-  setInterval(() => telemetry.send(state), 12 * 3600 * 1000)
-
-  // Warn if the download dir is gone, eg b/c an external drive is unplugged
-  checkDownloadPath()
-
-  // ...window visibility state.
-  document.addEventListener('webkitvisibilitychange', onVisibilityChange)
-  onVisibilityChange()
-
  lazyLoadCast()
+  sound.preload()
+  telemetry.init(state)
 }

 // Lazily loads Chromecast and Airplay support
@@ -216,7 +146,7 @@ function lazyLoadCast () {
 // 3. dispatch - the event handler calls dispatch(), main.js sends it to a controller
 // 4. controller - the controller handles the event, changing the state object
 function update () {
-  controllers.playback().showOrHidePlayerControls()
+  controllers.playback.showOrHidePlayerControls()
  app.setState(state)
  updateElectron()
 }
@@ -240,112 +170,82 @@ function updateElectron () {

 const dispatchHandlers = {
  // Torrent list: creating, deleting, selecting torrents
-  openTorrentFile: () => ipcRenderer.send('openTorrentFile'),
-  openFiles: () => ipcRenderer.send('openFiles'), /* shows the open file dialog */
-  openTorrentAddress: () => { state.modal = { id: 'open-torrent-address-modal' } },
+  'openTorrentFile': () => ipcRenderer.send('openTorrentFile'),
+  'openFiles': () => ipcRenderer.send('openFiles'), /* shows the open file dialog */
+  'openTorrentAddress': () => { state.modal = { id: 'open-torrent-address-modal' } },

-  addTorrent: (torrentId) => controllers.torrentList().addTorrent(torrentId),
-  showCreateTorrent: (paths) => controllers.torrentList().showCreateTorrent(paths),
-  createTorrent: (options) => controllers.torrentList().createTorrent(options),
-  toggleTorrent: (infoHash) => controllers.torrentList().toggleTorrent(infoHash),
-  pauseAllTorrents: () => controllers.torrentList().pauseAllTorrents(),
-  resumeAllTorrents: () => controllers.torrentList().resumeAllTorrents(),
-  toggleTorrentFile: (infoHash, index) =>
-    controllers.torrentList().toggleTorrentFile(infoHash, index),
-  confirmDeleteTorrent: (infoHash, deleteData) =>
-    controllers.torrentList().confirmDeleteTorrent(infoHash, deleteData),
-  deleteTorrent: (infoHash, deleteData) =>
-    controllers.torrentList().deleteTorrent(infoHash, deleteData),
-  openTorrentListContextMenu: () => onPaste(),
-  confirmDeleteAllTorrents: (deleteData) =>
-    controllers.torrentList().confirmDeleteAllTorrents(deleteData),
-  deleteAllTorrents: (deleteData) =>
-    controllers.torrentList().deleteAllTorrents(deleteData),
-  toggleSelectTorrent: (infoHash) =>
-    controllers.torrentList().toggleSelectTorrent(infoHash),
-  openTorrentContextMenu: (infoHash) =>
-    controllers.torrentList().openTorrentContextMenu(infoHash),
-  startTorrentingSummary: (torrentKey) =>
-    controllers.torrentList().startTorrentingSummary(torrentKey),
-  saveTorrentFileAs: (torrentKey) =>
-    controllers.torrentList().saveTorrentFileAs(torrentKey),
-  prioritizeTorrent: (infoHash) => controllers.torrentList().prioritizeTorrent(infoHash),
-  resumePausedTorrents: () => controllers.torrentList().resumePausedTorrents(),
+  'addTorrent': (torrentId) => controllers.torrentList.addTorrent(torrentId),
+  'showCreateTorrent': (paths) => controllers.torrentList.showCreateTorrent(paths),
+  'createTorrent': (options) => controllers.torrentList.createTorrent(options),
+  'toggleTorrent': (infoHash) => controllers.torrentList.toggleTorrent(infoHash),
+  'toggleTorrentFile': (infoHash, index) => controllers.torrentList.toggleTorrentFile(infoHash, index),
+  'confirmDeleteTorrent': (infoHash, deleteData) => controllers.torrentList.confirmDeleteTorrent(infoHash, deleteData),
+  'deleteTorrent': (infoHash, deleteData) => controllers.torrentList.deleteTorrent(infoHash, deleteData),
+  'toggleSelectTorrent': (infoHash) => controllers.torrentList.toggleSelectTorrent(infoHash),
+  'openTorrentContextMenu': (infoHash) => controllers.torrentList.openTorrentContextMenu(infoHash),
+  'startTorrentingSummary': (torrentKey) => controllers.torrentList.startTorrentingSummary(torrentKey),

  // Playback
-  playFile: (infoHash, index) => controllers.playback().playFile(infoHash, index),
-  playPause: () => controllers.playback().playPause(),
-  nextTrack: () => controllers.playback().nextTrack(),
-  previousTrack: () => controllers.playback().previousTrack(),
-  skip: (time) => controllers.playback().skip(time),
-  skipTo: (time) => controllers.playback().skipTo(time),
-  preview: (x) => controllers.playback().preview(x),
-  clearPreview: () => controllers.playback().clearPreview(),
-  changePlaybackRate: (dir) => controllers.playback().changePlaybackRate(dir),
-  changeVolume: (delta) => controllers.playback().changeVolume(delta),
-  setVolume: (vol) => controllers.playback().setVolume(vol),
-  openPath: (infoHash, index) => controllers.playback().openPath(infoHash, index),
+  'playFile': (infoHash, index) => controllers.playback.playFile(infoHash, index),
+  'playPause': () => controllers.playback.playPause(),
+  'skip': (time) => controllers.playback.skip(time),
+  'skipTo': (time) => controllers.playback.skipTo(time),
+  'changePlaybackRate': (dir) => controllers.playback.changePlaybackRate(dir),
+  'changeVolume': (delta) => controllers.playback.changeVolume(delta),
+  'setVolume': (vol) => controllers.playback.setVolume(vol),
+  'openItem': (infoHash, index) => controllers.playback.openItem(infoHash, index),

  // Subtitles
-  openSubtitles: () => controllers.subtitles().openSubtitles(),
-  selectSubtitle: (index) => controllers.subtitles().selectSubtitle(index),
-  toggleSubtitlesMenu: () => controllers.subtitles().toggleSubtitlesMenu(),
-  checkForSubtitles: () => controllers.subtitles().checkForSubtitles(),
-  addSubtitles: (files, autoSelect) => controllers.subtitles().addSubtitles(files, autoSelect),
-
-  // Audio Tracks
-  selectAudioTrack: (index) => controllers.audioTracks().selectAudioTrack(index),
-  toggleAudioTracksMenu: () => controllers.audioTracks().toggleAudioTracksMenu(),
+  'openSubtitles': () => controllers.subtitles.openSubtitles(),
+  'selectSubtitle': (index) => controllers.subtitles.selectSubtitle(index),
+  'toggleSubtitlesMenu': () => controllers.subtitles.toggleSubtitlesMenu(),
+  'checkForSubtitles': () => controllers.subtitles.checkForSubtitles(),
+  'addSubtitles': (files, autoSelect) => controllers.subtitles.addSubtitles(files, autoSelect),

  // Local media: <video>, <audio>, external players
-  mediaStalled: () => controllers.media().mediaStalled(),
-  mediaError: (err) => controllers.media().mediaError(err),
-  mediaSuccess: () => controllers.media().mediaSuccess(),
-  mediaTimeUpdate: () => controllers.media().mediaTimeUpdate(),
-  mediaMouseMoved: () => controllers.media().mediaMouseMoved(),
-  mediaControlsMouseEnter: () => controllers.media().controlsMouseEnter(),
-  mediaControlsMouseLeave: () => controllers.media().controlsMouseLeave(),
-  openExternalPlayer: () => controllers.media().openExternalPlayer(),
-  externalPlayerNotFound: () => controllers.media().externalPlayerNotFound(),
+  'mediaStalled': () => controllers.media.mediaStalled(),
+  'mediaError': (err) => controllers.media.mediaError(err),
+  'mediaSuccess': () => controllers.media.mediaSuccess(),
+  'mediaTimeUpdate': () => controllers.media.mediaTimeUpdate(),
+  'mediaMouseMoved': () => controllers.media.mediaMouseMoved(),
+  'openExternalPlayer': () => controllers.media.openExternalPlayer(),
+  'externalPlayerNotFound': () => controllers.media.externalPlayerNotFound(),

  // Remote casting: Chromecast, Airplay, etc
-  toggleCastMenu: (deviceType) => lazyLoadCast().toggleMenu(deviceType),
-  selectCastDevice: (index) => lazyLoadCast().selectDevice(index),
-  stopCasting: () => lazyLoadCast().stop(),
+  'toggleCastMenu': (deviceType) => lazyLoadCast().toggleMenu(deviceType),
+  'selectCastDevice': (index) => lazyLoadCast().selectDevice(index),
+  'stopCasting': () => lazyLoadCast().stop(),

  // Preferences screen
-  preferences: () => controllers.prefs().show(),
-  updatePreferences: (key, value) => controllers.prefs().update(key, value),
-  checkDownloadPath,
-  updateGlobalTrackers: (trackers) => setGlobalTrackers(trackers),
-  startFolderWatcher: () => controllers.folderWatcher().start(),
-  stopFolderWatcher: () => controllers.folderWatcher().stop(),
+  'preferences': () => controllers.prefs.show(),
+  'updatePreferences': (key, value) => controllers.prefs.update(key, value),
+  'checkDownloadPath': checkDownloadPath,

  // Update (check for new versions on Linux, where there's no auto updater)
-  updateAvailable: (version) => controllers.update().updateAvailable(version),
-  skipVersion: (version) => controllers.update().skipVersion(version),
+  'updateAvailable': (version) => controllers.update.updateAvailable(version),
+  'skipVersion': (version) => controllers.update.skipVersion(version),

  // Navigation between screens (back, forward, ESC, etc)
-  exitModal: () => { state.modal = null },
-  backToList,
-  escapeBack,
-  back: () => state.location.back(),
-  forward: () => state.location.forward(),
-  cancel: () => state.location.cancel(),
+  'exitModal': () => { state.modal = null },
+  'backToList': backToList,
+  'escapeBack': escapeBack,
+  'back': () => state.location.back(),
+  'forward': () => state.location.forward(),
+  'cancel': () => state.location.cancel(),

  // Controlling the window
-  setDimensions,
-  toggleFullScreen: (setTo) => ipcRenderer.send('toggleFullScreen', setTo),
-  setTitle: (title) => { state.window.title = title },
-  resetTitle: () => { state.window.title = config.APP_WINDOW_TITLE },
+  'setDimensions': setDimensions,
+  'toggleFullScreen': (setTo) => ipcRenderer.send('toggleFullScreen', setTo),
+  'setTitle': (title) => { state.window.title = title },
+  'resetTitle': () => { state.window.title = config.APP_WINDOW_TITLE },

  // Everything else
-  onOpen,
-  error: onError,
-  uncaughtError: (proc, err) => telemetry.logUncaughtError(proc, err),
-  stateSave: () => State.save(state),
-  stateSaveImmediate: () => State.saveImmediate(state),
-  update: () => {} // No-op, just trigger an update
+  'onOpen': onOpen,
+  'error': onError,
+  'uncaughtError': (proc, err) => telemetry.logUncaughtError(proc, err),
+  'saveState': () => State.save(state),
+  'saveStateThrottled': () => State.saveThrottled(state),
+  'update': () => {} // No-op, just trigger an update
 }

 // Events from the UI never modify state directly. Instead they call dispatch()
@@ -355,13 +255,13 @@ function dispatch (action, ...args) {
    console.log('dispatch: %s %o', action, args)
  }

-  const handler = dispatchHandlers[action]
+  var handler = dispatchHandlers[action]
  if (handler) handler(...args)
  else console.error('Missing dispatch handler: ' + action)

  // Update the virtual DOM, unless it's just a mouse move event
  if (action !== 'mediaMouseMoved' ||
-      controllers.playback().showOrHidePlayerControls()) {
+      controllers.playback.showOrHidePlayerControls()) {
    update()
  }
 }
@@ -374,13 +274,11 @@ function setupIpc () {
  ipcRenderer.on('dispatch', (e, ...args) => dispatch(...args))

  ipcRenderer.on('fullscreenChanged', onFullscreenChanged)
-  ipcRenderer.on('windowBoundsChanged', onWindowBoundsChanged)

-  const tc = controllers.torrent()
-  ipcRenderer.on('wt-parsed', (e, ...args) => tc.torrentParsed(...args))
+  var tc = controllers.torrent
+  ipcRenderer.on('wt-infohash', (e, ...args) => tc.torrentInfoHash(...args))
  ipcRenderer.on('wt-metadata', (e, ...args) => tc.torrentMetadata(...args))
  ipcRenderer.on('wt-done', (e, ...args) => tc.torrentDone(...args))
-  ipcRenderer.on('wt-done', () => controllers.torrentList().resumePausedTorrents())
  ipcRenderer.on('wt-warning', (e, ...args) => tc.torrentWarning(...args))
  ipcRenderer.on('wt-error', (e, ...args) => tc.torrentError(...args))

@@ -395,16 +293,16 @@ function setupIpc () {

  ipcRenderer.send('ipcReady')

-  State.on('stateSaved', () => ipcRenderer.send('stateSaved'))
+  State.on('savedState', () => ipcRenderer.send('savedState'))
 }

 // Quits any modal popovers and returns to the torrent list screen
 function backToList () {
  // Exit any modals and screens with a back button
  state.modal = null
-  state.location.backToFirst(() => {
+  state.location.backToFirst(function () {
    // If we were already on the torrent list, scroll to the top
-    const contentTag = document.querySelector('.content')
+    var contentTag = document.querySelector('.content')
    if (contentTag) contentTag.scrollTop = 0
  })
 }
@@ -420,10 +318,6 @@ function escapeBack () {
  }
 }

-function setGlobalTrackers () {
-  controllers.torrentList().setGlobalTrackers(state.getGlobalTrackers())
-}
-
 // Starts all torrents that aren't paused on program startup
 function resumeTorrents () {
  state.saved.torrents
@@ -434,7 +328,7 @@ function resumeTorrents () {
      return torrentSummary
    })
    .filter((s) => s.status !== 'paused')
-    .forEach((s) => controllers.torrentList().startTorrentingSummary(s.torrentKey))
+    .forEach((s) => controllers.torrentList.startTorrentingSummary(s.torrentKey))
 }

 // Set window dimensions to match video dimensions or fill the screen
@@ -455,55 +349,48 @@ function setDimensions (dimensions) {
  state.window.wasMaximized = electron.remote.getCurrentWindow().isMaximized

  // Limit window size to screen size
-  const screenWidth = window.screen.width
-  const screenHeight = window.screen.height
-  const aspectRatio = dimensions.width / dimensions.height
-  const scaleFactor = Math.min(
+  var screenWidth = window.screen.width
+  var screenHeight = window.screen.height
+  var aspectRatio = dimensions.width / dimensions.height
+  var scaleFactor = Math.min(
    Math.min(screenWidth / dimensions.width, 1),
    Math.min(screenHeight / dimensions.height, 1)
  )
-  const width = Math.max(
+  var width = Math.max(
    Math.floor(dimensions.width * scaleFactor),
    config.WINDOW_MIN_WIDTH
  )
-  const height = Math.max(
+  var height = Math.max(
    Math.floor(dimensions.height * scaleFactor),
    config.WINDOW_MIN_HEIGHT
  )

  ipcRenderer.send('setAspectRatio', aspectRatio)
-  ipcRenderer.send('setBounds', { contentBounds: true, x: null, y: null, width, height })
+  ipcRenderer.send('setBounds', {contentBounds: true, x: null, y: null, width, height})
  state.playing.aspectRatio = aspectRatio
 }

 // Called when the user adds files (.torrent, files to seed, subtitles) to the app
 // via any method (drag-drop, drag to app icon, command line)
 function onOpen (files) {
-  if (!Array.isArray(files)) files = [files]
+  if (!Array.isArray(files)) files = [ files ]

-  // File API seems to transform "magnet:?foo" in "magnet:///?foo"
-  // this is a sanitization
-  files = files.map(file => {
-    if (typeof file !== 'string') return file
-    return file.replace(/^magnet:\/+\?/i, 'magnet:?')
-  })
-
-  const url = state.location.url()
-  const allTorrents = files.every(TorrentPlayer.isTorrent)
-  const allSubtitles = files.every(controllers.subtitles().isSubtitle)
+  var url = state.location.url()
+  var allTorrents = files.every(TorrentPlayer.isTorrent)
+  var allSubtitles = files.every(controllers.subtitles.isSubtitle)

  if (allTorrents) {
    // Drop torrents onto the app: go to home screen, add torrents, no matter what
    dispatch('backToList')
    // All .torrent files? Add them.
-    files.forEach((file) => controllers.torrentList().addTorrent(file))
+    files.forEach((file) => controllers.torrentList.addTorrent(file))
  } else if (url === 'player' && allSubtitles) {
    // Drop subtitles onto a playing video: add subtitles
-    controllers.subtitles().addSubtitles(files, true)
+    controllers.subtitles.addSubtitles(files, true)
  } else if (url === 'home') {
    // Drop files onto home screen: show Create Torrent
    state.modal = null
-    controllers.torrentList().showCreateTorrent(files)
+    controllers.torrentList.showCreateTorrent(files)
  } else {
    // Drop files onto any other screen: show error
    return onError('Please go back to the torrent list before creating a new torrent.')
@@ -523,42 +410,15 @@ function onError (err) {
  update()
 }

-const editableHtmlTags = new Set(['input', 'textarea'])
-
 function onPaste (e) {
-  if (e && editableHtmlTags.has(e.target.tagName.toLowerCase())) return
-  controllers.torrentList().addTorrent(electron.clipboard.readText())
+  if (e.target.tagName.toLowerCase() === 'input') return

-  update()
-}
-
-function onKeydown (e) {
-  // prevent event fire on user input elements
-  if (editableHtmlTags.has(e.target.tagName.toLowerCase())) return
-
-  const key = e.key
-
-  if (key === 'ArrowLeft') {
-    dispatch('skip', -5)
-  } else if (key === 'ArrowRight') {
-    dispatch('skip', 5)
-  } else if (key === 'ArrowUp') {
-    dispatch('changeVolume', 0.1)
-  } else if (key === 'ArrowDown') {
-    dispatch('changeVolume', -0.1)
-  } else if (key === 'j') {
-    dispatch('skip', -10)
-  } else if (key === 'l') {
-    dispatch('skip', 10)
-  } else if (key === 'k') {
-    dispatch('playPause')
-  } else if (key === '>') {
-    dispatch('changePlaybackRate', 1)
-  } else if (key === '<') {
-    dispatch('changePlaybackRate', -1)
-  } else if (key === 'f') {
-    dispatch('toggleFullScreen')
-  }
+  var torrentIds = electron.clipboard.readText().split('\n')
+  torrentIds.forEach(function (torrentId) {
+    torrentId = torrentId.trim()
+    if (torrentId.length === 0) return
+    controllers.torrentList.addTorrent(torrentId)
+  })

  update()
 }
@@ -575,7 +435,7 @@ function onBlur () {
 }

 function onVisibilityChange () {
-  state.window.isVisible = !document.hidden
+  state.window.isVisible = !document.webkitHidden
 }

 function onFullscreenChanged (e, isFullScreen) {
@@ -588,15 +448,8 @@ function onFullscreenChanged (e, isFullScreen) {
  update()
 }

-function onWindowBoundsChanged (e, newBounds) {
-  if (state.location.url() !== 'player') {
-    state.saved.bounds = newBounds
-    dispatch('stateSave')
-  }
-}
-
 function checkDownloadPath () {
-  fs.stat(state.saved.prefs.downloadPath, (err, stat) => {
+  fs.stat(state.saved.prefs.downloadPath, function (err, stat) {
    if (err) {
      state.downloadPathStatus = 'missing'
      return console.error(err)
--- a/src/renderer/pages/App.js
+++ b/src/renderer/pages/App.js
@@ -0,0 +1,111 @@
+const colors = require('material-ui/styles/colors')
+const React = require('react')
+
+const darkBaseTheme = require('material-ui/styles/baseThemes/darkBaseTheme').default
+const getMuiTheme = require('material-ui/styles/getMuiTheme').default
+const MuiThemeProvider = require('material-ui/styles/MuiThemeProvider').default
+
+const Header = require('../components/header')
+
+const Views = {
+  'home': require('./TorrentListPage'),
+  'player': require('./PlayerPage'),
+  'create-torrent': require('./CreateTorrentPage'),
+  'preferences': require('./PreferencesPage')
+}
+
+const Modals = {
+  'open-torrent-address-modal': require('../components/open-torrent-address-modal'),
+  'remove-torrent-modal': require('../components/remove-torrent-modal'),
+  'update-available-modal': require('../components/update-available-modal'),
+  'unsupported-media-modal': require('../components/unsupported-media-modal')
+}
+
+darkBaseTheme.fontFamily = process.platform === 'win32'
+  ? '"Segoe UI", sans-serif'
+  : 'BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif'
+darkBaseTheme.palette.primary1Color = colors.cyan500
+darkBaseTheme.palette.primary2Color = colors.cyan500
+darkBaseTheme.palette.primary3Color = colors.grey600
+darkBaseTheme.palette.accent1Color = colors.redA200
+darkBaseTheme.palette.accent2Color = colors.redA400
+darkBaseTheme.palette.accent3Color = colors.redA100
+
+class App extends React.Component {
+  render () {
+    var state = this.props.state
+
+    // Hide player controls while playing video, if the mouse stays still for a while
+    // Never hide the controls when:
+    // * The mouse is over the controls or we're scrubbing (see CSS)
+    // * The video is paused
+    // * The video is playing remotely on Chromecast or Airplay
+    var hideControls = state.location.url() === 'player' &&
+      state.playing.mouseStationarySince !== 0 &&
+      new Date().getTime() - state.playing.mouseStationarySince > 2000 &&
+      !state.playing.isPaused &&
+      state.playing.location === 'local' &&
+      state.playing.playbackRate === 1
+
+    var cls = [
+      'view-' + state.location.url(), /* e.g. view-home, view-player */
+      'is-' + process.platform /* e.g. is-darwin, is-win32, is-linux */
+    ]
+    if (state.window.isFullScreen) cls.push('is-fullscreen')
+    if (state.window.isFocused) cls.push('is-focused')
+    if (hideControls) cls.push('hide-video-controls')
+
+    var vdom = (
+      <MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>
+        <div className={'app ' + cls.join(' ')}>
+          <Header state={state} />
+          {this.getErrorPopover()}
+          <div key='content' className='content'>{this.getView()}</div>
+          {this.getModal()}
+        </div>
+      </MuiThemeProvider>
+    )
+
+    return vdom
+  }
+
+  getErrorPopover () {
+    var state = this.props.state
+    var now = new Date().getTime()
+    var recentErrors = state.errors.filter((x) => now - x.time < 5000)
+    var hasErrors = recentErrors.length > 0
+
+    var errorElems = recentErrors.map(function (error, i) {
+      return (<div key={i} className='error'>{error.message}</div>)
+    })
+    return (
+      <div key='errors'
+        className={'error-popover ' + (hasErrors ? 'visible' : 'hidden')}>
+        <div key='title' className='title'>Error</div>
+        {errorElems}
+      </div>
+    )
+  }
+
+  getModal () {
+    var state = this.props.state
+    if (!state.modal) return
+    var ModalContents = Modals[state.modal.id]
+    return (
+      <div key='modal' className='modal'>
+        <div key='modal-background' className='modal-background' />
+        <div key='modal-content' className='modal-content'>
+          <ModalContents state={state} />
+        </div>
+      </div>
+    )
+  }
+
+  getView () {
+    var state = this.props.state
+    var View = Views[state.location.url()]
+    return (<View state={state} />)
+  }
+}
+
+module.exports = App
--- a/src/renderer/pages/CreateTorrentPage.js
+++ b/src/renderer/pages/CreateTorrentPage.js
@@ -0,0 +1,171 @@
+const createTorrent = require('create-torrent')
+const path = require('path')
+const prettyBytes = require('prettier-bytes')
+const React = require('react')
+
+const {dispatch, dispatcher} = require('../lib/dispatcher')
+
+const FlatButton = require('material-ui/FlatButton').default
+const RaisedButton = require('material-ui/RaisedButton').default
+const TextField = require('material-ui/TextField').default
+
+const CreateTorrentErrorPage = require('../components/create-torrent-error-page')
+const Heading = require('../components/Heading')
+const ShowMore = require('../components/ShowMore')
+
+class CreateTorrentPage extends React.Component {
+  constructor (props) {
+    super(props)
+
+    var state = this.props.state
+    var info = state.location.current()
+
+    // Preprocess: exclude .DS_Store and other dotfiles
+    var files = info.files
+      .filter((f) => !f.name.startsWith('.'))
+      .map((f) => ({name: f.name, path: f.path, size: f.size}))
+    if (files.length === 0) return (<CreateTorrentErrorPage state={state} />)
+
+    // First, extract the base folder that the files are all in
+    var pathPrefix = info.folderPath
+    if (!pathPrefix) {
+      pathPrefix = files.map((x) => x.path).reduce(findCommonPrefix)
+      if (!pathPrefix.endsWith('/') && !pathPrefix.endsWith('\\')) {
+        pathPrefix = path.dirname(pathPrefix)
+      }
+    }
+
+    // Sanity check: show the number of files and total size
+    var numFiles = files.length
+    var totalBytes = files
+      .map((f) => f.size)
+      .reduce((a, b) => a + b, 0)
+    var torrentInfo = `${numFiles} files, ${prettyBytes(totalBytes)}`
+
+    // Then, use the name of the base folder (or sole file, for a single file torrent)
+    // as the default name. Show all files relative to the base folder.
+    var defaultName, basePath
+    if (files.length === 1) {
+      // Single file torrent: /a/b/foo.jpg -> torrent name 'foo.jpg', path '/a/b'
+      defaultName = files[0].name
+      basePath = pathPrefix
+    } else {
+      // Multi file torrent: /a/b/{foo, bar}.jpg -> torrent name 'b', path '/a'
+      defaultName = path.basename(pathPrefix)
+      basePath = path.dirname(pathPrefix)
+    }
+    var maxFileElems = 100
+    var fileElems = files.slice(0, maxFileElems).map(function (file, i) {
+      var relativePath = files.length === 0 ? file.name : path.relative(pathPrefix, file.path)
+      return (<div key={i}>{relativePath}</div>)
+    })
+    if (files.length > maxFileElems) {
+      fileElems.push(<div key='more'>+ {maxFileElems - files.length} more</div>)
+    }
+    var trackers = createTorrent.announceList.join('\n')
+
+    this.state = {
+      basePath,
+      defaultName,
+      fileElems,
+      torrentInfo,
+      trackers
+    }
+  }
+
+  handleSubmit () {
+    var announceList = document.querySelector('.torrent-trackers').value
+      .split('\n')
+      .map((s) => s.trim())
+      .filter((s) => s !== '')
+    var isPrivate = document.querySelector('.torrent-is-private').checked
+    var comment = document.querySelector('.torrent-comment').value.trim()
+    var options = {
+      // We can't let the user choose their own name if we want WebTorrent
+      // to use the files in place rather than creating a new folder.
+      // If we ever want to add support for that:
+      // name: document.querySelector('.torrent-name').value
+      name: this.state.defaultName,
+      path: this.state.basePath,
+      files: this.state.files,
+      announce: announceList,
+      private: isPrivate,
+      comment: comment
+    }
+    dispatch('createTorrent', options)
+  }
+
+  render () {
+    return (
+      <div className='create-torrent'>
+        <Heading level={1}>
+          Create torrent "{this.state.defaultName}"
+        </Heading>
+        <div className='torrent-info'>
+          {this.state.torrentInfo}
+        </div>
+        <div className='torrent-attribute'>
+          <label>Path:</label>
+          <div className='torrent-attribute'>{this.state.pathPrefix}</div>
+        </div>
+        <ShowMore
+          style={{
+            marginBottom: 10
+          }}
+          hideLabel='Hide advanced settings...'
+          showLabel='Show advanced settings...'
+        >
+          <div key='advanced' className='create-torrent-advanced'>
+            <div key='private' className='torrent-attribute'>
+              <label>Private:</label>
+              <input type='checkbox' className='torrent-is-private' value='torrent-is-private' />
+            </div>
+            <Heading level={2}>Trackers:</Heading>
+            <TextField
+              className='torrent-trackers'
+              hintText='Tracker'
+              multiLine
+              rows={2}
+              rowsMax={10}
+              defaultValue={this.state.trackers}
+            />
+            <div key='comment' className='torrent-attribute'>
+              <label>Comment:</label>
+              <textarea className='torrent-attribute torrent-comment' />
+            </div>
+            <div key='files' className='torrent-attribute'>
+              <label>Files:</label>
+              <div>{this.state.fileElems}</div>
+            </div>
+          </div>
+        </ShowMore>
+        <div className='float-right'>
+          <FlatButton
+            label='Cancel'
+            style={{
+              marginRight: 10
+            }}
+            onClick={dispatcher('cancel')}
+          />
+          <RaisedButton
+            label='Create Torrent'
+            primary
+            onClick={this.handleSubmit}
+          />
+        </div>
+      </div>
+    )
+  }
+}
+
+// Finds the longest common prefix
+function findCommonPrefix (a, b) {
+  for (var i = 0; i < a.length && i < b.length; i++) {
+    if (a.charCodeAt(i) !== b.charCodeAt(i)) break
+  }
+  if (i === a.length) return a
+  if (i === b.length) return b
+  return a.substring(0, i)
+}
+
+module.exports = CreateTorrentPage
--- a/src/renderer/pages/PlayerPage.js
+++ b/src/renderer/pages/PlayerPage.js
@@ -0,0 +1,632 @@
+const React = require('react')
+const Bitfield = require('bitfield')
+const prettyBytes = require('prettier-bytes')
+const zeroFill = require('zero-fill')
+const path = require('path')
+
+const TorrentSummary = require('../lib/torrent-summary')
+const {dispatch, dispatcher} = require('../lib/dispatcher')
+
+// Shows a streaming video player. Standard features + Chromecast + Airplay
+module.exports = class Player extends React.Component {
+  render () {
+    // Show the video as large as will fit in the window, play immediately
+    // If the video is on Chromecast or Airplay, show a title screen instead
+    var state = this.props.state
+    var showVideo = state.playing.location === 'local'
+    var showControls = state.playing.location !== 'external'
+    return (
+      <div
+        className='player'
+        onWheel={handleVolumeWheel}
+        onMouseMove={dispatcher('mediaMouseMoved')}>
+        {showVideo ? renderMedia(state) : renderCastScreen(state)}
+        {showControls ? renderPlayerControls(state) : null}
+      </div>
+    )
+  }
+}
+
+// Handles volume change by wheel
+function handleVolumeWheel (e) {
+  dispatch('changeVolume', (-e.deltaY | e.deltaX) / 500)
+}
+
+function renderMedia (state) {
+  if (!state.server) return
+
+  // Unfortunately, play/pause can't be done just by modifying HTML.
+  // Instead, grab the DOM node and play/pause it if necessary
+  // Get the <video> or <audio> tag
+  var mediaElement = document.querySelector(state.playing.type)
+  if (mediaElement !== null) {
+    if (state.playing.isPaused && !mediaElement.paused) {
+      mediaElement.pause()
+    } else if (!state.playing.isPaused && mediaElement.paused) {
+      mediaElement.play()
+    }
+    // When the user clicks or drags on the progress bar, jump to that position
+    if (state.playing.jumpToTime != null) {
+      mediaElement.currentTime = state.playing.jumpToTime
+      state.playing.jumpToTime = null
+    }
+    if (state.playing.playbackRate !== mediaElement.playbackRate) {
+      mediaElement.playbackRate = state.playing.playbackRate
+    }
+    // Recover previous volume
+    if (state.previousVolume !== null && isFinite(state.previousVolume)) {
+      mediaElement.volume = state.previousVolume
+      state.previousVolume = null
+    }
+
+    // Set volume
+    if (state.playing.setVolume !== null && isFinite(state.playing.setVolume)) {
+      mediaElement.volume = state.playing.setVolume
+      state.playing.setVolume = null
+    }
+
+    // Switch to the newly added subtitle track, if available
+    var tracks = mediaElement.textTracks || []
+    for (var j = 0; j < tracks.length; j++) {
+      var isSelectedTrack = j === state.playing.subtitles.selectedIndex
+      tracks[j].mode = isSelectedTrack ? 'showing' : 'hidden'
+    }
+
+    // Save video position
+    var file = state.getPlayingFileSummary()
+    file.currentTime = state.playing.currentTime = mediaElement.currentTime
+    file.duration = state.playing.duration = mediaElement.duration
+
+    // Save selected subtitle
+    if (state.playing.subtitles.selectedIndex !== -1) {
+      var index = state.playing.subtitles.selectedIndex
+      file.selectedSubtitle = state.playing.subtitles.tracks[index].filePath
+    } else if (file.selectedSubtitle != null) {
+      delete file.selectedSubtitle
+    }
+
+    state.playing.volume = mediaElement.volume
+  }
+
+  // Add subtitles to the <video> tag
+  var trackTags = []
+  if (state.playing.subtitles.selectedIndex >= 0) {
+    for (var i = 0; i < state.playing.subtitles.tracks.length; i++) {
+      var track = state.playing.subtitles.tracks[i]
+      var isSelected = state.playing.subtitles.selectedIndex === i
+      trackTags.push(
+        <track
+          key={i}
+          default={isSelected ? 'default' : ''}
+          label={track.label}
+          type='subtitles'
+          src={track.buffer} />
+      )
+    }
+  }
+
+  // Create the <audio> or <video> tag
+  var MediaTagName = state.playing.type
+  var mediaTag = (
+    <MediaTagName
+      src={state.server.localURL}
+      onDoubleClick={dispatcher('toggleFullScreen')}
+      onLoadedMetadata={onLoadedMetadata}
+      onEnded={onEnded}
+      onStalled={dispatcher('mediaStalled')}
+      onError={dispatcher('mediaError')}
+      onTimeUpdate={dispatcher('mediaTimeUpdate')}
+      onEncrypted={dispatcher('mediaEncrypted')}
+      onCanPlay={onCanPlay}>
+      {trackTags}
+    </MediaTagName>
+  )
+
+  // Show the media.
+  return (
+    <div
+      key='letterbox'
+      className='letterbox'
+      onMouseMove={dispatcher('mediaMouseMoved')}>
+      {mediaTag}
+      {renderOverlay(state)}
+    </div>
+  )
+
+  // As soon as we know the video dimensions, resize the window
+  function onLoadedMetadata (e) {
+    if (state.playing.type !== 'video') return
+    var video = e.target
+    var dimensions = {
+      width: video.videoWidth,
+      height: video.videoHeight
+    }
+    dispatch('setDimensions', dimensions)
+  }
+
+  // When the video completes, pause the video instead of looping
+  function onEnded (e) {
+    state.playing.isPaused = true
+  }
+
+  function onCanPlay (e) {
+    var elem = e.target
+    if (state.playing.type === 'video' &&
+      elem.webkitVideoDecodedByteCount === 0) {
+      dispatch('mediaError', 'Video codec unsupported')
+    } else if (elem.webkitAudioDecodedByteCount === 0) {
+      dispatch('mediaError', 'Audio codec unsupported')
+    } else {
+      dispatch('mediaSuccess')
+      elem.play()
+    }
+  }
+}
+
+function renderOverlay (state) {
+  var elems = []
+  var audioMetadataElem = renderAudioMetadata(state)
+  var spinnerElem = renderLoadingSpinner(state)
+  if (audioMetadataElem) elems.push(audioMetadataElem)
+  if (spinnerElem) elems.push(spinnerElem)
+
+  // Video fills the window, centered with black bars if necessary
+  // Audio gets a static poster image and a summary of the file metadata.
+  var style
+  if (state.playing.type === 'audio') {
+    style = { backgroundImage: cssBackgroundImagePoster(state) }
+  } else if (elems.length !== 0) {
+    style = { backgroundImage: cssBackgroundImageDarkGradient() }
+  } else {
+    // Video playing, so no spinner. No overlay needed
+    return
+  }
+
+  return (
+    <div key='overlay' className='media-overlay-background' style={style}>
+      <div className='media-overlay'>{elems}</div>
+    </div>
+  )
+}
+
+function renderAudioMetadata (state) {
+  var fileSummary = state.getPlayingFileSummary()
+  if (!fileSummary.audioInfo) return
+  var info = fileSummary.audioInfo
+
+  // Get audio track info
+  var title = info.title
+  if (!title) {
+    title = fileSummary.name
+  }
+  var artist = info.artist && info.artist[0]
+  var album = info.album
+  if (album && info.year && !album.includes(info.year)) {
+    album += ' (' + info.year + ')'
+  }
+  var track
+  if (info.track && info.track.no && info.track.of) {
+    track = info.track.no + ' of ' + info.track.of
+  }
+
+  // Show a small info box in the middle of the screen with title/album/etc
+  var elems = []
+  if (artist) {
+    elems.push((
+      <div key='artist' className='audio-artist'>
+        <label>Artist</label>{artist}
+      </div>
+    ))
+  }
+  if (album) {
+    elems.push((
+      <div key='album' className='audio-album'>
+        <label>Album</label>{album}
+      </div>
+    ))
+  }
+  if (track) {
+    elems.push((
+      <div key='track' className='audio-track'>
+        <label>Track</label>{track}
+      </div>
+    ))
+  }
+
+  // Align the title with the other info, if available. Otherwise, center title
+  var emptyLabel = (<label />)
+  elems.unshift((
+    <div key='title' className='audio-title'>
+      {elems.length ? emptyLabel : undefined}{title}
+    </div>
+  ))
+
+  return (<div key='audio-metadata' className='audio-metadata'>{elems}</div>)
+}
+
+function renderLoadingSpinner (state) {
+  if (state.playing.isPaused) return
+  var isProbablyStalled = state.playing.isStalled ||
+    (new Date().getTime() - state.playing.lastTimeUpdate > 2000)
+  if (!isProbablyStalled) return
+
+  var prog = state.getPlayingTorrentSummary().progress || {}
+  var fileProgress = 0
+  if (prog.files) {
+    var file = prog.files[state.playing.fileIndex]
+    fileProgress = Math.floor(100 * file.numPiecesPresent / file.numPieces)
+  }
+
+  return (
+    <div key='loading' className='media-stalled'>
+      <div key='loading-spinner' className='loading-spinner'>&nbsp;</div>
+      <div key='loading-progress' className='loading-status ellipsis'>
+        <span className='progress'>{fileProgress}%</span> downloaded,
+        <span>↓ {prettyBytes(prog.downloadSpeed || 0)}/s</span>
+        <span>↑ {prettyBytes(prog.uploadSpeed || 0)}/s</span>
+      </div>
+    </div>
+  )
+}
+
+function renderCastScreen (state) {
+  var castIcon, castType, isCast
+  if (state.playing.location.startsWith('chromecast')) {
+    castIcon = 'cast_connected'
+    castType = 'Chromecast'
+    isCast = true
+  } else if (state.playing.location.startsWith('airplay')) {
+    castIcon = 'airplay'
+    castType = 'AirPlay'
+    isCast = true
+  } else if (state.playing.location.startsWith('dlna')) {
+    castIcon = 'tv'
+    castType = 'DLNA'
+    isCast = true
+  } else if (state.playing.location === 'external') {
+    // TODO: get the player name in a more reliable way
+    var playerPath = state.saved.prefs.externalPlayerPath
+    var playerName = playerPath ? path.basename(playerPath).split('.')[0] : 'VLC'
+    castIcon = 'tv'
+    castType = playerName
+    isCast = false
+  } else if (state.playing.location === 'error') {
+    castIcon = 'error_outline'
+    castType = 'Error'
+    isCast = false
+  }
+
+  var isStarting = state.playing.location.endsWith('-pending')
+  var castName = state.playing.castName
+  var castStatus
+  if (isCast && isStarting) castStatus = 'Connecting to ' + castName + '...'
+  else if (isCast && !isStarting) castStatus = 'Connected to ' + castName
+  else castStatus = ''
+
+  // Show a nice title image, if possible
+  var style = {
+    backgroundImage: cssBackgroundImagePoster(state)
+  }
+
+  return (
+    <div key='cast' className='letterbox' style={style}>
+      <div className='cast-screen'>
+        <i className='icon'>{castIcon}</i>
+        <div key='type' className='cast-type'>{castType}</div>
+        <div key='status' className='cast-status'>{castStatus}</div>
+      </div>
+    </div>
+  )
+}
+
+function renderCastOptions (state) {
+  if (!state.devices.castMenu) return
+
+  var {location, devices} = state.devices.castMenu
+  var player = state.devices[location]
+
+  var items = devices.map(function (device, ix) {
+    var isSelected = player.device === device
+    var name = device.name
+    return (
+      <li key={ix} onClick={dispatcher('selectCastDevice', ix)}>
+        <i className='icon'>{isSelected ? 'radio_button_checked' : 'radio_button_unchecked'}</i>
+        {name}
+      </li>
+    )
+  })
+
+  return (
+    <ul key='cast-options' className='options-list'>
+      {items}
+    </ul>
+  )
+}
+
+function renderSubtitleOptions (state) {
+  var subtitles = state.playing.subtitles
+  if (!subtitles.tracks.length || !subtitles.showMenu) return
+
+  var items = subtitles.tracks.map(function (track, ix) {
+    var isSelected = state.playing.subtitles.selectedIndex === ix
+    return (
+      <li key={ix} onClick={dispatcher('selectSubtitle', ix)}>
+        <i className='icon'>{'radio_button_' + (isSelected ? 'checked' : 'unchecked')}</i>
+        {track.label}
+      </li>
+    )
+  })
+
+  var noneSelected = state.playing.subtitles.selectedIndex === -1
+  var noneClass = 'radio_button_' + (noneSelected ? 'checked' : 'unchecked')
+  return (
+    <ul key='subtitle-options' className='options-list'>
+      {items}
+      <li onClick={dispatcher('selectSubtitle', -1)}>
+        <i className='icon'>{noneClass}</i>
+        None
+      </li>
+    </ul>
+  )
+}
+
+function renderPlayerControls (state) {
+  var positionPercent = 100 * state.playing.currentTime / state.playing.duration
+  var playbackCursorStyle = { left: 'calc(' + positionPercent + '% - 3px)' }
+  var captionsClass = state.playing.subtitles.tracks.length === 0
+    ? 'disabled'
+    : state.playing.subtitles.selectedIndex >= 0
+      ? 'active'
+      : ''
+
+  var elements = [
+    <div key='playback-bar' className='playback-bar'>
+      {renderLoadingBar(state)}
+      <div
+        key='cursor'
+        className='playback-cursor'
+        style={playbackCursorStyle}
+      />
+      <div
+        key='scrub-bar'
+        className='scrub-bar'
+        draggable='true'
+        onDragStart={handleDragStart}
+        onClick={handleScrub}
+        onDrag={handleScrub}
+      />
+    </div>,
+
+    <i
+      key='play'
+      className='icon play-pause float-left'
+      onClick={dispatcher('playPause')}>
+      {state.playing.isPaused ? 'play_arrow' : 'pause'}
+    </i>,
+
+    <i
+      key='fullscreen'
+      className='icon fullscreen float-right'
+      onClick={dispatcher('toggleFullScreen')}>
+      {state.window.isFullScreen ? 'fullscreen_exit' : 'fullscreen'}
+    </i>
+  ]
+
+  if (state.playing.type === 'video') {
+    // show closed captions icon
+    elements.push((
+      <i
+        key='subtitles'
+        className={'icon closed-caption float-right ' + captionsClass}
+        onClick={handleSubtitles}>
+        closed_caption
+      </i>
+    ))
+  }
+
+  // If we've detected a Chromecast or AppleTV, the user can play video there
+  var castTypes = ['chromecast', 'airplay', 'dlna']
+  var isCastingAnywhere = castTypes.some(
+    (castType) => state.playing.location.startsWith(castType))
+
+  // Add the cast buttons. Icons for each cast type, connected/disconnected:
+  var buttonIcons = {
+    'chromecast': {true: 'cast_connected', false: 'cast'},
+    'airplay': {true: 'airplay', false: 'airplay'},
+    'dlna': {true: 'tv', false: 'tv'}
+  }
+  castTypes.forEach(function (castType) {
+    // Do we show this button (eg. the Chromecast button) at all?
+    var isCasting = state.playing.location.startsWith(castType)
+    var player = state.devices[castType]
+    if ((!player || player.getDevices().length === 0) && !isCasting) return
+
+    // Show the button. Three options for eg the Chromecast button:
+    var buttonClass, buttonHandler
+    if (isCasting) {
+      // Option 1: we are currently connected to Chromecast. Button stops the cast.
+      buttonClass = 'active'
+      buttonHandler = dispatcher('stopCasting')
+    } else if (isCastingAnywhere) {
+      // Option 2: we are currently connected somewhere else. Button disabled.
+      buttonClass = 'disabled'
+      buttonHandler = undefined
+    } else {
+      // Option 3: we are not connected anywhere. Button opens Chromecast menu.
+      buttonClass = ''
+      buttonHandler = dispatcher('toggleCastMenu', castType)
+    }
+    var buttonIcon = buttonIcons[castType][isCasting]
+
+    elements.push((
+      <i
+        key={castType}
+        className={'icon device float-right ' + buttonClass}
+        onClick={buttonHandler}>
+        {buttonIcon}
+      </i>
+    ))
+  })
+
+  // Render volume slider
+  var volume = state.playing.volume
+  var volumeIcon = 'volume_' + (
+    volume === 0 ? 'off'
+    : volume < 0.3 ? 'mute'
+    : volume < 0.6 ? 'down'
+    : 'up')
+  var volumeStyle = {
+    background: '-webkit-gradient(linear, left top, right top, ' +
+      'color-stop(' + (volume * 100) + '%, #eee), ' +
+      'color-stop(' + (volume * 100) + '%, #727272))'
+  }
+
+  // TODO: dcposch change the range input to use value / onChanged instead of
+  // "readonly" / onMouse[Down,Move,Up]
+  elements.push((
+    <div key='volume' className='volume float-left'>
+      <i
+        className='icon volume-icon float-left'
+        onMouseDown={handleVolumeMute}>
+        {volumeIcon}
+      </i>
+      <input
+        className='volume-slider float-right'
+        type='range' min='0' max='1' step='0.05'
+        value={volume}
+        onChange={handleVolumeScrub}
+        style={volumeStyle}
+      />
+    </div>
+  ))
+
+  // Show video playback progress
+  var currentTimeStr = formatTime(state.playing.currentTime)
+  var durationStr = formatTime(state.playing.duration)
+  elements.push((
+    <span key='time' className='time float-left'>
+      {currentTimeStr} / {durationStr}
+    </span>
+  ))
+
+  // render playback rate
+  if (state.playing.playbackRate !== 1) {
+    elements.push((
+      <span key='rate' className='rate float-left'>
+        {state.playing.playbackRate}x
+      </span>
+    ))
+  }
+
+  return (
+    <div key='controls' className='controls'>
+      {elements}
+      {renderCastOptions(state)}
+      {renderSubtitleOptions(state)}
+    </div>
+  )
+
+  function handleDragStart (e) {
+    // Prevent the cursor from changing, eg to a green + icon on Mac
+    if (e.dataTransfer) {
+      var dt = e.dataTransfer
+      dt.effectAllowed = 'none'
+    }
+  }
+
+  // Handles a click or drag to scrub (jump to another position in the video)
+  function handleScrub (e) {
+    if (!e.clientX) return
+    dispatch('mediaMouseMoved')
+    var windowWidth = document.querySelector('body').clientWidth
+    var fraction = e.clientX / windowWidth
+    var position = fraction * state.playing.duration /* seconds */
+    dispatch('skipTo', position)
+  }
+
+  // Handles volume muting and Unmuting
+  function handleVolumeMute (e) {
+    if (state.playing.volume === 0.0) {
+      dispatch('setVolume', 1.0)
+    } else {
+      dispatch('setVolume', 0.0)
+    }
+  }
+
+  // Handles volume slider scrub
+  function handleVolumeScrub (e) {
+    dispatch('setVolume', e.target.value)
+  }
+
+  function handleSubtitles (e) {
+    if (!state.playing.subtitles.tracks.length || e.ctrlKey || e.metaKey) {
+      // if no subtitles available select it
+      dispatch('openSubtitles')
+    } else {
+      dispatch('toggleSubtitlesMenu')
+    }
+  }
+}
+
+// Renders the loading bar. Shows which parts of the torrent are loaded, which
+// can be 'spongey' / non-contiguous
+function renderLoadingBar (state) {
+  var torrentSummary = state.getPlayingTorrentSummary()
+  if (!torrentSummary.progress) {
+    return []
+  }
+
+  // Find all contiguous parts of the torrent which are loaded
+  var prog = torrentSummary.progress
+  var fileProg = prog.files[state.playing.fileIndex]
+  var parts = []
+  var lastPiecePresent = false
+  for (var i = fileProg.startPiece; i <= fileProg.endPiece; i++) {
+    var partPresent = Bitfield.prototype.get.call(prog.bitfield, i)
+    if (partPresent && !lastPiecePresent) {
+      parts.push({start: i - fileProg.startPiece, count: 1})
+    } else if (partPresent) {
+      parts[parts.length - 1].count++
+    }
+    lastPiecePresent = partPresent
+  }
+
+  // Output some bars to show which parts of the file are loaded
+  var loadingBarElems = parts.map(function (part, i) {
+    var style = {
+      left: (100 * part.start / fileProg.numPieces) + '%',
+      width: (100 * part.count / fileProg.numPieces) + '%'
+    }
+
+    return (<div key={i} className='loading-bar-part' style={style} />)
+  })
+  return (<div key='loading-bar' className='loading-bar'>{loadingBarElems}</div>)
+}
+
+// Returns the CSS background-image string for a poster image + dark vignette
+function cssBackgroundImagePoster (state) {
+  var torrentSummary = state.getPlayingTorrentSummary()
+  var posterPath = TorrentSummary.getPosterPath(torrentSummary)
+  if (!posterPath) return ''
+  return cssBackgroundImageDarkGradient() + `, url('${posterPath}')`
+}
+
+function cssBackgroundImageDarkGradient () {
+  return 'radial-gradient(circle at center, ' +
+    'rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 100%)'
+}
+
+function formatTime (time) {
+  if (typeof time !== 'number' || Number.isNaN(time)) {
+    return '0:00'
+  }
+
+  var hours = Math.floor(time / 3600)
+  var minutes = Math.floor(time % 3600 / 60)
+  if (hours > 0) {
+    minutes = zeroFill(2, minutes)
+  }
+  var seconds = zeroFill(2, Math.floor(time % 60))
+
+  return (hours > 0 ? hours + ':' : '') + minutes + ':' + seconds
+}
--- a/src/renderer/pages/PreferencesPage.js
+++ b/src/renderer/pages/PreferencesPage.js
@@ -0,0 +1,177 @@
+const colors = require('material-ui/styles/colors')
+const path = require('path')
+const React = require('react')
+
+const Checkbox = require('material-ui/Checkbox').default
+const Heading = require('../components/Heading')
+const PathSelector = require('../components/PathSelector')
+const RaisedButton = require('material-ui/RaisedButton').default
+
+const {dispatch} = require('../lib/dispatcher')
+
+class PreferencesPage extends React.Component {
+  constructor (props) {
+    super(props)
+
+    this.handleDownloadPathChange =
+      this.handleDownloadPathChange.bind(this)
+
+    this.handleOpenExternalPlayerChange =
+      this.handleOpenExternalPlayerChange.bind(this)
+
+    this.handleExternalPlayerPathChange =
+      this.handleExternalPlayerPathChange.bind(this)
+  }
+
+  downloadPathSelector () {
+    return (
+      <Preference>
+        <PathSelector
+          dialog={{
+            title: 'Select download directory',
+            properties: [ 'openDirectory' ]
+          }}
+          onChange={this.handleDownloadPathChange}
+          title='Download location'
+          value={this.props.state.unsaved.prefs.downloadPath}
+        />
+      </Preference>
+    )
+  }
+
+  handleDownloadPathChange (filePath) {
+    dispatch('updatePreferences', 'downloadPath', filePath)
+  }
+
+  openExternalPlayerCheckbox () {
+    return (
+      <Preference>
+        <Checkbox
+          className='control'
+          checked={!this.props.state.unsaved.prefs.openExternalPlayer}
+          label={'Play torrent media files using WebTorrent'}
+          onCheck={this.handleOpenExternalPlayerChange}
+        />
+      </Preference>
+    )
+  }
+
+  handleOpenExternalPlayerChange (e, isChecked) {
+    dispatch('updatePreferences', 'openExternalPlayer', !isChecked)
+  }
+
+  externalPlayerPathSelector () {
+    const playerName = path.basename(
+      this.props.state.unsaved.prefs.externalPlayerPath || 'VLC'
+    )
+
+    const description = this.props.state.unsaved.prefs.openExternalPlayer
+      ? `Torrent media files will always play in ${playerName}.`
+      : `Torrent media files will play in ${playerName} if WebTorrent cannot ` +
+        'play them.'
+
+    return (
+      <Preference>
+        <p>{description}</p>
+        <PathSelector
+          dialog={{
+            title: 'Select media player app',
+            properties: [ 'openFile' ]
+          }}
+          displayValue={playerName}
+          onChange={this.handleExternalPlayerPathChange}
+          title='External player'
+          value={this.props.state.unsaved.prefs.externalPlayerPath}
+        />
+      </Preference>
+    )
+  }
+
+  handleExternalPlayerPathChange (filePath) {
+    if (path.extname(filePath) === '.app') {
+      // Mac: Use executable in packaged .app bundle
+      filePath += '/Contents/MacOS/' + path.basename(filePath, '.app')
+    }
+    dispatch('updatePreferences', 'externalPlayerPath', filePath)
+  }
+
+  setDefaultAppButton () {
+    return (
+      <Preference>
+        <p>WebTorrent is not currently the default torrent app.</p>
+        <RaisedButton
+          className='control'
+          onClick={this.handleSetDefaultApp}
+          label='Make WebTorrent the default'
+        />
+      </Preference>
+    )
+  }
+
+  handleSetDefaultApp () {
+    window.alert('TODO')
+    // var isFileHandler = state.unsaved.prefs.isFileHandler
+    // dispatch('updatePreferences', 'isFileHandler', !isFileHandler)
+  }
+
+  render () {
+    return (
+      <div
+        style={{
+          color: colors.grey400,
+          marginLeft: 25,
+          marginRight: 25
+        }}
+      >
+        <PreferencesSection title='Downloads'>
+          {this.downloadPathSelector()}
+        </PreferencesSection>
+        <PreferencesSection title='Playback'>
+          {this.openExternalPlayerCheckbox()}
+          {this.externalPlayerPathSelector()}
+        </PreferencesSection>
+        <PreferencesSection title='Default torrent app'>
+          {this.setDefaultAppButton()}
+        </PreferencesSection>
+      </div>
+    )
+  }
+}
+
+class PreferencesSection extends React.Component {
+  static get propTypes () {
+    return {
+      title: React.PropTypes.string
+    }
+  }
+
+  render () {
+    return (
+      <div
+        style={{
+          marginBottom: 25,
+          marginTop: 25
+        }}
+      >
+        <Heading level={2}>{this.props.title}</Heading>
+        {this.props.children}
+      </div>
+    )
+  }
+}
+
+class Preference extends React.Component {
+  render () {
+    return (
+      <div
+        style={{
+          marginBottom: 10
+        }}
+      >
+        {this.props.children}
+      </div>
+    )
+  }
+}
+
+module.exports = PreferencesPage
--- a/src/renderer/pages/torrent-list-page.js
+++ b/src/renderer/pages/torrent-list-page.js
@@ -1,19 +1,15 @@
 const React = require('react')
 const prettyBytes = require('prettier-bytes')

-const Checkbox = require('material-ui/Checkbox').default
-const LinearProgress = require('material-ui/LinearProgress').default
-
 const TorrentSummary = require('../lib/torrent-summary')
 const TorrentPlayer = require('../lib/torrent-player')
-const { dispatcher } = require('../lib/dispatcher')
-const { calculateEta } = require('../lib/time')
+const {dispatcher} = require('../lib/dispatcher')

 module.exports = class TorrentList extends React.Component {
  render () {
-    const state = this.props.state
+    var state = this.props.state

-    const contents = []
+    var contents = []
    if (state.downloadPathStatus === 'missing') {
      contents.push(
        <div key='torrent-missing-path'>
@@ -25,7 +21,7 @@ module.exports = class TorrentList extends React.Component {
        </div>
      )
    }
-    const torrentElems = state.saved.torrents.map(
+    var torrentElems = state.saved.torrents.map(
      (torrentSummary) => this.renderTorrent(torrentSummary)
    )
    contents.push(...torrentElems)
@@ -36,138 +32,87 @@ module.exports = class TorrentList extends React.Component {
    )

    return (
-      <div
-        key='torrent-list'
-        className='torrent-list'
-        onContextMenu={dispatcher('openTorrentListContextMenu')}
-      >
+      <div key='torrent-list' className='torrent-list'>
        {contents}
      </div>
    )
  }

  renderTorrent (torrentSummary) {
-    const state = this.props.state
-    const infoHash = torrentSummary.infoHash
-    const isSelected = infoHash && state.selectedInfoHash === infoHash
+    var state = this.props.state
+    var infoHash = torrentSummary.infoHash
+    var isSelected = infoHash && state.selectedInfoHash === infoHash

    // Background image: show some nice visuals, like a frame from the movie, if possible
-    const style = {}
+    var style = {}
    if (torrentSummary.posterFileName) {
-      const gradient = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%)'
-      const posterPath = TorrentSummary.getPosterPath(torrentSummary)
-      style.backgroundImage = `${gradient}, url('${posterPath}')`
+      var gradient = isSelected
+        ? 'linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%)'
+        : 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)'
+      var posterPath = TorrentSummary.getPosterPath(torrentSummary)
+      style.backgroundImage = gradient + `, url('${posterPath}')`
    }

    // Foreground: name of the torrent, basic info like size, play button,
    // cast buttons if available, and delete
-    const classes = ['torrent']
+    var classes = ['torrent']
+    //  playStatus turns the play button into a loading spinner or error icon
+    if (torrentSummary.playStatus) classes.push(torrentSummary.playStatus)
    if (isSelected) classes.push('selected')
    if (!infoHash) classes.push('disabled')
    if (!torrentSummary.torrentKey) throw new Error('Missing torrentKey')
    return (
      <div
-        id={torrentSummary.testID && ('torrent-' + torrentSummary.testID)}
        key={torrentSummary.torrentKey}
        style={style}
        className={classes.join(' ')}
        onContextMenu={infoHash && dispatcher('openTorrentContextMenu', infoHash)}
-        onClick={infoHash && dispatcher('toggleSelectTorrent', infoHash)}
-      >
+        onClick={infoHash && dispatcher('toggleSelectTorrent', infoHash)}>
        {this.renderTorrentMetadata(torrentSummary)}
        {infoHash ? this.renderTorrentButtons(torrentSummary) : null}
        {isSelected ? this.renderTorrentDetails(torrentSummary) : null}
-        <hr />
      </div>
    )
  }

  // Show name, download status, % complete
  renderTorrentMetadata (torrentSummary) {
-    const name = torrentSummary.name || 'Loading torrent...'
-    const elements = [(
+    var name = torrentSummary.name || 'Loading torrent...'
+    var elements = [(
      <div key='name' className='name ellipsis'>{name}</div>
    )]

    // If it's downloading/seeding then show progress info
-    const prog = torrentSummary.progress
-    let progElems
+    var prog = torrentSummary.progress
    if (torrentSummary.error) {
-      progElems = [getErrorMessage(torrentSummary)]
-    } else if (torrentSummary.status !== 'paused' && prog) {
-      progElems = [
-        renderDownloadCheckbox(),
-        renderTorrentStatus(),
-        renderProgressBar(),
-        renderPercentProgress(),
-        renderTotalProgress(),
-        renderPeers(),
-        renderSpeeds(),
-        renderEta()
-      ]
-    } else {
-      progElems = [
-        renderDownloadCheckbox(),
-        renderTorrentStatus()
-      ]
-    }
-    elements.push(
-      <div key='progress-info' className='ellipsis'>
-        {progElems}
-      </div>
-    )
-
-    return (<div key='metadata' className='metadata'>{elements}</div>)
-
-    function renderDownloadCheckbox () {
-      const infoHash = torrentSummary.infoHash
-      const isActive = ['downloading', 'seeding'].includes(torrentSummary.status)
-      return (
-        <Checkbox
-          key='download-button'
-          className={'control download ' + torrentSummary.status}
-          style={{
-            display: 'inline-block',
-            width: 32
-          }}
-          iconStyle={{
-            width: 20,
-            height: 20
-          }}
-          checked={isActive}
-          onClick={stopPropagation}
-          onCheck={dispatcher('toggleTorrent', infoHash)}
-        />
+      elements.push(
+        <div key='progress-info' className='ellipsis'>
+          {getErrorMessage(torrentSummary)}
+        </div>
      )
-    }
-
-    function renderProgressBar () {
-      const progress = Math.floor(100 * prog.progress)
-      const styles = {
-        wrapper: {
-          display: 'inline-block',
-          marginRight: 8
-        },
-        progress: {
-          height: 8,
-          width: 30
-        }
-      }
-      return (
-        <div key='progress-bar' style={styles.wrapper}>
-          <LinearProgress style={styles.progress} mode='determinate' value={progress} />
+    } else if (torrentSummary.status !== 'paused' && prog) {
+      elements.push(
+        <div key='progress-info' className='ellipsis'>
+          {renderPercentProgress()}
+          {renderTotalProgress()}
+          {renderPeers()}
+          {renderDownloadSpeed()}
+          {renderUploadSpeed()}
+          {renderEta()}
        </div>
      )
    }

+    return (<div key='metadata' className='metadata'>{elements}</div>)
+
    function renderPercentProgress () {
-      const progress = Math.floor(100 * prog.progress)
+      var progress = Math.floor(100 * prog.progress)
      return (<span key='percent-progress'>{progress}%</span>)
    }

    function renderTotalProgress () {
-      const downloaded = prettyBytes(prog.downloaded)
-      const total = prettyBytes(prog.length || 0)
+      var downloaded = prettyBytes(prog.downloaded)
+      var total = prettyBytes(prog.length || 0)
      if (downloaded === total) {
        return (<span key='total-progress'>{downloaded}</span>)
      } else {
@@ -177,78 +122,117 @@ module.exports = class TorrentList extends React.Component {

    function renderPeers () {
      if (prog.numPeers === 0) return
-      const count = prog.numPeers === 1 ? 'peer' : 'peers'
+      var count = prog.numPeers === 1 ? 'peer' : 'peers'
      return (<span key='peers'>{prog.numPeers} {count}</span>)
    }

-    function renderSpeeds () {
-      let str = ''
-      if (prog.downloadSpeed > 0) str += ' ↓ ' + prettyBytes(prog.downloadSpeed) + '/s'
-      if (prog.uploadSpeed > 0) str += ' ↑ ' + prettyBytes(prog.uploadSpeed) + '/s'
-      if (str === '') return
-      return (<span key='download'>{str}</span>)
+    function renderDownloadSpeed () {
+      if (prog.downloadSpeed === 0) return
+      return (<span key='download'>↓ {prettyBytes(prog.downloadSpeed)}/s</span>)
+    }
+
+    function renderUploadSpeed () {
+      if (prog.uploadSpeed === 0) return
+      return (<span key='upload'>↑ {prettyBytes(prog.uploadSpeed)}/s</span>)
    }

    function renderEta () {
-      const downloaded = prog.downloaded
-      const total = prog.length || 0
-      const missing = total - downloaded
-      const downloadSpeed = prog.downloadSpeed
+      var downloaded = prog.downloaded
+      var total = prog.length || 0
+      var missing = total - downloaded
+      var downloadSpeed = prog.downloadSpeed
      if (downloadSpeed === 0 || missing === 0) return

-      const etaStr = calculateEta(missing, downloadSpeed)
+      var rawEta = missing / downloadSpeed
+      var hours = Math.floor(rawEta / 3600) % 24
+      var minutes = Math.floor(rawEta / 60) % 60
+      var seconds = Math.floor(rawEta % 60)

-      return (<span key='eta'>{etaStr}</span>)
-    }
+      // Only display hours and minutes if they are greater than 0 but always
+      // display minutes if hours is being displayed
+      var hoursStr = hours ? hours + 'h' : ''
+      var minutesStr = (hours || minutes) ? minutes + 'm' : ''
+      var secondsStr = seconds + 's'

-    function renderTorrentStatus () {
-      let status
-      if (torrentSummary.status === 'paused') {
-        if (!torrentSummary.progress) status = ''
-        else if (torrentSummary.progress.progress === 1) status = 'Not seeding'
-        else status = 'Paused'
-      } else if (torrentSummary.status === 'downloading') {
-        if (!torrentSummary.progress) status = ''
-        else if (!torrentSummary.progress.ready) status = 'Verifying'
-        else status = 'Downloading'
-      } else if (torrentSummary.status === 'seeding') {
-        status = 'Seeding'
-      } else { // torrentSummary.status is 'new' or something unexpected
-        status = ''
-      }
-      return (<span key='torrent-status'>{status}</span>)
+      return (<span>ETA: {hoursStr} {minutesStr} {secondsStr}</span>)
    }
  }

  // Download button toggles between torrenting (DL/seed) and paused
  // Play button starts streaming the torrent immediately, unpausing if needed
  renderTorrentButtons (torrentSummary) {
-    const infoHash = torrentSummary.infoHash
+    var infoHash = torrentSummary.infoHash
+
+    var playIcon, playTooltip, playClass
+    if (torrentSummary.playStatus === 'timeout') {
+      playIcon = 'warning'
+      playTooltip = 'Playback timed out. No seeds? No internet? Click to try again.'
+    } else {
+      playIcon = 'play_arrow'
+      playTooltip = 'Start streaming'
+    }
+
+    var downloadIcon, downloadTooltip
+    if (torrentSummary.status === 'seeding') {
+      downloadIcon = 'file_upload'
+      downloadTooltip = 'Seeding. Click to stop.'
+    } else if (torrentSummary.status === 'downloading') {
+      downloadIcon = 'file_download'
+      downloadTooltip = 'Torrenting. Click to stop.'
+    } else {
+      downloadIcon = 'file_download'
+      downloadTooltip = 'Click to start torrenting.'
+    }

    // Only show the play/dowload buttons for torrents that contain playable media
-    let playButton
-    if (!torrentSummary.error && TorrentPlayer.isPlayableTorrentSummary(torrentSummary)) {
-      playButton = (
+    var playButton, downloadButton, positionElem
+    if (!torrentSummary.error) {
+      downloadButton = (
        <i
-          key='play-button'
-          title='Start streaming'
-          className='icon play'
-          onClick={dispatcher('playFile', infoHash)}
+          key='download-button'
+          className={'button-round icon download ' + torrentSummary.status}
+          title={downloadTooltip}
+          onClick={dispatcher('toggleTorrent', infoHash)}
        >
-          play_circle_outline
+          {downloadIcon}
        </i>
      )
+
+      // Do we have a saved position? Show it using a radial progress bar on top
+      // of the play button, unless already showing a spinner there:
+      var willShowSpinner = torrentSummary.playStatus === 'requested'
+      var defaultFile = torrentSummary.files &&
+        torrentSummary.files[torrentSummary.defaultPlayFileIndex]
+      if (defaultFile && defaultFile.currentTime && !willShowSpinner) {
+        var fraction = defaultFile.currentTime / defaultFile.duration
+        positionElem = this.renderRadialProgressBar(fraction, 'radial-progress-large')
+        playClass = 'resume-position'
+      }
+
+      if (TorrentPlayer.isPlayableTorrentSummary(torrentSummary)) {
+        playButton = (
+          <i
+            key='play-button'
+            title={playTooltip}
+            className={'button-round icon play ' + playClass}
+            onClick={dispatcher('playFile', infoHash)}
+          >
+            {playIcon}
+          </i>
+        )
+      }
    }

    return (
-      <div className='torrent-controls'>
+      <div key='buttons' className='buttons'>
+        {positionElem}
        {playButton}
+        {downloadButton}
        <i
          key='delete-button'
          className='icon delete'
          title='Remove torrent'
-          onClick={dispatcher('confirmDeleteTorrent', infoHash, false)}
-        >
+          onClick={dispatcher('confirmDeleteTorrent', infoHash, false)}>
          close
        </i>
      </div>
@@ -257,9 +241,9 @@ module.exports = class TorrentList extends React.Component {

  // Show files, per-file download status and play buttons, and so on
  renderTorrentDetails (torrentSummary) {
-    let filesElement
+    var filesElement
    if (torrentSummary.error || !torrentSummary.files) {
-      let message = ''
+      var message = ''
      if (torrentSummary.error === 'path-missing') {
        // Special case error: this torrent's download dir or file is missing
        message = 'Missing path: ' + TorrentSummary.getFileOrFolder(torrentSummary)
@@ -280,17 +264,15 @@ module.exports = class TorrentList extends React.Component {
      )
    } else {
      // We do know the files. List them and show download stats for each one
-      const sortByName = this.props.state.saved.prefs.sortByName
-      const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' })
-      let fileRows = torrentSummary.files
+      var fileRows = torrentSummary.files
        .filter((file) => !file.path.includes('/.____padding_file/'))
        .map((file, index) => ({ file, index }))
-
-      if (sortByName) {
-        fileRows = fileRows.sort((a, b) => collator.compare(a.file.name, b.file.name))
-      }
-
-      fileRows = fileRows.map((obj) => this.renderFileRow(torrentSummary, obj.file, obj.index))
+        .sort(function (a, b) {
+          if (a.file.name < b.file.name) return -1
+          if (b.file.name < a.file.name) return 1
+          return 0
+        })
+        .map((object) => this.renderFileRow(torrentSummary, object.file, object.index))

      filesElement = (
        <div key='files' className='files'>
@@ -314,39 +296,39 @@ module.exports = class TorrentList extends React.Component {
  renderFileRow (torrentSummary, file, index) {
    // First, find out how much of the file we've downloaded
    // Are we even torrenting it?
-    const isSelected = torrentSummary.selections && torrentSummary.selections[index]
-    let isDone = false // Are we finished torrenting it?
-    let progress = ''
+    var isSelected = torrentSummary.selections && torrentSummary.selections[index]
+    var isDone = false // Are we finished torrenting it?
+    var progress = ''
    if (torrentSummary.progress && torrentSummary.progress.files &&
        torrentSummary.progress.files[index]) {
-      const fileProg = torrentSummary.progress.files[index]
+      var fileProg = torrentSummary.progress.files[index]
      isDone = fileProg.numPiecesPresent === fileProg.numPieces
-      progress = Math.floor(100 * fileProg.numPiecesPresent / fileProg.numPieces) + '%'
+      progress = Math.round(100 * fileProg.numPiecesPresent / fileProg.numPieces) + '%'
    }

    // Second, for media files where we saved our position, show how far we got
-    let positionElem
+    var positionElem
    if (file.currentTime) {
      // Radial progress bar. 0% = start from 0:00, 270% = 3/4 of the way thru
      positionElem = this.renderRadialProgressBar(file.currentTime / file.duration)
    }

    // Finally, render the file as a table row
-    const isPlayable = TorrentPlayer.isPlayable(file)
-    const infoHash = torrentSummary.infoHash
-    let icon
-    let handleClick
+    var isPlayable = TorrentPlayer.isPlayable(file)
+    var infoHash = torrentSummary.infoHash
+    var icon
+    var handleClick
    if (isPlayable) {
      icon = 'play_arrow' /* playable? add option to play */
      handleClick = dispatcher('playFile', infoHash, index)
    } else {
      icon = 'description' /* file icon, opens in OS default app */
      handleClick = isDone
-        ? dispatcher('openPath', infoHash, index)
+        ? dispatcher('openItem', infoHash, index)
        : (e) => e.stopPropagation() // noop if file is not ready
    }
    // TODO: add a css 'disabled' class to indicate that a file cannot be opened/streamed
-    let rowClass = ''
+    var rowClass = ''
    if (!isSelected) rowClass = 'disabled' // File deselected, not being torrented
    if (!isDone && !isPlayable) rowClass = 'disabled' // Can't open yet, can't stream
    return (
@@ -364,47 +346,41 @@ module.exports = class TorrentList extends React.Component {
        <td className={'col-size ' + rowClass}>
          {prettyBytes(file.length)}
        </td>
-        <td
-          className='col-select'
-          onClick={dispatcher('toggleTorrentFile', infoHash, index)}
-        >
-          <i className='icon deselect-file'>{isSelected ? 'close' : 'add'}</i>
+        <td className='col-select'
+          onClick={dispatcher('toggleTorrentFile', infoHash, index)}>
+          <i className='icon'>{isSelected ? 'close' : 'add'}</i>
        </td>
      </tr>
    )
  }

  renderRadialProgressBar (fraction, cssClass) {
-    const rotation = 360 * fraction
-    const transformFill = { transform: 'rotate(' + (rotation / 2) + 'deg)' }
-    const transformFix = { transform: 'rotate(' + rotation + 'deg)' }
+    var rotation = 360 * fraction
+    var transformFill = {transform: 'rotate(' + (rotation / 2) + 'deg)'}
+    var transformFix = {transform: 'rotate(' + rotation + 'deg)'}

    return (
      <div key='radial-progress' className={'radial-progress ' + cssClass}>
-        <div className='circle'>
-          <div className='mask full' style={transformFill}>
-            <div className='fill' style={transformFill} />
+        <div key='circle' className='circle'>
+          <div key='mask-full' className='mask full' style={transformFill}>
+            <div key='fill' className='fill' style={transformFill} />
          </div>
-          <div className='mask half'>
-            <div className='fill' style={transformFill} />
-            <div className='fill fix' style={transformFix} />
+          <div key='mask-half' className='mask half'>
+            <div key='fill' className='fill' style={transformFill} />
+            <div key='fill-fix' className='fill fix' style={transformFix} />
          </div>
        </div>
-        <div className='inset' />
+        <div key='inset' className='inset' />
      </div>
    )
  }
 }

-function stopPropagation (e) {
-  e.stopPropagation()
-}
-
 function getErrorMessage (torrentSummary) {
-  const err = torrentSummary.error
+  var err = torrentSummary.error
  if (err === 'path-missing') {
    return (
-      <span key='path-missing'>
+      <span>
        Path missing.<br />
        Fix and restart the app, or delete the torrent.
      </span>
--- a/src/renderer/pages/app.js
+++ b/src/renderer/pages/app.js
@@ -1,132 +0,0 @@
-const colors = require('material-ui/styles/colors')
-const createGetter = require('fn-getter')
-const React = require('react')
-
-const darkBaseTheme = require('material-ui/styles/baseThemes/darkBaseTheme').default
-const getMuiTheme = require('material-ui/styles/getMuiTheme').default
-const MuiThemeProvider = require('material-ui/styles/MuiThemeProvider').default
-
-const Header = require('../components/header')
-
-// Perf optimization: Needed immediately, so do not lazy load it below
-const TorrentListPage = require('./torrent-list-page')
-
-const Views = {
-  home: createGetter(() => TorrentListPage),
-  player: createGetter(() => require('./player-page')),
-  'create-torrent': createGetter(() => require('./create-torrent-page')),
-  preferences: createGetter(() => require('./preferences-page'))
-}
-
-const Modals = {
-  'open-torrent-address-modal': createGetter(
-    () => require('../components/open-torrent-address-modal')
-  ),
-  'remove-torrent-modal': createGetter(() => require('../components/remove-torrent-modal')),
-  'update-available-modal': createGetter(() => require('../components/update-available-modal')),
-  'unsupported-media-modal': createGetter(() => require('../components/unsupported-media-modal')),
-  'delete-all-torrents-modal':
-      createGetter(() => require('../components/delete-all-torrents-modal'))
-}
-
-const fontFamily = process.platform === 'win32'
-  ? '"Segoe UI", sans-serif'
-  : 'BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif'
-
-darkBaseTheme.fontFamily = fontFamily
-darkBaseTheme.userAgent = false
-darkBaseTheme.palette.primary1Color = colors.grey50
-darkBaseTheme.palette.primary2Color = colors.grey50
-darkBaseTheme.palette.primary3Color = colors.grey600
-darkBaseTheme.palette.accent1Color = colors.redA200
-darkBaseTheme.palette.accent2Color = colors.redA400
-darkBaseTheme.palette.accent3Color = colors.redA100
-
-let darkMuiTheme
-let lightMuiTheme
-
-class App extends React.Component {
-  render () {
-    const state = this.props.state
-
-    // Hide player controls while playing video, if the mouse stays still for a while
-    // Never hide the controls when:
-    // * The mouse is over the controls or we're scrubbing (see CSS)
-    // * The video is paused
-    // * The video is playing remotely on Chromecast or Airplay
-    const hideControls = state.shouldHidePlayerControls()
-
-    const cls = [
-      'view-' + state.location.url(), /* e.g. view-home, view-player */
-      'is-' + process.platform /* e.g. is-darwin, is-win32, is-linux */
-    ]
-    if (state.window.isFullScreen) cls.push('is-fullscreen')
-    if (state.window.isFocused) cls.push('is-focused')
-    if (hideControls) cls.push('hide-video-controls')
-
-    if (!darkMuiTheme) {
-      darkMuiTheme = getMuiTheme(darkBaseTheme)
-    }
-
-    return (
-      <MuiThemeProvider muiTheme={darkMuiTheme}>
-        <div className={'app ' + cls.join(' ')}>
-          <Header state={state} />
-          {this.getErrorPopover()}
-          <div key='content' className='content'>{this.getView()}</div>
-          {this.getModal()}
-        </div>
-      </MuiThemeProvider>
-    )
-  }
-
-  getErrorPopover () {
-    const state = this.props.state
-    const now = new Date().getTime()
-    const recentErrors = state.errors.filter((x) => now - x.time < 5000)
-    const hasErrors = recentErrors.length > 0
-
-    const errorElems = recentErrors.map((error, i) => <div key={i} className='error'>{error.message}</div>)
-    return (
-      <div
-        key='errors'
-        className={'error-popover ' + (hasErrors ? 'visible' : 'hidden')}
-      >
-        <div key='title' className='title'>Error</div>
-        {errorElems}
-      </div>
-    )
-  }
-
-  getModal () {
-    const state = this.props.state
-    if (!state.modal) return
-
-    if (!lightMuiTheme) {
-      const lightBaseTheme = require('material-ui/styles/baseThemes/lightBaseTheme').default
-      lightBaseTheme.fontFamily = fontFamily
-      lightBaseTheme.userAgent = false
-      lightMuiTheme = getMuiTheme(lightBaseTheme)
-    }
-
-    const ModalContents = Modals[state.modal.id]()
-    return (
-      <MuiThemeProvider muiTheme={lightMuiTheme}>
-        <div key='modal' className='modal'>
-          <div key='modal-background' className='modal-background' />
-          <div key='modal-content' className='modal-content'>
-            <ModalContents state={state} />
-          </div>
-        </div>
-      </MuiThemeProvider>
-    )
-  }
-
-  getView () {
-    const state = this.props.state
-    const View = Views[state.location.url()]()
-    return (<View state={state} />)
-  }
-}
-
-module.exports = App
--- a/src/renderer/pages/create-torrent-page.js
+++ b/src/renderer/pages/create-torrent-page.js
@@ -1,227 +0,0 @@
-const createTorrent = require('create-torrent')
-const path = require('path')
-const prettyBytes = require('prettier-bytes')
-const React = require('react')
-
-const { dispatch, dispatcher } = require('../lib/dispatcher')
-
-const FlatButton = require('material-ui/FlatButton').default
-const RaisedButton = require('material-ui/RaisedButton').default
-const TextField = require('material-ui/TextField').default
-const Checkbox = require('material-ui/Checkbox').default
-
-const CreateTorrentErrorPage = require('../components/create-torrent-error-page')
-const Heading = require('../components/heading')
-const ShowMore = require('../components/show-more')
-
-// Shows a basic UI to create a torrent, from an already-selected file or folder.
-// Includes a "Show Advanced..." button and more advanced UI.
-class CreateTorrentPage extends React.Component {
-  constructor (props) {
-    super(props)
-
-    const state = this.props.state
-    const info = state.location.current()
-
-    // First, extract the base folder that the files are all in
-    let pathPrefix = info.folderPath
-    if (!pathPrefix) {
-      pathPrefix = info.files.map((x) => x.path).reduce(findCommonPrefix)
-      if (!pathPrefix.endsWith('/') && !pathPrefix.endsWith('\\')) {
-        pathPrefix = path.dirname(pathPrefix)
-      }
-    }
-
-    // Then, exclude .DS_Store and other dotfiles
-    const files = info.files
-      .filter((f) => !containsDots(f.path, pathPrefix))
-      .map((f) => ({ name: f.name, path: f.path, size: f.size }))
-    if (files.length === 0) return (<CreateTorrentErrorPage state={state} />)
-
-    // Then, use the name of the base folder (or sole file, for a single file torrent)
-    // as the default name. Show all files relative to the base folder.
-    let defaultName, basePath
-    if (files.length === 1) {
-      // Single file torrent: /a/b/foo.jpg -> torrent name 'foo.jpg', path '/a/b'
-      defaultName = files[0].name
-      basePath = pathPrefix
-    } else {
-      // Multi file torrent: /a/b/{foo, bar}.jpg -> torrent name 'b', path '/a'
-      defaultName = path.basename(pathPrefix)
-      basePath = path.dirname(pathPrefix)
-    }
-
-    // Default trackers
-    const trackers = createTorrent.announceList.join('\n')
-
-    this.state = {
-      comment: '',
-      isPrivate: false,
-      pathPrefix,
-      basePath,
-      defaultName,
-      files,
-      trackers
-    }
-
-    // Create React event handlers only once
-    this.handleSetIsPrivate = (_, isPrivate) => this.setState({ isPrivate })
-    this.handleSetComment = (_, comment) => this.setState({ comment })
-    this.handleSetTrackers = (_, trackers) => this.setState({ trackers })
-    this.handleSubmit = handleSubmit.bind(this)
-  }
-
-  render () {
-    const files = this.state.files
-
-    // Sanity check: show the number of files and total size
-    const numFiles = files.length
-    const totalBytes = files
-      .map((f) => f.size)
-      .reduce((a, b) => a + b, 0)
-    const torrentInfo = `${numFiles} files, ${prettyBytes(totalBytes)}`
-
-    return (
-      <div className='create-torrent'>
-        <Heading level={1}>Create torrent {this.state.defaultName}</Heading>
-        <div className='torrent-info'>{torrentInfo}</div>
-        <div className='torrent-attribute'>
-          <label>Path:</label>
-          <div>{this.state.pathPrefix}</div>
-        </div>
-        <ShowMore
-          style={{
-            marginBottom: 10
-          }}
-          hideLabel='Hide advanced settings...'
-          showLabel='Show advanced settings...'
-        >
-          {this.renderAdvanced()}
-        </ShowMore>
-        <div className='float-right'>
-          <FlatButton
-            className='control cancel'
-            label='Cancel'
-            style={{
-              marginRight: 10
-            }}
-            onClick={dispatcher('cancel')}
-          />
-          <RaisedButton
-            className='control create-torrent-button'
-            label='Create Torrent'
-            primary
-            onClick={this.handleSubmit}
-          />
-        </div>
-      </div>
-    )
-  }
-
-  // Renders everything after clicking Show Advanced...:
-  // * Is Private? (private torrents, not announced to DHT)
-  // * Announce list (trackers)
-  // * Comment
-  renderAdvanced () {
-    // Create file list
-    const maxFileElems = 100
-    const files = this.state.files
-    const fileElems = files.slice(0, maxFileElems).map((file, i) => {
-      const relativePath = path.relative(this.state.pathPrefix, file.path)
-      return (<div key={i}>{relativePath}</div>)
-    })
-    if (files.length > maxFileElems) {
-      fileElems.push(<div key='more'>+ {files.length - maxFileElems} more</div>)
-    }
-
-    // Align the text fields
-    const textFieldStyle = { width: '' }
-    const textareaStyle = { margin: 0 }
-
-    return (
-      <div key='advanced' className='create-torrent-advanced'>
-        <div key='private' className='torrent-attribute'>
-          <label>Private:</label>
-          <Checkbox
-            className='torrent-is-private control'
-            style={{ display: '' }}
-            checked={this.state.isPrivate}
-            onCheck={this.handleSetIsPrivate}
-          />
-        </div>
-        <div key='trackers' className='torrent-attribute'>
-          <label>Trackers:</label>
-          <TextField
-            className='torrent-trackers control'
-            style={textFieldStyle}
-            textareaStyle={textareaStyle}
-            multiLine
-            rows={2}
-            rowsMax={10}
-            value={this.state.trackers}
-            onChange={this.handleSetTrackers}
-          />
-        </div>
-        <div key='comment' className='torrent-attribute'>
-          <label>Comment:</label>
-          <TextField
-            className='torrent-comment control'
-            style={textFieldStyle}
-            textareaStyle={textareaStyle}
-            hintText='Optionally describe your torrent...'
-            multiLine
-            rows={2}
-            rowsMax={10}
-            value={this.state.comment}
-            onChange={this.handleSetComment}
-          />
-        </div>
-        <div key='files' className='torrent-attribute'>
-          <label>Files:</label>
-          <div>{fileElems}</div>
-        </div>
-      </div>
-    )
-  }
-}
-
-function handleSubmit () {
-  const announceList = this.state.trackers
-    .split('\n')
-    .map((s) => s.trim())
-    .filter((s) => s !== '')
-  const options = {
-    // We can't let the user choose their own name if we want WebTorrent
-    // to use the files in place rather than creating a new folder.
-    name: this.state.defaultName,
-    path: this.state.basePath,
-    files: this.state.files,
-    announce: announceList,
-    comment: this.state.comment.trim()
-  }
-
-  // If torrent is not private, leave private flag unset. This ensures that
-  // the torrent info hash will match the result generated by other tools,
-  // including webtorrent-cli.
-  if (this.state.isPrivate) options.private = true
-
-  dispatch('createTorrent', options)
-}
-
-// Finds the longest common prefix
-function findCommonPrefix (a, b) {
-  let i
-  for (i = 0; i < a.length && i < b.length; i++) {
-    if (a.charCodeAt(i) !== b.charCodeAt(i)) break
-  }
-  if (i === a.length) return a
-  if (i === b.length) return b
-  return a.substring(0, i)
-}
-
-function containsDots (path, pathPrefix) {
-  const suffix = path.substring(pathPrefix.length).replace(/\\/g, '/')
-  return ('/' + suffix).includes('/.')
-}
-
-module.exports = CreateTorrentPage
--- a/src/renderer/pages/player-page.js
+++ b/src/renderer/pages/player-page.js
@@ -1,993 +0,0 @@
-/* globals MediaMetadata */
-
-const React = require('react')
-const BitField = require('bitfield').default
-const prettyBytes = require('prettier-bytes')
-
-const TorrentSummary = require('../lib/torrent-summary')
-const Playlist = require('../lib/playlist')
-const { dispatch, dispatcher } = require('../lib/dispatcher')
-const config = require('../../config')
-const { calculateEta } = require('../lib/time')
-
-// Shows a streaming video player. Standard features + Chromecast + Airplay
-module.exports = class Player extends React.Component {
-  render () {
-    // Show the video as large as will fit in the window, play immediately
-    // If the video is on Chromecast or Airplay, show a title screen instead
-    const state = this.props.state
-    const showVideo = state.playing.location === 'local'
-    const showControls = state.playing.location !== 'external'
-    return (
-      <div
-        className='player'
-        onWheel={handleVolumeWheel}
-        onMouseMove={dispatcher('mediaMouseMoved')}
-      >
-        {showVideo ? renderMedia(state) : renderCastScreen(state)}
-        {showControls ? renderPlayerControls(state) : null}
-      </div>
-    )
-  }
-
-  onComponentWillUnmount () {
-    // Unload the media element so that Chromium stops trying to fetch data
-    const tag = document.querySelector('audio,video')
-    if (!tag) return
-    tag.pause()
-    tag.src = ''
-    tag.load()
-    navigator.mediaSession.metadata = null
-  }
-}
-
-// Handles volume change by wheel
-function handleVolumeWheel (e) {
-  dispatch('changeVolume', (-e.deltaY | e.deltaX) / 500)
-}
-
-function renderMedia (state) {
-  if (!state.server) return
-
-  // Unfortunately, play/pause can't be done just by modifying HTML.
-  // Instead, grab the DOM node and play/pause it if necessary
-  // Get the <video> or <audio> tag
-  const mediaElement = document.querySelector(state.playing.type)
-  if (mediaElement !== null) {
-    if (navigator.mediaSession.metadata === null && mediaElement.played.length !== 0) {
-      navigator.mediaSession.metadata = new MediaMetadata({
-        title: state.playing.fileName
-      })
-      navigator.mediaSession.setActionHandler('pause', () => {
-        dispatch('playPause')
-      })
-      navigator.mediaSession.setActionHandler('play', () => {
-        dispatch('playPause')
-      })
-      if (Playlist.hasNext(state)) {
-        navigator.mediaSession.setActionHandler('nexttrack', () => {
-          dispatch('nextTrack')
-        })
-      }
-      if (Playlist.hasPrevious(state)) {
-        navigator.mediaSession.setActionHandler('previoustrack', () => {
-          dispatch('previousTrack')
-        })
-      }
-    }
-
-    if (state.playing.isPaused && !mediaElement.paused) {
-      mediaElement.pause()
-    } else if (!state.playing.isPaused && mediaElement.paused) {
-      mediaElement.play()
-    }
-    // When the user clicks or drags on the progress bar, jump to that position
-    if (state.playing.jumpToTime != null) {
-      mediaElement.currentTime = state.playing.jumpToTime
-      state.playing.jumpToTime = null
-    }
-    if (state.playing.playbackRate !== mediaElement.playbackRate) {
-      mediaElement.playbackRate = state.playing.playbackRate
-    }
-    // Recover previous volume
-    if (state.previousVolume !== null && isFinite(state.previousVolume)) {
-      mediaElement.volume = state.previousVolume
-      state.previousVolume = null
-    }
-
-    // Set volume
-    if (state.playing.setVolume !== null && isFinite(state.playing.setVolume)) {
-      mediaElement.volume = state.playing.setVolume
-      state.playing.setVolume = null
-    }
-
-    // Switch to the newly added subtitle track, if available
-    const tracks = mediaElement.textTracks || []
-    for (let j = 0; j < tracks.length; j++) {
-      const isSelectedTrack = j === state.playing.subtitles.selectedIndex
-      tracks[j].mode = isSelectedTrack ? 'showing' : 'hidden'
-    }
-
-    // Save video position
-    const file = state.getPlayingFileSummary()
-    file.currentTime = state.playing.currentTime = mediaElement.currentTime
-    file.duration = state.playing.duration = mediaElement.duration
-
-    // Save selected subtitle
-    if (state.playing.subtitles.selectedIndex !== -1) {
-      const index = state.playing.subtitles.selectedIndex
-      file.selectedSubtitle = state.playing.subtitles.tracks[index].filePath
-    } else if (file.selectedSubtitle != null) {
-      delete file.selectedSubtitle
-    }
-
-    // Switch to selected audio track
-    const audioTracks = mediaElement.audioTracks || []
-    for (let j = 0; j < audioTracks.length; j++) {
-      const isSelectedTrack = j === state.playing.audioTracks.selectedIndex
-      audioTracks[j].enabled = isSelectedTrack
-    }
-
-    state.playing.volume = mediaElement.volume
-  }
-
-  // Add subtitles to the <video> tag
-  const trackTags = []
-  if (state.playing.subtitles.selectedIndex >= 0) {
-    state.playing.subtitles.tracks.forEach((track, i) => {
-      const isSelected = state.playing.subtitles.selectedIndex === i
-      trackTags.push(
-        <track
-          key={i}
-          default={isSelected}
-          label={track.label}
-          kind='subtitles'
-          src={track.buffer}
-        />
-      )
-    })
-  }
-
-  // Create the <audio> or <video> tag
-  const MediaTagName = state.playing.type
-  const mediaTag = (
-    <MediaTagName
-      src={Playlist.getCurrentLocalURL(state)}
-      onDoubleClick={dispatcher('toggleFullScreen')}
-      onClick={dispatcher('playPause')}
-      onLoadedMetadata={onLoadedMetadata}
-      onEnded={onEnded}
-      onStalled={dispatcher('mediaStalled')}
-      onError={dispatcher('mediaError')}
-      onTimeUpdate={dispatcher('mediaTimeUpdate')}
-      onEncrypted={dispatcher('mediaEncrypted')}
-    >
-      {trackTags}
-    </MediaTagName>
-  )
-
-  // Show the media.
-  return (
-    <div
-      key='letterbox'
-      className='letterbox'
-      onMouseMove={dispatcher('mediaMouseMoved')}
-    >
-      {mediaTag}
-      {renderOverlay(state)}
-    </div>
-  )
-
-  function onLoadedMetadata (e) {
-    const mediaElement = e.target
-
-    // check if we can decode video and audio track
-    if (state.playing.type === 'video') {
-      if (mediaElement.videoTracks.length === 0) {
-        dispatch('mediaError', 'Video codec unsupported')
-      }
-
-      if (mediaElement.audioTracks.length === 0) {
-        dispatch('mediaError', 'Audio codec unsupported')
-      }
-
-      dispatch('mediaSuccess')
-
-      const dimensions = {
-        width: mediaElement.videoWidth,
-        height: mediaElement.videoHeight
-      }
-
-      // As soon as we know the video dimensions, resize the window
-      dispatch('setDimensions', dimensions)
-
-      // set audioTracks
-      const tracks = []
-      for (let i = 0; i < mediaElement.audioTracks.length; i++) {
-        tracks.push({
-          label: mediaElement.audioTracks[i].label || `Track ${i + 1}`,
-          language: mediaElement.audioTracks[i].language
-        })
-      }
-
-      state.playing.audioTracks.tracks = tracks
-      state.playing.audioTracks.selectedIndex = 0
-    }
-
-    // check if we can decode audio track
-    if (state.playing.type === 'audio') {
-      if (mediaElement.audioTracks.length === 0) {
-        dispatch('mediaError', 'Audio codec unsupported')
-      }
-
-      dispatch('mediaSuccess')
-    }
-  }
-
-  function onEnded () {
-    if (Playlist.hasNext(state)) {
-      dispatch('nextTrack')
-    } else {
-      // When the last video completes, pause the video instead of looping
-      state.playing.isPaused = true
-      if (state.window.isFullScreen) dispatch('toggleFullScreen')
-    }
-  }
-}
-
-function renderOverlay (state) {
-  const elems = []
-  const audioMetadataElem = renderAudioMetadata(state)
-  const spinnerElem = renderLoadingSpinner(state)
-  if (audioMetadataElem) elems.push(audioMetadataElem)
-  if (spinnerElem) elems.push(spinnerElem)
-
-  // Video fills the window, centered with black bars if necessary
-  // Audio gets a static poster image and a summary of the file metadata.
-  let style
-  if (state.playing.type === 'audio') {
-    style = { backgroundImage: cssBackgroundImagePoster(state) }
-  } else if (elems.length !== 0) {
-    style = { backgroundImage: cssBackgroundImageDarkGradient() }
-  } else {
-    // Video playing, so no spinner. No overlay needed
-    return
-  }
-
-  return (
-    <div key='overlay' className='media-overlay-background' style={style}>
-      <div className='media-overlay'>{elems}</div>
-    </div>
-  )
-}
-
-/**
- * Render track or disk number string
- * @param common metadata.common part
- * @param key should be either 'track' or 'disk'
- * @return track or disk number metadata as JSX block
- */
-function renderTrack (common, key) {
-  // Audio metadata: track-number
-  if (common[key] && common[key].no) {
-    let str = `${common[key].no}`
-    if (common[key].of) {
-      str += ` of ${common[key].of}`
-    }
-    const style = { textTransform: 'capitalize' }
-    return (
-      <div className={`audio-${key}`}>
-        <label style={style}>{key}</label> {str}
-      </div>
-    )
-  }
-}
-
-function renderAudioMetadata (state) {
-  const fileSummary = state.getPlayingFileSummary()
-  if (!fileSummary.audioInfo) return
-  const common = fileSummary.audioInfo.common || {}
-
-  // Get audio track info
-  const title = common.title ? common.title : fileSummary.name
-
-  // Show a small info box in the middle of the screen with title/album/etc
-  const elems = []
-
-  // Audio metadata: artist(s)
-  const artist = common.artist || common.albumartist
-  if (artist) {
-    elems.push((
-      <div key='artist' className='audio-artist'>
-        <label>Artist</label>{artist}
-      </div>
-    ))
-  }
-
-  // Audio metadata: disk & track-number
-  const count = ['track', 'disk']
-  count.forEach(key => {
-    const nrElem = renderTrack(common, key)
-    if (nrElem) {
-      elems.push(nrElem)
-    }
-  })
-
-  // Audio metadata: album
-  if (common.album) {
-    elems.push((
-      <div key='album' className='audio-album'>
-        <label>Album</label>{common.album}
-      </div>
-    ))
-  }
-
-  // Audio metadata: year
-  if (common.year) {
-    elems.push((
-      <div key='year' className='audio-year'>
-        <label>Year</label>{common.year}
-      </div>
-    ))
-  }
-
-  // Audio metadata: release information (label & catalog-number)
-  if (common.label || common.catalognumber) {
-    const releaseInfo = []
-    if (common.label && common.catalognumber &&
-      common.label.length === common.catalognumber.length) {
-      // Assume labels & catalog-numbers are pairs
-      for (let n = 0; n < common.label.length; ++n) {
-        releaseInfo.push(common.label[0] + ' / ' + common.catalognumber[n])
-      }
-    } else {
-      if (common.label) {
-        releaseInfo.push(...common.label)
-      }
-      if (common.catalognumber) {
-        releaseInfo.push(...common.catalognumber)
-      }
-    }
-    elems.push((
-      <div key='release' className='audio-release'>
-        <label>Release</label>{releaseInfo.join(', ')}
-      </div>
-    ))
-  }
-
-  // Audio metadata: format
-  const format = []
-  fileSummary.audioInfo.format = fileSummary.audioInfo.format || ''
-  if (fileSummary.audioInfo.format.container) {
-    format.push(fileSummary.audioInfo.format.container)
-  }
-  if (fileSummary.audioInfo.format.codec &&
-    fileSummary.audioInfo.format.container !== fileSummary.audioInfo.format.codec) {
-    format.push(fileSummary.audioInfo.format.codec)
-  }
-  if (fileSummary.audioInfo.format.bitrate) {
-    format.push(Math.round(fileSummary.audioInfo.format.bitrate / 1000) + ' kbit/s') // 128 kbit/s
-  }
-  if (fileSummary.audioInfo.format.sampleRate) {
-    format.push(Math.round(fileSummary.audioInfo.format.sampleRate / 100) / 10 + ' kHz')
-  }
-  if (fileSummary.audioInfo.format.bitsPerSample) {
-    format.push(fileSummary.audioInfo.format.bitsPerSample + '-bit')
-  }
-  if (format.length > 0) {
-    elems.push((
-      <div key='format' className='audio-format'>
-        <label>Format</label>{format.join(', ')}
-      </div>
-    ))
-  }
-
-  // Audio metadata: comments
-  if (common.comment) {
-    elems.push((
-      <div key='comments' className='audio-comments'>
-        <label>Comments</label>{common.comment.join(' / ')}
-      </div>
-    ))
-  }
-
-  // Align the title with the other info, if available. Otherwise, center title
-  const emptyLabel = (<label />)
-  elems.unshift((
-    <div key='title' className='audio-title'>
-      {elems.length ? emptyLabel : undefined}{title}
-    </div>
-  ))
-
-  return (<div key='audio-metadata' className='audio-metadata'>{elems}</div>)
-}
-
-function renderLoadingSpinner (state) {
-  if (state.playing.isPaused) return
-  const isProbablyStalled = state.playing.isStalled ||
-    (new Date().getTime() - state.playing.lastTimeUpdate > 2000)
-  if (!isProbablyStalled) return
-
-  const prog = state.getPlayingTorrentSummary().progress || {}
-  let fileProgress = 0
-  if (prog.files) {
-    const file = prog.files[state.playing.fileIndex]
-    fileProgress = Math.floor(100 * file.numPiecesPresent / file.numPieces)
-  }
-
-  return (
-    <div key='loading' className='media-stalled'>
-      <div key='loading-spinner' className='loading-spinner' />
-      <div key='loading-progress' className='loading-status ellipsis'>
-        <span><span className='progress'>{fileProgress}%</span> downloaded</span>
-        <span> ↓ {prettyBytes(prog.downloadSpeed || 0)}/s</span>
-        <span> ↑ {prettyBytes(prog.uploadSpeed || 0)}/s</span>
-      </div>
-    </div>
-  )
-}
-
-function renderCastScreen (state) {
-  let castIcon, castType, isCast
-  if (state.playing.location.startsWith('chromecast')) {
-    castIcon = 'cast_connected'
-    castType = 'Chromecast'
-    isCast = true
-  } else if (state.playing.location.startsWith('airplay')) {
-    castIcon = 'airplay'
-    castType = 'AirPlay'
-    isCast = true
-  } else if (state.playing.location.startsWith('dlna')) {
-    castIcon = 'tv'
-    castType = 'DLNA'
-    isCast = true
-  } else if (state.playing.location === 'external') {
-    castIcon = 'tv'
-    castType = state.getExternalPlayerName()
-    isCast = false
-  } else if (state.playing.location === 'error') {
-    castIcon = 'error_outline'
-    castType = 'Unable to Play'
-    isCast = false
-  }
-
-  const isStarting = state.playing.location.endsWith('-pending')
-  const castName = state.playing.castName
-  const fileName = state.getPlayingFileSummary().name || ''
-  let castStatus
-  if (isCast && isStarting) castStatus = 'Connecting to ' + castName + '...'
-  else if (isCast && !isStarting) castStatus = 'Connected to ' + castName
-  else castStatus = ''
-
-  const prog = state.getPlayingTorrentSummary().progress || {}
-
-  // Show a nice title image, if possible
-  const style = {
-    backgroundImage: cssBackgroundImagePoster(state)
-  }
-
-  function renderEta (total, downloaded) {
-    const missing = (total || 0) - (downloaded || 0)
-    const downloadSpeed = prog.downloadSpeed || 0
-    if (downloadSpeed === 0 || missing === 0) return
-
-    const etaStr = calculateEta(missing, downloadSpeed)
-
-    return (<span>{etaStr}</span>)
-  }
-
-  function renderDownloadProgress () {
-    if (!prog.files) return
-
-    const fileProg = prog.files[state.playing.fileIndex]
-    const fileProgress = fileProg.numPiecesPresent / fileProg.numPieces
-    const fileLength = state.getPlayingFileSummary().length
-    const fileDownloaded = fileProgress * fileLength
-
-    const progress = Math.round(100 * fileProgress)
-    const total = prettyBytes(fileLength)
-    const completed = prettyBytes(fileDownloaded)
-
-    const downloadSpeed = prettyBytes(prog.downloadSpeed || 0)
-    const uploadSpeed = prettyBytes(prog.uploadSpeed || 0)
-
-    let sizes
-    if (fileProgress < 1) {
-      sizes = <span> | {completed} / {total}</span>
-    } else {
-      sizes = <span> | {completed}</span>
-    }
-
-    return (
-      <div key='download-progress'>
-        <span className='progress'>{progress}% downloaded {sizes}</span>
-        <br />
-        <span>↓ {downloadSpeed}/s ↑ {uploadSpeed}/s | {prog.numPeers || 0} peer(s)</span>
-        <br />
-        {renderEta(fileLength, fileDownloaded)}
-      </div>
-    )
-  }
-
-  return (
-    <div key='cast' className='letterbox' style={style}>
-      <div className='cast-screen'>
-        <i className='icon'>{castIcon}</i>
-        <div key='type' className='cast-type'>{castType}</div>
-        <div key='status' className='cast-status'>{castStatus}</div>
-        <div key='name' className='name'>{fileName}</div>
-        {renderDownloadProgress()}
-      </div>
-    </div>
-  )
-}
-
-function renderCastOptions (state) {
-  if (!state.devices.castMenu) return
-
-  const { location, devices } = state.devices.castMenu
-  const player = state.devices[location]
-
-  const items = devices.map((device, ix) => {
-    const isSelected = player.device === device
-    const name = device.name
-    return (
-      <li key={ix} onClick={dispatcher('selectCastDevice', ix)}>
-        <i className='icon'>{isSelected ? 'radio_button_checked' : 'radio_button_unchecked'}</i>
-        {' '}
-        {name}
-      </li>
-    )
-  })
-
-  return (
-    <ul key='cast-options' className='options-list'>
-      {items}
-    </ul>
-  )
-}
-
-function renderSubtitleOptions (state) {
-  const subtitles = state.playing.subtitles
-  if (!subtitles.tracks.length || !subtitles.showMenu) return
-
-  const items = subtitles.tracks.map((track, ix) => {
-    const isSelected = state.playing.subtitles.selectedIndex === ix
-    return (
-      <li key={ix} onClick={dispatcher('selectSubtitle', ix)}>
-        <i className='icon'>{'radio_button_' + (isSelected ? 'checked' : 'unchecked')}</i>
-        {track.label}
-      </li>
-    )
-  })
-
-  const noneSelected = state.playing.subtitles.selectedIndex === -1
-  const noneClass = 'radio_button_' + (noneSelected ? 'checked' : 'unchecked')
-  return (
-    <ul key='subtitle-options' className='options-list'>
-      {items}
-      <li onClick={dispatcher('selectSubtitle', -1)}>
-        <i className='icon'>{noneClass}</i>
-        None
-      </li>
-    </ul>
-  )
-}
-
-function renderAudioTrackOptions (state) {
-  const audioTracks = state.playing.audioTracks
-  if (!audioTracks.tracks.length || !audioTracks.showMenu) return
-
-  const items = audioTracks.tracks.map((track, ix) => {
-    const isSelected = state.playing.audioTracks.selectedIndex === ix
-    return (
-      <li key={ix} onClick={dispatcher('selectAudioTrack', ix)}>
-        <i className='icon'>{'radio_button_' + (isSelected ? 'checked' : 'unchecked')}</i>
-        {track.label}
-      </li>
-    )
-  })
-
-  return (
-    <ul key='audio-track-options' className='options-list'>
-      {items}
-    </ul>
-  )
-}
-
-function renderPlayerControls (state) {
-  const positionPercent = 100 * state.playing.currentTime / state.playing.duration
-  const playbackCursorStyle = { left: 'calc(' + positionPercent + '% - 3px)' }
-  const captionsClass = state.playing.subtitles.tracks.length === 0
-    ? 'disabled'
-    : state.playing.subtitles.selectedIndex >= 0
-      ? 'active'
-      : ''
-  const multiAudioClass = state.playing.audioTracks.tracks.length > 1
-    ? 'active'
-    : 'disabled'
-  const prevClass = Playlist.hasPrevious(state) ? '' : 'disabled'
-  const nextClass = Playlist.hasNext(state) ? '' : 'disabled'
-
-  const elements = [
-    renderPreview(state),
-
-    <div key='playback-bar' className='playback-bar'>
-      {renderLoadingBar(state)}
-      <div
-        key='cursor'
-        className='playback-cursor'
-        style={playbackCursorStyle}
-      />
-      <div
-        key='scrub-bar'
-        className='scrub-bar'
-        draggable='true'
-        onMouseMove={handleScrubPreview}
-        onMouseOut={clearPreview}
-        onDragStart={handleDragStart}
-        onClick={handleScrub}
-        onDrag={handleScrub}
-      />
-    </div>,
-
-    <i
-      key='skip-previous'
-      className={'icon skip-previous float-left ' + prevClass}
-      onClick={dispatcher('previousTrack')}
-      role='button'
-      aria-label='Previous track'
-    >
-      skip_previous
-    </i>,
-
-    <i
-      key='play'
-      className='icon play-pause float-left'
-      onClick={dispatcher('playPause')}
-      role='button'
-      aria-label={state.playing.isPaused ? 'Play' : 'Pause'}
-    >
-      {state.playing.isPaused ? 'play_arrow' : 'pause'}
-    </i>,
-
-    <i
-      key='skip-next'
-      className={'icon skip-next float-left ' + nextClass}
-      onClick={dispatcher('nextTrack')}
-      role='button'
-      aria-label='Next track'
-    >
-      skip_next
-    </i>,
-
-    <i
-      key='fullscreen'
-      className='icon fullscreen float-right'
-      onClick={dispatcher('toggleFullScreen')}
-      role='button'
-      aria-label={state.window.isFullScreen ? 'Exit full screen' : 'Enter full screen'}
-    >
-      {state.window.isFullScreen ? 'fullscreen_exit' : 'fullscreen'}
-    </i>
-  ]
-
-  if (state.playing.type === 'video') {
-    // Show closed captions icon
-    elements.push((
-      <i
-        key='subtitles'
-        className={'icon closed-caption float-right ' + captionsClass}
-        onClick={handleSubtitles}
-        role='button'
-        aria-label='Closed captions'
-      >
-        closed_caption
-      </i>
-    ), (
-      <i
-        key='audio-tracks'
-        className={'icon multi-audio float-right ' + multiAudioClass}
-        onClick={handleAudioTracks}
-      >
-        library_music
-      </i>
-    ))
-  }
-
-  // If we've detected a Chromecast or AppleTV, the user can play video there
-  const castTypes = ['chromecast', 'airplay', 'dlna']
-  const isCastingAnywhere = castTypes.some(
-    (castType) => state.playing.location.startsWith(castType))
-
-  // Add the cast buttons. Icons for each cast type, connected/disconnected:
-  const buttonIcons = {
-    chromecast: { true: 'cast_connected', false: 'cast' },
-    airplay: { true: 'airplay', false: 'airplay' },
-    dlna: { true: 'tv', false: 'tv' }
-  }
-  castTypes.forEach(castType => {
-    // Do we show this button (eg. the Chromecast button) at all?
-    const isCasting = state.playing.location.startsWith(castType)
-    const player = state.devices[castType]
-    if ((!player || player.getDevices().length === 0) && !isCasting) return
-
-    // Show the button. Three options for eg the Chromecast button:
-    let buttonClass, buttonHandler
-    if (isCasting) {
-      // Option 1: we are currently connected to Chromecast. Button stops the cast.
-      buttonClass = 'active'
-      buttonHandler = dispatcher('stopCasting')
-    } else if (isCastingAnywhere) {
-      // Option 2: we are currently connected somewhere else. Button disabled.
-      buttonClass = 'disabled'
-      buttonHandler = undefined
-    } else {
-      // Option 3: we are not connected anywhere. Button opens Chromecast menu.
-      buttonClass = ''
-      buttonHandler = dispatcher('toggleCastMenu', castType)
-    }
-    const buttonIcon = buttonIcons[castType][isCasting]
-
-    elements.push((
-      <i
-        key={castType}
-        className={'icon device float-right ' + buttonClass}
-        onClick={buttonHandler}
-      >
-        {buttonIcon}
-      </i>
-    ))
-  })
-
-  // Render volume slider
-  const volume = state.playing.volume
-  const volumeIcon = 'volume_' + (
-    volume === 0
-      ? 'off'
-      : volume < 0.3
-        ? 'mute'
-        : volume < 0.6
-          ? 'down'
-          : 'up'
-  )
-  const volumeStyle = {
-    background: '-webkit-gradient(linear, left top, right top, ' +
-      'color-stop(' + (volume * 100) + '%, #eee), ' +
-      'color-stop(' + (volume * 100) + '%, #727272))'
-  }
-
-  elements.push((
-    <div key='volume' className='volume float-left'>
-      <i
-        className='icon volume-icon float-left'
-        onMouseDown={handleVolumeMute}
-        role='button'
-        aria-label='Mute'
-      >
-        {volumeIcon}
-      </i>
-      <input
-        className='volume-slider float-right'
-        type='range' min='0' max='1' step='0.05'
-        value={volume}
-        onChange={handleVolumeScrub}
-        style={volumeStyle}
-      />
-    </div>
-  ))
-
-  // Show video playback progress
-  const currentTimeStr = formatTime(state.playing.currentTime, state.playing.duration)
-  const durationStr = formatTime(state.playing.duration, state.playing.duration)
-  elements.push((
-    <span key='time' className='time float-left'>
-      {currentTimeStr} / {durationStr}
-    </span>
-  ))
-
-  // Render playback rate
-  if (state.playing.playbackRate !== 1) {
-    elements.push((
-      <span key='rate' className='rate float-left'>
-        {state.playing.playbackRate}x
-      </span>
-    ))
-  }
-
-  const emptyImage = new window.Image(0, 0)
-  emptyImage.src = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D'
-  function handleDragStart (e) {
-    if (e.dataTransfer) {
-      const dt = e.dataTransfer
-      // Prevent the cursor from changing, eg to a green + icon on Mac
-      dt.effectAllowed = 'none'
-      // Prevent ghost image
-      dt.setDragImage(emptyImage, 0, 0)
-    }
-  }
-
-  // Handles a scrub hover (preview another position in the video)
-  function handleScrubPreview (e) {
-    // Only show for videos
-    if (!e.clientX || state.playing.type !== 'video') return
-    dispatch('mediaMouseMoved')
-    dispatch('preview', e.clientX)
-  }
-
-  function clearPreview () {
-    if (state.playing.type !== 'video') return
-    dispatch('clearPreview')
-  }
-
-  // Handles a click or drag to scrub (jump to another position in the video)
-  function handleScrub (e) {
-    if (!e.clientX) return
-    dispatch('mediaMouseMoved')
-    const windowWidth = document.querySelector('body').clientWidth
-    const fraction = e.clientX / windowWidth
-    const position = fraction * state.playing.duration /* seconds */
-    dispatch('skipTo', position)
-  }
-
-  // Handles volume muting and Unmuting
-  function handleVolumeMute () {
-    if (state.playing.volume === 0.0) {
-      dispatch('setVolume', 1.0)
-    } else {
-      dispatch('setVolume', 0.0)
-    }
-  }
-
-  // Handles volume slider scrub
-  function handleVolumeScrub (e) {
-    dispatch('setVolume', e.target.value)
-  }
-
-  function handleSubtitles (e) {
-    if (!state.playing.subtitles.tracks.length || e.ctrlKey || e.metaKey) {
-      // if no subtitles available select it
-      dispatch('openSubtitles')
-    } else {
-      dispatch('toggleSubtitlesMenu')
-    }
-  }
-
-  function handleAudioTracks () {
-    dispatch('toggleAudioTracksMenu')
-  }
-
-  return (
-    <div
-      key='controls' className='controls'
-      onMouseEnter={dispatcher('mediaControlsMouseEnter')}
-      onMouseLeave={dispatcher('mediaControlsMouseLeave')}
-    >
-      {elements}
-      {renderCastOptions(state)}
-      {renderSubtitleOptions(state)}
-      {renderAudioTrackOptions(state)}
-    </div>
-  )
-}
-
-function renderPreview (state) {
-  const { previewXCoord = null } = state.playing
-
-  // Calculate time from x-coord as fraction of track width
-  const windowWidth = document.querySelector('body').clientWidth
-  const fraction = previewXCoord / windowWidth
-  const time = fraction * state.playing.duration /* seconds */
-
-  const height = 70
-  let width = 0
-
-  const previewEl = document.querySelector('video#preview')
-  if (previewEl !== null && previewXCoord !== null) {
-    previewEl.currentTime = time
-
-    // Auto adjust width to maintain video aspect ratio
-    width = Math.floor((previewEl.videoWidth / previewEl.videoHeight) * height)
-  }
-
-  // Center preview window on mouse cursor,
-  // while avoiding falling off the left or right edges
-  const xPos = Math.min(Math.max(previewXCoord - (width / 2), 5), windowWidth - width - 5)
-
-  return (
-    <div
-      key='preview' style={{
-        position: 'absolute',
-        bottom: 50,
-        left: xPos,
-        display: previewXCoord == null && 'none' // Hide preview when XCoord unset
-      }}
-    >
-      <div style={{ width, height, backgroundColor: 'black' }}>
-        <video
-          src={Playlist.getCurrentLocalURL(state)}
-          id='preview'
-          style={{ border: '1px solid lightgrey', borderRadius: 2 }}
-        />
-      </div>
-      <p
-        style={{
-          textAlign: 'center', margin: 5, textShadow: '0 0 2px rgba(0,0,0,.5)', color: '#eee'
-        }}
-      >
-        {formatTime(time, state.playing.duration)}
-      </p>
-    </div>
-  )
-}
-
-// Renders the loading bar. Shows which parts of the torrent are loaded, which
-// can be 'spongey' / non-contiguous
-function renderLoadingBar (state) {
-  if (config.IS_TEST) return // Don't integration test the loading bar. Screenshots won't match.
-
-  const torrentSummary = state.getPlayingTorrentSummary()
-  if (!torrentSummary.progress) {
-    return null
-  }
-
-  // Find all contiguous parts of the torrent which are loaded
-  const prog = torrentSummary.progress
-  const fileProg = prog.files[state.playing.fileIndex]
-
-  if (!fileProg) return null
-
-  const parts = []
-  let lastPiecePresent = false
-  for (let i = fileProg.startPiece; i <= fileProg.endPiece; i++) {
-    const partPresent = BitField.prototype.get.call(prog.bitfield, i)
-    if (partPresent && !lastPiecePresent) {
-      parts.push({ start: i - fileProg.startPiece, count: 1 })
-    } else if (partPresent) {
-      parts[parts.length - 1].count++
-    }
-    lastPiecePresent = partPresent
-  }
-
-  // Output some bars to show which parts of the file are loaded
-  const loadingBarElems = parts.map((part, i) => {
-    const style = {
-      left: (100 * part.start / fileProg.numPieces) + '%',
-      width: (100 * part.count / fileProg.numPieces) + '%'
-    }
-
-    return (<div key={i} className='loading-bar-part' style={style} />)
-  })
-
-  return (<div key='loading-bar' className='loading-bar'>{loadingBarElems}</div>)
-}
-
-// Returns the CSS background-image string for a poster image + dark vignette
-function cssBackgroundImagePoster (state) {
-  const torrentSummary = state.getPlayingTorrentSummary()
-  const posterPath = TorrentSummary.getPosterPath(torrentSummary)
-  if (!posterPath) return ''
-  return cssBackgroundImageDarkGradient() + `, url('${posterPath}')`
-}
-
-function cssBackgroundImageDarkGradient () {
-  return 'radial-gradient(circle at center, ' +
-    'rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 100%)'
-}
-
-function formatTime (time, total) {
-  if (typeof time !== 'number' || Number.isNaN(time)) {
-    return '0:00'
-  }
-
-  const totalHours = Math.floor(total / 3600)
-  const totalMinutes = Math.floor(total / 60)
-  const hours = Math.floor(time / 3600)
-  let minutes = Math.floor(time % 3600 / 60)
-  if (totalMinutes > 9 && minutes < 10) {
-    minutes = '0' + minutes
-  }
-  const seconds = `0${Math.floor(time % 60)}`.slice(-2)
-
-  return (totalHours > 0 ? hours + ':' : '') + minutes + ':' + seconds
-}
--- a/src/renderer/pages/preferences-page.js
+++ b/src/renderer/pages/preferences-page.js
@@ -1,336 +0,0 @@
-const React = require('react')
-const PropTypes = require('prop-types')
-
-const colors = require('material-ui/styles/colors')
-const Checkbox = require('material-ui/Checkbox').default
-const RaisedButton = require('material-ui/RaisedButton').default
-const TextField = require('material-ui/TextField').default
-const Heading = require('../components/heading')
-const PathSelector = require('../components/path-selector')
-
-const { dispatch } = require('../lib/dispatcher')
-const config = require('../../config')
-
-class PreferencesPage extends React.Component {
-  constructor (props) {
-    super(props)
-
-    this.handleDownloadPathChange =
-      this.handleDownloadPathChange.bind(this)
-
-    this.handleOpenExternalPlayerChange =
-      this.handleOpenExternalPlayerChange.bind(this)
-
-    this.handleExternalPlayerPathChange =
-      this.handleExternalPlayerPathChange.bind(this)
-
-    this.handleStartupChange =
-      this.handleStartupChange.bind(this)
-
-    this.handleSoundNotificationsChange =
-      this.handleSoundNotificationsChange.bind(this)
-
-    this.handleSetGlobalTrackers =
-      this.handleSetGlobalTrackers.bind(this)
-
-    const globalTrackers = this.props.state.getGlobalTrackers().join('\n')
-
-    this.state = {
-      globalTrackers
-    }
-  }
-
-  downloadPathSelector () {
-    return (
-      <Preference>
-        <PathSelector
-          dialog={{
-            title: 'Select download directory',
-            properties: ['openDirectory']
-          }}
-          onChange={this.handleDownloadPathChange}
-          title='Download location'
-          value={this.props.state.saved.prefs.downloadPath}
-        />
-      </Preference>
-    )
-  }
-
-  handleDownloadPathChange (filePath) {
-    dispatch('updatePreferences', 'downloadPath', filePath)
-  }
-
-  openExternalPlayerCheckbox () {
-    return (
-      <Preference>
-        <Checkbox
-          className='control'
-          checked={!this.props.state.saved.prefs.openExternalPlayer}
-          label='Play torrent media files using WebTorrent'
-          onCheck={this.handleOpenExternalPlayerChange}
-        />
-      </Preference>
-    )
-  }
-
-  handleOpenExternalPlayerChange (e, isChecked) {
-    dispatch('updatePreferences', 'openExternalPlayer', !isChecked)
-  }
-
-  highestPlaybackPriorityCheckbox () {
-    return (
-      <Preference>
-        <Checkbox
-          className='control'
-          checked={this.props.state.saved.prefs.highestPlaybackPriority}
-          label='Highest Playback Priority'
-          onCheck={this.handleHighestPlaybackPriorityChange}
-        />
-        <p>Pauses all active torrents to allow playback to use all of the available bandwidth.</p>
-      </Preference>
-    )
-  }
-
-  handleHighestPlaybackPriorityChange (e, isChecked) {
-    dispatch('updatePreferences', 'highestPlaybackPriority', isChecked)
-  }
-
-  externalPlayerPathSelector () {
-    const playerPath = this.props.state.saved.prefs.externalPlayerPath
-    const playerName = this.props.state.getExternalPlayerName()
-
-    const description = this.props.state.saved.prefs.openExternalPlayer
-      ? `Torrent media files will always play in ${playerName}.`
-      : `Torrent media files will play in ${playerName} if WebTorrent cannot play them.`
-
-    return (
-      <Preference>
-        <p>{description}</p>
-        <PathSelector
-          dialog={{
-            title: 'Select media player app',
-            properties: ['openFile']
-          }}
-          onChange={this.handleExternalPlayerPathChange}
-          title='External player'
-          value={playerPath}
-        />
-      </Preference>
-    )
-  }
-
-  handleExternalPlayerPathChange (filePath) {
-    dispatch('updatePreferences', 'externalPlayerPath', filePath)
-  }
-
-  autoAddTorrentsCheckbox () {
-    return (
-      <Preference>
-        <Checkbox
-          className='control'
-          checked={this.props.state.saved.prefs.autoAddTorrents}
-          label='Watch for new .torrent files and add them immediately'
-          onCheck={(e, value) => { this.handleAutoAddTorrentsChange(e, value) }}
-        />
-      </Preference>
-    )
-  }
-
-  handleAutoAddTorrentsChange (e, isChecked) {
-    const torrentsFolderPath = this.props.state.saved.prefs.torrentsFolderPath
-    if (isChecked && !torrentsFolderPath) {
-      alert('Select a torrents folder first.') // eslint-disable-line
-      e.preventDefault()
-      return
-    }
-
-    dispatch('updatePreferences', 'autoAddTorrents', isChecked)
-
-    if (isChecked) {
-      dispatch('startFolderWatcher')
-      return
-    }
-
-    dispatch('stopFolderWatcher')
-  }
-
-  torrentsFolderPathSelector () {
-    const torrentsFolderPath = this.props.state.saved.prefs.torrentsFolderPath
-
-    return (
-      <Preference>
-        <PathSelector
-          dialog={{
-            title: 'Select folder to watch for new torrents',
-            properties: ['openDirectory']
-          }}
-          onChange={this.handleTorrentsFolderPathChange}
-          title='Folder to watch'
-          value={torrentsFolderPath}
-        />
-      </Preference>
-    )
-  }
-
-  handleTorrentsFolderPathChange (filePath) {
-    dispatch('updatePreferences', 'torrentsFolderPath', filePath)
-  }
-
-  setDefaultAppButton () {
-    const isFileHandler = this.props.state.saved.prefs.isFileHandler
-    if (isFileHandler) {
-      return (
-        <Preference>
-          <p>WebTorrent is your default torrent app. Hooray!</p>
-        </Preference>
-      )
-    }
-    return (
-      <Preference>
-        <p>WebTorrent is not currently the default torrent app.</p>
-        <RaisedButton
-          className='control'
-          onClick={this.handleSetDefaultApp}
-          label='Make WebTorrent the default'
-        />
-      </Preference>
-    )
-  }
-
-  handleStartupChange (e, isChecked) {
-    dispatch('updatePreferences', 'startup', isChecked)
-  }
-
-  setStartupCheckbox () {
-    if (config.IS_PORTABLE) {
-      return
-    }
-
-    return (
-      <Preference>
-        <Checkbox
-          className='control'
-          checked={this.props.state.saved.prefs.startup}
-          label='Open WebTorrent on startup'
-          onCheck={this.handleStartupChange}
-        />
-      </Preference>
-    )
-  }
-
-  soundNotificationsCheckbox () {
-    return (
-      <Preference>
-        <Checkbox
-          className='control'
-          checked={this.props.state.saved.prefs.soundNotifications}
-          label='Enable sounds'
-          onCheck={this.handleSoundNotificationsChange}
-        />
-      </Preference>
-    )
-  }
-
-  handleSoundNotificationsChange (e, isChecked) {
-    dispatch('updatePreferences', 'soundNotifications', isChecked)
-  }
-
-  handleSetDefaultApp () {
-    dispatch('updatePreferences', 'isFileHandler', true)
-  }
-
-  setGlobalTrackers () {
-    // Align the text fields
-    const textFieldStyle = { width: '100%' }
-    const textareaStyle = { margin: 0 }
-
-    return (
-      <Preference>
-        <TextField
-          className='torrent-trackers control'
-          style={textFieldStyle}
-          textareaStyle={textareaStyle}
-          multiLine
-          rows={2}
-          rowsMax={10}
-          value={this.state.globalTrackers}
-          onChange={this.handleSetGlobalTrackers}
-        />
-      </Preference>
-    )
-  }
-
-  handleSetGlobalTrackers (e, globalTrackers) {
-    this.setState({ globalTrackers })
-
-    const announceList = globalTrackers
-      .split('\n')
-      .map((s) => s.trim())
-      .filter((s) => s !== '')
-
-    dispatch('updatePreferences', 'globalTrackers', announceList)
-    dispatch('updateGlobalTrackers', announceList)
-  }
-
-  render () {
-    const style = {
-      color: colors.grey400,
-      marginLeft: 25,
-      marginRight: 25
-    }
-    return (
-      <div style={style}>
-        <PreferencesSection title='Folders'>
-          {this.downloadPathSelector()}
-          {this.autoAddTorrentsCheckbox()}
-          {this.torrentsFolderPathSelector()}
-        </PreferencesSection>
-        <PreferencesSection title='Playback'>
-          {this.openExternalPlayerCheckbox()}
-          {this.externalPlayerPathSelector()}
-          {this.highestPlaybackPriorityCheckbox()}
-        </PreferencesSection>
-        <PreferencesSection title='Default torrent app'>
-          {this.setDefaultAppButton()}
-        </PreferencesSection>
-        <PreferencesSection title='General'>
-          {this.setStartupCheckbox()}
-          {this.soundNotificationsCheckbox()}
-        </PreferencesSection>
-        <PreferencesSection title='Trackers'>
-          {this.setGlobalTrackers()}
-        </PreferencesSection>
-      </div>
-    )
-  }
-}
-
-class PreferencesSection extends React.Component {
-  static get propTypes () {
-    return {
-      title: PropTypes.string
-    }
-  }
-
-  render () {
-    const style = {
-      marginBottom: 25,
-      marginTop: 25
-    }
-    return (
-      <div style={style}>
-        <Heading level={2}>{this.props.title}</Heading>
-        {this.props.children}
-      </div>
-    )
-  }
-}
-
-class Preference extends React.Component {
-  render () {
-    const style = { marginBottom: 10 }
-    return (<div style={style}>{this.props.children}</div>)
-  }
-}
-
-module.exports = PreferencesPage
--- a/Show More
+++ b/Show More