\n
\n
The card contents will be here.
\n
Expires after: exp
\n ${input}\n
\n
})
\n ${copyText}\n
\n
\n
\n
\n`;\n}\n"
},
{
"path": "android/pages/upload.js",
"content": "const html = require('choo/html');\n\nexport default function progressBar(state, emit) {\n let percent = 0;\n if (state.transfer && state.transfer.progress) {\n percent = Math.floor(state.transfer.progressRatio * 100);\n }\n function onclick(e) {\n e.preventDefault();\n if (state.uploading) {\n emit('cancel');\n }\n emit('pushState', '/');\n }\n return html`\n \n
\n
\n
${percent}%
\n
.\n
CANCEL
\n
\n
\n \n `;\n}\n"
},
{
"path": "android/settings.gradle",
"content": "include ':app'\n"
},
{
"path": "android/stores/intents.js",
"content": "/* eslint-disable no-console */\n\nexport default function intentHandler(state, emitter) {\n window.addEventListener(\n 'message',\n event => {\n if (typeof event.data !== 'string' || !event.data.startsWith('data:')) {\n return;\n }\n fetch(event.data)\n .then(res => res.blob())\n .then(blob => {\n emitter.emit('addFiles', { files: [blob] });\n emitter.emit('upload', {});\n })\n .catch(e => console.error('ERROR ' + e + ' ' + e.stack));\n },\n false\n );\n}\n"
},
{
"path": "android/stores/state.js",
"content": "/* eslint-disable no-console */\n\nimport User from '../user';\nimport storage from '../../app/storage';\n\nexport default function initialState(state, emitter) {\n const files = [];\n\n Object.assign(state, {\n prefix: '/android_asset',\n user: new User(storage),\n getAsset(name) {\n return `${state.prefix}/${name}`;\n },\n sentry: {\n captureException: e => {\n console.error('ERROR ' + e + ' ' + e.stack);\n }\n },\n storage: {\n files,\n remove: function(fileId) {\n console.log('REMOVE FILEID', fileId);\n },\n writeFile: function(file) {\n console.log('WRITEFILE', file);\n },\n addFile: function(file) {\n console.log('addfile' + JSON.stringify(file));\n files.push(file);\n emitter.emit('pushState', `/share/${file.id}`);\n },\n totalUploads: 0\n },\n transfer: null,\n uploading: false,\n settingPassword: false,\n passwordSetError: null,\n route: '/'\n });\n}\n"
},
{
"path": "android/user.js",
"content": "/* global Android */\nimport User from '../app/user';\nimport { deriveFileListKey } from '../app/fxa';\n\nexport default class AndroidUser extends User {\n constructor(storage, limits) {\n super(storage, limits);\n }\n\n async login() {\n Android.beginOAuthFlow();\n }\n\n startAuthFlow() {\n return Promise.resolve();\n }\n\n async finishLogin(accountInfo) {\n const jwks = JSON.parse(accountInfo.keys);\n const ikm = jwks['https://identity.mozilla.com/apps/send'].k;\n const profile = {\n displayName: accountInfo.displayName,\n email: accountInfo.email,\n avatar: accountInfo.avatar,\n access_token: accountInfo.accessToken\n };\n profile.fileListKey = await deriveFileListKey(ikm);\n this.info = profile;\n }\n}\n"
},
{
"path": "app/.eslintrc.yml",
"content": "env:\n browser: true\n node: true\n\nparserOptions:\n sourceType: module\n\nrules:\n node/no-unsupported-features: off\n"
},
{
"path": "app/api.js",
"content": "import { arrayToB64, b64ToArray, delay } from './utils';\nimport { ECE_RECORD_SIZE } from './ece';\n\nlet fileProtocolWssUrl = null;\ntry {\n fileProtocolWssUrl = localStorage.getItem('wssURL');\n} catch (e) {\n // NOOP\n}\nif (!fileProtocolWssUrl) {\n fileProtocolWssUrl = 'wss://send.firefox.com/api/ws';\n}\n\nexport class ConnectionError extends Error {\n constructor(cancelled, duration, size) {\n super(cancelled ? '0' : 'connection closed');\n this.cancelled = cancelled;\n this.duration = duration;\n this.size = size;\n }\n}\n\nexport function setFileProtocolWssUrl(url) {\n localStorage && localStorage.setItem('wssURL', url);\n fileProtocolWssUrl = url;\n}\n\nexport function getFileProtocolWssUrl() {\n return fileProtocolWssUrl;\n}\n\nlet apiUrlPrefix = '';\nexport function getApiUrl(path) {\n return apiUrlPrefix + path;\n}\n\nexport function setApiUrlPrefix(prefix) {\n apiUrlPrefix = prefix;\n}\n\nfunction post(obj, bearerToken) {\n const h = {\n 'Content-Type': 'application/json'\n };\n if (bearerToken) {\n h['Authentication'] = `Bearer ${bearerToken}`;\n }\n return {\n method: 'POST',\n headers: new Headers(h),\n body: JSON.stringify(obj)\n };\n}\n\nexport function parseNonce(header) {\n header = header || '';\n return header.split(' ')[1];\n}\n\nasync function fetchWithAuth(url, params, keychain) {\n const result = {};\n params = params || {};\n const h = await keychain.authHeader();\n params.headers = new Headers({\n Authorization: h,\n 'Content-Type': 'application/json'\n });\n const response = await fetch(url, params);\n result.response = response;\n result.ok = response.ok;\n const nonce = parseNonce(response.headers.get('WWW-Authenticate'));\n result.shouldRetry = response.status === 401 && nonce !== keychain.nonce;\n keychain.nonce = nonce;\n return result;\n}\n\nasync function fetchWithAuthAndRetry(url, params, keychain) {\n const result = await fetchWithAuth(url, params, keychain);\n if (result.shouldRetry) {\n return fetchWithAuth(url, params, keychain);\n }\n return result;\n}\n\nexport async function del(id, owner_token) {\n const response = await fetch(\n getApiUrl(`/api/delete/${id}`),\n post({ owner_token })\n );\n return response.ok;\n}\n\nexport async function setParams(id, owner_token, bearerToken, params) {\n const response = await fetch(\n getApiUrl(`/api/params/${id}`),\n post(\n {\n owner_token,\n dlimit: params.dlimit\n },\n bearerToken\n )\n );\n return response.ok;\n}\n\nexport async function fileInfo(id, owner_token) {\n const response = await fetch(\n getApiUrl(`/api/info/${id}`),\n post({ owner_token })\n );\n\n if (response.ok) {\n const obj = await response.json();\n return obj;\n }\n\n throw new Error(response.status);\n}\n\nexport async function metadata(id, keychain) {\n const result = await fetchWithAuthAndRetry(\n getApiUrl(`/api/metadata/${id}`),\n { method: 'GET' },\n keychain\n );\n if (result.ok) {\n const data = await result.response.json();\n const meta = await keychain.decryptMetadata(b64ToArray(data.metadata));\n return {\n size: meta.size,\n ttl: data.ttl,\n name: meta.name,\n type: meta.type,\n manifest: meta.manifest,\n flagged: data.flagged\n };\n }\n throw new Error(result.response.status);\n}\n\nexport async function setPassword(id, owner_token, keychain) {\n const auth = await keychain.authKeyB64();\n const response = await fetch(\n getApiUrl(`/api/password/${id}`),\n post({ owner_token, auth })\n );\n return response.ok;\n}\n\nfunction asyncInitWebSocket(server) {\n return new Promise((resolve, reject) => {\n try {\n const ws = new WebSocket(server);\n ws.addEventListener('open', () => resolve(ws), { once: true });\n } catch (e) {\n reject(new ConnectionError(false));\n }\n });\n}\n\nfunction listenForResponse(ws, canceller) {\n return new Promise((resolve, reject) => {\n function handleClose(event) {\n // a 'close' event before a 'message' event means the request failed\n ws.removeEventListener('message', handleMessage);\n reject(new ConnectionError(canceller.cancelled));\n }\n function handleMessage(msg) {\n ws.removeEventListener('close', handleClose);\n try {\n const response = JSON.parse(msg.data);\n if (response.error) {\n throw new Error(response.error);\n } else {\n resolve(response);\n }\n } catch (e) {\n reject(e);\n }\n }\n ws.addEventListener('message', handleMessage, { once: true });\n ws.addEventListener('close', handleClose, { once: true });\n });\n}\n\nasync function upload(\n stream,\n metadata,\n verifierB64,\n timeLimit,\n dlimit,\n bearerToken,\n onprogress,\n canceller\n) {\n let size = 0;\n const start = Date.now();\n const host = window.location.hostname;\n const port = window.location.port;\n const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n const endpoint =\n window.location.protocol === 'file:'\n ? fileProtocolWssUrl\n : `${protocol}//${host}${port ? ':' : ''}${port}/api/ws`;\n\n const ws = await asyncInitWebSocket(endpoint);\n\n try {\n const metadataHeader = arrayToB64(new Uint8Array(metadata));\n const fileMeta = {\n fileMetadata: metadataHeader,\n authorization: `send-v1 ${verifierB64}`,\n bearer: bearerToken,\n timeLimit,\n dlimit\n };\n const uploadInfoResponse = listenForResponse(ws, canceller);\n ws.send(JSON.stringify(fileMeta));\n const uploadInfo = await uploadInfoResponse;\n\n const completedResponse = listenForResponse(ws, canceller);\n\n const reader = stream.getReader();\n let state = await reader.read();\n while (!state.done) {\n if (canceller.cancelled) {\n ws.close();\n }\n if (ws.readyState !== WebSocket.OPEN) {\n break;\n }\n const buf = state.value;\n ws.send(buf);\n onprogress(size);\n size += buf.length;\n state = await reader.read();\n while (\n ws.bufferedAmount > ECE_RECORD_SIZE * 2 &&\n ws.readyState === WebSocket.OPEN &&\n !canceller.cancelled\n ) {\n await delay();\n }\n }\n if (ws.readyState === WebSocket.OPEN) {\n ws.send(new Uint8Array([0])); //EOF\n }\n\n await completedResponse;\n uploadInfo.duration = Date.now() - start;\n return uploadInfo;\n } catch (e) {\n e.size = size;\n e.duration = Date.now() - start;\n throw e;\n } finally {\n if (![WebSocket.CLOSED, WebSocket.CLOSING].includes(ws.readyState)) {\n ws.close();\n }\n }\n}\n\nexport function uploadWs(\n encrypted,\n metadata,\n verifierB64,\n timeLimit,\n dlimit,\n bearerToken,\n onprogress\n) {\n const canceller = { cancelled: false };\n\n return {\n cancel: function() {\n canceller.cancelled = true;\n },\n\n result: upload(\n encrypted,\n metadata,\n verifierB64,\n timeLimit,\n dlimit,\n bearerToken,\n onprogress,\n canceller\n )\n };\n}\n\n////////////////////////\n\nasync function _downloadStream(id, dlToken, signal) {\n const response = await fetch(getApiUrl(`/api/download/${id}`), {\n signal: signal,\n method: 'GET',\n headers: { Authorization: `Bearer ${dlToken}` }\n });\n\n if (response.status !== 200) {\n throw new Error(response.status);\n }\n\n return response.body;\n}\n\nasync function tryDownloadStream(id, dlToken, signal, tries = 2) {\n try {\n const result = await _downloadStream(id, dlToken, signal);\n return result;\n } catch (e) {\n if (e.message === '401' && --tries > 0) {\n return tryDownloadStream(id, dlToken, signal, tries);\n }\n if (e.name === 'AbortError') {\n throw new Error('0');\n }\n throw e;\n }\n}\n\nexport function downloadStream(id, dlToken) {\n const controller = new AbortController();\n function cancel() {\n controller.abort();\n }\n return {\n cancel,\n result: tryDownloadStream(id, dlToken, controller.signal)\n };\n}\n\n//////////////////\n\nasync function download(id, dlToken, onprogress, canceller) {\n const xhr = new XMLHttpRequest();\n canceller.oncancel = function() {\n xhr.abort();\n };\n return new Promise(function(resolve, reject) {\n xhr.addEventListener('loadend', function() {\n canceller.oncancel = function() {};\n if (xhr.status !== 200) {\n return reject(new Error(xhr.status));\n }\n\n const blob = new Blob([xhr.response]);\n resolve(blob);\n });\n\n xhr.addEventListener('progress', function(event) {\n if (event.target.status === 200) {\n onprogress(event.loaded);\n }\n });\n xhr.open('get', getApiUrl(`/api/download/blob/${id}`));\n xhr.setRequestHeader('Authorization', `Bearer ${dlToken}`);\n xhr.responseType = 'blob';\n xhr.send();\n onprogress(0);\n });\n}\n\nasync function tryDownload(id, dlToken, onprogress, canceller, tries = 2) {\n try {\n const result = await download(id, dlToken, onprogress, canceller);\n return result;\n } catch (e) {\n if (e.message === '401' && --tries > 0) {\n return tryDownload(id, dlToken, onprogress, canceller, tries);\n }\n throw e;\n }\n}\n\nexport function downloadFile(id, dlToken, onprogress) {\n const canceller = {\n oncancel: function() {} // download() sets this\n };\n function cancel() {\n canceller.oncancel();\n }\n return {\n cancel,\n result: tryDownload(id, dlToken, onprogress, canceller)\n };\n}\n\nexport async function getFileList(bearerToken, kid) {\n const headers = new Headers({ Authorization: `Bearer ${bearerToken}` });\n const response = await fetch(getApiUrl(`/api/filelist/${kid}`), { headers });\n if (response.ok) {\n const encrypted = await response.blob();\n return encrypted;\n }\n throw new Error(response.status);\n}\n\nexport async function setFileList(bearerToken, kid, data) {\n const headers = new Headers({ Authorization: `Bearer ${bearerToken}` });\n const response = await fetch(getApiUrl(`/api/filelist/${kid}`), {\n headers,\n method: 'POST',\n body: data\n });\n return response.ok;\n}\n\nexport function sendMetrics(blob) {\n if (!navigator.sendBeacon) {\n return;\n }\n try {\n navigator.sendBeacon(getApiUrl('/api/metrics'), blob);\n } catch (e) {\n console.error(e);\n }\n}\n\nexport async function getConstants() {\n const response = await fetch(getApiUrl('/config'));\n\n if (response.ok) {\n const obj = await response.json();\n return obj;\n }\n\n throw new Error(response.status);\n}\n\nexport async function reportLink(id, keychain, reason) {\n const result = await fetchWithAuthAndRetry(\n getApiUrl(`/api/report/${id}`),\n {\n method: 'POST',\n body: JSON.stringify({ reason })\n },\n keychain\n );\n\n if (result.ok) {\n return;\n }\n\n throw new Error(result.response.status);\n}\n\nexport async function getDownloadToken(id, keychain) {\n const result = await fetchWithAuthAndRetry(\n getApiUrl(`/api/download/token/${id}`),\n {\n method: 'GET'\n },\n keychain\n );\n\n if (result.ok) {\n return (await result.response.json()).token;\n }\n throw new Error(result.response.status);\n}\n\nexport async function downloadDone(id, dlToken) {\n const headers = new Headers({ Authorization: `Bearer ${dlToken}` });\n const response = await fetch(getApiUrl(`/api/download/done/${id}`), {\n headers,\n method: 'POST'\n });\n return response.ok;\n}\n"
},
{
"path": "app/archive.js",
"content": "import { blobStream, concatStream } from './streams';\n\nfunction isDupe(newFile, array) {\n for (const file of array) {\n if (\n newFile.name === file.name &&\n newFile.size === file.size &&\n newFile.lastModified === file.lastModified\n ) {\n return true;\n }\n }\n return false;\n}\n\nexport default class Archive {\n constructor(files = [], defaultTimeLimit = 86400) {\n this.files = Array.from(files);\n this.defaultTimeLimit = defaultTimeLimit;\n this.timeLimit = defaultTimeLimit;\n this.dlimit = 1;\n this.password = null;\n }\n\n get name() {\n return this.files.length > 1 ? 'Send-Archive.zip' : this.files[0].name;\n }\n\n get type() {\n return this.files.length > 1 ? 'send-archive' : this.files[0].type;\n }\n\n get size() {\n return this.files.reduce((total, file) => total + file.size, 0);\n }\n\n get numFiles() {\n return this.files.length;\n }\n\n get manifest() {\n return {\n files: this.files.map(file => ({\n name: file.name,\n size: file.size,\n type: file.type\n }))\n };\n }\n\n get stream() {\n return concatStream(this.files.map(file => blobStream(file)));\n }\n\n addFiles(files, maxSize, maxFiles) {\n if (this.files.length + files.length > maxFiles) {\n throw new Error('tooManyFiles');\n }\n const newFiles = files.filter(\n file => file.size > 0 && !isDupe(file, this.files)\n );\n const newSize = newFiles.reduce((total, file) => total + file.size, 0);\n if (this.size + newSize > maxSize) {\n throw new Error('fileTooBig');\n }\n this.files = this.files.concat(newFiles);\n return true;\n }\n\n remove(file) {\n const index = this.files.indexOf(file);\n if (index > -1) {\n this.files.splice(index, 1);\n }\n }\n\n clear() {\n this.files = [];\n this.dlimit = 1;\n this.timeLimit = this.defaultTimeLimit;\n this.password = null;\n }\n}\n"
},
{
"path": "app/capabilities.js",
"content": "/* global AUTH_CONFIG */\nimport { browserName, locale } from './utils';\n\nasync function checkCrypto() {\n try {\n const key = await crypto.subtle.generateKey(\n {\n name: 'AES-GCM',\n length: 128\n },\n true,\n ['encrypt', 'decrypt']\n );\n await crypto.subtle.exportKey('raw', key);\n await crypto.subtle.encrypt(\n {\n name: 'AES-GCM',\n iv: crypto.getRandomValues(new Uint8Array(12)),\n tagLength: 128\n },\n key,\n new ArrayBuffer(8)\n );\n await crypto.subtle.importKey(\n 'raw',\n crypto.getRandomValues(new Uint8Array(16)),\n 'PBKDF2',\n false,\n ['deriveKey']\n );\n await crypto.subtle.importKey(\n 'raw',\n crypto.getRandomValues(new Uint8Array(16)),\n 'HKDF',\n false,\n ['deriveKey']\n );\n await crypto.subtle.generateKey(\n {\n name: 'ECDH',\n namedCurve: 'P-256'\n },\n true,\n ['deriveBits']\n );\n return true;\n } catch (err) {\n try {\n window.asmCrypto = await import('asmcrypto.js');\n await import('@dannycoates/webcrypto-liner/build/shim');\n return true;\n } catch (e) {\n return false;\n }\n }\n}\n\nfunction checkStreams() {\n try {\n new ReadableStream({\n pull() {}\n });\n return true;\n } catch (e) {\n return false;\n }\n}\n\nasync function polyfillStreams() {\n try {\n await import('@mattiasbuelens/web-streams-polyfill');\n return true;\n } catch (e) {\n return false;\n }\n}\n\nexport default async function getCapabilities() {\n const browser = browserName();\n const isMobile = /mobi|android/i.test(navigator.userAgent);\n const serviceWorker = 'serviceWorker' in navigator && browser !== 'edge';\n let crypto = await checkCrypto();\n const nativeStreams = checkStreams();\n let polyStreams = false;\n if (!nativeStreams) {\n polyStreams = await polyfillStreams();\n }\n let account = typeof AUTH_CONFIG !== 'undefined';\n try {\n account = account && !!localStorage;\n } catch (e) {\n account = false;\n }\n const share =\n isMobile &&\n typeof navigator.share === 'function' &&\n locale().startsWith('en'); // en until strings merge\n\n const standalone =\n window.matchMedia('(display-mode: standalone)').matches ||\n navigator.standalone;\n\n const mobileFirefox = browser === 'firefox' && isMobile;\n\n return {\n account,\n crypto,\n serviceWorker,\n streamUpload: nativeStreams || polyStreams,\n streamDownload:\n nativeStreams && serviceWorker && browser !== 'safari' && !mobileFirefox,\n multifile: nativeStreams || polyStreams,\n share,\n standalone\n };\n}\n"
},
{
"path": "app/controller.js",
"content": "import FileSender from './fileSender';\nimport FileReceiver from './fileReceiver';\nimport { copyToClipboard, delay, openLinksInNewTab, percent } from './utils';\nimport * as metrics from './metrics';\nimport { bytes, locale } from './utils';\nimport okDialog from './ui/okDialog';\nimport copyDialog from './ui/copyDialog';\nimport shareDialog from './ui/shareDialog';\n\nexport default function(state, emitter) {\n let lastRender = 0;\n let updateTitle = false;\n\n function render() {\n emitter.emit('render');\n }\n\n async function checkFiles() {\n const changes = await state.user.syncFileList();\n const rerender = changes.incoming || changes.downloadCount;\n if (rerender) {\n render();\n }\n }\n\n function updateProgress() {\n if (updateTitle) {\n emitter.emit('DOMTitleChange', percent(state.transfer.progressRatio));\n }\n render();\n }\n\n emitter.on('DOMContentLoaded', () => {\n document.addEventListener('blur', () => (updateTitle = true));\n document.addEventListener('focus', () => {\n updateTitle = false;\n emitter.emit('DOMTitleChange', 'Send');\n });\n checkFiles();\n });\n\n emitter.on('render', () => {\n lastRender = Date.now();\n });\n\n emitter.on('login', email => {\n state.user.login(email);\n });\n\n emitter.on('logout', async () => {\n await state.user.logout();\n metrics.loggedOut({ trigger: 'button' });\n emitter.emit('pushState', '/');\n });\n\n emitter.on('removeUpload', file => {\n state.archive.remove(file);\n if (state.archive.numFiles === 0) {\n state.archive.clear();\n }\n render();\n });\n\n emitter.on('delete', async ownedFile => {\n try {\n metrics.deletedUpload({\n size: ownedFile.size,\n time: ownedFile.time,\n speed: ownedFile.speed,\n type: ownedFile.type,\n ttl: ownedFile.expiresAt - Date.now(),\n location\n });\n state.storage.remove(ownedFile.id);\n await ownedFile.del();\n } catch (e) {\n state.sentry.captureException(e);\n }\n render();\n });\n\n emitter.on('cancel', () => {\n state.transfer.cancel();\n });\n\n emitter.on('addFiles', async ({ files }) => {\n if (files.length < 1) {\n return;\n }\n const maxSize = state.user.maxSize;\n try {\n state.archive.addFiles(\n files,\n maxSize,\n state.LIMITS.MAX_FILES_PER_ARCHIVE\n );\n } catch (e) {\n if (e.message === 'fileTooBig' && maxSize < state.LIMITS.MAX_FILE_SIZE) {\n return emitter.emit('signup-cta', 'size');\n }\n state.modal = okDialog(\n state.translate(e.message, {\n size: bytes(maxSize),\n count: state.LIMITS.MAX_FILES_PER_ARCHIVE\n })\n );\n }\n render();\n });\n\n emitter.on('authenticate', async (code, oauthState) => {\n try {\n await state.user.finishLogin(code, oauthState);\n await state.user.syncFileList();\n emitter.emit('replaceState', '/');\n } catch (e) {\n emitter.emit('replaceState', '/error');\n setTimeout(render);\n }\n });\n\n emitter.on('upload', async () => {\n if (state.storage.files.length >= state.LIMITS.MAX_ARCHIVES_PER_USER) {\n state.modal = okDialog(\n state.translate('tooManyArchives', {\n count: state.LIMITS.MAX_ARCHIVES_PER_USER\n })\n );\n return render();\n }\n const archive = state.archive;\n const sender = new FileSender();\n\n sender.on('progress', updateProgress);\n sender.on('encrypting', render);\n sender.on('complete', render);\n state.transfer = sender;\n state.uploading = true;\n render();\n\n const links = openLinksInNewTab();\n await delay(200);\n const start = Date.now();\n try {\n const ownedFile = await sender.upload(archive, state.user.bearerToken);\n state.storage.totalUploads += 1;\n const duration = Date.now() - start;\n metrics.completedUpload(archive, duration);\n\n state.storage.addFile(ownedFile);\n // TODO integrate password into /upload request\n if (archive.password) {\n emitter.emit('password', {\n password: archive.password,\n file: ownedFile\n });\n }\n state.modal = state.capabilities.share\n ? shareDialog(ownedFile.name, ownedFile.url)\n : copyDialog(ownedFile.name, ownedFile.url);\n } catch (err) {\n if (err.message === '0') {\n //cancelled. do nothing\n metrics.cancelledUpload(archive, err.duration);\n render();\n } else if (err.message === '401') {\n const refreshed = await state.user.refresh();\n if (refreshed) {\n return emitter.emit('upload');\n }\n emitter.emit('pushState', '/error');\n } else {\n // eslint-disable-next-line no-console\n console.error(err);\n state.sentry.withScope(scope => {\n scope.setExtra('duration', err.duration);\n scope.setExtra('size', err.size);\n state.sentry.captureException(err);\n });\n metrics.stoppedUpload(archive, err.duration);\n emitter.emit('pushState', '/error');\n }\n } finally {\n openLinksInNewTab(links, false);\n archive.clear();\n state.uploading = false;\n state.transfer = null;\n await state.user.syncFileList();\n render();\n }\n });\n\n emitter.on('password', async ({ password, file }) => {\n try {\n state.settingPassword = true;\n render();\n await file.setPassword(password);\n state.storage.writeFile(file);\n await delay(1000);\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err);\n state.passwordSetError = err;\n } finally {\n state.settingPassword = false;\n }\n render();\n });\n\n emitter.on('getMetadata', async () => {\n const file = state.fileInfo;\n\n const receiver = new FileReceiver(file);\n try {\n await receiver.getMetadata();\n state.transfer = receiver;\n } catch (e) {\n if (e.message === '401' || e.message === '404') {\n file.password = null;\n file.dead = e.message === '404';\n } else {\n console.error(e);\n return emitter.emit('pushState', '/error');\n }\n }\n\n render();\n });\n\n emitter.on('download', async file => {\n state.transfer.on('progress', updateProgress);\n state.transfer.on('decrypting', render);\n state.transfer.on('complete', render);\n const links = openLinksInNewTab();\n const size = file.size;\n const start = Date.now();\n try {\n const dl = state.transfer.download({\n stream: state.capabilities.streamDownload,\n storage: state.storage\n });\n render();\n await dl;\n state.storage.totalDownloads += 1;\n const duration = Date.now() - start;\n metrics.completedDownload({\n size,\n duration,\n password_protected: file.requiresPassword\n });\n } catch (err) {\n if (err.message === '0') {\n // download cancelled\n state.transfer.reset();\n render();\n } else {\n // eslint-disable-next-line no-console\n state.transfer = null;\n const location = ['404', '403'].includes(err.message)\n ? '/404'\n : '/error';\n if (location === '/error') {\n state.sentry.withScope(scope => {\n scope.setExtra('duration', err.duration);\n scope.setExtra('size', err.size);\n scope.setExtra('progress', err.progress);\n state.sentry.captureException(err);\n });\n const duration = Date.now() - start;\n metrics.stoppedDownload({\n size,\n duration,\n password_protected: file.requiresPassword\n });\n }\n emitter.emit('pushState', location);\n }\n } finally {\n openLinksInNewTab(links, false);\n }\n });\n\n emitter.on('copy', ({ url }) => {\n copyToClipboard(url);\n // metrics.copiedLink({ location });\n });\n\n emitter.on('closeModal', () => {\n if (\n state.PREFS.surveyUrl &&\n ['copy', 'share'].includes(state.modal.type) &&\n locale().startsWith('en') &&\n (state.storage.totalUploads > 1 || state.storage.totalDownloads > 0) &&\n !state.user.surveyed\n ) {\n state.user.surveyed = true;\n // state.modal = surveyDialog();\n } else {\n state.modal = null;\n }\n render();\n });\n\n emitter.on('report', async ({ reason }) => {\n try {\n const receiver = state.transfer || new FileReceiver(state.fileInfo);\n await receiver.reportLink(reason);\n render();\n } catch (err) {\n console.error(err);\n if (err.message === '404') {\n state.fileInfo = { reported: true };\n return render();\n }\n emitter.emit('pushState', '/error');\n }\n });\n\n setInterval(() => {\n // poll for updates of the upload list\n if (!state.modal && state.route === '/') {\n checkFiles();\n }\n }, 2 * 60 * 1000);\n\n setInterval(() => {\n // poll for rerendering the file list countdown timers\n if (\n !state.modal &&\n state.route === '/' &&\n state.storage.files.length > 0 &&\n Date.now() - lastRender > 30000\n ) {\n render();\n }\n }, 60000);\n}\n"
},
{
"path": "app/crc32.js",
"content": "const LOOKUP = Int32Array.from([\n 0x00000000,\n 0x77073096,\n 0xee0e612c,\n 0x990951ba,\n 0x076dc419,\n 0x706af48f,\n 0xe963a535,\n 0x9e6495a3,\n 0x0edb8832,\n 0x79dcb8a4,\n 0xe0d5e91e,\n 0x97d2d988,\n 0x09b64c2b,\n 0x7eb17cbd,\n 0xe7b82d07,\n 0x90bf1d91,\n 0x1db71064,\n 0x6ab020f2,\n 0xf3b97148,\n 0x84be41de,\n 0x1adad47d,\n 0x6ddde4eb,\n 0xf4d4b551,\n 0x83d385c7,\n 0x136c9856,\n 0x646ba8c0,\n 0xfd62f97a,\n 0x8a65c9ec,\n 0x14015c4f,\n 0x63066cd9,\n 0xfa0f3d63,\n 0x8d080df5,\n 0x3b6e20c8,\n 0x4c69105e,\n 0xd56041e4,\n 0xa2677172,\n 0x3c03e4d1,\n 0x4b04d447,\n 0xd20d85fd,\n 0xa50ab56b,\n 0x35b5a8fa,\n 0x42b2986c,\n 0xdbbbc9d6,\n 0xacbcf940,\n 0x32d86ce3,\n 0x45df5c75,\n 0xdcd60dcf,\n 0xabd13d59,\n 0x26d930ac,\n 0x51de003a,\n 0xc8d75180,\n 0xbfd06116,\n 0x21b4f4b5,\n 0x56b3c423,\n 0xcfba9599,\n 0xb8bda50f,\n 0x2802b89e,\n 0x5f058808,\n 0xc60cd9b2,\n 0xb10be924,\n 0x2f6f7c87,\n 0x58684c11,\n 0xc1611dab,\n 0xb6662d3d,\n 0x76dc4190,\n 0x01db7106,\n 0x98d220bc,\n 0xefd5102a,\n 0x71b18589,\n 0x06b6b51f,\n 0x9fbfe4a5,\n 0xe8b8d433,\n 0x7807c9a2,\n 0x0f00f934,\n 0x9609a88e,\n 0xe10e9818,\n 0x7f6a0dbb,\n 0x086d3d2d,\n 0x91646c97,\n 0xe6635c01,\n 0x6b6b51f4,\n 0x1c6c6162,\n 0x856530d8,\n 0xf262004e,\n 0x6c0695ed,\n 0x1b01a57b,\n 0x8208f4c1,\n 0xf50fc457,\n 0x65b0d9c6,\n 0x12b7e950,\n 0x8bbeb8ea,\n 0xfcb9887c,\n 0x62dd1ddf,\n 0x15da2d49,\n 0x8cd37cf3,\n 0xfbd44c65,\n 0x4db26158,\n 0x3ab551ce,\n 0xa3bc0074,\n 0xd4bb30e2,\n 0x4adfa541,\n 0x3dd895d7,\n 0xa4d1c46d,\n 0xd3d6f4fb,\n 0x4369e96a,\n 0x346ed9fc,\n 0xad678846,\n 0xda60b8d0,\n 0x44042d73,\n 0x33031de5,\n 0xaa0a4c5f,\n 0xdd0d7cc9,\n 0x5005713c,\n 0x270241aa,\n 0xbe0b1010,\n 0xc90c2086,\n 0x5768b525,\n 0x206f85b3,\n 0xb966d409,\n 0xce61e49f,\n 0x5edef90e,\n 0x29d9c998,\n 0xb0d09822,\n 0xc7d7a8b4,\n 0x59b33d17,\n 0x2eb40d81,\n 0xb7bd5c3b,\n 0xc0ba6cad,\n 0xedb88320,\n 0x9abfb3b6,\n 0x03b6e20c,\n 0x74b1d29a,\n 0xead54739,\n 0x9dd277af,\n 0x04db2615,\n 0x73dc1683,\n 0xe3630b12,\n 0x94643b84,\n 0x0d6d6a3e,\n 0x7a6a5aa8,\n 0xe40ecf0b,\n 0x9309ff9d,\n 0x0a00ae27,\n 0x7d079eb1,\n 0xf00f9344,\n 0x8708a3d2,\n 0x1e01f268,\n 0x6906c2fe,\n 0xf762575d,\n 0x806567cb,\n 0x196c3671,\n 0x6e6b06e7,\n 0xfed41b76,\n 0x89d32be0,\n 0x10da7a5a,\n 0x67dd4acc,\n 0xf9b9df6f,\n 0x8ebeeff9,\n 0x17b7be43,\n 0x60b08ed5,\n 0xd6d6a3e8,\n 0xa1d1937e,\n 0x38d8c2c4,\n 0x4fdff252,\n 0xd1bb67f1,\n 0xa6bc5767,\n 0x3fb506dd,\n 0x48b2364b,\n 0xd80d2bda,\n 0xaf0a1b4c,\n 0x36034af6,\n 0x41047a60,\n 0xdf60efc3,\n 0xa867df55,\n 0x316e8eef,\n 0x4669be79,\n 0xcb61b38c,\n 0xbc66831a,\n 0x256fd2a0,\n 0x5268e236,\n 0xcc0c7795,\n 0xbb0b4703,\n 0x220216b9,\n 0x5505262f,\n 0xc5ba3bbe,\n 0xb2bd0b28,\n 0x2bb45a92,\n 0x5cb36a04,\n 0xc2d7ffa7,\n 0xb5d0cf31,\n 0x2cd99e8b,\n 0x5bdeae1d,\n 0x9b64c2b0,\n 0xec63f226,\n 0x756aa39c,\n 0x026d930a,\n 0x9c0906a9,\n 0xeb0e363f,\n 0x72076785,\n 0x05005713,\n 0x95bf4a82,\n 0xe2b87a14,\n 0x7bb12bae,\n 0x0cb61b38,\n 0x92d28e9b,\n 0xe5d5be0d,\n 0x7cdcefb7,\n 0x0bdbdf21,\n 0x86d3d2d4,\n 0xf1d4e242,\n 0x68ddb3f8,\n 0x1fda836e,\n 0x81be16cd,\n 0xf6b9265b,\n 0x6fb077e1,\n 0x18b74777,\n 0x88085ae6,\n 0xff0f6a70,\n 0x66063bca,\n 0x11010b5c,\n 0x8f659eff,\n 0xf862ae69,\n 0x616bffd3,\n 0x166ccf45,\n 0xa00ae278,\n 0xd70dd2ee,\n 0x4e048354,\n 0x3903b3c2,\n 0xa7672661,\n 0xd06016f7,\n 0x4969474d,\n 0x3e6e77db,\n 0xaed16a4a,\n 0xd9d65adc,\n 0x40df0b66,\n 0x37d83bf0,\n 0xa9bcae53,\n 0xdebb9ec5,\n 0x47b2cf7f,\n 0x30b5ffe9,\n 0xbdbdf21c,\n 0xcabac28a,\n 0x53b39330,\n 0x24b4a3a6,\n 0xbad03605,\n 0xcdd70693,\n 0x54de5729,\n 0x23d967bf,\n 0xb3667a2e,\n 0xc4614ab8,\n 0x5d681b02,\n 0x2a6f2b94,\n 0xb40bbe37,\n 0xc30c8ea1,\n 0x5a05df1b,\n 0x2d02ef8d\n]);\n\nmodule.exports = function crc32(uint8Array, previous) {\n let crc = previous === 0 ? 0 : ~~previous ^ -1;\n for (let i = 0; i < uint8Array.byteLength; i++) {\n crc = LOOKUP[(crc ^ uint8Array[i]) & 0xff] ^ (crc >>> 8);\n }\n return (crc ^ -1) >>> 0;\n};\n"
},
{
"path": "app/dragManager.js",
"content": "export default function(state, emitter) {\n emitter.on('DOMContentLoaded', () => {\n document.body.addEventListener('dragover', event => {\n if (state.route === '/') {\n event.preventDefault();\n }\n });\n document.body.addEventListener('drop', event => {\n if (\n state.route === '/' &&\n !state.uploading &&\n event.dataTransfer &&\n event.dataTransfer.files\n ) {\n event.preventDefault();\n emitter.emit('addFiles', {\n files: Array.from(event.dataTransfer.files)\n });\n }\n });\n });\n}\n"
},
{
"path": "app/ece.js",
"content": "import { transformStream } from './streams';\nimport { concat } from './utils';\n\nconst NONCE_LENGTH = 12;\nconst TAG_LENGTH = 16;\nconst KEY_LENGTH = 16;\nconst MODE_ENCRYPT = 'encrypt';\nconst MODE_DECRYPT = 'decrypt';\nexport const ECE_RECORD_SIZE = 1024 * 64;\n\nconst encoder = new TextEncoder();\n\nfunction generateSalt(len) {\n const randSalt = new Uint8Array(len);\n crypto.getRandomValues(randSalt);\n return randSalt.buffer;\n}\n\nclass ECETransformer {\n constructor(mode, ikm, rs, salt) {\n this.mode = mode;\n this.prevChunk;\n this.seq = 0;\n this.firstchunk = true;\n this.rs = rs;\n this.ikm = ikm.buffer;\n this.salt = salt;\n }\n\n async generateKey() {\n const inputKey = await crypto.subtle.importKey(\n 'raw',\n this.ikm,\n 'HKDF',\n false,\n ['deriveKey']\n );\n\n return crypto.subtle.deriveKey(\n {\n name: 'HKDF',\n salt: this.salt,\n info: encoder.encode('Content-Encoding: aes128gcm\\0'),\n hash: 'SHA-256'\n },\n inputKey,\n {\n name: 'AES-GCM',\n length: 128\n },\n true, // Edge polyfill requires key to be extractable to encrypt :/\n ['encrypt', 'decrypt']\n );\n }\n\n async generateNonceBase() {\n const inputKey = await crypto.subtle.importKey(\n 'raw',\n this.ikm,\n 'HKDF',\n false,\n ['deriveKey']\n );\n\n const base = await crypto.subtle.exportKey(\n 'raw',\n await crypto.subtle.deriveKey(\n {\n name: 'HKDF',\n salt: this.salt,\n info: encoder.encode('Content-Encoding: nonce\\0'),\n hash: 'SHA-256'\n },\n inputKey,\n {\n name: 'AES-GCM',\n length: 128\n },\n true,\n ['encrypt', 'decrypt']\n )\n );\n\n return base.slice(0, NONCE_LENGTH);\n }\n\n generateNonce(seq) {\n if (seq > 0xffffffff) {\n throw new Error('record sequence number exceeds limit');\n }\n const nonce = new DataView(this.nonceBase.slice());\n const m = nonce.getUint32(nonce.byteLength - 4);\n const xor = (m ^ seq) >>> 0; //forces unsigned int xor\n nonce.setUint32(nonce.byteLength - 4, xor);\n return new Uint8Array(nonce.buffer);\n }\n\n pad(data, isLast) {\n const len = data.length;\n if (len + TAG_LENGTH >= this.rs) {\n throw new Error('data too large for record size');\n }\n\n if (isLast) {\n return concat(data, Uint8Array.of(2));\n } else {\n const padding = new Uint8Array(this.rs - len - TAG_LENGTH);\n padding[0] = 1;\n return concat(data, padding);\n }\n }\n\n unpad(data, isLast) {\n for (let i = data.length - 1; i >= 0; i--) {\n if (data[i]) {\n if (isLast) {\n if (data[i] !== 2) {\n throw new Error('delimiter of final record is not 2');\n }\n } else {\n if (data[i] !== 1) {\n throw new Error('delimiter of not final record is not 1');\n }\n }\n return data.slice(0, i);\n }\n }\n throw new Error('no delimiter found');\n }\n\n createHeader() {\n const nums = new DataView(new ArrayBuffer(5));\n nums.setUint32(0, this.rs);\n return concat(new Uint8Array(this.salt), new Uint8Array(nums.buffer));\n }\n\n readHeader(buffer) {\n if (buffer.length < 21) {\n throw new Error('chunk too small for reading header');\n }\n const header = {};\n const dv = new DataView(buffer.buffer);\n header.salt = buffer.slice(0, KEY_LENGTH);\n header.rs = dv.getUint32(KEY_LENGTH);\n const idlen = dv.getUint8(KEY_LENGTH + 4);\n header.length = idlen + KEY_LENGTH + 5;\n return header;\n }\n\n async encryptRecord(buffer, seq, isLast) {\n const nonce = this.generateNonce(seq);\n const encrypted = await crypto.subtle.encrypt(\n { name: 'AES-GCM', iv: nonce },\n this.key,\n this.pad(buffer, isLast)\n );\n return new Uint8Array(encrypted);\n }\n\n async decryptRecord(buffer, seq, isLast) {\n const nonce = this.generateNonce(seq);\n const data = await crypto.subtle.decrypt(\n {\n name: 'AES-GCM',\n iv: nonce,\n tagLength: 128\n },\n this.key,\n buffer\n );\n\n return this.unpad(new Uint8Array(data), isLast);\n }\n\n async start(controller) {\n if (this.mode === MODE_ENCRYPT) {\n this.key = await this.generateKey();\n this.nonceBase = await this.generateNonceBase();\n controller.enqueue(this.createHeader());\n } else if (this.mode !== MODE_DECRYPT) {\n throw new Error('mode must be either encrypt or decrypt');\n }\n }\n\n async transformPrevChunk(isLast, controller) {\n if (this.mode === MODE_ENCRYPT) {\n controller.enqueue(\n await this.encryptRecord(this.prevChunk, this.seq, isLast)\n );\n this.seq++;\n } else {\n if (this.seq === 0) {\n //the first chunk during decryption contains only the header\n const header = this.readHeader(this.prevChunk);\n this.salt = header.salt;\n this.rs = header.rs;\n this.key = await this.generateKey();\n this.nonceBase = await this.generateNonceBase();\n } else {\n controller.enqueue(\n await this.decryptRecord(this.prevChunk, this.seq - 1, isLast)\n );\n }\n this.seq++;\n }\n }\n\n async transform(chunk, controller) {\n if (!this.firstchunk) {\n await this.transformPrevChunk(false, controller);\n }\n this.firstchunk = false;\n this.prevChunk = new Uint8Array(chunk.buffer);\n }\n\n async flush(controller) {\n //console.log('ece stream ends')\n if (this.prevChunk) {\n await this.transformPrevChunk(true, controller);\n }\n }\n}\n\nclass StreamSlicer {\n constructor(rs, mode) {\n this.mode = mode;\n this.rs = rs;\n this.chunkSize = mode === MODE_ENCRYPT ? rs - 17 : 21;\n this.partialChunk = new Uint8Array(this.chunkSize); //where partial chunks are saved\n this.offset = 0;\n }\n\n send(buf, controller) {\n controller.enqueue(buf);\n if (this.chunkSize === 21 && this.mode === MODE_DECRYPT) {\n this.chunkSize = this.rs;\n }\n this.partialChunk = new Uint8Array(this.chunkSize);\n this.offset = 0;\n }\n\n //reslice input into record sized chunks\n transform(chunk, controller) {\n //console.log('Received chunk with %d bytes.', chunk.byteLength)\n let i = 0;\n\n if (this.offset > 0) {\n const len = Math.min(chunk.byteLength, this.chunkSize - this.offset);\n this.partialChunk.set(chunk.slice(0, len), this.offset);\n this.offset += len;\n i += len;\n\n if (this.offset === this.chunkSize) {\n this.send(this.partialChunk, controller);\n }\n }\n\n while (i < chunk.byteLength) {\n const remainingBytes = chunk.byteLength - i;\n if (remainingBytes >= this.chunkSize) {\n const record = chunk.slice(i, i + this.chunkSize);\n i += this.chunkSize;\n this.send(record, controller);\n } else {\n const end = chunk.slice(i, i + remainingBytes);\n i += end.byteLength;\n this.partialChunk.set(end);\n this.offset = end.byteLength;\n }\n }\n }\n\n flush(controller) {\n if (this.offset > 0) {\n controller.enqueue(this.partialChunk.slice(0, this.offset));\n }\n }\n}\n\n/*\ninput: a ReadableStream containing data to be transformed\nkey: Uint8Array containing key of size KEY_LENGTH\nrs: int containing record size, optional\nsalt: ArrayBuffer containing salt of KEY_LENGTH length, optional\n*/\nexport function encryptStream(\n input,\n key,\n rs = ECE_RECORD_SIZE,\n salt = generateSalt(KEY_LENGTH)\n) {\n const mode = 'encrypt';\n const inputStream = transformStream(input, new StreamSlicer(rs, mode));\n return transformStream(inputStream, new ECETransformer(mode, key, rs, salt));\n}\n\n/*\ninput: a ReadableStream containing data to be transformed\nkey: Uint8Array containing key of size KEY_LENGTH\nrs: int containing record size, optional\n*/\nexport function decryptStream(input, key, rs = ECE_RECORD_SIZE) {\n const mode = 'decrypt';\n const inputStream = transformStream(input, new StreamSlicer(rs, mode));\n return transformStream(inputStream, new ECETransformer(mode, key, rs));\n}\n"
},
{
"path": "app/experiments.js",
"content": "import hash from 'string-hash';\nimport Account from './ui/account';\n\nconst experiments = {\n signin_button_color: {\n eligible: function() {\n return true;\n },\n variant: function() {\n return ['white-blue', 'blue', 'white-violet', 'violet'][\n Math.floor(Math.random() * 4)\n ];\n },\n run: function(variant, state) {\n const account = state.cache(Account, 'account');\n account.buttonClass = variant;\n }\n }\n};\n\n//Returns a number between 0 and 1\n// eslint-disable-next-line no-unused-vars\nfunction luckyNumber(str) {\n return hash(str) / 0xffffffff;\n}\n\nfunction checkExperiments(state, emitter) {\n const all = Object.keys(experiments);\n const id = all.find(id => experiments[id].eligible(state));\n if (id) {\n const variant = experiments[id].variant(state);\n state.storage.enroll(id, variant);\n experiments[id].run(variant, state, emitter);\n }\n}\n\nexport default function initialize(state, emitter) {\n emitter.on('DOMContentLoaded', () => {\n const xp = experiments[state.query.x];\n if (xp) {\n xp.run(+state.query.v, state, emitter);\n }\n });\n const enrolled = state.storage.enrolled;\n // single experiment per session for now\n const id = Object.keys(enrolled)[0];\n if (Object.keys(experiments).includes(id)) {\n experiments[id].run(enrolled[id], state, emitter);\n } else {\n checkExperiments(state, emitter);\n }\n}\n"
},
{
"path": "app/fileReceiver.js",
"content": "import Nanobus from 'nanobus';\nimport Keychain from './keychain';\nimport { delay, bytes, streamToArrayBuffer } from './utils';\nimport {\n downloadFile,\n downloadDone,\n metadata,\n getApiUrl,\n reportLink,\n getDownloadToken\n} from './api';\nimport { blobStream } from './streams';\nimport Zip from './zip';\n\nexport default class FileReceiver extends Nanobus {\n constructor(fileInfo) {\n super('FileReceiver');\n this.keychain = new Keychain(fileInfo.secretKey, fileInfo.nonce);\n if (fileInfo.requiresPassword) {\n this.keychain.setPassword(fileInfo.password, fileInfo.url);\n }\n this.fileInfo = fileInfo;\n this.dlToken = null;\n this.reset();\n }\n\n get id() {\n return this.fileInfo.id;\n }\n\n get progressRatio() {\n return this.progress[0] / this.progress[1];\n }\n\n get progressIndefinite() {\n return this.state !== 'downloading';\n }\n\n get sizes() {\n return {\n partialSize: bytes(this.progress[0]),\n totalSize: bytes(this.progress[1])\n };\n }\n\n cancel() {\n if (this.downloadRequest) {\n this.downloadRequest.cancel();\n }\n }\n\n reset() {\n this.msg = 'fileSizeProgress';\n this.state = 'initialized';\n this.progress = [0, 1];\n }\n\n async getMetadata() {\n const meta = await metadata(this.fileInfo.id, this.keychain);\n this.fileInfo.name = meta.name;\n this.fileInfo.type = meta.type;\n this.fileInfo.size = +meta.size;\n this.fileInfo.manifest = meta.manifest;\n this.fileInfo.flagged = meta.flagged;\n this.state = 'ready';\n }\n\n async reportLink(reason) {\n await reportLink(this.fileInfo.id, this.keychain, reason);\n }\n\n sendMessageToSw(msg) {\n return new Promise((resolve, reject) => {\n const channel = new MessageChannel();\n\n channel.port1.onmessage = function(event) {\n if (event.data === undefined) {\n reject('bad response from serviceWorker');\n } else if (event.data.error !== undefined) {\n reject(event.data.error);\n } else {\n resolve(event.data);\n }\n };\n\n navigator.serviceWorker.controller.postMessage(msg, [channel.port2]);\n });\n }\n\n async downloadBlob(noSave = false) {\n this.state = 'downloading';\n this.downloadRequest = await downloadFile(\n this.fileInfo.id,\n this.dlToken,\n p => {\n this.progress = [p, this.fileInfo.size];\n this.emit('progress');\n }\n );\n try {\n const ciphertext = await this.downloadRequest.result;\n this.downloadRequest = null;\n this.msg = 'decryptingFile';\n this.state = 'decrypting';\n this.emit('decrypting');\n let size = this.fileInfo.size;\n let plainStream = this.keychain.decryptStream(blobStream(ciphertext));\n if (this.fileInfo.type === 'send-archive') {\n const zip = new Zip(this.fileInfo.manifest, plainStream);\n plainStream = zip.stream;\n size = zip.size;\n }\n const plaintext = await streamToArrayBuffer(plainStream, size);\n if (!noSave) {\n await saveFile({\n plaintext,\n name: decodeURIComponent(this.fileInfo.name),\n type: this.fileInfo.type\n });\n }\n this.msg = 'downloadFinish';\n this.emit('complete');\n this.state = 'complete';\n } catch (e) {\n this.downloadRequest = null;\n throw e;\n }\n }\n\n async downloadStream(noSave = false) {\n const start = Date.now();\n const onprogress = p => {\n this.progress = [p, this.fileInfo.size];\n this.emit('progress');\n };\n\n this.downloadRequest = {\n cancel: () => {\n this.sendMessageToSw({ request: 'cancel', id: this.fileInfo.id });\n }\n };\n\n try {\n this.state = 'downloading';\n\n const info = {\n request: 'init',\n id: this.fileInfo.id,\n filename: this.fileInfo.name,\n type: this.fileInfo.type,\n manifest: this.fileInfo.manifest,\n key: this.fileInfo.secretKey,\n requiresPassword: this.fileInfo.requiresPassword,\n password: this.fileInfo.password,\n url: this.fileInfo.url,\n size: this.fileInfo.size,\n nonce: this.keychain.nonce,\n dlToken: this.dlToken,\n noSave\n };\n await this.sendMessageToSw(info);\n\n onprogress(0);\n\n if (noSave) {\n const res = await fetch(getApiUrl(`/api/download/${this.fileInfo.id}`));\n if (res.status !== 200) {\n throw new Error(res.status);\n }\n } else {\n const downloadPath = `/api/download/${this.fileInfo.id}`;\n let downloadUrl = getApiUrl(downloadPath);\n if (downloadUrl === downloadPath) {\n downloadUrl = `${location.protocol}//${location.host}${downloadPath}`;\n }\n const a = document.createElement('a');\n a.href = downloadUrl;\n document.body.appendChild(a);\n a.click();\n }\n\n let prog = 0;\n let hangs = 0;\n while (prog < this.fileInfo.size) {\n const msg = await this.sendMessageToSw({\n request: 'progress',\n id: this.fileInfo.id\n });\n if (msg.progress === prog) {\n hangs++;\n } else {\n hangs = 0;\n }\n if (hangs > 30) {\n // TODO: On Chrome we don't get a cancel\n // signal so one is indistinguishable from\n // a hang. We may be able to detect\n // which end is hung in the service worker\n // to improve on this.\n const e = new Error('hung download');\n e.duration = Date.now() - start;\n e.size = this.fileInfo.size;\n e.progress = prog;\n throw e;\n }\n prog = msg.progress;\n onprogress(prog);\n await delay(1000);\n }\n\n this.downloadRequest = null;\n this.msg = 'downloadFinish';\n this.emit('complete');\n this.state = 'complete';\n } catch (e) {\n this.downloadRequest = null;\n if (e === 'cancelled' || e.message === '400') {\n throw new Error(0);\n }\n throw e;\n }\n }\n\n async download({ stream, storage, noSave }) {\n this.dlToken = storage.getDownloadToken(this.id);\n if (!this.dlToken) {\n this.dlToken = await getDownloadToken(this.id, this.keychain);\n storage.setDownloadToken(this.id, this.dlToken);\n }\n if (stream) {\n await this.downloadStream(noSave);\n } else {\n await this.downloadBlob(noSave);\n }\n await downloadDone(this.id, this.dlToken);\n storage.setDownloadToken(this.id);\n }\n}\n\nasync function saveFile(file) {\n return new Promise(function(resolve, reject) {\n const dataView = new DataView(file.plaintext);\n const blob = new Blob([dataView], { type: file.type });\n\n if (navigator.msSaveBlob) {\n navigator.msSaveBlob(blob, file.name);\n return resolve();\n } else if (/iPhone|fxios/i.test(navigator.userAgent)) {\n // This method is much slower but createObjectURL\n // is buggy on iOS\n const reader = new FileReader();\n reader.addEventListener('loadend', function() {\n if (reader.error) {\n return reject(reader.error);\n }\n if (reader.result) {\n const a = document.createElement('a');\n a.href = reader.result;\n a.download = file.name;\n document.body.appendChild(a);\n a.click();\n }\n resolve();\n });\n reader.readAsDataURL(blob);\n } else {\n const downloadUrl = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = downloadUrl;\n a.download = file.name;\n document.body.appendChild(a);\n a.click();\n URL.revokeObjectURL(downloadUrl);\n setTimeout(resolve, 100);\n }\n });\n}\n"
},
{
"path": "app/fileSender.js",
"content": "import Nanobus from 'nanobus';\nimport OwnedFile from './ownedFile';\nimport Keychain from './keychain';\nimport { arrayToB64, bytes } from './utils';\nimport { uploadWs } from './api';\nimport { encryptedSize } from './utils';\n\nexport default class FileSender extends Nanobus {\n constructor() {\n super('FileSender');\n this.keychain = new Keychain();\n this.reset();\n }\n\n get progressRatio() {\n return this.progress[0] / this.progress[1];\n }\n\n get progressIndefinite() {\n return (\n ['fileSizeProgress', 'notifyUploadEncryptDone'].indexOf(this.msg) === -1\n );\n }\n\n get sizes() {\n return {\n partialSize: bytes(this.progress[0]),\n totalSize: bytes(this.progress[1])\n };\n }\n\n reset() {\n this.uploadRequest = null;\n this.msg = 'importingFile';\n this.progress = [0, 1];\n this.cancelled = false;\n }\n\n cancel() {\n this.cancelled = true;\n if (this.uploadRequest) {\n this.uploadRequest.cancel();\n }\n }\n\n async upload(archive, bearerToken) {\n if (this.cancelled) {\n throw new Error(0);\n }\n this.msg = 'encryptingFile';\n this.emit('encrypting');\n const totalSize = encryptedSize(archive.size);\n const encStream = await this.keychain.encryptStream(archive.stream);\n const metadata = await this.keychain.encryptMetadata(archive);\n const authKeyB64 = await this.keychain.authKeyB64();\n\n this.uploadRequest = uploadWs(\n encStream,\n metadata,\n authKeyB64,\n archive.timeLimit,\n archive.dlimit,\n bearerToken,\n p => {\n this.progress = [p, totalSize];\n this.emit('progress');\n }\n );\n\n if (this.cancelled) {\n throw new Error(0);\n }\n\n this.msg = 'fileSizeProgress';\n this.emit('progress'); // HACK to kick MS Edge\n try {\n const result = await this.uploadRequest.result;\n this.msg = 'notifyUploadEncryptDone';\n this.uploadRequest = null;\n this.progress = [1, 1];\n const secretKey = arrayToB64(this.keychain.rawSecret);\n const ownedFile = new OwnedFile({\n id: result.id,\n url: `${result.url}#${secretKey}`,\n name: archive.name,\n size: archive.size,\n manifest: archive.manifest,\n time: result.duration,\n speed: archive.size / (result.duration / 1000),\n createdAt: Date.now(),\n expiresAt: Date.now() + archive.timeLimit * 1000,\n secretKey: secretKey,\n nonce: this.keychain.nonce,\n ownerToken: result.ownerToken,\n dlimit: archive.dlimit,\n timeLimit: archive.timeLimit\n });\n\n return ownedFile;\n } catch (e) {\n this.msg = 'errorPageHeader';\n this.uploadRequest = null;\n throw e;\n }\n }\n}\n"
},
{
"path": "app/fxa.js",
"content": "/* global AUTH_CONFIG */\nimport { arrayToB64, b64ToArray, concat } from './utils';\n\nconst encoder = new TextEncoder();\nconst decoder = new TextDecoder();\n\nfunction getOtherInfo(enc) {\n const name = encoder.encode(enc);\n const length = 256;\n const buffer = new ArrayBuffer(name.length + 16);\n const dv = new DataView(buffer);\n const result = new Uint8Array(buffer);\n let i = 0;\n dv.setUint32(i, name.length);\n i += 4;\n result.set(name, i);\n i += name.length;\n dv.setUint32(i, 0);\n i += 4;\n dv.setUint32(i, 0);\n i += 4;\n dv.setUint32(i, length);\n return result;\n}\n\nasync function concatKdf(key, enc) {\n if (key.length !== 32) {\n throw new Error('unsupported key length');\n }\n const otherInfo = getOtherInfo(enc);\n const buffer = new ArrayBuffer(4 + key.length + otherInfo.length);\n const dv = new DataView(buffer);\n const concat = new Uint8Array(buffer);\n dv.setUint32(0, 1);\n concat.set(key, 4);\n concat.set(otherInfo, key.length + 4);\n const result = await crypto.subtle.digest('SHA-256', concat);\n return new Uint8Array(result);\n}\n\nexport async function prepareScopedBundleKey(storage) {\n const keys = await crypto.subtle.generateKey(\n {\n name: 'ECDH',\n namedCurve: 'P-256'\n },\n true,\n ['deriveBits']\n );\n const privateJwk = await crypto.subtle.exportKey('jwk', keys.privateKey);\n const publicJwk = await crypto.subtle.exportKey('jwk', keys.publicKey);\n const kid = await crypto.subtle.digest(\n 'SHA-256',\n encoder.encode(JSON.stringify(publicJwk))\n );\n privateJwk.kid = kid;\n publicJwk.kid = kid;\n storage.set('scopedBundlePrivateKey', JSON.stringify(privateJwk));\n return arrayToB64(encoder.encode(JSON.stringify(publicJwk)));\n}\n\nexport async function decryptBundle(storage, bundle) {\n const privateJwk = JSON.parse(storage.get('scopedBundlePrivateKey'));\n storage.remove('scopedBundlePrivateKey');\n const privateKey = await crypto.subtle.importKey(\n 'jwk',\n privateJwk,\n {\n name: 'ECDH',\n namedCurve: 'P-256'\n },\n false,\n ['deriveBits']\n );\n const jweParts = bundle.split('.');\n if (jweParts.length !== 5) {\n throw new Error('invalid jwe');\n }\n const header = JSON.parse(decoder.decode(b64ToArray(jweParts[0])));\n const additionalData = encoder.encode(jweParts[0]);\n const iv = b64ToArray(jweParts[2]);\n const ciphertext = b64ToArray(jweParts[3]);\n const tag = b64ToArray(jweParts[4]);\n\n if (header.alg !== 'ECDH-ES' || header.enc !== 'A256GCM') {\n throw new Error('unsupported jwe type');\n }\n\n const publicKey = await crypto.subtle.importKey(\n 'jwk',\n header.epk,\n {\n name: 'ECDH',\n namedCurve: 'P-256'\n },\n false,\n []\n );\n const sharedBits = await crypto.subtle.deriveBits(\n {\n name: 'ECDH',\n public: publicKey\n },\n privateKey,\n 256\n );\n\n const rawSharedKey = await concatKdf(new Uint8Array(sharedBits), header.enc);\n const sharedKey = await crypto.subtle.importKey(\n 'raw',\n rawSharedKey,\n {\n name: 'AES-GCM'\n },\n false,\n ['decrypt']\n );\n\n const plaintext = await crypto.subtle.decrypt(\n {\n name: 'AES-GCM',\n iv: iv,\n additionalData: additionalData,\n tagLength: tag.length * 8\n },\n sharedKey,\n concat(ciphertext, tag)\n );\n\n return JSON.parse(decoder.decode(plaintext));\n}\n\nexport async function preparePkce(storage) {\n const verifier = arrayToB64(crypto.getRandomValues(new Uint8Array(64)));\n storage.set('pkceVerifier', verifier);\n const challenge = await crypto.subtle.digest(\n 'SHA-256',\n encoder.encode(verifier)\n );\n return arrayToB64(new Uint8Array(challenge));\n}\n\nexport async function deriveFileListKey(ikm) {\n const baseKey = await crypto.subtle.importKey(\n 'raw',\n b64ToArray(ikm),\n { name: 'HKDF' },\n false,\n ['deriveKey']\n );\n const fileListKey = await crypto.subtle.deriveKey(\n {\n name: 'HKDF',\n salt: new Uint8Array(),\n info: encoder.encode('fileList'),\n hash: 'SHA-256'\n },\n baseKey,\n {\n name: 'AES-GCM',\n length: 128\n },\n true,\n ['encrypt', 'decrypt']\n );\n const rawFileListKey = await crypto.subtle.exportKey('raw', fileListKey);\n return arrayToB64(new Uint8Array(rawFileListKey));\n}\n\nexport async function getFileListKey(storage, bundle) {\n const jwks = await decryptBundle(storage, bundle);\n const jwk = jwks[AUTH_CONFIG.key_scope];\n return deriveFileListKey(jwk.k);\n}\n"
},
{
"path": "app/keychain.js",
"content": "import { arrayToB64, b64ToArray } from './utils';\nimport { decryptStream, encryptStream } from './ece.js';\nconst encoder = new TextEncoder();\nconst decoder = new TextDecoder();\n\nexport default class Keychain {\n constructor(secretKeyB64, nonce) {\n this._nonce = nonce || 'yRCdyQ1EMSA3mo4rqSkuNQ==';\n if (secretKeyB64) {\n this.rawSecret = b64ToArray(secretKeyB64);\n } else {\n this.rawSecret = crypto.getRandomValues(new Uint8Array(16));\n }\n this.secretKeyPromise = crypto.subtle.importKey(\n 'raw',\n this.rawSecret,\n 'HKDF',\n false,\n ['deriveKey']\n );\n this.metaKeyPromise = this.secretKeyPromise.then(function(secretKey) {\n return crypto.subtle.deriveKey(\n {\n name: 'HKDF',\n salt: new Uint8Array(),\n info: encoder.encode('metadata'),\n hash: 'SHA-256'\n },\n secretKey,\n {\n name: 'AES-GCM',\n length: 128\n },\n false,\n ['encrypt', 'decrypt']\n );\n });\n this.authKeyPromise = this.secretKeyPromise.then(function(secretKey) {\n return crypto.subtle.deriveKey(\n {\n name: 'HKDF',\n salt: new Uint8Array(),\n info: encoder.encode('authentication'),\n hash: 'SHA-256'\n },\n secretKey,\n {\n name: 'HMAC',\n hash: { name: 'SHA-256' }\n },\n true,\n ['sign']\n );\n });\n }\n\n get nonce() {\n return this._nonce;\n }\n\n set nonce(n) {\n if (n && n !== this._nonce) {\n this._nonce = n;\n }\n }\n\n setPassword(password, shareUrl) {\n this.authKeyPromise = crypto.subtle\n .importKey('raw', encoder.encode(password), { name: 'PBKDF2' }, false, [\n 'deriveKey'\n ])\n .then(passwordKey =>\n crypto.subtle.deriveKey(\n {\n name: 'PBKDF2',\n salt: encoder.encode(shareUrl),\n iterations: 100,\n hash: 'SHA-256'\n },\n passwordKey,\n {\n name: 'HMAC',\n hash: 'SHA-256'\n },\n true,\n ['sign']\n )\n );\n }\n\n setAuthKey(authKeyB64) {\n this.authKeyPromise = crypto.subtle.importKey(\n 'raw',\n b64ToArray(authKeyB64),\n {\n name: 'HMAC',\n hash: 'SHA-256'\n },\n true,\n ['sign']\n );\n }\n\n async authKeyB64() {\n const authKey = await this.authKeyPromise;\n const rawAuth = await crypto.subtle.exportKey('raw', authKey);\n return arrayToB64(new Uint8Array(rawAuth));\n }\n\n async authHeader() {\n const authKey = await this.authKeyPromise;\n const sig = await crypto.subtle.sign(\n {\n name: 'HMAC'\n },\n authKey,\n b64ToArray(this.nonce)\n );\n return `send-v1 ${arrayToB64(new Uint8Array(sig))}`;\n }\n\n async encryptMetadata(metadata) {\n const metaKey = await this.metaKeyPromise;\n const ciphertext = await crypto.subtle.encrypt(\n {\n name: 'AES-GCM',\n iv: new Uint8Array(12),\n tagLength: 128\n },\n metaKey,\n encoder.encode(\n JSON.stringify({\n name: metadata.name,\n size: metadata.size,\n type: metadata.type || 'application/octet-stream',\n manifest: metadata.manifest || {}\n })\n )\n );\n return ciphertext;\n }\n\n encryptStream(plainStream) {\n return encryptStream(plainStream, this.rawSecret);\n }\n\n decryptStream(cryptotext) {\n return decryptStream(cryptotext, this.rawSecret);\n }\n\n async decryptMetadata(ciphertext) {\n const metaKey = await this.metaKeyPromise;\n const plaintext = await crypto.subtle.decrypt(\n {\n name: 'AES-GCM',\n iv: new Uint8Array(12),\n tagLength: 128\n },\n metaKey,\n ciphertext\n );\n return JSON.parse(decoder.decode(plaintext));\n }\n}\n"
},
{
"path": "app/locale.js",
"content": "import { FluentBundle } from '@fluent/bundle';\n\nfunction makeBundle(locale, ftl) {\n const bundle = new FluentBundle(locale, { useIsolating: false });\n bundle.addMessages(ftl);\n return bundle;\n}\n\nexport async function getTranslator(locale) {\n const bundles = [];\n const { default: en } = await import('../public/locales/en-US/send.ftl');\n if (locale !== 'en-US') {\n const { default: ftl } = await import(\n `../public/locales/${locale}/send.ftl`\n );\n bundles.push(makeBundle(locale, ftl));\n }\n bundles.push(makeBundle('en-US', en));\n return function(id, data) {\n for (let bundle of bundles) {\n if (bundle.hasMessage(id)) {\n return bundle.format(bundle.getMessage(id), data);\n }\n }\n };\n}\n"
},
{
"path": "app/main.css",
"content": "@tailwind base;\n\nhtml {\n line-height: 1.15;\n}\n\n@tailwind components;\n\n:not(input) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n:root {\n --violet-gradient: linear-gradient(\n -180deg,\n rgba(144, 89, 255, 0.8) 0%,\n rgba(144, 89, 255, 0.4) 100%\n );\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\na:focus {\n outline: 1px dotted grey;\n}\n\nbody {\n overflow-x: hidden;\n}\n\n.btn {\n @apply bg-blue-60;\n @apply text-white;\n @apply cursor-pointer;\n @apply py-4;\n @apply px-6;\n @apply font-semibold;\n}\n\n.btn:hover {\n @apply bg-blue-70;\n}\n\n.btn:focus {\n @apply bg-blue-70;\n}\n\n.btn:disabled {\n @apply bg-grey-transparent;\n\n cursor: not-allowed;\n}\n\n.checkbox {\n @apply leading-normal;\n @apply select-none;\n}\n\n.checkbox > input[type='checkbox'] {\n @apply absolute;\n @apply opacity-0;\n}\n\n.checkbox > label {\n @apply cursor-pointer;\n}\n\n.checkbox > label::before {\n /* @apply bg-grey-10; */\n @apply border;\n @apply rounded-sm;\n\n content: '';\n height: 1.5rem;\n width: 1.5rem;\n margin-right: 0.5rem;\n float: left;\n}\n\n.checkbox > label:hover::before {\n @apply border-blue-50;\n}\n\n.checkbox > input:focus + label::before {\n @apply border-blue-50;\n}\n\n.checkbox > input:checked + label::before {\n @apply bg-blue-50;\n @apply border-blue-50;\n\n background-image: url('../assets/lock.svg');\n background-position: center;\n background-size: 1.25rem;\n background-repeat: no-repeat;\n}\n\n.checkbox > input:disabled + label {\n cursor: auto;\n}\n\n.checkbox > input:disabled + label::before {\n @apply bg-blue-50;\n @apply border-blue-50;\n\n background-image: url('../assets/lock.svg');\n background-position: center;\n background-size: 1.25rem;\n background-repeat: no-repeat;\n cursor: auto;\n}\n\ndetails {\n overflow: hidden;\n}\n\ndetails > summary::-webkit-details-marker {\n display: none;\n}\n\ndetails > summary > svg {\n transition: all 0.25s cubic-bezier(0.07, 0.95, 0, 1);\n}\n\ndetails[open] {\n overflow-y: auto;\n}\n\ndetails[open] > summary > svg {\n transform: rotate(90deg);\n}\n\nfooter li:hover {\n text-decoration: underline;\n}\n\n.link-blue {\n @apply text-blue-60;\n}\n\n.link-blue:hover {\n @apply text-blue-70;\n}\n\n.link-blue:focus {\n @apply text-blue-70;\n}\n\n.main-header img {\n height: 32px;\n width: auto;\n}\n\n.intro {\n max-width: 100%;\n height: unset;\n}\n\n.dl-bg {\n filter: grayscale(1) opacity(0.15);\n}\n\n.main {\n display: flex;\n position: relative;\n max-width: 64rem;\n width: 100%;\n height: 100%;\n}\n\n.main > section {\n @apply bg-white;\n}\n\n#password-msg::after {\n content: '\\200b';\n}\n\nprogress {\n @apply bg-grey-30;\n @apply rounded-sm;\n @apply w-full;\n @apply h-1;\n}\n\nprogress::-webkit-progress-bar {\n @apply bg-grey-30;\n @apply rounded-sm;\n @apply w-full;\n @apply h-1;\n}\n\nprogress::-webkit-progress-value {\n /* stylelint-disable */\n background-image: -webkit-linear-gradient(\n -45deg,\n transparent 20%,\n rgba(255, 255, 255, 0.4) 20%,\n rgba(255, 255, 255, 0.4) 40%,\n transparent 40%,\n transparent 60%,\n rgba(255, 255, 255, 0.4) 60%,\n rgba(255, 255, 255, 0.4) 80%,\n transparent 80%\n ),\n -webkit-linear-gradient(left, #0a84ff, #0a84ff);\n /* stylelint-enable */\n border-radius: 2px;\n background-size: 21px 20px, 100% 100%, 100% 100%;\n -webkit-animation: animate-stripes 1s linear infinite;\n}\n\nprogress::-moz-progress-bar {\n /* stylelint-disable */\n background-image: -moz-linear-gradient(\n 135deg,\n transparent 20%,\n rgba(255, 255, 255, 0.4) 20%,\n rgba(255, 255, 255, 0.4) 40%,\n transparent 40%,\n transparent 60%,\n rgba(255, 255, 255, 0.4) 60%,\n rgba(255, 255, 255, 0.4) 80%,\n transparent 80%\n ),\n -moz-linear-gradient(left, #0a84ff, #0a84ff);\n /* stylelint-enable */\n border-radius: 2px;\n background-size: 21px 20px, 100% 100%, 100% 100%;\n animation: animate-stripes 1s linear infinite;\n}\n\n@-webkit-keyframes animate-stripes {\n 100% {\n background-position: -21px 0;\n }\n}\n\n@keyframes animate-stripes {\n 100% {\n background-position: -21px 0;\n }\n}\n\nselect {\n background-image: url('../assets/select-arrow.svg');\n background-position: calc(100% - 0.75rem);\n background-repeat: no-repeat;\n}\n\n@screen md {\n .main-header img {\n height: 48px;\n width: auto;\n }\n\n .intro {\n max-width: unset;\n height: unset;\n margin-bottom: -3rem;\n margin-right: -7rem;\n }\n\n .main {\n @apply flex-1;\n @apply self-center;\n @apply items-center;\n @apply m-auto;\n @apply py-8;\n\n min-height: 42rem;\n max-height: 42rem;\n width: calc(100% - 3rem);\n }\n}\n\n@screen dark {\n body {\n @apply text-grey-10;\n\n background-image: unset;\n }\n\n .btn {\n @apply bg-blue-40;\n @apply text-white;\n }\n\n .btn:hover {\n @apply bg-blue-50;\n }\n\n .btn:focus {\n @apply bg-blue-50;\n }\n\n .btn:disabled {\n @apply bg-grey-80;\n }\n\n .link-blue {\n @apply text-blue-40;\n }\n\n .link-blue:hover {\n @apply text-blue-50;\n }\n\n .link-blue:focus {\n @apply text-blue-50;\n }\n\n .main > section {\n @apply bg-grey-90;\n }\n\n @screen md {\n .main > section {\n @apply border;\n @apply border-grey-80;\n }\n }\n}\n\n@tailwind utilities;\n\n@responsive {\n .shadow-light {\n box-shadow: 0 0 8px 0 rgba(12, 12, 13, 0.1);\n }\n\n .shadow-big {\n box-shadow: 0 12px 18px 2px rgba(34, 0, 51, 0.04),\n 0 6px 22px 4px rgba(7, 48, 114, 0.12),\n 0 6px 10px -4px rgba(14, 13, 26, 0.12);\n }\n}\n\n@variants focus {\n .outline {\n outline: 1px dotted grey;\n }\n}\n\n.word-break-all {\n word-break: break-all;\n line-break: anywhere;\n}\n\n.signin {\n backface-visibility: hidden;\n border-radius: 6px;\n transition-property: transform, background-color;\n transition-duration: 250ms;\n transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);\n}\n\n.signin:hover,\n.signin:focus {\n transform: scale(1.0625);\n}\n\n.signin:hover:active {\n transform: scale(0.9375);\n}\n"
},
{
"path": "app/main.js",
"content": "/* global DEFAULTS LIMITS PREFS */\nimport 'core-js';\nimport 'fast-text-encoding'; // MS Edge support\nimport 'intl-pluralrules';\nimport choo from 'choo';\nimport nanotiming from 'nanotiming';\nimport routes from './routes';\nimport getCapabilities from './capabilities';\nimport controller from './controller';\nimport dragManager from './dragManager';\nimport pasteManager from './pasteManager';\nimport storage from './storage';\nimport metrics from './metrics';\nimport experiments from './experiments';\nimport * as Sentry from '@sentry/browser';\nimport './main.css';\nimport User from './user';\nimport { getTranslator } from './locale';\nimport Archive from './archive';\nimport { setTranslate, locale } from './utils';\n\nif (navigator.doNotTrack !== '1' && window.SENTRY_CONFIG) {\n Sentry.init(window.SENTRY_CONFIG);\n}\n\nif (process.env.NODE_ENV === 'production') {\n nanotiming.disabled = true;\n}\n\n(async function start() {\n const capabilities = await getCapabilities();\n if (\n !capabilities.crypto &&\n window.location.pathname !== '/unsupported/crypto'\n ) {\n return window.location.assign('/unsupported/crypto');\n }\n if (capabilities.serviceWorker) {\n try {\n await navigator.serviceWorker.register('/serviceWorker.js');\n await navigator.serviceWorker.ready;\n } catch (e) {\n // continue but disable streaming downloads\n capabilities.streamDownload = false;\n }\n }\n\n const translate = await getTranslator(locale());\n setTranslate(translate);\n // eslint-disable-next-line require-atomic-updates\n window.initialState = {\n LIMITS,\n DEFAULTS,\n PREFS,\n archive: new Archive([], DEFAULTS.EXPIRE_SECONDS),\n capabilities,\n translate,\n storage,\n sentry: Sentry,\n user: new User(storage, LIMITS, window.AUTH_CONFIG),\n transfer: null,\n fileInfo: null,\n locale: locale()\n };\n\n const app = routes(choo({ hash: true }));\n // eslint-disable-next-line require-atomic-updates\n window.app = app;\n app.use(experiments);\n app.use(metrics);\n app.use(controller);\n app.use(dragManager);\n app.use(pasteManager);\n app.mount('body');\n})();\n"
},
{
"path": "app/metrics.js",
"content": "import storage from './storage';\nimport { platform, locale } from './utils';\nimport { sendMetrics } from './api';\n\nlet appState = null;\nlet experiment = null;\nconst HOUR = 1000 * 60 * 60;\nconst events = [];\nlet session_id = Date.now();\nconst lang = locale();\n\nexport default function initialize(state, emitter) {\n appState = state;\n\n emitter.on('DOMContentLoaded', () => {\n experiment = storage.enrolled;\n if (!appState.user.firstAction) {\n appState.user.firstAction =\n appState.route === '/' ? 'upload' : 'download';\n }\n const query = appState.query;\n addEvent('client_visit', {\n entrypoint: appState.route === '/' ? 'upload' : 'download',\n referrer: document.referrer,\n utm_campaign: query.utm_campaign,\n utm_content: query.utm_content,\n utm_medium: query.utm_medium,\n utm_source: query.utm_source,\n utm_term: query.utm_term\n });\n });\n emitter.on('experiment', experimentEvent);\n window.addEventListener('unload', submitEvents);\n}\n\nfunction sizeOrder(n) {\n return Math.floor(Math.log10(n));\n}\n\nfunction submitEvents() {\n if (navigator.doNotTrack === '1') {\n return;\n }\n sendMetrics(\n new Blob(\n [\n JSON.stringify({\n now: Date.now(),\n session_id,\n lang,\n platform: platform(),\n events\n })\n ],\n { type: 'text/plain' } // see http://crbug.com/490015\n )\n );\n events.splice(0);\n}\n\nasync function addEvent(event_type, event_properties) {\n const user_id = await appState.user.metricId();\n const device_id = await appState.user.deviceId();\n const ab_id = Object.keys(experiment)[0];\n if (ab_id) {\n event_properties.experiment = ab_id;\n event_properties.variant = experiment[ab_id];\n }\n events.push({\n device_id,\n event_properties,\n event_type,\n time: Date.now(),\n user_id,\n user_properties: {\n anonymous: !appState.user.loggedIn,\n first_action: appState.user.firstAction,\n active_count: storage.files.length\n }\n });\n if (events.length === 25) {\n submitEvents();\n }\n}\n\nfunction cancelledUpload(archive, duration) {\n return addEvent('client_upload', {\n download_limit: archive.dlimit,\n duration: sizeOrder(duration),\n file_count: archive.numFiles,\n password_protected: !!archive.password,\n size: sizeOrder(archive.size),\n status: 'cancel',\n time_limit: archive.timeLimit\n });\n}\n\nfunction completedUpload(archive, duration) {\n return addEvent('client_upload', {\n download_limit: archive.dlimit,\n duration: sizeOrder(duration),\n file_count: archive.numFiles,\n password_protected: !!archive.password,\n size: sizeOrder(archive.size),\n status: 'ok',\n time_limit: archive.timeLimit\n });\n}\n\nfunction stoppedUpload(archive, duration = 0) {\n return addEvent('client_upload', {\n download_limit: archive.dlimit,\n duration: sizeOrder(duration),\n file_count: archive.numFiles,\n password_protected: !!archive.password,\n size: sizeOrder(archive.size),\n status: 'error',\n time_limit: archive.timeLimit\n });\n}\n\nfunction stoppedDownload(params) {\n return addEvent('client_download', {\n duration: sizeOrder(params.duration),\n password_protected: params.password_protected,\n size: sizeOrder(params.size),\n status: 'error'\n });\n}\n\nfunction completedDownload(params) {\n return addEvent('client_download', {\n duration: sizeOrder(params.duration),\n password_protected: params.password_protected,\n size: sizeOrder(params.size),\n status: 'ok'\n });\n}\n\nfunction deletedUpload(ownedFile) {\n return addEvent('client_delete', {\n age: Math.floor((Date.now() - ownedFile.createdAt) / HOUR),\n downloaded: ownedFile.dtotal > 0,\n status: 'ok'\n });\n}\n\nfunction experimentEvent(params) {\n return addEvent('client_experiment', params);\n}\n\nfunction submittedSignup(params) {\n return addEvent('client_login', {\n status: 'ok',\n trigger: params.trigger\n });\n}\n\nfunction canceledSignup(params) {\n return addEvent('client_login', {\n status: 'cancel',\n trigger: params.trigger\n });\n}\n\nfunction loggedOut(params) {\n addEvent('client_logout', {\n status: 'ok',\n trigger: params.trigger\n });\n // flush events and start new anon session\n submitEvents();\n session_id = Date.now();\n}\n\nexport {\n cancelledUpload,\n stoppedUpload,\n completedUpload,\n deletedUpload,\n stoppedDownload,\n completedDownload,\n submittedSignup,\n canceledSignup,\n loggedOut\n};\n"
},
{
"path": "app/ownedFile.js",
"content": "import Keychain from './keychain';\nimport { arrayToB64 } from './utils';\nimport { del, fileInfo, setParams, setPassword } from './api';\n\nexport default class OwnedFile {\n constructor(obj) {\n if (!obj.manifest) {\n throw new Error('invalid file object');\n }\n this.id = obj.id;\n this.url = obj.url;\n this.name = obj.name;\n this.size = obj.size;\n this.manifest = obj.manifest;\n this.time = obj.time;\n this.speed = obj.speed;\n this.createdAt = obj.createdAt;\n this.expiresAt = obj.expiresAt;\n this.ownerToken = obj.ownerToken;\n this.dlimit = obj.dlimit || 1;\n this.dtotal = obj.dtotal || 0;\n this.keychain = new Keychain(obj.secretKey, obj.nonce);\n this._hasPassword = !!obj.hasPassword;\n this.timeLimit = obj.timeLimit;\n }\n\n get hasPassword() {\n return !!this._hasPassword;\n }\n\n get expired() {\n return this.dlimit === this.dtotal || Date.now() > this.expiresAt;\n }\n\n async setPassword(password) {\n try {\n this.password = password;\n this._hasPassword = true;\n this.keychain.setPassword(password, this.url);\n const result = await setPassword(this.id, this.ownerToken, this.keychain);\n return result;\n } catch (e) {\n this.password = null;\n this._hasPassword = false;\n throw e;\n }\n }\n\n del() {\n return del(this.id, this.ownerToken);\n }\n\n changeLimit(dlimit, user = {}) {\n if (this.dlimit !== dlimit) {\n this.dlimit = dlimit;\n return setParams(this.id, this.ownerToken, user.bearerToken, { dlimit });\n }\n return Promise.resolve(true);\n }\n\n async updateDownloadCount() {\n const oldTotal = this.dtotal;\n const oldLimit = this.dlimit;\n try {\n const result = await fileInfo(this.id, this.ownerToken);\n this.dtotal = result.dtotal;\n this.dlimit = result.dlimit;\n } catch (e) {\n if (e.message === '404') {\n this.dtotal = this.dlimit;\n }\n // ignore other errors\n }\n return oldTotal !== this.dtotal || oldLimit !== this.dlimit;\n }\n\n toJSON() {\n return {\n id: this.id,\n url: this.url,\n name: this.name,\n size: this.size,\n manifest: this.manifest,\n time: this.time,\n speed: this.speed,\n createdAt: this.createdAt,\n expiresAt: this.expiresAt,\n secretKey: arrayToB64(this.keychain.rawSecret),\n ownerToken: this.ownerToken,\n dlimit: this.dlimit,\n dtotal: this.dtotal,\n hasPassword: this.hasPassword,\n timeLimit: this.timeLimit\n };\n }\n}\n"
},
{
"path": "app/pasteManager.js",
"content": "function getString(item) {\n return new Promise(resolve => {\n item.getAsString(resolve);\n });\n}\n\nexport default function(state, emitter) {\n window.addEventListener('paste', async event => {\n if (state.route !== '/' || state.uploading) return;\n if (['password', 'text', 'email'].includes(event.target.type)) return;\n\n const items = Array.from(event.clipboardData.items);\n const transferFiles = items.filter(item => item.kind === 'file');\n const strings = items.filter(item => item.kind === 'string');\n if (transferFiles.length) {\n const promises = transferFiles.map(async (f, i) => {\n const blob = f.getAsFile();\n if (!blob) {\n return null;\n }\n const name = await getString(strings[i]);\n const file = new File([blob], name, { type: blob.type });\n return file;\n });\n const files = (await Promise.all(promises)).filter(f => !!f);\n if (files.length) {\n emitter.emit('addFiles', { files });\n }\n } else if (strings.length) {\n strings[0].getAsString(s => {\n const file = new File([s], 'pasted.txt', { type: 'text/plain' });\n emitter.emit('addFiles', { files: [file] });\n });\n }\n });\n}\n"
},
{
"path": "app/readme.md",
"content": "# Application Code\n\n`app/` contains the browser code that gets bundled into `app.[hash].js`. It's got all the logic, crypto, and UI. All of it gets used in the browser, and some of it by the server for server side rendering.\n\nThe main entrypoint for the browser is [main.js](./main.js) and on the server [routes.js](./routes.js) is imported by [/server/routes/pages.js](../server/routes/pages.js)\n\n- `pages` contains display logic an markup for pages\n- `routes` contains route definitions and logic\n- `templates` contains ui elements smaller than pages\n"
},
{
"path": "app/routes.js",
"content": "const choo = require('choo');\nconst download = require('./ui/download');\nconst body = require('./ui/body');\n\nmodule.exports = function(app = choo({ hash: true })) {\n app.route('/', body(require('./ui/home')));\n app.route('/download/:id', body(download));\n app.route('/download/:id/:key', body(download));\n app.route('/unsupported/:reason', body(require('./ui/unsupported')));\n app.route('/error', body(require('./ui/error')));\n app.route('/blank', body(require('./ui/blank')));\n app.route('/oauth', function(state, emit) {\n emit('authenticate', state.query.code, state.query.state);\n });\n app.route('/login', function(state, emit) {\n emit('replaceState', '/');\n setTimeout(() => emit('render'));\n });\n app.route('/report', body(require('./ui/report')));\n app.route('*', body(require('./ui/notFound')));\n return app;\n};\n"
},
{
"path": "app/serviceWorker.js",
"content": "import assets from '../common/assets';\nimport { version } from '../package.json';\nimport Keychain from './keychain';\nimport { downloadStream } from './api';\nimport { transformStream } from './streams';\nimport Zip from './zip';\nimport contentDisposition from 'content-disposition';\n\nlet noSave = false;\nconst map = new Map();\nconst IMAGES = /.*\\.(png|svg|jpg)$/;\nconst VERSIONED_ASSET = /\\.[A-Fa-f0-9]{8}\\.(js|css|png|svg|jpg)(#\\w+)?$/;\nconst DOWNLOAD_URL = /\\/api\\/download\\/([A-Fa-f0-9]{4,})/;\nconst FONT = /\\.woff2?$/;\n\nself.addEventListener('install', () => {\n self.skipWaiting();\n});\n\nself.addEventListener('activate', event => {\n event.waitUntil(self.clients.claim().then(precache));\n});\n\nasync function decryptStream(id) {\n const file = map.get(id);\n if (!file) {\n return new Response(null, { status: 400 });\n }\n try {\n let size = file.size;\n let type = file.type;\n const keychain = new Keychain(file.key, file.nonce);\n if (file.requiresPassword) {\n keychain.setPassword(file.password, file.url);\n }\n\n file.download = downloadStream(id, file.dlToken);\n\n const body = await file.download.result;\n\n const decrypted = keychain.decryptStream(body);\n\n let zipStream = null;\n if (file.type === 'send-archive') {\n const zip = new Zip(file.manifest, decrypted);\n zipStream = zip.stream;\n type = 'application/zip';\n size = zip.size;\n }\n const responseStream = transformStream(\n zipStream || decrypted,\n {\n transform(chunk, controller) {\n file.progress += chunk.length;\n controller.enqueue(chunk);\n }\n },\n function oncancel() {\n // NOTE: cancel doesn't currently fire on chrome\n // https://bugs.chromium.org/p/chromium/issues/detail?id=638494\n file.download.cancel();\n map.delete(id);\n }\n );\n\n const headers = {\n 'Content-Disposition': contentDisposition(file.filename),\n 'Content-Type': type,\n 'Content-Length': size\n };\n return new Response(responseStream, { headers });\n } catch (e) {\n if (noSave) {\n return new Response(null, { status: e.message });\n }\n\n return new Response(null, {\n status: 302,\n headers: {\n Location: `/download/${id}/#${file.key}`\n }\n });\n }\n}\n\nasync function precache() {\n try {\n await cleanCache();\n const cache = await caches.open(version);\n const images = assets.match(IMAGES);\n await cache.addAll(images);\n } catch (e) {\n console.error(e);\n // cache will get populated on demand\n }\n}\n\nasync function cleanCache() {\n const oldCaches = await caches.keys();\n for (const c of oldCaches) {\n if (c !== version) {\n await caches.delete(c);\n }\n }\n}\n\nfunction cacheable(url) {\n return VERSIONED_ASSET.test(url) || FONT.test(url);\n}\n\nasync function cachedOrFetched(req) {\n const cache = await caches.open(version);\n const cached = await cache.match(req);\n if (cached) {\n return cached;\n }\n const fetched = await fetch(req);\n if (fetched.ok && cacheable(req.url)) {\n cache.put(req, fetched.clone());\n }\n return fetched;\n}\n\nself.onfetch = event => {\n const req = event.request;\n if (req.method !== 'GET') return;\n const url = new URL(req.url);\n const dlmatch = DOWNLOAD_URL.exec(url.pathname);\n if (dlmatch) {\n event.respondWith(decryptStream(dlmatch[1]));\n } else if (cacheable(url.pathname)) {\n event.respondWith(cachedOrFetched(req));\n }\n};\n\nself.onmessage = event => {\n if (event.data.request === 'init') {\n noSave = event.data.noSave;\n const info = {\n key: event.data.key,\n nonce: event.data.nonce,\n filename: event.data.filename,\n requiresPassword: event.data.requiresPassword,\n password: event.data.password,\n url: event.data.url,\n type: event.data.type,\n manifest: event.data.manifest,\n size: event.data.size,\n dlToken: event.data.dlToken,\n progress: 0\n };\n map.set(event.data.id, info);\n\n event.ports[0].postMessage('file info received');\n } else if (event.data.request === 'progress') {\n const file = map.get(event.data.id);\n if (!file) {\n event.ports[0].postMessage({ error: 'cancelled' });\n } else {\n if (file.progress === file.size) {\n map.delete(event.data.id);\n }\n event.ports[0].postMessage({ progress: file.progress });\n }\n } else if (event.data.request === 'cancel') {\n const file = map.get(event.data.id);\n if (file) {\n if (file.download) {\n file.download.cancel();\n }\n map.delete(event.data.id);\n }\n event.ports[0].postMessage('download cancelled');\n }\n};\n"
},
{
"path": "app/storage.js",
"content": "import { arrayToB64, isFile } from './utils';\nimport OwnedFile from './ownedFile';\n\nclass Mem {\n constructor() {\n this.items = new Map();\n }\n\n get length() {\n return this.items.size;\n }\n\n getItem(key) {\n return this.items.get(key);\n }\n\n setItem(key, value) {\n return this.items.set(key, value);\n }\n\n removeItem(key) {\n return this.items.delete(key);\n }\n\n key(i) {\n return this.items.keys()[i];\n }\n}\n\nclass Storage {\n constructor() {\n try {\n this.engine = localStorage || new Mem();\n } catch (e) {\n this.engine = new Mem();\n }\n this._files = this.loadFiles();\n this.pruneTokens();\n }\n\n loadFiles() {\n const fs = new Map();\n for (let i = 0; i < this.engine.length; i++) {\n const k = this.engine.key(i);\n if (isFile(k)) {\n try {\n const f = new OwnedFile(JSON.parse(this.engine.getItem(k)));\n if (!f.id) {\n f.id = f.fileId;\n }\n\n fs.set(f.id, f);\n } catch (err) {\n // obviously you're not a golfer\n this.engine.removeItem(k);\n }\n }\n }\n return fs;\n }\n\n get id() {\n let id = this.engine.getItem('device_id');\n if (!id) {\n id = arrayToB64(crypto.getRandomValues(new Uint8Array(16)));\n this.engine.setItem('device_id', id);\n }\n return id;\n }\n\n get totalDownloads() {\n return Number(this.engine.getItem('totalDownloads'));\n }\n set totalDownloads(n) {\n this.engine.setItem('totalDownloads', n);\n }\n get totalUploads() {\n return Number(this.engine.getItem('totalUploads'));\n }\n set totalUploads(n) {\n this.engine.setItem('totalUploads', n);\n }\n get referrer() {\n return this.engine.getItem('referrer');\n }\n set referrer(str) {\n this.engine.setItem('referrer', str);\n }\n get enrolled() {\n return JSON.parse(this.engine.getItem('ab_experiments') || '{}');\n }\n\n enroll(id, variant) {\n const enrolled = {};\n enrolled[id] = variant;\n this.engine.setItem('ab_experiments', JSON.stringify(enrolled));\n }\n\n get files() {\n return Array.from(this._files.values()).sort(\n (a, b) => a.createdAt - b.createdAt\n );\n }\n\n get user() {\n try {\n return JSON.parse(this.engine.getItem('user'));\n } catch (e) {\n return null;\n }\n }\n\n set user(info) {\n return this.engine.setItem('user', JSON.stringify(info));\n }\n\n getFileById(id) {\n return this._files.get(id);\n }\n\n get(id) {\n return this.engine.getItem(id);\n }\n\n set(id, value) {\n return this.engine.setItem(id, value);\n }\n\n remove(property) {\n if (isFile(property)) {\n this._files.delete(property);\n }\n this.engine.removeItem(property);\n }\n\n addFile(file) {\n this._files.set(file.id, file);\n this.writeFile(file);\n }\n\n writeFile(file) {\n this.engine.setItem(file.id, JSON.stringify(file));\n }\n\n writeFiles() {\n this._files.forEach(f => this.writeFile(f));\n }\n\n clearLocalFiles() {\n this._files.forEach(f => this.engine.removeItem(f.id));\n this._files = new Map();\n }\n\n async merge(files = []) {\n let incoming = false;\n let outgoing = false;\n let downloadCount = false;\n for (const f of files) {\n if (!this.getFileById(f.id)) {\n this.addFile(new OwnedFile(f));\n incoming = true;\n }\n }\n const workingFiles = this.files.slice();\n for (const f of workingFiles) {\n const cc = await f.updateDownloadCount();\n if (cc) {\n await this.writeFile(f);\n }\n downloadCount = downloadCount || cc;\n outgoing = outgoing || f.expired;\n if (f.expired) {\n this.remove(f.id);\n } else if (!files.find(x => x.id === f.id)) {\n outgoing = true;\n }\n }\n return {\n incoming,\n outgoing,\n downloadCount\n };\n }\n\n setDownloadToken(id, token) {\n let otherTokens = {};\n try {\n otherTokens = JSON.parse(this.get('dlTokens'));\n } catch (e) {\n //\n }\n if (token) {\n const record = { token, ts: Date.now() };\n this.set('dlTokens', JSON.stringify({ ...otherTokens, [id]: record }));\n } else {\n this.set('dlTokens', JSON.stringify({ ...otherTokens, [id]: undefined }));\n }\n }\n\n getDownloadToken(id) {\n try {\n return JSON.parse(this.get('dlTokens'))[id].token;\n } catch (e) {\n return undefined;\n }\n }\n\n pruneTokens() {\n try {\n const now = Date.now();\n const tokens = JSON.parse(this.get('dlTokens'));\n const keep = {};\n for (const id of Object.keys(tokens)) {\n const t = tokens[id];\n if (t.ts > now - 7 * 86400 * 1000) {\n keep[id] = t;\n }\n }\n if (Object.keys(keep).length < Object.keys(tokens).length) {\n this.set('dlTokens', JSON.stringify(keep));\n }\n } catch (e) {\n console.error(e);\n }\n }\n}\n\nexport default new Storage();\n"
},
{
"path": "app/streams.js",
"content": "/* global TransformStream */\n\nexport function transformStream(readable, transformer, oncancel) {\n try {\n return readable.pipeThrough(new TransformStream(transformer));\n } catch (e) {\n const reader = readable.getReader();\n return new ReadableStream({\n start(controller) {\n if (transformer.start) {\n return transformer.start(controller);\n }\n },\n async pull(controller) {\n let enqueued = false;\n const wrappedController = {\n enqueue(d) {\n enqueued = true;\n controller.enqueue(d);\n }\n };\n while (!enqueued) {\n const data = await reader.read();\n if (data.done) {\n if (transformer.flush) {\n await transformer.flush(controller);\n }\n return controller.close();\n }\n await transformer.transform(data.value, wrappedController);\n }\n },\n cancel(reason) {\n readable.cancel(reason);\n if (oncancel) {\n oncancel(reason);\n }\n }\n });\n }\n}\n\nclass BlobStreamController {\n constructor(blob, size) {\n this.blob = blob;\n this.index = 0;\n this.chunkSize = size || 1024 * 64;\n }\n\n pull(controller) {\n return new Promise((resolve, reject) => {\n const bytesLeft = this.blob.size - this.index;\n if (bytesLeft <= 0) {\n controller.close();\n return resolve();\n }\n const size = Math.min(this.chunkSize, bytesLeft);\n const slice = this.blob.slice(this.index, this.index + size);\n const reader = new FileReader();\n reader.onload = () => {\n controller.enqueue(new Uint8Array(reader.result));\n resolve();\n };\n reader.onerror = reject;\n reader.readAsArrayBuffer(slice);\n this.index += size;\n });\n }\n}\n\nexport function blobStream(blob, size) {\n return new ReadableStream(new BlobStreamController(blob, size));\n}\n\nclass ConcatStreamController {\n constructor(streams) {\n this.streams = streams;\n this.index = 0;\n this.reader = null;\n this.nextReader();\n }\n\n nextReader() {\n const next = this.streams[this.index++];\n this.reader = next && next.getReader();\n }\n\n async pull(controller) {\n if (!this.reader) {\n return controller.close();\n }\n const data = await this.reader.read();\n if (data.done) {\n this.nextReader();\n return this.pull(controller);\n }\n controller.enqueue(data.value);\n }\n}\n\nexport function concatStream(streams) {\n return new ReadableStream(new ConcatStreamController(streams));\n}\n"
},
{
"path": "app/ui/account.js",
"content": "const html = require('choo/html');\nconst Component = require('choo/component');\n\nclass Account extends Component {\n constructor(name, state, emit) {\n super(name);\n this.state = state;\n this.emit = emit;\n this.enabled = state.capabilities.account;\n this.local = state.components[name] = {};\n this.buttonClass = '';\n this.setLocal();\n }\n\n avatarClick(event) {\n event.preventDefault();\n const menu = document.getElementById('accountMenu');\n menu.classList.toggle('invisible');\n menu.focus();\n }\n\n hideMenu(event) {\n event.stopPropagation();\n const menu = document.getElementById('accountMenu');\n menu.classList.add('invisible');\n }\n\n login(event) {\n event.preventDefault();\n this.emit('signup-cta', 'button');\n }\n\n logout(event) {\n event.preventDefault();\n this.emit('logout');\n }\n\n changed() {\n return this.local.loggedIn !== this.state.user.loggedIn;\n }\n\n setLocal() {\n const changed = this.changed();\n if (changed) {\n this.local.loggedIn = this.state.user.loggedIn;\n }\n return changed;\n }\n\n update() {\n return this.setLocal();\n }\n\n createElement() {\n if (!this.enabled) {\n return html`\n
\n `;\n }\n const user = this.state.user;\n const translate = this.state.translate;\n this.setLocal();\n if (user.loginRequired && !this.local.loggedIn) {\n return html`\n
\n `;\n }\n if (!this.local.loggedIn) {\n return html`\n
\n this.login(e)}\"\n title=\"${translate('signInOnlyButton')}\"\n >\n ${translate('signInOnlyButton')}\n \n \n `;\n }\n return html`\n
\n this.avatarClick(e)}\"\n />\n \n `;\n }\n}\n\nmodule.exports = Account;\n"
},
{
"path": "app/ui/archiveTile.js",
"content": "/* global Android */\n\nconst html = require('choo/html');\nconst raw = require('choo/html/raw');\nconst assets = require('../../common/assets');\nconst {\n bytes,\n copyToClipboard,\n list,\n percent,\n platform,\n timeLeft\n} = require('../utils');\nconst expiryOptions = require('./expiryOptions');\n\nfunction expiryInfo(translate, archive) {\n const l10n = timeLeft(archive.expiresAt - Date.now());\n return raw(\n translate('archiveExpiryInfo', {\n downloadCount: translate('downloadCount', {\n num: archive.dlimit - archive.dtotal\n }),\n timespan: translate(l10n.id, l10n)\n })\n );\n}\n\nfunction password(state) {\n const MAX_LENGTH = 32;\n\n return html`\n
\n
\n
\n \n \n
\n
\n
\n \n `;\n\n function togglePasswordInput(event) {\n event.stopPropagation();\n const checked = event.target.checked;\n const input = document.getElementById('password-input');\n if (checked) {\n input.classList.remove('invisible');\n input.focus();\n } else {\n input.classList.add('invisible');\n input.value = '';\n document.getElementById('password-msg').textContent = '';\n state.archive.password = null;\n }\n }\n\n function inputChanged() {\n const passwordInput = document.getElementById('password-input');\n const pwdmsg = document.getElementById('password-msg');\n const password = passwordInput.value;\n const length = password.length;\n\n if (length === MAX_LENGTH) {\n pwdmsg.textContent = state.translate('maxPasswordLength', {\n length: MAX_LENGTH\n });\n } else {\n pwdmsg.textContent = '';\n }\n state.archive.password = password;\n }\n\n function focused(event) {\n event.preventDefault();\n const el = document.getElementById('password-input');\n if (el.placeholder !== state.translate('unlockInputPlaceholder')) {\n el.placeholder = '';\n }\n }\n}\n\nfunction fileInfo(file, action) {\n return html`\n
\n \n \n
${file.name}
\n ${bytes(\n file.size\n )}
\n \n ${action}\n `;\n}\n\nfunction archiveInfo(archive, action) {\n return html`\n
\n \n
\n
${archive.name}
\n
${bytes(\n archive.size\n )}
\n \n ${action}\n `;\n}\n\nfunction archiveDetails(translate, archive) {\n if (archive.manifest.files.length > 1) {\n return html`\n
\n \n \n \n \n ${translate('fileCount', {\n num: archive.manifest.files.length\n })}\n \n ${list(archive.manifest.files.map(f => fileInfo(f)))}\n \n `;\n }\n function toggled(event) {\n event.stopPropagation();\n archive.open = event.target.open;\n }\n}\n\nmodule.exports = function(state, emit, archive) {\n const copyOrShare =\n state.capabilities.share || platform() === 'android'\n ? html`\n \n \n Share link\n \n `\n : html`\n \n \n ${state.translate('copyLinkButton')}\n \n `;\n const dl =\n platform() === 'web'\n ? html`\n \n \n ${state.translate('downloadButtonLabel')}\n \n `\n : html`\n \n `;\n return html`\n \n ${archiveInfo(\n archive,\n html`\n \n `\n )}\n \n ${expiryInfo(state.translate, archive)}\n
\n ${archiveDetails(state.translate, archive)}\n
\n \n ${dl} ${copyOrShare}\n
\n \n `;\n\n function copy(event) {\n event.stopPropagation();\n copyToClipboard(archive.url);\n const text = event.target.lastChild;\n text.textContent = state.translate('copiedUrl');\n setTimeout(\n () => (text.textContent = state.translate('copyLinkButton')),\n 1000\n );\n }\n\n function del(event) {\n event.stopPropagation();\n emit('delete', archive);\n }\n\n async function share(event) {\n event.stopPropagation();\n if (platform() === 'android') {\n Android.shareUrl(archive.url);\n } else {\n try {\n await navigator.share({\n title: state.translate('-send-brand'),\n text: `Download \"${archive.name}\" with Firefox Send: simple, safe file sharing`,\n //state.translate('shareMessage', { name }),\n url: archive.url\n });\n } catch (e) {\n // ignore\n }\n }\n }\n};\n\nmodule.exports.wip = function(state, emit) {\n return html`\n \n ${list(\n Array.from(state.archive.files)\n .reverse()\n .map(f =>\n fileInfo(f, remove(f, state.translate('deleteButtonHover')))\n ),\n 'flex-shrink bg-grey-10 rounded-t overflow-y-auto px-6 py-4 md:h-full md:max-h-half-screen dark:bg-black',\n 'bg-white px-2 my-2 shadow-light rounded dark:bg-grey-90 dark:border dark:border-grey-80'\n )}\n \n \n \n \n \n ${state.translate('addFilesButton')}\n \n \n ${state.translate('totalSize', {\n size: bytes(state.archive.size)\n })}\n
\n