console.time('init') var airplay = require('airplay-js') var cfg = require('application-config')('WebTorrent') var cfgDirectory = require('application-config-path')('WebTorrent') var chromecasts = require('chromecasts')() var config = require('../config') var createTorrent = require('create-torrent') var dragDrop = require('drag-drop') var electron = require('electron') var EventEmitter = require('events') var fs = require('fs') var mainLoop = require('main-loop') var networkAddress = require('network-address') var path = require('path') var torrentPoster = require('./lib/torrent-poster') var WebTorrent = require('webtorrent') var App = require('./views/app') var createElement = require('virtual-dom/create-element') var diff = require('virtual-dom/diff') var patch = require('virtual-dom/patch') var clipboard = electron.clipboard var ipcRenderer = electron.ipcRenderer // For easy debugging in Developer Tools var state = global.state = require('./state') // Force use of webtorrent trackers on all torrents global.WEBTORRENT_ANNOUNCE = createTorrent.announceList .map(function (arr) { return arr[0] }) .filter(function (url) { return url.indexOf('wss://') === 0 || url.indexOf('ws://') === 0 }) var vdomLoop // 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. loadState(init) /** * 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 init () { // Connect to the WebTorrent and BitTorrent networks // WebTorrent.app is a hybrid client, as explained here: https://webtorrent.io/faq state.client = new WebTorrent() state.client.on('warning', onWarning) state.client.on('error', onError) resumeTorrents() /* restart everything we were torrenting last time the app ran */ // The UI is built with virtual-dom, a minimalist library extracted from React // The concepts--one way data flow, a pure function that renders state to a // virtual DOM tree, and a diff that applies changes in the vdom to the real // DOM, are all the same. Learn more: https://facebook.github.io/react/ vdomLoop = mainLoop(state, render, { create: createElement, diff: diff, patch: patch }) document.body.appendChild(vdomLoop.target) // Calling update() updates the UI given the current state // Do this at least once a second to show latest state for each torrent // (eg % downloaded) and to keep the cursor in sync when playing a video setInterval(function () { update() updateClientProgress() }, 1000) // All state lives in state.js. `state.saved` is read from and written to a // file. All other state is ephemeral. window.addEventListener('beforeunload', saveState) // listen for messages from the main process setupIpc() // OS integrations: // ...Chromecast and Airplay detectDevices() // ...drag and drop a torrent or video file to play or seed dragDrop('body', onFiles) // ...same thing if you paste a torrent document.addEventListener('paste', onPaste) // ...keyboard shortcuts document.addEventListener('keydown', function (e) { if (e.which === 27) { /* ESC means either exit fullscreen or go back */ if (state.window.isFullScreen) { dispatch('toggleFullScreen') } else { dispatch('back') } } else if (e.which === 32) { /* spacebar pauses or plays the video */ dispatch('playPause') } }) // ...focus and blur. Needed to show correct dock icon text ("badge") in OSX window.addEventListener('focus', function () { state.window.isFocused = true state.dock.badge = 0 update() }) window.addEventListener('blur', function () { state.window.isFocused = false update() }) // Done! Ideally we want to get here <100ms after the user clicks the app document.querySelector('.loading').remove() /* TODO: no spinner once fast enough */ playInterfaceSound(config.SOUND_STARTUP) console.timeEnd('init') } // This is the (mostly) pure funtion from state -> UI. Returns a virtual DOM // tree. Any events, such as button clicks, will turn into calls to dispatch() function render (state) { return App(state, dispatch) } // Calls render() to go from state -> UI, then applies to vdom to the real DOM. function update () { vdomLoop.update(state) updateElectron() } function updateElectron () { if (state.window.title !== state.prev.title) { state.prev.title = state.window.title ipcRenderer.send('setTitle', state.window.title) } if (state.dock.progress !== state.prev.progress) { state.prev.progress = state.dock.progress ipcRenderer.send('setProgress', state.dock.progress) } if (state.dock.badge !== state.prev.badge) { state.prev.badge = state.dock.badge ipcRenderer.send('setBadge', state.dock.badge || '') } } // Events from the UI never modify state directly. Instead they call dispatch() function dispatch (action, ...args) { if (['videoMouseMoved', 'playbackJump'].indexOf(action) < 0) { console.log('dispatch: %s %o', action, args) /* log user interactions, but don't spam */ } if (action === 'addTorrent') { addTorrent(args[0] /* torrent */) } if (action === 'seed') { seed(args[0] /* files */) } if (action === 'openPlayer') { openPlayer(args[0] /* infoHash */) } if (action === 'toggleTorrent') { toggleTorrent(args[0] /* infoHash */) } if (action === 'deleteTorrent') { deleteTorrent(args[0] /* infoHash */) } if (action === 'openChromecast') { openChromecast(args[0] /* infoHash */) } if (action === 'openAirplay') { openAirplay(args[0] /* infoHash */) } if (action === 'setDimensions') { setDimensions(args[0] /* dimensions */) } if (action === 'back') { // TODO // window.history.back() closePlayer() } if (action === 'forward') { // TODO // window.history.forward() } if (action === 'playPause') { state.video.isPaused = !state.video.isPaused update() } if (action === 'playbackJump') { state.video.jumpToTime = args[0] /* seconds */ update() } if (action === 'toggleFullScreen') { ipcRenderer.send('toggleFullScreen', args[0]) update() } if (action === 'videoMouseMoved') { state.video.mouseStationarySince = new Date().getTime() update() } } function setupIpc () { ipcRenderer.on('addTorrent', function (e, torrentId) { dispatch('addTorrent', torrentId) }) ipcRenderer.on('seed', function (e, files) { dispatch('seed', files) }) ipcRenderer.on('fullscreenChanged', function (e, isFullScreen) { state.window.isFullScreen = isFullScreen update() }) ipcRenderer.on('addFakeDevice', function (e, device) { var player = new EventEmitter() player.play = (networkURL) => console.log(networkURL) state.devices[device] = player update() }) } function detectDevices () { chromecasts.on('update', function (player) { state.devices.chromecast = player }) airplay.createBrowser().on('deviceOn', function (player) { state.devices.airplay = player }).start() } // Load state.saved from the JSON state file function loadState (callback) { cfg.read(function (err, data) { if (err) console.error(err) ipcRenderer.send('log', 'loaded state from ' + cfg.filePath) // populate defaults if they're not there state.saved = Object.assign({}, state.defaultSavedState, data) if (callback) callback() }) } // Starts all torrents that aren't paused on program startup function resumeTorrents () { state.saved.torrents .filter((x) => x.status !== 'paused') .forEach((x) => startTorrenting(x.infoHash)) } // Write state.saved to the JSON state file function saveState () { ipcRenderer.send('log', 'saving state to ' + cfg.filePath) cfg.write(state.saved, function (err) { if (err) console.error(err) update() }) } function updateClientProgress () { var progress = state.client.progress var activeTorrentsExist = state.client.torrents.some(function (torrent) { return torrent.progress !== 1 }) // Hide progress bar when client has no torrents, or progress is 100% if (!activeTorrentsExist || progress === 1) { progress = -1 } state.dock.progress = progress } function onFiles (files) { // .torrent file = start downloading the torrent files.filter(isTorrentFile).forEach(function (torrentFile) { dispatch('addTorrent', torrentFile) }) // everything else = seed these files dispatch('seed', files.filter(isNotTorrentFile)) } function onPaste () { var torrentIds = clipboard.readText().split('\n') torrentIds.forEach(function (torrentId) { torrentId = torrentId.trim() if (torrentId.length === 0) return dispatch('addTorrent', torrentId) }) } function isTorrentFile (file) { var extname = path.extname(file.name).toLowerCase() return extname === '.torrent' } function isNotTorrentFile (file) { return !isTorrentFile(file) } // Gets a torrent summary {name, infoHash, status} from state.saved.torrents // Returns undefined if we don't know that infoHash function getTorrentSummary (infoHash) { return state.saved.torrents.find((x) => x.infoHash === infoHash) } // Get an active torrent from state.client.torrents // Returns undefined if we are not currently torrenting that infoHash function getTorrent (infoHash) { return state.client.torrents.find((x) => x.infoHash === infoHash) } // 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- function addTorrent (torrentId) { // Charlie Chaplin: 'magnet:?xt=urn:btih:cddf0459a718523480f7499da5ed1a504cffecb8&dn=charlie%5Fchaplin%5Ffilm%5Ffestival' if (!torrentId) torrentId = 'magnet:?xt=urn:btih:6a02592d2bbc069628cd5ed8a54f88ee06ac0ba5&dn=CosmosLaundromatFirstCycle' var torrent = startTorrenting(torrentId) addTorrentToList(torrent) } function addTorrentToList (torrent) { if (getTorrentSummary(torrent.infoHash)) { return // Skip, torrent is already in state.saved } // If torrentId is a remote torrent (filesystem path, http url, etc.), wait for // WebTorrent to finish reading it if (torrent.infoHash) onInfoHash() else torrent.on('infoHash', onInfoHash) function onInfoHash () { state.saved.torrents.push({ status: 'new', name: torrent.name, magnetURI: torrent.magnetURI, infoHash: torrent.infoHash }) saveState() playInterfaceSound(config.SOUND_ADD) } } // Starts downloading and/or seeding a given torrent, torrentSummary or magnet URI function startTorrenting (infoHash) { var torrent = state.client.add(infoHash, { // Use downloads folder path: state.saved.downloadPath }) addTorrentEvents(torrent) return torrent } // Stops downloading and/or seeding. See startTorrenting function stopTorrenting (infoHash) { var torrent = getTorrent(infoHash) if (torrent) torrent.destroy() } // Creates a torrent for a local file and starts seeding it function seed (files) { if (files.length === 0) return var torrent = state.client.seed(files) addTorrentToList(torrent) addTorrentEvents(torrent) } function addTorrentEvents (torrent) { torrent.on('infoHash', update) torrent.on('ready', torrentReady) torrent.on('done', torrentDone) function torrentReady () { var torrentSummary = getTorrentSummary(torrent.infoHash) torrentSummary.status = 'downloading' torrentSummary.ready = true torrentSummary.name = torrent.name torrentSummary.infoHash = torrent.infoHash if (!torrentSummary.posterURL) { generateTorrentPoster(torrent, torrentSummary) } update() } function torrentDone () { var torrentSummary = getTorrentSummary(torrent.infoHash) torrentSummary.status = 'seeding' if (!state.window.isFocused) { state.dock.badge += 1 } showDoneNotification(torrent) update() } } function generateTorrentPoster (torrent, torrentSummary) { torrentPoster(torrent, function (err, buf) { if (err) return onWarning(err) // save it for next time var posterFilePath = path.join(cfgDirectory, torrent.infoHash + '.jpg') fs.writeFile(posterFilePath, buf, function (err) { if (err) return onWarning(err) // show the poster torrentSummary.posterURL = 'file:///' + posterFilePath update() }) }) } function startServer (infoHash, cb) { if (state.server) return cb() var torrent = getTorrent(infoHash) if (!torrent) torrent = startTorrenting(infoHash) if (torrent.ready) startServerFromReadyTorrent(torrent, cb) else torrent.on('ready', () => startServerFromReadyTorrent(torrent, cb)) } function startServerFromReadyTorrent (torrent, cb) { // filter out file formats that the