+ ${button}
+
+
+ })
+ `;
+ */
+ return html`
+
+ ${state.cache(Header, 'header').render()} ${main(state, emit)}
+
+ `;
+ };
+}
+(async function start() {
+ const translate = await getTranslator('en-US');
+ setTranslate(translate);
+ const { LIMITS, WEB_UI, DEFAULTS } = await getConstants();
+ app.use(state => {
+ state.LIMITS = LIMITS;
+ state.WEB_UI = WEB_UI;
+ state.DEFAULTS = DEFAULTS;
+ state.translate = translate;
+ state.capabilities = {
+ account: true
+ }; //TODO
+ state.archive = new Archive(
+ [],
+ DEFAULTS.EXPIRE_SECONDS,
+ DEFAULTS.DOWNLOADS
+ );
+ state.storage = storage;
+ state.user = new User(storage, LIMITS);
+ state.sentry = Sentry;
+ });
+ app.route('/', body(home));
+ app.route('/upload', upload);
+ app.route('/share/:id', share);
+ app.route('/preferences', preferences);
+ app.route('/error', error);
+ //app.route('/debugging', require('./pages/debugging').default);
+ // add /api/filelist
+ app.mount('body');
+})();
+
+window.app = app;
diff --git a/android/app/.gitignore b/android/app/.gitignore
new file mode 100644
index 00000000..796b96d1
--- /dev/null
+++ b/android/app/.gitignore
@@ -0,0 +1 @@
+/build
diff --git a/android/app/build.gradle b/android/app/build.gradle
new file mode 100644
index 00000000..471a3a21
--- /dev/null
+++ b/android/app/build.gradle
@@ -0,0 +1,41 @@
+apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
+apply plugin: 'kotlin-android-extensions'
+
+android {
+ compileSdkVersion 27
+ defaultConfig {
+ applicationId "org.mozilla.firefoxsend"
+ minSdkVersion 26
+ targetSdkVersion 27
+ versionCode 1
+ versionName "1.0"
+ testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
+ }
+ buildTypes {
+ release {
+ minifyEnabled false
+ proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+ }
+ }
+}
+
+dependencies {
+ implementation fileTree(dir: 'libs', include: ['*.jar'])
+ implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+ implementation 'com.android.support:appcompat-v7:27.1.1'
+ implementation 'com.android.support.constraint:constraint-layout:1.1.3'
+ testImplementation 'junit:junit:4.12'
+ androidTestImplementation 'com.android.support.test:runner:1.0.2'
+ androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
+ implementation 'com.github.delight-im:Android-AdvancedWebView:v3.0.0'
+ implementation "org.mozilla.components:service-firefox-accounts:$android_components_version"
+}
+
+task generateAndLinkBundle(type: Exec, description: 'Generate the android.js bundle and link it into the assets directory') {
+ commandLine './buildAssets.sh'
+}
+
+tasks.withType(JavaCompile) {
+ compileTask -> compileTask.dependsOn generateAndLinkBundle
+}
diff --git a/android/app/buildAssets.sh b/android/app/buildAssets.sh
new file mode 100755
index 00000000..b936c8db
--- /dev/null
+++ b/android/app/buildAssets.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+if [ -d "../../node_modules" ]
+then
+ echo "node_modules already present."
+else
+ echo "node_modules not present, running npm install."
+ npm install
+fi
+npm run build
+rm -rf src/main/assets
+mkdir -p src/main/assets
+cp -R ../../dist/* src/main/assets
diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro
new file mode 100644
index 00000000..f1b42451
--- /dev/null
+++ b/android/app/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+# http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+# public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..9e4163fa
--- /dev/null
+++ b/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,35 @@
+
+
+
+
+ `;
+}
diff --git a/android/pages/home.js b/android/pages/home.js
new file mode 100644
index 00000000..5bc1cc15
--- /dev/null
+++ b/android/pages/home.js
@@ -0,0 +1,69 @@
+const html = require('choo/html');
+const { list } = require('../../app/utils');
+const archiveTile = require('../../app/ui/archiveTile');
+const modal = require('../../app/ui/modal');
+const intro = require('../../app/ui/intro');
+const assets = require('../../common/assets');
+
+module.exports = function(state, emit) {
+ function onchange(event) {
+ event.preventDefault();
+ const newFiles = Array.from(event.target.files);
+
+ emit('addFiles', { files: newFiles });
+ }
+
+ function onclick() {
+ document.getElementById('file-upload').click();
+ }
+
+ const archives = state.storage.files
+ .filter(archive => !archive.expired)
+ .map(archive => archiveTile(state, emit, archive))
+ .reverse();
+
+ let content = '';
+ let button = html`
+ Error
+Sorry, an error occurred.
+
+ })
+
+ `;
+ if (state.uploading) {
+ content = archiveTile.uploading(state, emit);
+ button = '';
+ } else if (state.archive.numFiles > 0) {
+ content = archiveTile.wip(state, emit);
+ button = '';
+ } else {
+ content =
+ archives.length < 1
+ ? intro(state)
+ : list(archives, 'h-full overflow-y-auto w-full', 'mb-3 w-full');
+ }
+
+ return html`
+
+
+
+
+ `;
+}
diff --git a/android/pages/share.js b/android/pages/share.js
new file mode 100644
index 00000000..220808cb
--- /dev/null
+++ b/android/pages/share.js
@@ -0,0 +1,51 @@
+const html = require('choo/html');
+
+export default function uploadComplete(state, emit) {
+ const file = state.storage.files[state.storage.files.length - 1];
+ function onclick(e) {
+ e.preventDefault();
+ input.select();
+ document.execCommand('copy');
+ input.selectionEnd = input.selectionStart;
+ copyText.textContent = 'Copied!';
+ setTimeout(function() {
+ copyText.textContent = 'Copy link';
+ }, 2000);
+ }
+
+ function uploadFile(event) {
+ event.preventDefault();
+ const target = event.target;
+ const file = target.files[0];
+ if (file.size === 0) {
+ return;
+ }
+
+ emit('pushState', '/upload');
+ emit('addFiles', { files: [file] });
+ emit('upload', {});
+ }
+
+ const input = html`
+
+ `;
+ const copyText = html`
+ Copy link
+ `;
+ return html`
+
+ done
+
+ -
+
- wss url: +
- + + +
+ })
`,
- copyBtn.firstChild
- );
- await delay(2000);
- input.disabled = false;
- input.classList.remove('input--copied');
- copyBtn.disabled = false;
- copyBtn.classList.remove('inputBtn--copied');
- copyBtn.textContent = state.translate('copyUrlFormButton');
- }
- }
-
- async function deleteFile() {
- emit('delete', { file, location: 'success-screen' });
- await fadeOut('#shareWrapper');
- emit('pushState', '/');
- }
-};
-
-function expireInfo(file, translate, emit) {
- const hours = Math.floor(EXPIRE_SECONDS / 60 / 60);
- const el = html`';
+ qrHtml += '';
+
+ for (var r = 0; r < _this.getModuleCount(); r += 1) {
+ qrHtml += '
';
+
+ return qrHtml;
+ };
+
+ _this.createSvgTag = function(cellSize, margin, alt, title) {
+ var opts = {};
+ if (typeof arguments[0] == 'object') {
+ // Called by options.
+ opts = arguments[0];
+ // overwrite cellSize and margin.
+ cellSize = opts.cellSize;
+ margin = opts.margin;
+ alt = opts.alt;
+ title = opts.title;
+ }
+
+ cellSize = cellSize || 2;
+ margin = typeof margin == 'undefined' ? cellSize * 4 : margin;
+
+ // Compose alt property surrogate
+ alt = typeof alt === 'string' ? { text: alt } : alt || {};
+ alt.text = alt.text || null;
+ alt.id = alt.text ? alt.id || 'qrcode-description' : null;
+
+ // Compose title property surrogate
+ title = typeof title === 'string' ? { text: title } : title || {};
+ title.text = title.text || null;
+ title.id = title.text ? title.id || 'qrcode-title' : null;
+
+ var size = _this.getModuleCount() * cellSize + margin * 2;
+ var c,
+ mc,
+ r,
+ mr,
+ qrSvg = '',
+ rect;
+
+ rect =
+ 'l' +
+ cellSize +
+ ',0 0,' +
+ cellSize +
+ ' -' +
+ cellSize +
+ ',0 0,-' +
+ cellSize +
+ 'z ';
+
+ qrSvg += '';
+
+ return qrSvg;
+ };
+
+ _this.createDataURL = function(cellSize, margin) {
+ cellSize = cellSize || 2;
+ margin = typeof margin == 'undefined' ? cellSize * 4 : margin;
+
+ var size = _this.getModuleCount() * cellSize + margin * 2;
+ var min = margin;
+ var max = size - margin;
+
+ return createDataURL(size, size, function(x, y) {
+ if (min <= x && x < max && min <= y && y < max) {
+ var c = Math.floor((x - min) / cellSize);
+ var r = Math.floor((y - min) / cellSize);
+ return _this.isDark(r, c) ? 0 : 1;
+ } else {
+ return 1;
+ }
+ });
+ };
+
+ _this.createImgTag = function(cellSize, margin, alt) {
+ cellSize = cellSize || 2;
+ margin = typeof margin == 'undefined' ? cellSize * 4 : margin;
+
+ var size = _this.getModuleCount() * cellSize + margin * 2;
+
+ var img = '';
+ img += '':
+ escaped += '>';
+ break;
+ case '&':
+ escaped += '&';
+ break;
+ case '"':
+ escaped += '"';
+ break;
+ default:
+ escaped += c;
+ break;
+ }
+ }
+ return escaped;
+ };
+
+ var _createHalfASCII = function(margin) {
+ var cellSize = 1;
+ margin = typeof margin == 'undefined' ? cellSize * 2 : margin;
+
+ var size = _this.getModuleCount() * cellSize + margin * 2;
+ var min = margin;
+ var max = size - margin;
+
+ var y, x, r1, r2, p;
+
+ var blocks = {
+ '██': '█',
+ '█ ': '▀',
+ ' █': '▄',
+ ' ': ' '
+ };
+
+ var blocksLastLineNoMargin = {
+ '██': '▀',
+ '█ ': '▀',
+ ' █': ' ',
+ ' ': ' '
+ };
+
+ var ascii = '';
+ for (y = 0; y < size; y += 2) {
+ r1 = Math.floor((y - min) / cellSize);
+ r2 = Math.floor((y + 1 - min) / cellSize);
+ for (x = 0; x < size; x += 1) {
+ p = '█';
+
+ if (
+ min <= x &&
+ x < max &&
+ min <= y &&
+ y < max &&
+ _this.isDark(r1, Math.floor((x - min) / cellSize))
+ ) {
+ p = ' ';
+ }
+
+ if (
+ min <= x &&
+ x < max &&
+ min <= y + 1 &&
+ y + 1 < max &&
+ _this.isDark(r2, Math.floor((x - min) / cellSize))
+ ) {
+ p += ' ';
+ } else {
+ p += '█';
+ }
+
+ // Output 2 characters per pixel, to create full square. 1 character per pixels gives only half width of square.
+ ascii +=
+ margin < 1 && y + 1 >= max ? blocksLastLineNoMargin[p] : blocks[p];
+ }
+
+ ascii += '\n';
+ }
+
+ if (size % 2 && margin > 0) {
+ return (
+ ascii.substring(0, ascii.length - size - 1) +
+ Array(size + 1).join('▀')
+ );
+ }
+
+ return ascii.substring(0, ascii.length - 1);
+ };
+
+ _this.createASCII = function(cellSize, margin) {
+ cellSize = cellSize || 1;
+
+ if (cellSize < 2) {
+ return _createHalfASCII(margin);
+ }
+
+ cellSize -= 1;
+ margin = typeof margin == 'undefined' ? cellSize * 2 : margin;
+
+ var size = _this.getModuleCount() * cellSize + margin * 2;
+ var min = margin;
+ var max = size - margin;
+
+ var y, x, r, p;
+
+ var white = Array(cellSize + 1).join('██');
+ var black = Array(cellSize + 1).join(' ');
+
+ var ascii = '';
+ var line = '';
+ for (y = 0; y < size; y += 1) {
+ r = Math.floor((y - min) / cellSize);
+ line = '';
+ for (x = 0; x < size; x += 1) {
+ p = 1;
+
+ if (
+ min <= x &&
+ x < max &&
+ min <= y &&
+ y < max &&
+ _this.isDark(r, Math.floor((x - min) / cellSize))
+ ) {
+ p = 0;
+ }
+
+ // Output 2 characters per pixel, to create full square. 1 character per pixels gives only half width of square.
+ line += p ? white : black;
+ }
+
+ for (r = 0; r < cellSize; r += 1) {
+ ascii += line + '\n';
+ }
+ }
+
+ return ascii.substring(0, ascii.length - 1);
+ };
+
+ _this.renderTo2dContext = function(context, cellSize) {
+ cellSize = cellSize || 2;
+ var length = _this.getModuleCount();
+ for (var row = 0; row < length; row++) {
+ for (var col = 0; col < length; col++) {
+ context.fillStyle = _this.isDark(row, col) ? 'black' : 'white';
+ context.fillRect(row * cellSize, col * cellSize, cellSize, cellSize);
+ }
+ }
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // qrcode.stringToBytes
+ //---------------------------------------------------------------------
+
+ qrcode.stringToBytesFuncs = {
+ default: function(s) {
+ var bytes = [];
+ for (var i = 0; i < s.length; i += 1) {
+ var c = s.charCodeAt(i);
+ bytes.push(c & 0xff);
+ }
+ return bytes;
+ }
+ };
+
+ qrcode.stringToBytes = qrcode.stringToBytesFuncs['default'];
+
+ //---------------------------------------------------------------------
+ // qrcode.createStringToBytes
+ //---------------------------------------------------------------------
+
+ /**
+ * @param unicodeData base64 string of byte array.
+ * [16bit Unicode],[16bit Bytes], ...
+ * @param numChars
+ */
+ qrcode.createStringToBytes = function(unicodeData, numChars) {
+ // create conversion map.
+
+ var unicodeMap = (function() {
+ var bin = base64DecodeInputStream(unicodeData);
+ var read = function() {
+ var b = bin.read();
+ if (b == -1) throw 'eof';
+ return b;
+ };
+
+ var count = 0;
+ var unicodeMap = {};
+ while (true) {
+ var b0 = bin.read();
+ if (b0 == -1) break;
+ var b1 = read();
+ var b2 = read();
+ var b3 = read();
+ var k = String.fromCharCode((b0 << 8) | b1);
+ var v = (b2 << 8) | b3;
+ unicodeMap[k] = v;
+ count += 1;
+ }
+ if (count != numChars) {
+ throw count + ' != ' + numChars;
+ }
+
+ return unicodeMap;
+ })();
+
+ var unknownChar = '?'.charCodeAt(0);
+
+ return function(s) {
+ var bytes = [];
+ for (var i = 0; i < s.length; i += 1) {
+ var c = s.charCodeAt(i);
+ if (c < 128) {
+ bytes.push(c);
+ } else {
+ var b = unicodeMap[s.charAt(i)];
+ if (typeof b == 'number') {
+ if ((b & 0xff) == b) {
+ // 1byte
+ bytes.push(b);
+ } else {
+ // 2bytes
+ bytes.push(b >>> 8);
+ bytes.push(b & 0xff);
+ }
+ } else {
+ bytes.push(unknownChar);
+ }
+ }
+ }
+ return bytes;
+ };
+ };
+
+ //---------------------------------------------------------------------
+ // QRMode
+ //---------------------------------------------------------------------
+
+ var QRMode = {
+ MODE_NUMBER: 1 << 0,
+ MODE_ALPHA_NUM: 1 << 1,
+ MODE_8BIT_BYTE: 1 << 2,
+ MODE_KANJI: 1 << 3
+ };
+
+ //---------------------------------------------------------------------
+ // QRErrorCorrectionLevel
+ //---------------------------------------------------------------------
+
+ var QRErrorCorrectionLevel = {
+ L: 1,
+ M: 0,
+ Q: 3,
+ H: 2
+ };
+
+ //---------------------------------------------------------------------
+ // QRMaskPattern
+ //---------------------------------------------------------------------
+
+ var QRMaskPattern = {
+ PATTERN000: 0,
+ PATTERN001: 1,
+ PATTERN010: 2,
+ PATTERN011: 3,
+ PATTERN100: 4,
+ PATTERN101: 5,
+ PATTERN110: 6,
+ PATTERN111: 7
+ };
+
+ //---------------------------------------------------------------------
+ // QRUtil
+ //---------------------------------------------------------------------
+
+ var QRUtil = (function() {
+ var PATTERN_POSITION_TABLE = [
+ [],
+ [6, 18],
+ [6, 22],
+ [6, 26],
+ [6, 30],
+ [6, 34],
+ [6, 22, 38],
+ [6, 24, 42],
+ [6, 26, 46],
+ [6, 28, 50],
+ [6, 30, 54],
+ [6, 32, 58],
+ [6, 34, 62],
+ [6, 26, 46, 66],
+ [6, 26, 48, 70],
+ [6, 26, 50, 74],
+ [6, 30, 54, 78],
+ [6, 30, 56, 82],
+ [6, 30, 58, 86],
+ [6, 34, 62, 90],
+ [6, 28, 50, 72, 94],
+ [6, 26, 50, 74, 98],
+ [6, 30, 54, 78, 102],
+ [6, 28, 54, 80, 106],
+ [6, 32, 58, 84, 110],
+ [6, 30, 58, 86, 114],
+ [6, 34, 62, 90, 118],
+ [6, 26, 50, 74, 98, 122],
+ [6, 30, 54, 78, 102, 126],
+ [6, 26, 52, 78, 104, 130],
+ [6, 30, 56, 82, 108, 134],
+ [6, 34, 60, 86, 112, 138],
+ [6, 30, 58, 86, 114, 142],
+ [6, 34, 62, 90, 118, 146],
+ [6, 30, 54, 78, 102, 126, 150],
+ [6, 24, 50, 76, 102, 128, 154],
+ [6, 28, 54, 80, 106, 132, 158],
+ [6, 32, 58, 84, 110, 136, 162],
+ [6, 26, 54, 82, 110, 138, 166],
+ [6, 30, 58, 86, 114, 142, 170]
+ ];
+ var G15 =
+ (1 << 10) |
+ (1 << 8) |
+ (1 << 5) |
+ (1 << 4) |
+ (1 << 2) |
+ (1 << 1) |
+ (1 << 0);
+ var G18 =
+ (1 << 12) |
+ (1 << 11) |
+ (1 << 10) |
+ (1 << 9) |
+ (1 << 8) |
+ (1 << 5) |
+ (1 << 2) |
+ (1 << 0);
+ var G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1);
+
+ var _this = {};
+
+ var getBCHDigit = function(data) {
+ var digit = 0;
+ while (data != 0) {
+ digit += 1;
+ data >>>= 1;
+ }
+ return digit;
+ };
+
+ _this.getBCHTypeInfo = function(data) {
+ var d = data << 10;
+ while (getBCHDigit(d) - getBCHDigit(G15) >= 0) {
+ d ^= G15 << (getBCHDigit(d) - getBCHDigit(G15));
+ }
+ return ((data << 10) | d) ^ G15_MASK;
+ };
+
+ _this.getBCHTypeNumber = function(data) {
+ var d = data << 12;
+ while (getBCHDigit(d) - getBCHDigit(G18) >= 0) {
+ d ^= G18 << (getBCHDigit(d) - getBCHDigit(G18));
+ }
+ return (data << 12) | d;
+ };
+
+ _this.getPatternPosition = function(typeNumber) {
+ return PATTERN_POSITION_TABLE[typeNumber - 1];
+ };
+
+ _this.getMaskFunction = function(maskPattern) {
+ switch (maskPattern) {
+ case QRMaskPattern.PATTERN000:
+ return function(i, j) {
+ return (i + j) % 2 == 0;
+ };
+ case QRMaskPattern.PATTERN001:
+ return function(i, j) {
+ return i % 2 == 0;
+ };
+ case QRMaskPattern.PATTERN010:
+ return function(i, j) {
+ return j % 3 == 0;
+ };
+ case QRMaskPattern.PATTERN011:
+ return function(i, j) {
+ return (i + j) % 3 == 0;
+ };
+ case QRMaskPattern.PATTERN100:
+ return function(i, j) {
+ return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
+ };
+ case QRMaskPattern.PATTERN101:
+ return function(i, j) {
+ return ((i * j) % 2) + ((i * j) % 3) == 0;
+ };
+ case QRMaskPattern.PATTERN110:
+ return function(i, j) {
+ return (((i * j) % 2) + ((i * j) % 3)) % 2 == 0;
+ };
+ case QRMaskPattern.PATTERN111:
+ return function(i, j) {
+ return (((i * j) % 3) + ((i + j) % 2)) % 2 == 0;
+ };
+
+ default:
+ throw 'bad maskPattern:' + maskPattern;
+ }
+ };
+
+ _this.getErrorCorrectPolynomial = function(errorCorrectLength) {
+ var a = qrPolynomial([1], 0);
+ for (var i = 0; i < errorCorrectLength; i += 1) {
+ a = a.multiply(qrPolynomial([1, QRMath.gexp(i)], 0));
+ }
+ return a;
+ };
+
+ _this.getLengthInBits = function(mode, type) {
+ if (1 <= type && type < 10) {
+ // 1 - 9
+
+ switch (mode) {
+ case QRMode.MODE_NUMBER:
+ return 10;
+ case QRMode.MODE_ALPHA_NUM:
+ return 9;
+ case QRMode.MODE_8BIT_BYTE:
+ return 8;
+ case QRMode.MODE_KANJI:
+ return 8;
+ default:
+ throw 'mode:' + mode;
+ }
+ } else if (type < 27) {
+ // 10 - 26
+
+ switch (mode) {
+ case QRMode.MODE_NUMBER:
+ return 12;
+ case QRMode.MODE_ALPHA_NUM:
+ return 11;
+ case QRMode.MODE_8BIT_BYTE:
+ return 16;
+ case QRMode.MODE_KANJI:
+ return 10;
+ default:
+ throw 'mode:' + mode;
+ }
+ } else if (type < 41) {
+ // 27 - 40
+
+ switch (mode) {
+ case QRMode.MODE_NUMBER:
+ return 14;
+ case QRMode.MODE_ALPHA_NUM:
+ return 13;
+ case QRMode.MODE_8BIT_BYTE:
+ return 16;
+ case QRMode.MODE_KANJI:
+ return 12;
+ default:
+ throw 'mode:' + mode;
+ }
+ } else {
+ throw 'type:' + type;
+ }
+ };
+
+ _this.getLostPoint = function(qrcode) {
+ var moduleCount = qrcode.getModuleCount();
+
+ var lostPoint = 0;
+
+ // LEVEL1
+
+ for (var row = 0; row < moduleCount; row += 1) {
+ for (var col = 0; col < moduleCount; col += 1) {
+ var sameCount = 0;
+ var dark = qrcode.isDark(row, col);
+
+ for (var r = -1; r <= 1; r += 1) {
+ if (row + r < 0 || moduleCount <= row + r) {
+ continue;
+ }
+
+ for (var c = -1; c <= 1; c += 1) {
+ if (col + c < 0 || moduleCount <= col + c) {
+ continue;
+ }
+
+ if (r == 0 && c == 0) {
+ continue;
+ }
+
+ if (dark == qrcode.isDark(row + r, col + c)) {
+ sameCount += 1;
+ }
+ }
+ }
+
+ if (sameCount > 5) {
+ lostPoint += 3 + sameCount - 5;
+ }
+ }
+ }
+
+ // LEVEL2
+
+ for (var row = 0; row < moduleCount - 1; row += 1) {
+ for (var col = 0; col < moduleCount - 1; col += 1) {
+ var count = 0;
+ if (qrcode.isDark(row, col)) count += 1;
+ if (qrcode.isDark(row + 1, col)) count += 1;
+ if (qrcode.isDark(row, col + 1)) count += 1;
+ if (qrcode.isDark(row + 1, col + 1)) count += 1;
+ if (count == 0 || count == 4) {
+ lostPoint += 3;
+ }
+ }
+ }
+
+ // LEVEL3
+
+ for (var row = 0; row < moduleCount; row += 1) {
+ for (var col = 0; col < moduleCount - 6; col += 1) {
+ if (
+ qrcode.isDark(row, col) &&
+ !qrcode.isDark(row, col + 1) &&
+ qrcode.isDark(row, col + 2) &&
+ qrcode.isDark(row, col + 3) &&
+ qrcode.isDark(row, col + 4) &&
+ !qrcode.isDark(row, col + 5) &&
+ qrcode.isDark(row, col + 6)
+ ) {
+ lostPoint += 40;
+ }
+ }
+ }
+
+ for (var col = 0; col < moduleCount; col += 1) {
+ for (var row = 0; row < moduleCount - 6; row += 1) {
+ if (
+ qrcode.isDark(row, col) &&
+ !qrcode.isDark(row + 1, col) &&
+ qrcode.isDark(row + 2, col) &&
+ qrcode.isDark(row + 3, col) &&
+ qrcode.isDark(row + 4, col) &&
+ !qrcode.isDark(row + 5, col) &&
+ qrcode.isDark(row + 6, col)
+ ) {
+ lostPoint += 40;
+ }
+ }
+ }
+
+ // LEVEL4
+
+ var darkCount = 0;
+
+ for (var col = 0; col < moduleCount; col += 1) {
+ for (var row = 0; row < moduleCount; row += 1) {
+ if (qrcode.isDark(row, col)) {
+ darkCount += 1;
+ }
+ }
+ }
+
+ var ratio =
+ Math.abs((100 * darkCount) / moduleCount / moduleCount - 50) / 5;
+ lostPoint += ratio * 10;
+
+ return lostPoint;
+ };
+
+ return _this;
+ })();
+
+ //---------------------------------------------------------------------
+ // QRMath
+ //---------------------------------------------------------------------
+
+ var QRMath = (function() {
+ var EXP_TABLE = new Array(256);
+ var LOG_TABLE = new Array(256);
+
+ // initialize tables
+ for (var i = 0; i < 8; i += 1) {
+ EXP_TABLE[i] = 1 << i;
+ }
+ for (var i = 8; i < 256; i += 1) {
+ EXP_TABLE[i] =
+ EXP_TABLE[i - 4] ^
+ EXP_TABLE[i - 5] ^
+ EXP_TABLE[i - 6] ^
+ EXP_TABLE[i - 8];
+ }
+ for (var i = 0; i < 255; i += 1) {
+ LOG_TABLE[EXP_TABLE[i]] = i;
+ }
+
+ var _this = {};
+
+ _this.glog = function(n) {
+ if (n < 1) {
+ throw 'glog(' + n + ')';
+ }
+
+ return LOG_TABLE[n];
+ };
+
+ _this.gexp = function(n) {
+ while (n < 0) {
+ n += 255;
+ }
+
+ while (n >= 256) {
+ n -= 255;
+ }
+
+ return EXP_TABLE[n];
+ };
+
+ return _this;
+ })();
+
+ //---------------------------------------------------------------------
+ // qrPolynomial
+ //---------------------------------------------------------------------
+
+ function qrPolynomial(num, shift) {
+ if (typeof num.length == 'undefined') {
+ throw num.length + '/' + shift;
+ }
+
+ var _num = (function() {
+ var offset = 0;
+ while (offset < num.length && num[offset] == 0) {
+ offset += 1;
+ }
+ var _num = new Array(num.length - offset + shift);
+ for (var i = 0; i < num.length - offset; i += 1) {
+ _num[i] = num[i + offset];
+ }
+ return _num;
+ })();
+
+ var _this = {};
+
+ _this.getAt = function(index) {
+ return _num[index];
+ };
+
+ _this.getLength = function() {
+ return _num.length;
+ };
+
+ _this.multiply = function(e) {
+ var num = new Array(_this.getLength() + e.getLength() - 1);
+
+ for (var i = 0; i < _this.getLength(); i += 1) {
+ for (var j = 0; j < e.getLength(); j += 1) {
+ num[i + j] ^= QRMath.gexp(
+ QRMath.glog(_this.getAt(i)) + QRMath.glog(e.getAt(j))
+ );
+ }
+ }
+
+ return qrPolynomial(num, 0);
+ };
+
+ _this.mod = function(e) {
+ if (_this.getLength() - e.getLength() < 0) {
+ return _this;
+ }
+
+ var ratio = QRMath.glog(_this.getAt(0)) - QRMath.glog(e.getAt(0));
+
+ var num = new Array(_this.getLength());
+ for (var i = 0; i < _this.getLength(); i += 1) {
+ num[i] = _this.getAt(i);
+ }
+
+ for (var i = 0; i < e.getLength(); i += 1) {
+ num[i] ^= QRMath.gexp(QRMath.glog(e.getAt(i)) + ratio);
+ }
+
+ // recursive call
+ return qrPolynomial(num, 0).mod(e);
+ };
+
+ return _this;
+ }
+
+ //---------------------------------------------------------------------
+ // QRRSBlock
+ //---------------------------------------------------------------------
+
+ var QRRSBlock = (function() {
+ var RS_BLOCK_TABLE = [
+ // L
+ // M
+ // Q
+ // H
+
+ // 1
+ [1, 26, 19],
+ [1, 26, 16],
+ [1, 26, 13],
+ [1, 26, 9],
+
+ // 2
+ [1, 44, 34],
+ [1, 44, 28],
+ [1, 44, 22],
+ [1, 44, 16],
+
+ // 3
+ [1, 70, 55],
+ [1, 70, 44],
+ [2, 35, 17],
+ [2, 35, 13],
+
+ // 4
+ [1, 100, 80],
+ [2, 50, 32],
+ [2, 50, 24],
+ [4, 25, 9],
+
+ // 5
+ [1, 134, 108],
+ [2, 67, 43],
+ [2, 33, 15, 2, 34, 16],
+ [2, 33, 11, 2, 34, 12],
+
+ // 6
+ [2, 86, 68],
+ [4, 43, 27],
+ [4, 43, 19],
+ [4, 43, 15],
+
+ // 7
+ [2, 98, 78],
+ [4, 49, 31],
+ [2, 32, 14, 4, 33, 15],
+ [4, 39, 13, 1, 40, 14],
+
+ // 8
+ [2, 121, 97],
+ [2, 60, 38, 2, 61, 39],
+ [4, 40, 18, 2, 41, 19],
+ [4, 40, 14, 2, 41, 15],
+
+ // 9
+ [2, 146, 116],
+ [3, 58, 36, 2, 59, 37],
+ [4, 36, 16, 4, 37, 17],
+ [4, 36, 12, 4, 37, 13],
+
+ // 10
+ [2, 86, 68, 2, 87, 69],
+ [4, 69, 43, 1, 70, 44],
+ [6, 43, 19, 2, 44, 20],
+ [6, 43, 15, 2, 44, 16],
+
+ // 11
+ [4, 101, 81],
+ [1, 80, 50, 4, 81, 51],
+ [4, 50, 22, 4, 51, 23],
+ [3, 36, 12, 8, 37, 13],
+
+ // 12
+ [2, 116, 92, 2, 117, 93],
+ [6, 58, 36, 2, 59, 37],
+ [4, 46, 20, 6, 47, 21],
+ [7, 42, 14, 4, 43, 15],
+
+ // 13
+ [4, 133, 107],
+ [8, 59, 37, 1, 60, 38],
+ [8, 44, 20, 4, 45, 21],
+ [12, 33, 11, 4, 34, 12],
+
+ // 14
+ [3, 145, 115, 1, 146, 116],
+ [4, 64, 40, 5, 65, 41],
+ [11, 36, 16, 5, 37, 17],
+ [11, 36, 12, 5, 37, 13],
+
+ // 15
+ [5, 109, 87, 1, 110, 88],
+ [5, 65, 41, 5, 66, 42],
+ [5, 54, 24, 7, 55, 25],
+ [11, 36, 12, 7, 37, 13],
+
+ // 16
+ [5, 122, 98, 1, 123, 99],
+ [7, 73, 45, 3, 74, 46],
+ [15, 43, 19, 2, 44, 20],
+ [3, 45, 15, 13, 46, 16],
+
+ // 17
+ [1, 135, 107, 5, 136, 108],
+ [10, 74, 46, 1, 75, 47],
+ [1, 50, 22, 15, 51, 23],
+ [2, 42, 14, 17, 43, 15],
+
+ // 18
+ [5, 150, 120, 1, 151, 121],
+ [9, 69, 43, 4, 70, 44],
+ [17, 50, 22, 1, 51, 23],
+ [2, 42, 14, 19, 43, 15],
+
+ // 19
+ [3, 141, 113, 4, 142, 114],
+ [3, 70, 44, 11, 71, 45],
+ [17, 47, 21, 4, 48, 22],
+ [9, 39, 13, 16, 40, 14],
+
+ // 20
+ [3, 135, 107, 5, 136, 108],
+ [3, 67, 41, 13, 68, 42],
+ [15, 54, 24, 5, 55, 25],
+ [15, 43, 15, 10, 44, 16],
+
+ // 21
+ [4, 144, 116, 4, 145, 117],
+ [17, 68, 42],
+ [17, 50, 22, 6, 51, 23],
+ [19, 46, 16, 6, 47, 17],
+
+ // 22
+ [2, 139, 111, 7, 140, 112],
+ [17, 74, 46],
+ [7, 54, 24, 16, 55, 25],
+ [34, 37, 13],
+
+ // 23
+ [4, 151, 121, 5, 152, 122],
+ [4, 75, 47, 14, 76, 48],
+ [11, 54, 24, 14, 55, 25],
+ [16, 45, 15, 14, 46, 16],
+
+ // 24
+ [6, 147, 117, 4, 148, 118],
+ [6, 73, 45, 14, 74, 46],
+ [11, 54, 24, 16, 55, 25],
+ [30, 46, 16, 2, 47, 17],
+
+ // 25
+ [8, 132, 106, 4, 133, 107],
+ [8, 75, 47, 13, 76, 48],
+ [7, 54, 24, 22, 55, 25],
+ [22, 45, 15, 13, 46, 16],
+
+ // 26
+ [10, 142, 114, 2, 143, 115],
+ [19, 74, 46, 4, 75, 47],
+ [28, 50, 22, 6, 51, 23],
+ [33, 46, 16, 4, 47, 17],
+
+ // 27
+ [8, 152, 122, 4, 153, 123],
+ [22, 73, 45, 3, 74, 46],
+ [8, 53, 23, 26, 54, 24],
+ [12, 45, 15, 28, 46, 16],
+
+ // 28
+ [3, 147, 117, 10, 148, 118],
+ [3, 73, 45, 23, 74, 46],
+ [4, 54, 24, 31, 55, 25],
+ [11, 45, 15, 31, 46, 16],
+
+ // 29
+ [7, 146, 116, 7, 147, 117],
+ [21, 73, 45, 7, 74, 46],
+ [1, 53, 23, 37, 54, 24],
+ [19, 45, 15, 26, 46, 16],
+
+ // 30
+ [5, 145, 115, 10, 146, 116],
+ [19, 75, 47, 10, 76, 48],
+ [15, 54, 24, 25, 55, 25],
+ [23, 45, 15, 25, 46, 16],
+
+ // 31
+ [13, 145, 115, 3, 146, 116],
+ [2, 74, 46, 29, 75, 47],
+ [42, 54, 24, 1, 55, 25],
+ [23, 45, 15, 28, 46, 16],
+
+ // 32
+ [17, 145, 115],
+ [10, 74, 46, 23, 75, 47],
+ [10, 54, 24, 35, 55, 25],
+ [19, 45, 15, 35, 46, 16],
+
+ // 33
+ [17, 145, 115, 1, 146, 116],
+ [14, 74, 46, 21, 75, 47],
+ [29, 54, 24, 19, 55, 25],
+ [11, 45, 15, 46, 46, 16],
+
+ // 34
+ [13, 145, 115, 6, 146, 116],
+ [14, 74, 46, 23, 75, 47],
+ [44, 54, 24, 7, 55, 25],
+ [59, 46, 16, 1, 47, 17],
+
+ // 35
+ [12, 151, 121, 7, 152, 122],
+ [12, 75, 47, 26, 76, 48],
+ [39, 54, 24, 14, 55, 25],
+ [22, 45, 15, 41, 46, 16],
+
+ // 36
+ [6, 151, 121, 14, 152, 122],
+ [6, 75, 47, 34, 76, 48],
+ [46, 54, 24, 10, 55, 25],
+ [2, 45, 15, 64, 46, 16],
+
+ // 37
+ [17, 152, 122, 4, 153, 123],
+ [29, 74, 46, 14, 75, 47],
+ [49, 54, 24, 10, 55, 25],
+ [24, 45, 15, 46, 46, 16],
+
+ // 38
+ [4, 152, 122, 18, 153, 123],
+ [13, 74, 46, 32, 75, 47],
+ [48, 54, 24, 14, 55, 25],
+ [42, 45, 15, 32, 46, 16],
+
+ // 39
+ [20, 147, 117, 4, 148, 118],
+ [40, 75, 47, 7, 76, 48],
+ [43, 54, 24, 22, 55, 25],
+ [10, 45, 15, 67, 46, 16],
+
+ // 40
+ [19, 148, 118, 6, 149, 119],
+ [18, 75, 47, 31, 76, 48],
+ [34, 54, 24, 34, 55, 25],
+ [20, 45, 15, 61, 46, 16]
+ ];
+
+ var qrRSBlock = function(totalCount, dataCount) {
+ var _this = {};
+ _this.totalCount = totalCount;
+ _this.dataCount = dataCount;
+ return _this;
+ };
+
+ var _this = {};
+
+ var getRsBlockTable = function(typeNumber, errorCorrectionLevel) {
+ switch (errorCorrectionLevel) {
+ case QRErrorCorrectionLevel.L:
+ return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+ case QRErrorCorrectionLevel.M:
+ return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+ case QRErrorCorrectionLevel.Q:
+ return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+ case QRErrorCorrectionLevel.H:
+ return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+ default:
+ return undefined;
+ }
+ };
+
+ _this.getRSBlocks = function(typeNumber, errorCorrectionLevel) {
+ var rsBlock = getRsBlockTable(typeNumber, errorCorrectionLevel);
+
+ if (typeof rsBlock == 'undefined') {
+ throw 'bad rs block @ typeNumber:' +
+ typeNumber +
+ '/errorCorrectionLevel:' +
+ errorCorrectionLevel;
+ }
+
+ var length = rsBlock.length / 3;
+
+ var list = [];
+
+ for (var i = 0; i < length; i += 1) {
+ var count = rsBlock[i * 3 + 0];
+ var totalCount = rsBlock[i * 3 + 1];
+ var dataCount = rsBlock[i * 3 + 2];
+
+ for (var j = 0; j < count; j += 1) {
+ list.push(qrRSBlock(totalCount, dataCount));
+ }
+ }
+
+ return list;
+ };
+
+ return _this;
+ })();
+
+ //---------------------------------------------------------------------
+ // qrBitBuffer
+ //---------------------------------------------------------------------
+
+ var qrBitBuffer = function() {
+ var _buffer = [];
+ var _length = 0;
+
+ var _this = {};
+
+ _this.getBuffer = function() {
+ return _buffer;
+ };
+
+ _this.getAt = function(index) {
+ var bufIndex = Math.floor(index / 8);
+ return ((_buffer[bufIndex] >>> (7 - (index % 8))) & 1) == 1;
+ };
+
+ _this.put = function(num, length) {
+ for (var i = 0; i < length; i += 1) {
+ _this.putBit(((num >>> (length - i - 1)) & 1) == 1);
+ }
+ };
+
+ _this.getLengthInBits = function() {
+ return _length;
+ };
+
+ _this.putBit = function(bit) {
+ var bufIndex = Math.floor(_length / 8);
+ if (_buffer.length <= bufIndex) {
+ _buffer.push(0);
+ }
+
+ if (bit) {
+ _buffer[bufIndex] |= 0x80 >>> _length % 8;
+ }
+
+ _length += 1;
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // qrNumber
+ //---------------------------------------------------------------------
+
+ var qrNumber = function(data) {
+ var _mode = QRMode.MODE_NUMBER;
+ var _data = data;
+
+ var _this = {};
+
+ _this.getMode = function() {
+ return _mode;
+ };
+
+ _this.getLength = function(buffer) {
+ return _data.length;
+ };
+
+ _this.write = function(buffer) {
+ var data = _data;
+
+ var i = 0;
+
+ while (i + 2 < data.length) {
+ buffer.put(strToNum(data.substring(i, i + 3)), 10);
+ i += 3;
+ }
+
+ if (i < data.length) {
+ if (data.length - i == 1) {
+ buffer.put(strToNum(data.substring(i, i + 1)), 4);
+ } else if (data.length - i == 2) {
+ buffer.put(strToNum(data.substring(i, i + 2)), 7);
+ }
+ }
+ };
+
+ var strToNum = function(s) {
+ var num = 0;
+ for (var i = 0; i < s.length; i += 1) {
+ num = num * 10 + chatToNum(s.charAt(i));
+ }
+ return num;
+ };
+
+ var chatToNum = function(c) {
+ if ('0' <= c && c <= '9') {
+ return c.charCodeAt(0) - '0'.charCodeAt(0);
+ }
+ throw 'illegal char :' + c;
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // qrAlphaNum
+ //---------------------------------------------------------------------
+
+ var qrAlphaNum = function(data) {
+ var _mode = QRMode.MODE_ALPHA_NUM;
+ var _data = data;
+
+ var _this = {};
+
+ _this.getMode = function() {
+ return _mode;
+ };
+
+ _this.getLength = function(buffer) {
+ return _data.length;
+ };
+
+ _this.write = function(buffer) {
+ var s = _data;
+
+ var i = 0;
+
+ while (i + 1 < s.length) {
+ buffer.put(getCode(s.charAt(i)) * 45 + getCode(s.charAt(i + 1)), 11);
+ i += 2;
+ }
+
+ if (i < s.length) {
+ buffer.put(getCode(s.charAt(i)), 6);
+ }
+ };
+
+ var getCode = function(c) {
+ if ('0' <= c && c <= '9') {
+ return c.charCodeAt(0) - '0'.charCodeAt(0);
+ } else if ('A' <= c && c <= 'Z') {
+ return c.charCodeAt(0) - 'A'.charCodeAt(0) + 10;
+ } else {
+ switch (c) {
+ case ' ':
+ return 36;
+ case '$':
+ return 37;
+ case '%':
+ return 38;
+ case '*':
+ return 39;
+ case '+':
+ return 40;
+ case '-':
+ return 41;
+ case '.':
+ return 42;
+ case '/':
+ return 43;
+ case ':':
+ return 44;
+ default:
+ throw 'illegal char :' + c;
+ }
+ }
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // qr8BitByte
+ //---------------------------------------------------------------------
+
+ var qr8BitByte = function(data) {
+ var _mode = QRMode.MODE_8BIT_BYTE;
+ var _data = data;
+ var _bytes = qrcode.stringToBytes(data);
+
+ var _this = {};
+
+ _this.getMode = function() {
+ return _mode;
+ };
+
+ _this.getLength = function(buffer) {
+ return _bytes.length;
+ };
+
+ _this.write = function(buffer) {
+ for (var i = 0; i < _bytes.length; i += 1) {
+ buffer.put(_bytes[i], 8);
+ }
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // qrKanji
+ //---------------------------------------------------------------------
+
+ var qrKanji = function(data) {
+ var _mode = QRMode.MODE_KANJI;
+ var _data = data;
+
+ var stringToBytes = qrcode.stringToBytesFuncs['SJIS'];
+ if (!stringToBytes) {
+ throw 'sjis not supported.';
+ }
+ !(function(c, code) {
+ // self test for sjis support.
+ var test = stringToBytes(c);
+ if (test.length != 2 || ((test[0] << 8) | test[1]) != code) {
+ throw 'sjis not supported.';
+ }
+ })('\u53cb', 0x9746);
+
+ var _bytes = stringToBytes(data);
+
+ var _this = {};
+
+ _this.getMode = function() {
+ return _mode;
+ };
+
+ _this.getLength = function(buffer) {
+ return ~~(_bytes.length / 2);
+ };
+
+ _this.write = function(buffer) {
+ var data = _bytes;
+
+ var i = 0;
+
+ while (i + 1 < data.length) {
+ var c = ((0xff & data[i]) << 8) | (0xff & data[i + 1]);
+
+ if (0x8140 <= c && c <= 0x9ffc) {
+ c -= 0x8140;
+ } else if (0xe040 <= c && c <= 0xebbf) {
+ c -= 0xc140;
+ } else {
+ throw 'illegal char at ' + (i + 1) + '/' + c;
+ }
+
+ c = ((c >>> 8) & 0xff) * 0xc0 + (c & 0xff);
+
+ buffer.put(c, 13);
+
+ i += 2;
+ }
+
+ if (i < data.length) {
+ throw 'illegal char at ' + (i + 1);
+ }
+ };
+
+ return _this;
+ };
+
+ //=====================================================================
+ // GIF Support etc.
+ //
+
+ //---------------------------------------------------------------------
+ // byteArrayOutputStream
+ //---------------------------------------------------------------------
+
+ var byteArrayOutputStream = function() {
+ var _bytes = [];
+
+ var _this = {};
+
+ _this.writeByte = function(b) {
+ _bytes.push(b & 0xff);
+ };
+
+ _this.writeShort = function(i) {
+ _this.writeByte(i);
+ _this.writeByte(i >>> 8);
+ };
+
+ _this.writeBytes = function(b, off, len) {
+ off = off || 0;
+ len = len || b.length;
+ for (var i = 0; i < len; i += 1) {
+ _this.writeByte(b[i + off]);
+ }
+ };
+
+ _this.writeString = function(s) {
+ for (var i = 0; i < s.length; i += 1) {
+ _this.writeByte(s.charCodeAt(i));
+ }
+ };
+
+ _this.toByteArray = function() {
+ return _bytes;
+ };
+
+ _this.toString = function() {
+ var s = '';
+ s += '[';
+ for (var i = 0; i < _bytes.length; i += 1) {
+ if (i > 0) {
+ s += ',';
+ }
+ s += _bytes[i];
+ }
+ s += ']';
+ return s;
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // base64EncodeOutputStream
+ //---------------------------------------------------------------------
+
+ var base64EncodeOutputStream = function() {
+ var _buffer = 0;
+ var _buflen = 0;
+ var _length = 0;
+ var _base64 = '';
+
+ var _this = {};
+
+ var writeEncoded = function(b) {
+ _base64 += String.fromCharCode(encode(b & 0x3f));
+ };
+
+ var encode = function(n) {
+ if (n < 0) {
+ // error.
+ } else if (n < 26) {
+ return 0x41 + n;
+ } else if (n < 52) {
+ return 0x61 + (n - 26);
+ } else if (n < 62) {
+ return 0x30 + (n - 52);
+ } else if (n == 62) {
+ return 0x2b;
+ } else if (n == 63) {
+ return 0x2f;
+ }
+ throw 'n:' + n;
+ };
+
+ _this.writeByte = function(n) {
+ _buffer = (_buffer << 8) | (n & 0xff);
+ _buflen += 8;
+ _length += 1;
+
+ while (_buflen >= 6) {
+ writeEncoded(_buffer >>> (_buflen - 6));
+ _buflen -= 6;
+ }
+ };
+
+ _this.flush = function() {
+ if (_buflen > 0) {
+ writeEncoded(_buffer << (6 - _buflen));
+ _buffer = 0;
+ _buflen = 0;
+ }
+
+ if (_length % 3 != 0) {
+ // padding
+ var padlen = 3 - (_length % 3);
+ for (var i = 0; i < padlen; i += 1) {
+ _base64 += '=';
+ }
+ }
+ };
+
+ _this.toString = function() {
+ return _base64;
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // base64DecodeInputStream
+ //---------------------------------------------------------------------
+
+ var base64DecodeInputStream = function(str) {
+ var _str = str;
+ var _pos = 0;
+ var _buffer = 0;
+ var _buflen = 0;
+
+ var _this = {};
+
+ _this.read = function() {
+ while (_buflen < 8) {
+ if (_pos >= _str.length) {
+ if (_buflen == 0) {
+ return -1;
+ }
+ throw 'unexpected end of file./' + _buflen;
+ }
+
+ var c = _str.charAt(_pos);
+ _pos += 1;
+
+ if (c == '=') {
+ _buflen = 0;
+ return -1;
+ } else if (c.match(/^\s$/)) {
+ // ignore if whitespace.
+ continue;
+ }
+
+ _buffer = (_buffer << 6) | decode(c.charCodeAt(0));
+ _buflen += 6;
+ }
+
+ var n = (_buffer >>> (_buflen - 8)) & 0xff;
+ _buflen -= 8;
+ return n;
+ };
+
+ var decode = function(c) {
+ if (0x41 <= c && c <= 0x5a) {
+ return c - 0x41;
+ } else if (0x61 <= c && c <= 0x7a) {
+ return c - 0x61 + 26;
+ } else if (0x30 <= c && c <= 0x39) {
+ return c - 0x30 + 52;
+ } else if (c == 0x2b) {
+ return 62;
+ } else if (c == 0x2f) {
+ return 63;
+ } else {
+ throw 'c:' + c;
+ }
+ };
+
+ return _this;
+ };
+
+ //---------------------------------------------------------------------
+ // gifImage (B/W)
+ //---------------------------------------------------------------------
+
+ var gifImage = function(width, height) {
+ var _width = width;
+ var _height = height;
+ var _data = new Array(width * height);
+
+ var _this = {};
+
+ _this.setPixel = function(x, y, pixel) {
+ _data[y * _width + x] = pixel;
+ };
+
+ _this.write = function(out) {
+ //---------------------------------
+ // GIF Signature
+
+ out.writeString('GIF87a');
+
+ //---------------------------------
+ // Screen Descriptor
+
+ out.writeShort(_width);
+ out.writeShort(_height);
+
+ out.writeByte(0x80); // 2bit
+ out.writeByte(0);
+ out.writeByte(0);
+
+ //---------------------------------
+ // Global Color Map
+
+ // black
+ out.writeByte(0x00);
+ out.writeByte(0x00);
+ out.writeByte(0x00);
+
+ // white
+ out.writeByte(0xff);
+ out.writeByte(0xff);
+ out.writeByte(0xff);
+
+ //---------------------------------
+ // Image Descriptor
+
+ out.writeString(',');
+ out.writeShort(0);
+ out.writeShort(0);
+ out.writeShort(_width);
+ out.writeShort(_height);
+ out.writeByte(0);
+
+ //---------------------------------
+ // Local Color Map
+
+ //---------------------------------
+ // Raster Data
+
+ var lzwMinCodeSize = 2;
+ var raster = getLZWRaster(lzwMinCodeSize);
+
+ out.writeByte(lzwMinCodeSize);
+
+ var offset = 0;
+
+ while (raster.length - offset > 255) {
+ out.writeByte(255);
+ out.writeBytes(raster, offset, 255);
+ offset += 255;
+ }
+
+ out.writeByte(raster.length - offset);
+ out.writeBytes(raster, offset, raster.length - offset);
+ out.writeByte(0x00);
+
+ //---------------------------------
+ // GIF Terminator
+ out.writeString(';');
+ };
+
+ var bitOutputStream = function(out) {
+ var _out = out;
+ var _bitLength = 0;
+ var _bitBuffer = 0;
+
+ var _this = {};
+
+ _this.write = function(data, length) {
+ if (data >>> length != 0) {
+ throw 'length over';
+ }
+
+ while (_bitLength + length >= 8) {
+ _out.writeByte(0xff & ((data << _bitLength) | _bitBuffer));
+ length -= 8 - _bitLength;
+ data >>>= 8 - _bitLength;
+ _bitBuffer = 0;
+ _bitLength = 0;
+ }
+
+ _bitBuffer = (data << _bitLength) | _bitBuffer;
+ _bitLength = _bitLength + length;
+ };
+
+ _this.flush = function() {
+ if (_bitLength > 0) {
+ _out.writeByte(_bitBuffer);
+ }
+ };
+
+ return _this;
+ };
+
+ var getLZWRaster = function(lzwMinCodeSize) {
+ var clearCode = 1 << lzwMinCodeSize;
+ var endCode = (1 << lzwMinCodeSize) + 1;
+ var bitLength = lzwMinCodeSize + 1;
+
+ // Setup LZWTable
+ var table = lzwTable();
+
+ for (var i = 0; i < clearCode; i += 1) {
+ table.add(String.fromCharCode(i));
+ }
+ table.add(String.fromCharCode(clearCode));
+ table.add(String.fromCharCode(endCode));
+
+ var byteOut = byteArrayOutputStream();
+ var bitOut = bitOutputStream(byteOut);
+
+ // clear code
+ bitOut.write(clearCode, bitLength);
+
+ var dataIndex = 0;
+
+ var s = String.fromCharCode(_data[dataIndex]);
+ dataIndex += 1;
+
+ while (dataIndex < _data.length) {
+ var c = String.fromCharCode(_data[dataIndex]);
+ dataIndex += 1;
+
+ if (table.contains(s + c)) {
+ s = s + c;
+ } else {
+ bitOut.write(table.indexOf(s), bitLength);
+
+ if (table.size() < 0xfff) {
+ if (table.size() == 1 << bitLength) {
+ bitLength += 1;
+ }
+
+ table.add(s + c);
+ }
+
+ s = c;
+ }
+ }
+
+ bitOut.write(table.indexOf(s), bitLength);
+
+ // end code
+ bitOut.write(endCode, bitLength);
+
+ bitOut.flush();
+
+ return byteOut.toByteArray();
+ };
+
+ var lzwTable = function() {
+ var _map = {};
+ var _size = 0;
+
+ var _this = {};
+
+ _this.add = function(key) {
+ if (_this.contains(key)) {
+ throw 'dup key:' + key;
+ }
+ _map[key] = _size;
+ _size += 1;
+ };
+
+ _this.size = function() {
+ return _size;
+ };
+
+ _this.indexOf = function(key) {
+ return _map[key];
+ };
+
+ _this.contains = function(key) {
+ return typeof _map[key] != 'undefined';
+ };
+
+ return _this;
+ };
+
+ return _this;
+ };
+
+ var createDataURL = function(width, height, getPixel) {
+ var gif = gifImage(width, height);
+ for (var y = 0; y < height; y += 1) {
+ for (var x = 0; x < width; x += 1) {
+ gif.setPixel(x, y, getPixel(x, y));
+ }
+ }
+
+ var b = byteArrayOutputStream();
+ gif.write(b);
+
+ var base64 = base64EncodeOutputStream();
+ var bytes = b.toByteArray();
+ for (var i = 0; i < bytes.length; i += 1) {
+ base64.writeByte(bytes[i]);
+ }
+ base64.flush();
+
+ return 'data:image/gif;base64,' + base64;
+ };
+
+ //---------------------------------------------------------------------
+ // returns qrcode function.
+
+ return qrcode;
+})();
+
+// multibyte support
+!(function() {
+ qrcode.stringToBytesFuncs['UTF-8'] = function(s) {
+ // http://stackoverflow.com/questions/18729405/how-to-convert-utf8-string-to-byte-array
+ function toUTF8Array(str) {
+ var utf8 = [];
+ for (var i = 0; i < str.length; i++) {
+ var charcode = str.charCodeAt(i);
+ if (charcode < 0x80) utf8.push(charcode);
+ else if (charcode < 0x800) {
+ utf8.push(0xc0 | (charcode >> 6), 0x80 | (charcode & 0x3f));
+ } else if (charcode < 0xd800 || charcode >= 0xe000) {
+ utf8.push(
+ 0xe0 | (charcode >> 12),
+ 0x80 | ((charcode >> 6) & 0x3f),
+ 0x80 | (charcode & 0x3f)
+ );
+ }
+ // surrogate pair
+ else {
+ i++;
+ // UTF-16 encodes 0x10000-0x10FFFF by
+ // subtracting 0x10000 and splitting the
+ // 20 bits of 0x0-0xFFFFF into two halves
+ charcode =
+ 0x10000 +
+ (((charcode & 0x3ff) << 10) | (str.charCodeAt(i) & 0x3ff));
+ utf8.push(
+ 0xf0 | (charcode >> 18),
+ 0x80 | ((charcode >> 12) & 0x3f),
+ 0x80 | ((charcode >> 6) & 0x3f),
+ 0x80 | (charcode & 0x3f)
+ );
+ }
+ }
+ return utf8;
+ }
+ return toUTF8Array(s);
+ };
+})();
+
+(function(factory) {
+ if (typeof define === 'function' && define.amd) {
+ define([], factory);
+ } else if (typeof exports === 'object') {
+ module.exports = factory();
+ }
+})(function() {
+ return qrcode;
+});
diff --git a/app/readme.md b/app/readme.md
index 7708988a..b80e5246 100644
--- a/app/readme.md
+++ b/app/readme.md
@@ -2,7 +2,7 @@
`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.
-The main entrypoint for the browser is [main.js](./main.js) and on the server [routes/index.js](./routes/index.js) gets imported by [/server/routes/pages.js](../server/routes/pages.js)
+The 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)
- `pages` contains display logic an markup for pages
- `routes` contains route definitions and logic
diff --git a/app/routes.js b/app/routes.js
new file mode 100644
index 00000000..6a259710
--- /dev/null
+++ b/app/routes.js
@@ -0,0 +1,21 @@
+const choo = require('choo');
+const download = require('./ui/download');
+const body = require('./ui/body');
+
+module.exports = function(app = choo({ hash: true })) {
+ app.route('/', body(require('./ui/home')));
+ app.route('/download/:id', body(download));
+ app.route('/download/:id/:key', body(download));
+ app.route('/unsupported/:reason', body(require('./ui/unsupported')));
+ app.route('/error', body(require('./ui/error')));
+ app.route('/blank', body(require('./ui/blank')));
+ app.route('/oauth', function(state, emit) {
+ emit('authenticate', state.query.code, state.query.state);
+ });
+ app.route('/login', function(state, emit) {
+ emit('replaceState', '/');
+ setTimeout(() => emit('render'));
+ });
+ app.route('*', body(require('./ui/notFound')));
+ return app;
+};
diff --git a/app/routes/download.js b/app/routes/download.js
deleted file mode 100644
index 63267d56..00000000
--- a/app/routes/download.js
+++ /dev/null
@@ -1,60 +0,0 @@
-const preview = require('../pages/preview');
-const download = require('../pages/download');
-const notFound = require('../pages/notFound');
-const downloadPassword = require('../templates/downloadPassword');
-const downloadButton = require('../templates/downloadButton');
-
-function hasFileInfo() {
- return !!document.getElementById('dl-file');
-}
-
-function getFileInfoFromDOM() {
- const el = document.getElementById('dl-file');
- if (!el) {
- return null;
- }
- return {
- nonce: el.getAttribute('data-nonce'),
- requiresPassword: !!+el.getAttribute('data-requires-password')
- };
-}
-
-function createFileInfo(state) {
- const metadata = getFileInfoFromDOM();
- return {
- id: state.params.id,
- secretKey: state.params.key,
- nonce: metadata.nonce,
- requiresPassword: metadata.requiresPassword
- };
-}
-
-module.exports = function(state, emit) {
- if (!state.fileInfo) {
- // This is a fresh page load
- // We need to parse the file info from the server's html
- if (!hasFileInfo()) {
- return notFound(state, emit);
- }
- state.fileInfo = createFileInfo(state);
-
- if (!state.fileInfo.requiresPassword) {
- emit('getMetadata');
- }
- }
-
- let pageAction = null; //default state: we don't have file metadata
- if (state.transfer) {
- const s = state.transfer.state;
- if (['downloading', 'decrypting', 'complete'].indexOf(s) > -1) {
- // Downloading is in progress
- return download(state, emit);
- }
- // we have file metadata
- pageAction = downloadButton(state, emit);
- } else if (state.fileInfo.requiresPassword && !state.fileInfo.password) {
- // we're waiting on the user for a valid password
- pageAction = downloadPassword(state, emit);
- }
- return preview(state, pageAction);
-};
diff --git a/app/routes/home.js b/app/routes/home.js
deleted file mode 100644
index 3d13e87f..00000000
--- a/app/routes/home.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const welcome = require('../pages/welcome');
-const upload = require('../pages/upload');
-
-module.exports = function(state, emit) {
- if (state.uploading) {
- return upload(state, emit);
- }
- return welcome(state, emit);
-};
diff --git a/app/routes/index.js b/app/routes/index.js
deleted file mode 100644
index 2d9ff80c..00000000
--- a/app/routes/index.js
+++ /dev/null
@@ -1,58 +0,0 @@
-const choo = require('choo');
-const html = require('choo/html');
-const nanotiming = require('nanotiming');
-const download = require('./download');
-const header = require('../templates/header');
-const footer = require('../templates/footer');
-const fxPromo = require('../templates/fxPromo');
-
-nanotiming.disabled = true;
-const app = choo();
-
-function banner(state, emit) {
- if (state.promo && !state.route.startsWith('/unsupported/')) {
- return fxPromo(state, emit);
- }
-}
-
-function body(template) {
- return function(state, emit) {
- const b = html`
- ${banner(state, emit)}
- ${header(state)}
-
-
- ${template(state, emit)}
-
- ${footer(state)}
- `;
- if (state.layout) {
- // server side only
- return state.layout(state, b);
- }
- return b;
- };
-}
-
-app.route('/', body(require('./home')));
-app.route('/share/:id', body(require('../pages/share')));
-app.route('/download/:id', body(download));
-app.route('/download/:id/:key', body(download));
-app.route('/completed', body(require('../pages/completed')));
-app.route('/unsupported/:reason', body(require('../pages/unsupported')));
-app.route('/legal', body(require('../pages/legal')));
-app.route('/error', body(require('../pages/error')));
-app.route('/blank', body(require('../pages/blank')));
-app.route('*', body(require('../pages/notFound')));
-
-module.exports = app;
diff --git a/app/serviceWorker.js b/app/serviceWorker.js
new file mode 100644
index 00000000..34ae25b2
--- /dev/null
+++ b/app/serviceWorker.js
@@ -0,0 +1,174 @@
+import assets from '../common/assets';
+import { version } from '../package.json';
+import Keychain from './keychain';
+import { downloadStream } from './api';
+import { transformStream } from './streams';
+import Zip from './zip';
+import contentDisposition from 'content-disposition';
+
+let noSave = false;
+const map = new Map();
+const IMAGES = /.*\.(png|svg|jpg)$/;
+const VERSIONED_ASSET = /\.[A-Fa-f0-9]{8}\.(js|css|png|svg|jpg)(#\w+)?$/;
+const DOWNLOAD_URL = /\/api\/download\/([A-Fa-f0-9]{4,})/;
+const FONT = /\.woff2?$/;
+
+self.addEventListener('install', () => {
+ self.skipWaiting();
+});
+
+self.addEventListener('activate', event => {
+ event.waitUntil(self.clients.claim().then(precache));
+});
+
+async function decryptStream(id) {
+ const file = map.get(id);
+ if (!file) {
+ return new Response(null, { status: 400 });
+ }
+ try {
+ let size = file.size;
+ let type = file.type;
+ const keychain = new Keychain(file.key, file.nonce);
+ if (file.requiresPassword) {
+ keychain.setPassword(file.password, file.url);
+ }
+
+ file.download = downloadStream(id, keychain);
+
+ const body = await file.download.result;
+
+ const decrypted = keychain.decryptStream(body);
+
+ let zipStream = null;
+ if (file.type === 'send-archive') {
+ const zip = new Zip(file.manifest, decrypted);
+ zipStream = zip.stream;
+ type = 'application/zip';
+ size = zip.size;
+ }
+ const responseStream = transformStream(
+ zipStream || decrypted,
+ {
+ transform(chunk, controller) {
+ file.progress += chunk.length;
+ controller.enqueue(chunk);
+ }
+ },
+ function oncancel() {
+ // NOTE: cancel doesn't currently fire on chrome
+ // https://bugs.chromium.org/p/chromium/issues/detail?id=638494
+ file.download.cancel();
+ map.delete(id);
+ }
+ );
+
+ const headers = {
+ 'Content-Disposition': contentDisposition(file.filename),
+ 'Content-Type': type,
+ 'Content-Length': size
+ };
+ return new Response(responseStream, { headers });
+ } catch (e) {
+ if (noSave) {
+ return new Response(null, { status: e.message });
+ }
+
+ return new Response(null, {
+ status: 302,
+ headers: {
+ Location: `/download/${id}/#${file.key}`
+ }
+ });
+ }
+}
+
+async function precache() {
+ try {
+ await cleanCache();
+ const cache = await caches.open(version);
+ const images = assets.match(IMAGES);
+ await cache.addAll(images);
+ } catch (e) {
+ console.error(e);
+ // cache will get populated on demand
+ }
+}
+
+async function cleanCache() {
+ const oldCaches = await caches.keys();
+ for (const c of oldCaches) {
+ if (c !== version) {
+ await caches.delete(c);
+ }
+ }
+}
+
+function cacheable(url) {
+ return VERSIONED_ASSET.test(url) || FONT.test(url);
+}
+
+async function cachedOrFetched(req) {
+ const cache = await caches.open(version);
+ const cached = await cache.match(req);
+ if (cached) {
+ return cached;
+ }
+ const fetched = await fetch(req);
+ if (fetched.ok && cacheable(req.url)) {
+ cache.put(req, fetched.clone());
+ }
+ return fetched;
+}
+
+self.onfetch = event => {
+ const req = event.request;
+ if (req.method !== 'GET') return;
+ const url = new URL(req.url);
+ const dlmatch = DOWNLOAD_URL.exec(url.pathname);
+ if (dlmatch) {
+ event.respondWith(decryptStream(dlmatch[1]));
+ } else if (cacheable(url.pathname)) {
+ event.respondWith(cachedOrFetched(req));
+ }
+};
+
+self.onmessage = event => {
+ if (event.data.request === 'init') {
+ noSave = event.data.noSave;
+ const info = {
+ key: event.data.key,
+ nonce: event.data.nonce,
+ filename: event.data.filename,
+ requiresPassword: event.data.requiresPassword,
+ password: event.data.password,
+ url: event.data.url,
+ type: event.data.type,
+ manifest: event.data.manifest,
+ size: event.data.size,
+ progress: 0
+ };
+ map.set(event.data.id, info);
+
+ event.ports[0].postMessage('file info received');
+ } else if (event.data.request === 'progress') {
+ const file = map.get(event.data.id);
+ if (!file) {
+ event.ports[0].postMessage({ error: 'cancelled' });
+ } else {
+ if (file.progress === file.size) {
+ map.delete(event.data.id);
+ }
+ event.ports[0].postMessage({ progress: file.progress });
+ }
+ } else if (event.data.request === 'cancel') {
+ const file = map.get(event.data.id);
+ if (file) {
+ if (file.download) {
+ file.download.cancel();
+ }
+ map.delete(event.data.id);
+ }
+ event.ports[0].postMessage('download cancelled');
+ }
+};
diff --git a/app/storage.js b/app/storage.js
index e33e449b..304759ea 100644
--- a/app/storage.js
+++ b/app/storage.js
@@ -1,4 +1,4 @@
-import { isFile } from './utils';
+import { arrayToB64, isFile } from './utils';
import OwnedFile from './ownedFile';
class Mem {
@@ -38,7 +38,7 @@ class Storage {
}
loadFiles() {
- const fs = [];
+ const fs = new Map();
for (let i = 0; i < this.engine.length; i++) {
const k = this.engine.key(i);
if (isFile(k)) {
@@ -47,14 +47,24 @@ class Storage {
if (!f.id) {
f.id = f.fileId;
}
- fs.push(f);
+
+ fs.set(f.id, f);
} catch (err) {
// obviously you're not a golfer
this.engine.removeItem(k);
}
}
}
- return fs.sort((a, b) => a.createdAt - b.createdAt);
+ return fs;
+ }
+
+ get id() {
+ let id = this.engine.getItem('device_id');
+ if (!id) {
+ id = arrayToB64(crypto.getRandomValues(new Uint8Array(16)));
+ this.engine.setItem('device_id', id);
+ }
+ return id;
}
get totalDownloads() {
@@ -76,39 +86,54 @@ class Storage {
this.engine.setItem('referrer', str);
}
get enrolled() {
- return JSON.parse(this.engine.getItem('experiments') || '[]');
+ return JSON.parse(this.engine.getItem('ab_experiments') || '{}');
}
enroll(id, variant) {
- const enrolled = this.enrolled;
- // eslint-disable-next-line no-unused-vars
- if (!enrolled.find(([i, v]) => i === id)) {
- enrolled.push([id, variant]);
- this.engine.setItem('experiments', JSON.stringify(enrolled));
- }
+ const enrolled = {};
+ enrolled[id] = variant;
+ this.engine.setItem('ab_experiments', JSON.stringify(enrolled));
}
get files() {
- return this._files;
+ return Array.from(this._files.values()).sort(
+ (a, b) => a.createdAt - b.createdAt
+ );
+ }
+
+ get user() {
+ try {
+ return JSON.parse(this.engine.getItem('user'));
+ } catch (e) {
+ return null;
+ }
+ }
+
+ set user(info) {
+ return this.engine.setItem('user', JSON.stringify(info));
}
getFileById(id) {
- return this._files.find(f => f.id === id);
+ return this._files.get(id);
}
get(id) {
return this.engine.getItem(id);
}
+ set(id, value) {
+ return this.engine.setItem(id, value);
+ }
+
remove(property) {
if (isFile(property)) {
- this._files.splice(this._files.findIndex(f => f.id === property), 1);
+ this._files.delete(property);
}
this.engine.removeItem(property);
}
addFile(file) {
- this._files.push(file);
+ this._files.set(file.id, file);
this.writeFile(file);
}
@@ -119,6 +144,42 @@ class Storage {
writeFiles() {
this._files.forEach(f => this.writeFile(f));
}
+
+ clearLocalFiles() {
+ this._files.forEach(f => this.engine.removeItem(f.id));
+ this._files = new Map();
+ }
+
+ async merge(files = []) {
+ let incoming = false;
+ let outgoing = false;
+ let downloadCount = false;
+ for (const f of files) {
+ if (!this.getFileById(f.id)) {
+ this.addFile(new OwnedFile(f));
+ incoming = true;
+ }
+ }
+ const workingFiles = this.files.slice();
+ for (const f of workingFiles) {
+ const cc = await f.updateDownloadCount();
+ if (cc) {
+ await this.writeFile(f);
+ }
+ downloadCount = downloadCount || cc;
+ outgoing = outgoing || f.expired;
+ if (f.expired) {
+ this.remove(f.id);
+ } else if (!files.find(x => x.id === f.id)) {
+ outgoing = true;
+ }
+ }
+ return {
+ incoming,
+ outgoing,
+ downloadCount
+ };
+ }
}
export default new Storage();
diff --git a/app/streams.js b/app/streams.js
new file mode 100644
index 00000000..00159a24
--- /dev/null
+++ b/app/streams.js
@@ -0,0 +1,103 @@
+/* global TransformStream */
+
+export function transformStream(readable, transformer, oncancel) {
+ try {
+ return readable.pipeThrough(new TransformStream(transformer));
+ } catch (e) {
+ const reader = readable.getReader();
+ return new ReadableStream({
+ start(controller) {
+ if (transformer.start) {
+ return transformer.start(controller);
+ }
+ },
+ async pull(controller) {
+ let enqueued = false;
+ const wrappedController = {
+ enqueue(d) {
+ enqueued = true;
+ controller.enqueue(d);
+ }
+ };
+ while (!enqueued) {
+ const data = await reader.read();
+ if (data.done) {
+ if (transformer.flush) {
+ await transformer.flush(controller);
+ }
+ return controller.close();
+ }
+ await transformer.transform(data.value, wrappedController);
+ }
+ },
+ cancel(reason) {
+ readable.cancel(reason);
+ if (oncancel) {
+ oncancel(reason);
+ }
+ }
+ });
+ }
+}
+
+class BlobStreamController {
+ constructor(blob, size) {
+ this.blob = blob;
+ this.index = 0;
+ this.chunkSize = size || 1024 * 64;
+ }
+
+ pull(controller) {
+ return new Promise((resolve, reject) => {
+ const bytesLeft = this.blob.size - this.index;
+ if (bytesLeft <= 0) {
+ controller.close();
+ return resolve();
+ }
+ const size = Math.min(this.chunkSize, bytesLeft);
+ const slice = this.blob.slice(this.index, this.index + size);
+ const reader = new FileReader();
+ reader.onload = () => {
+ controller.enqueue(new Uint8Array(reader.result));
+ resolve();
+ };
+ reader.onerror = reject;
+ reader.readAsArrayBuffer(slice);
+ this.index += size;
+ });
+ }
+}
+
+export function blobStream(blob, size) {
+ return new ReadableStream(new BlobStreamController(blob, size));
+}
+
+class ConcatStreamController {
+ constructor(streams) {
+ this.streams = streams;
+ this.index = 0;
+ this.reader = null;
+ this.nextReader();
+ }
+
+ nextReader() {
+ const next = this.streams[this.index++];
+ this.reader = next && next.getReader();
+ }
+
+ async pull(controller) {
+ if (!this.reader) {
+ return controller.close();
+ }
+ const data = await this.reader.read();
+ if (data.done) {
+ this.nextReader();
+ return this.pull(controller);
+ }
+ controller.enqueue(data.value);
+ }
+}
+
+export function concatStream(streams) {
+ return new ReadableStream(new ConcatStreamController(streams));
+}
diff --git a/app/templates/downloadButton/downloadButton.css b/app/templates/downloadButton/downloadButton.css
deleted file mode 100644
index 265535ce..00000000
--- a/app/templates/downloadButton/downloadButton.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.btn--download {
- width: 180px;
- height: 44px;
- margin-top: 20px;
- margin-bottom: 30px;
-}
diff --git a/app/templates/downloadButton/index.js b/app/templates/downloadButton/index.js
deleted file mode 100644
index e1cac538..00000000
--- a/app/templates/downloadButton/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const html = require('choo/html');
-
-module.exports = function(state, emit) {
- return html`
- `;
-
- function download(event) {
- event.preventDefault();
- emit('download', state.fileInfo);
- }
-};
diff --git a/app/templates/downloadPassword/downloadPassword.css b/app/templates/downloadPassword/downloadPassword.css
deleted file mode 100644
index cb60e505..00000000
--- a/app/templates/downloadPassword/downloadPassword.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.passwordSection {
- text-align: left;
- padding: 40px 0;
- width: 80%;
-}
-
-.passwordForm {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- padding: 10px 0;
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .passwordSection {
- width: 100%;
- }
-
- .passwordForm {
- flex-direction: column;
- }
-}
diff --git a/app/templates/downloadPassword/index.js b/app/templates/downloadPassword/index.js
deleted file mode 100644
index f42b71c3..00000000
--- a/app/templates/downloadPassword/index.js
+++ /dev/null
@@ -1,66 +0,0 @@
-const html = require('choo/html');
-
-module.exports = function(state, emit) {
- const fileInfo = state.fileInfo;
- const invalid = fileInfo.password === null;
- const label = invalid
- ? html`
- `
- : html`
- `;
- const inputClass = invalid
- ? 'input input--noBtn input--error'
- : 'input input--noBtn';
- const div = html`
-
-
- ${file.name}
-
-
- } "${state.translate('copyUrlHover')}")
-
- ${state.translate('copiedUrl')}
-
-
- ${remainingTime}
- ${number(totalDownloads)} / ${number(
- downloadLimit
- )}
-
- } "${state.translate('deleteButtonHover')}")
- ${deletePopup(
- state.translate('deletePopupText'),
- state.translate('deletePopupYes'),
- state.translate('deletePopupCancel'),
- deleteFile
- )}
-
-
- `;
-
- function copyClick(e) {
- emit('copy', { url: file.url, location: 'upload-list' });
- const icon = e.target;
- const text = e.target.nextSibling;
- icon.hidden = true;
- text.hidden = false;
- setTimeout(() => {
- icon.hidden = false;
- text.hidden = true;
- }, 500);
- }
-
- function showPopup() {
- const tr = document.getElementById(file.id);
- const popup = tr.querySelector('.popup');
- popup.classList.add('popup--show');
- popup.focus();
- }
-
- function deleteFile() {
- emit('delete', { file, location: 'upload-list' });
- emit('render');
- }
-};
-
-function timeLeft(milliseconds, state) {
- const minutes = Math.floor(milliseconds / 1000 / 60);
- const hours = Math.floor(minutes / 60);
- if (hours >= 1) {
- return state.translate('expiresHoursMinutes', {
- hours,
- minutes: minutes % 60
- });
- } else if (hours === 0) {
- if (minutes === 0) {
- return state.translate('expiresMinutes', { minutes: '< 1' });
- }
- return state.translate('expiresMinutes', { minutes });
- }
- return null;
-}
diff --git a/app/templates/fileList/fileList.css b/app/templates/fileList/fileList.css
deleted file mode 100644
index da520289..00000000
--- a/app/templates/fileList/fileList.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.fileList {
- margin: 45.3px auto;
- table-layout: fixed;
- border-collapse: collapse;
- font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
-}
-
-.fileList__header {
- font-size: 16px;
- color: var(--lightTextColor);
- font-weight: lighter;
- text-align: left;
- background: rgba(0, 148, 251, 0.05);
- height: 40px;
- border-top: 1px solid rgba(0, 148, 251, 0.1);
- padding: 0 19px;
- white-space: nowrap;
-}
-
-.fileList__body {
- word-wrap: break-word;
- word-break: break-all;
-}
-
-.fileList__nameCol {
- width: 35%;
-}
-
-.fileList__copyCol {
- text-align: center;
- width: 25%;
-}
-
-.fileList__expireCol {
- width: 25%;
-}
-
-.fileList__dlCol {
- width: 8%;
-}
-
-.fileList__delCol {
- text-align: center;
- width: 7%;
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .fileList__header {
- font-size: 14px;
- padding: 0 5px;
- }
-}
diff --git a/app/templates/fileList/index.js b/app/templates/fileList/index.js
deleted file mode 100644
index 80c7c28d..00000000
--- a/app/templates/fileList/index.js
+++ /dev/null
@@ -1,33 +0,0 @@
-const html = require('choo/html');
-const file = require('../file');
-
-module.exports = function(state, emit) {
- if (state.storage.files.length) {
- return html`
-
-
-
- `;
- }
-};
diff --git a/app/templates/footer/footer.css b/app/templates/footer/footer.css
deleted file mode 100644
index 8c9a9239..00000000
--- a/app/templates/footer/footer.css
+++ /dev/null
@@ -1,93 +0,0 @@
-.footer {
- right: 0;
- bottom: 0;
- left: 0;
- font-size: 13px;
- display: flex;
- align-items: flex-end;
- flex-direction: row;
- justify-content: space-between;
- padding: 50px 31px 41px;
- width: 100%;
- box-sizing: border-box;
-}
-
-.legalSection {
- max-width: 81vw;
- display: flex;
- align-items: center;
- flex-direction: row;
-}
-
-.legalSection__link {
- color: var(--lightTextColor);
- opacity: 0.9;
- white-space: nowrap;
- margin-right: 2vw;
-}
-
-.legalSection__link:hover {
- opacity: 1;
-}
-
-.legalSection__link:visited {
- color: var(--lightTextColor);
-}
-
-.legalSection__mozLogo {
- width: 112px;
- height: 32px;
- margin-bottom: -5px;
-}
-
-.socialSection {
- display: flex;
- justify-content: space-between;
- width: 94px;
-}
-
-.socialSection__link {
- opacity: 0.9;
-}
-
-.socialSection__link:hover {
- opacity: 1;
-}
-
-.socialSection__icon {
- width: 32px;
- height: 32px;
- margin-bottom: -5px;
-}
-
-@media (max-device-width: 768px), (max-width: 768px) {
- .footer {
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- max-width: 630px;
- margin: auto;
- }
-
- .legalSection__mozLogo {
- margin-left: -7px;
- }
-
- .legalSection {
- flex-direction: column;
- margin: auto;
- width: 100%;
- max-width: 100%;
- }
-
- .legalSection__link {
- display: block;
- padding: 10px 0;
- align-self: flex-start;
- }
-
- .socialSection {
- margin-top: 20px;
- align-self: flex-start;
- }
-}
diff --git a/app/templates/footer/index.js b/app/templates/footer/index.js
deleted file mode 100644
index a0ad4de5..00000000
--- a/app/templates/footer/index.js
+++ /dev/null
@@ -1,71 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-
-module.exports = function(state) {
- const footer = html``;
- // HACK
- // We only want to render this once because we
- // toggle the targets of the links with utils/openLinksInNewTab
- footer.isSameNode = function(target) {
- return target && target.nodeName && target.nodeName === 'FOOTER';
- };
- return footer;
-};
diff --git a/app/templates/fxPromo/fxPromo.css b/app/templates/fxPromo/fxPromo.css
deleted file mode 100644
index a1b648df..00000000
--- a/app/templates/fxPromo/fxPromo.css
+++ /dev/null
@@ -1,56 +0,0 @@
-.fxPromo {
- padding: 0 15px;
- height: 48px;
- background-color: #efeff1;
- color: #4a4a4f;
- font-size: 13px;
- display: flex;
- flex-direction: row;
- align-content: center;
- align-items: center;
- justify-content: center;
-}
-
-.fxPromo > div {
- display: flex;
- align-items: center;
- margin: 0 auto;
-}
-
-.fxPromo > div > span {
- margin-left: 10px;
-}
-
-.fxPromo__logo {
- width: 24px;
-}
-
-.fxPromo--blue {
- background: linear-gradient(-180deg, #45a1ff 0%, #00feff 94%);
- color: #fff;
-}
-
-.fxPromo--pink {
- background: linear-gradient(-180deg, #ff9400 0%, #ff1ad9 94%);
- color: #fff;
-}
-
-.fxPromo--blue a {
- color: #fff;
- font-weight: bold;
-}
-
-.fxPromo--pink a {
- color: #fff;
- font-weight: bold;
-}
-
-.fxPromo--blue a:hover {
- color: #eee;
- font-weight: bold;
-}
-
-.fxPromo--pink a:hover {
- color: #eee;
- font-weight: bold;
-}
diff --git a/app/templates/fxPromo/index.js b/app/templates/fxPromo/index.js
deleted file mode 100644
index 1b0532d5..00000000
--- a/app/templates/fxPromo/index.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-
-module.exports = function(state, emit) {
- let classes = 'fxPromo';
- switch (state.promo) {
- case 'blue':
- classes = 'fxPromo fxPromo--blue';
- break;
- case 'pink':
- classes = 'fxPromo fxPromo--pink';
- break;
- }
-
- return html`
-
- `;
- // HACK
- // We only want to render this once because we
- // toggle the targets of the links with utils/openLinksInNewTab
- header.isSameNode = function(target) {
- return target && target.nodeName && target.nodeName === 'HEADER';
- };
- return header;
-};
-
-function browserName() {
- try {
- if (/firefox/i.test(navigator.userAgent)) {
- return 'firefox';
- }
- if (/edge/i.test(navigator.userAgent)) {
- return 'edge';
- }
- if (/trident/i.test(navigator.userAgent)) {
- return 'ie';
- }
- if (/chrome/i.test(navigator.userAgent)) {
- return 'chrome';
- }
- if (/safari/i.test(navigator.userAgent)) {
- return 'safari';
- }
- return 'other';
- } catch (e) {
- return 'unknown';
- }
-}
diff --git a/app/templates/passwordInput/index.js b/app/templates/passwordInput/index.js
deleted file mode 100644
index b53db8ee..00000000
--- a/app/templates/passwordInput/index.js
+++ /dev/null
@@ -1,109 +0,0 @@
-const html = require('choo/html');
-const MAX_LENGTH = 32;
-
-module.exports = function(file, state, emit) {
- const loading = state.settingPassword;
- const pwd = file.hasPassword;
- const sectionClass =
- pwd || state.passwordSetError
- ? 'passwordInput'
- : 'passwordInput passwordInput--hidden';
- const inputClass = loading || pwd ? 'input' : 'input input--noBtn';
- let btnClass = 'inputBtn inputBtn--password inputBtn--hidden';
- if (loading) {
- btnClass = 'inputBtn inputBtn--password inputBtn--loading';
- } else if (pwd) {
- btnClass = 'inputBtn inputBtn--password';
- }
- const action = pwd
- ? state.translate('changePasswordButton')
- : state.translate('addPasswordButton');
- return html`
-
- ${percent(progressRatio)}
- `;
-
- return html`
-
+
+
+ `;
+ }
+ return html`
+
+
+
+ `;
+ }
+}
+
+module.exports = Account;
diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js
new file mode 100644
index 00000000..84ecf1f6
--- /dev/null
+++ b/app/ui/archiveTile.js
@@ -0,0 +1,645 @@
+/* global Android */
+
+const html = require('choo/html');
+const raw = require('choo/html/raw');
+const assets = require('../../common/assets');
+const {
+ bytes,
+ copyToClipboard,
+ list,
+ percent,
+ platform,
+ timeLeft
+} = require('../utils');
+const expiryOptions = require('./expiryOptions');
+
+function expiryInfo(translate, archive) {
+ const l10n = timeLeft(archive.expiresAt - Date.now());
+ return raw(
+ translate('archiveExpiryInfo', {
+ downloadCount: translate('downloadCount', {
+ num: archive.dlimit - archive.dtotal
+ }),
+ timespan: translate(l10n.id, l10n)
+ })
+ );
+}
+
+function password(state) {
+ const MAX_LENGTH = 4096;
+
+ return html`
+
+
+ `;
+}
+
+function archiveInfo(archive, action) {
+ return html`
+
+ ${archiveInfo(
+ archive,
+ html`
+
+ `
+ )}
+
+
+ `;
+
+ function copy(event) {
+ event.stopPropagation();
+ copyToClipboard(archive.url);
+ const text = event.target.lastChild;
+ text.textContent = state.translate('copiedUrl');
+ setTimeout(
+ () => (text.textContent = state.translate('copyLinkButton')),
+ 1000
+ );
+ }
+
+ function del(event) {
+ event.stopPropagation();
+ emit('delete', archive);
+ }
+
+ async function share(event) {
+ event.stopPropagation();
+ if (platform() === 'android') {
+ Android.shareUrl(archive.url);
+ } else {
+ try {
+ await navigator.share({
+ title: state.translate('-send-brand'),
+ text: `Download "${archive.name}" with Send: simple, safe file sharing`,
+ //state.translate('shareMessage', { name }),
+ url: archive.url
+ });
+ } catch (e) {
+ // ignore
+ }
+ }
+ }
+};
+
+module.exports.wip = function(state, emit) {
+ return html`
+
+ ${list(
+ Array.from(state.archive.files)
+ .reverse()
+ .map(f =>
+ fileInfo(f, remove(f, state.translate('deleteButtonHover')))
+ ),
+ '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',
+ 'bg-white px-2 my-2 shadow-light rounded-default dark:bg-grey-90 dark:border-default dark:border-grey-80'
+ )}
+
+ `;
+
+ function focus(event) {
+ event.target.nextElementSibling.firstElementChild.classList.add('outline');
+ }
+
+ function blur(event) {
+ event.target.nextElementSibling.firstElementChild.classList.remove(
+ 'outline'
+ );
+ }
+
+ function upload(event) {
+ window.scrollTo(0, 0);
+ event.preventDefault();
+ event.target.disabled = true;
+ if (!state.uploading) {
+ emit('upload');
+ }
+ }
+
+ function add(event) {
+ event.preventDefault();
+ const newFiles = Array.from(event.target.files);
+
+ emit('addFiles', { files: newFiles });
+ setTimeout(() => {
+ document
+ .querySelector('#wip > ul > li:first-child')
+ .scrollIntoView({ block: 'center' });
+ });
+ }
+
+ function remove(file, desc) {
+ return html`
+
+ `;
+ function del(event) {
+ event.stopPropagation();
+ emit('removeUpload', file);
+ }
+ }
+};
+
+module.exports.uploading = function(state, emit) {
+ const progress = state.transfer.progressRatio;
+ const progressPercent = percent(progress);
+ const archive = state.archive;
+ return html`
+
+ ${archiveInfo(archive)}
+
+ `;
+
+ function cancel(event) {
+ event.stopPropagation();
+ event.target.disabled = true;
+ emit('cancel');
+ }
+};
+
+module.exports.empty = function(state, emit) {
+ const upsell =
+ state.user.loggedIn || !state.capabilities.account
+ ? ''
+ : html`
+
+ `;
+ const uploadNotice = state.WEB_UI.UPLOAD_AREA_NOTICE_HTML
+ ? html`
+
+
+
+ `;
+
+ function focus(event) {
+ event.target.nextElementSibling.classList.add('bg-primary', 'outline');
+ }
+
+ function blur(event) {
+ event.target.nextElementSibling.classList.remove('bg-primary', 'outline');
+ }
+
+ function add(event) {
+ event.preventDefault();
+ const newFiles = Array.from(event.target.files);
+
+ emit('addFiles', { files: newFiles });
+ }
+};
+
+module.exports.preview = function(state, emit) {
+ const archive = state.fileInfo;
+ if (archive.open === undefined) {
+ archive.open = true;
+ }
+ const single = archive.manifest.files.length === 1;
+ const details = single
+ ? ''
+ : html`
+
+
+ `;
+
+ function download(event) {
+ event.preventDefault();
+ event.target.disabled = true;
+ emit('download');
+ }
+};
+
+module.exports.downloading = function(state) {
+ const archive = state.fileInfo;
+ const progress = state.transfer.progressRatio;
+ const progressPercent = percent(progress);
+ return html`
+
+ ${archiveInfo(archive)}
+
+ `;
+};
diff --git a/app/ui/blank.js b/app/ui/blank.js
new file mode 100644
index 00000000..d34f94e3
--- /dev/null
+++ b/app/ui/blank.js
@@ -0,0 +1,14 @@
+const html = require('choo/html');
+
+module.exports = function() {
+ return html`
+
+
+
+
+
+
+ `;
+};
diff --git a/app/ui/body.js b/app/ui/body.js
new file mode 100644
index 00000000..b717a9b1
--- /dev/null
+++ b/app/ui/body.js
@@ -0,0 +1,21 @@
+const html = require('choo/html');
+const Header = require('./header');
+const Footer = require('./footer');
+
+module.exports = function body(main) {
+ return function(state, emit) {
+ const b = html`
+
+ ${state.cache(Header, 'header').render()} ${main(state, emit)}
+ ${state.cache(Footer, 'footer').render()}
+
+ `;
+ if (state.layout) {
+ // server side only
+ return state.layout(state, b);
+ }
+ return b;
+ };
+};
diff --git a/app/ui/copyDialog.js b/app/ui/copyDialog.js
new file mode 100644
index 00000000..5f1f779e
--- /dev/null
+++ b/app/ui/copyDialog.js
@@ -0,0 +1,76 @@
+const html = require('choo/html');
+const { copyToClipboard } = require('../utils');
+const qr = require('./qr');
+
+module.exports = function(name, url) {
+ const dialog = function(state, emit, close) {
+ return html`
+
+
+ `;
+
+ function toggleQR(event) {
+ event.stopPropagation();
+ const shareUrl = document.getElementById('share-url');
+ const qrBtn = document.getElementById('qr-btn');
+ if (shareUrl.classList.contains('hidden')) {
+ shareUrl.classList.replace('hidden', 'block');
+ qrBtn.classList.replace('w-48', 'w-16');
+ } else {
+ shareUrl.classList.replace('block', 'hidden');
+ qrBtn.classList.replace('w-16', 'w-48');
+ }
+ }
+
+ function copy(event) {
+ event.stopPropagation();
+ copyToClipboard(url);
+ event.target.textContent = state.translate('copiedUrl');
+ setTimeout(close, 1000);
+ }
+ };
+ dialog.type = 'copy';
+ return dialog;
+};
diff --git a/app/ui/download.js b/app/ui/download.js
new file mode 100644
index 00000000..b397fa8e
--- /dev/null
+++ b/app/ui/download.js
@@ -0,0 +1,96 @@
+/* global downloadMetadata */
+const html = require('choo/html');
+const archiveTile = require('./archiveTile');
+const modal = require('./modal');
+const noStreams = require('./noStreams');
+const notFound = require('./notFound');
+const downloadPassword = require('./downloadPassword');
+const downloadCompleted = require('./downloadCompleted');
+const BIG_SIZE = 1024 * 1024 * 256;
+
+function createFileInfo(state) {
+ return {
+ id: state.params.id,
+ secretKey: state.params.key,
+ nonce: downloadMetadata.nonce,
+ requiresPassword: downloadMetadata.pwd
+ };
+}
+
+function downloading(state, emit) {
+ return html`
+
+ ${state.modal && modal(state, emit)}
+
+ ${content}
+
+
+ `;
+};
diff --git a/app/ui/downloadCompleted.js b/app/ui/downloadCompleted.js
new file mode 100644
index 00000000..acdd3044
--- /dev/null
+++ b/app/ui/downloadCompleted.js
@@ -0,0 +1,32 @@
+const html = require('choo/html');
+const assets = require('../../common/assets');
+
+module.exports = function(state) {
+ const btnText = state.user.loggedIn ? 'okButton' : 'sendYourFilesLink';
+ return html`
+
+ ${state.modal && modal(state, emit)}
+
+
+
+ `;
+};
diff --git a/app/ui/expiryOptions.js b/app/ui/expiryOptions.js
new file mode 100644
index 00000000..2ee489f7
--- /dev/null
+++ b/app/ui/expiryOptions.js
@@ -0,0 +1,73 @@
+const html = require('choo/html');
+const raw = require('choo/html/raw');
+const { secondsToL10nId } = require('../utils');
+const selectbox = require('./selectbox');
+
+module.exports = function(state, emit) {
+ const el = html`
+
+
+ ${translate('footerLinkDonate')}
+
+
+ `);
+ }
+ if (WEB_UI.FOOTER_CLI_URL != '') {
+ links.push(html`
+
+
+ ${translate('footerLinkCli')}
+
+
+ `);
+ }
+ if (WEB_UI.FOOTER_DMCA_URL != '') {
+ links.push(html`
+
+
+ ${translate('footerLinkDmca')}
+
+
+ `);
+ }
+ if (WEB_UI.FOOTER_SOURCE_URL != '') {
+ links.push(html`
+
+
+ ${translate('footerLinkSource')}
+
+
+ `);
+ }
+ } else {
+ links.push(html`
+
+
+ ${translate('footerLinkSource')}
+
+
+ `);
+ }
+
+ // Defining a custom footer
+ var footer = [];
+ if (this.state != undefined && this.state.WEB_UI != undefined) {
+ const WEB_UI = this.state.WEB_UI;
+
+ if (WEB_UI.CUSTOM_FOOTER_URL != '' && WEB_UI.CUSTOM_FOOTER_TEXT != '') {
+ footer.push(html`
+
+
+ ${WEB_UI.CUSTOM_FOOTER_TEXT}
+
+
+ `);
+ }
+ else if (WEB_UI.CUSTOM_FOOTER_URL != '') {
+ footer.push(html`
+
+
+ ${WEB_UI.CUSTOM_FOOTER_URL}
+
+
+ `);
+ }
+ else if (WEB_UI.CUSTOM_FOOTER_TEXT != '') {
+ footer.push(html`
+
+ ${WEB_UI.CUSTOM_FOOTER_TEXT}
+
+ `)
+ }
+ else {
+ footer.push(html`
+
+ ${translate('footerText')}
+
+ `);
+ }
+ }
+
+ return html`
+
+ `;
+ }
+}
+
+module.exports = Footer;
diff --git a/app/ui/header.js b/app/ui/header.js
new file mode 100644
index 00000000..679cb334
--- /dev/null
+++ b/app/ui/header.js
@@ -0,0 +1,65 @@
+const html = require('choo/html');
+const Component = require('choo/component');
+const Account = require('./account');
+const assets = require('../../common/assets');
+const { platform } = require('../utils');
+
+class Header extends Component {
+ constructor(name, state, emit) {
+ super(name);
+ this.state = state;
+ this.emit = emit;
+ this.account = state.cache(Account, 'account');
+ }
+
+ update() {
+ this.account.render();
+ return false;
+ }
+
+ createElement() {
+ let assetMap = {};
+ if (this.state.ui !== undefined) assetMap = this.state.ui.assets;
+ else
+ assetMap = {
+ icon:
+ this.state.WEB_UI.CUSTOM_ASSETS.icon !== ''
+ ? this.state.WEB_UI.CUSTOM_ASSETS.icon
+ : assets.get('icon.svg'),
+ wordmark:
+ this.state.WEB_UI.CUSTOM_ASSETS.wordmark !== ''
+ ? this.state.WEB_UI.CUSTOM_ASSETS.wordmark
+ : assets.get('wordmark.svg') + '#logo'
+ };
+ const title =
+ platform() === 'android'
+ ? html`
+
+ 
+
+
+ `
+ : html`
+
+
+
+
+ `;
+ return html`
+
+ ${title} ${this.account.render()}
+
+ `;
+ }
+}
+
+module.exports = Header;
diff --git a/app/ui/home.js b/app/ui/home.js
new file mode 100644
index 00000000..86550ff4
--- /dev/null
+++ b/app/ui/home.js
@@ -0,0 +1,73 @@
+const html = require('choo/html');
+const raw = require('choo/html/raw');
+const { list } = require('../utils');
+const archiveTile = require('./archiveTile');
+const modal = require('./modal');
+const intro = require('./intro');
+const assets = require('../../common/assets');
+
+module.exports = function(state, emit) {
+ const archives = state.storage.files
+ .filter(archive => !archive.expired)
+ .map(archive => archiveTile(state, emit, archive));
+ let left = '';
+ if (state.uploading) {
+ left = archiveTile.uploading(state, emit);
+ } else if (state.archive.numFiles > 0) {
+ left = archiveTile.wip(state, emit);
+ } else {
+ left = archiveTile.empty(state, emit);
+ }
+
+ if (archives.length > 0 && state.WEB_UI.UPLOADS_LIST_NOTICE_HTML) {
+ archives.push(html`
+
+ ${state.modal && modal(state, emit)}
+
+
+
+ `;
+};
diff --git a/app/ui/intro.js b/app/ui/intro.js
new file mode 100644
index 00000000..9a53c404
--- /dev/null
+++ b/app/ui/intro.js
@@ -0,0 +1,55 @@
+const html = require('choo/html');
+const raw = require('choo/html/raw');
+const assets = require('../../common/assets');
+
+module.exports = function intro(state) {
+ const notice = state.WEB_UI.MAIN_NOTICE_HTML
+ ? html`
+
+ ${notice}
+
+ `;
+};
diff --git a/app/ui/modal.js b/app/ui/modal.js
new file mode 100644
index 00000000..3636af8a
--- /dev/null
+++ b/app/ui/modal.js
@@ -0,0 +1,25 @@
+const html = require('choo/html');
+
+module.exports = function(state, emit) {
+ return html`
+
+
+ `;
+
+ function close(event) {
+ if (event) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ emit('closeModal');
+ }
+};
diff --git a/app/ui/noStreams.js b/app/ui/noStreams.js
new file mode 100644
index 00000000..c3bc8673
--- /dev/null
+++ b/app/ui/noStreams.js
@@ -0,0 +1,108 @@
+const html = require('choo/html');
+const { bytes } = require('../utils');
+const assets = require('../../common/assets');
+
+module.exports = function(state, emit) {
+ const archive = state.fileInfo;
+ return html`
+
+ ${state.modal && modal(state, emit)}
+
+
+
+ `;
+};
diff --git a/app/ui/okDialog.js b/app/ui/okDialog.js
new file mode 100644
index 00000000..cb8c3c6a
--- /dev/null
+++ b/app/ui/okDialog.js
@@ -0,0 +1,20 @@
+const html = require('choo/html');
+
+module.exports = function(message) {
+ return function(state, emit, close) {
+ return html`
+
+
+ `;
+ };
+};
diff --git a/app/ui/qr.js b/app/ui/qr.js
new file mode 100644
index 00000000..8f78865b
--- /dev/null
+++ b/app/ui/qr.js
@@ -0,0 +1,10 @@
+const raw = require('choo/html/raw');
+const qrcode = require('../qrcode');
+
+module.exports = function(url) {
+ const gen = qrcode(0, 'L');
+ gen.addData(url);
+ gen.make();
+ const qr = gen.createSvgTag({ scalable: true });
+ return raw(qr);
+};
diff --git a/app/ui/selectbox.js b/app/ui/selectbox.js
new file mode 100644
index 00000000..836332b8
--- /dev/null
+++ b/app/ui/selectbox.js
@@ -0,0 +1,35 @@
+const html = require('choo/html');
+
+module.exports = function(selected, options, translate, changed, htmlId) {
+ function choose(event) {
+ if (event.target.value != selected) {
+ console.log(
+ 'Selected new value from dropdown',
+ htmlId,
+ ':',
+ selected,
+ '->',
+ event.target.value
+ );
+ changed(event.target.value);
+ }
+ }
+
+ return html`
+
+ `;
+};
diff --git a/app/ui/shareDialog.js b/app/ui/shareDialog.js
new file mode 100644
index 00000000..86b17bd7
--- /dev/null
+++ b/app/ui/shareDialog.js
@@ -0,0 +1,61 @@
+const html = require('choo/html');
+
+module.exports = function(name, url) {
+ const dialog = function(state, emit, close) {
+ return html`
+
+
+ `;
+
+ async function share(event) {
+ event.stopPropagation();
+ try {
+ await navigator.share({
+ title: state.translate('-send-brand'),
+ text: state.translate('shareMessage', { name }),
+ url
+ });
+ } catch (e) {
+ if (e.code === e.ABORT_ERR) {
+ return;
+ }
+ console.error(e);
+ }
+ close();
+ }
+ };
+ dialog.type = 'share';
+ return dialog;
+};
diff --git a/app/ui/signupDialog.js b/app/ui/signupDialog.js
new file mode 100644
index 00000000..596e446f
--- /dev/null
+++ b/app/ui/signupDialog.js
@@ -0,0 +1,89 @@
+const html = require('choo/html');
+const assets = require('../../common/assets');
+const { bytes } = require('../utils');
+
+module.exports = function() {
+ return function(state, emit, close) {
+ const DAYS = Math.floor(state.LIMITS.MAX_EXPIRE_SECONDS / 86400);
+ let submitting = false;
+ return html`
+
+ })
+
+
+
+
+ ${state.user.loginRequired
+ ? ''
+ : html`
+
+ `}
+
+
+ `;
+
+ function emailish(str) {
+ if (!str) {
+ return false;
+ }
+ // just check if it's the right shape
+ const a = str.split('@');
+ return a.length === 2 && a.every(s => s.length > 0);
+ }
+
+ function cancel(event) {
+ close(event);
+ }
+
+ function submitEmail(event) {
+ event.preventDefault();
+ if (submitting) {
+ return;
+ }
+ submitting = true;
+
+ const el = document.getElementById('email-input');
+ const email = el.value;
+ emit('login', emailish(email) ? email : null);
+ }
+ };
+};
diff --git a/app/ui/surveyDialog.js b/app/ui/surveyDialog.js
new file mode 100644
index 00000000..02c3236d
--- /dev/null
+++ b/app/ui/surveyDialog.js
@@ -0,0 +1,42 @@
+const html = require('choo/html');
+const version = require('../../package.json').version;
+const { browserName } = require('../utils');
+
+module.exports = function() {
+ return function(state, emit, close) {
+ const surveyUrl = `${
+ state.PREFS.surveyUrl
+ }?ver=${version}&browser=${browserName()}&anon=${
+ state.user.loggedIn
+ }&active_count=${state.storage.files.length}`;
+ return html`
+
+
+ `;
+ };
+};
diff --git a/app/ui/unsupported.js b/app/ui/unsupported.js
new file mode 100644
index 00000000..97a1eb5a
--- /dev/null
+++ b/app/ui/unsupported.js
@@ -0,0 +1,57 @@
+const html = require('choo/html');
+const modal = require('./modal');
+
+module.exports = function(state, emit) {
+ let strings = {};
+ let why = '';
+ let url = '';
+
+ if (state.params.reason !== 'outdated') {
+ strings = unsupportedStrings(state);
+ why = html`
+
+ ${state.translate('notSupportedLink')}
+
+ `;
+ url =
+ 'https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com';
+ } else {
+ strings = outdatedStrings(state);
+ url = 'https://support.mozilla.org/kb/update-firefox-latest-version';
+ }
+
+ return html`
+
+ ${state.modal && modal(state, emit)}
+
+
+
+ `;
+};
+
+function outdatedStrings(state) {
+ return {
+ header: state.translate('notSupportedHeader'),
+ description: state.translate('notSupportedOutdatedDetail'),
+ button: state.translate('updateFirefox')
+ };
+}
+
+function unsupportedStrings(state) {
+ return {
+ header: state.translate('notSupportedHeader'),
+ description: state.translate('notSupportedDescription'),
+ button: state.translate('downloadFirefox')
+ };
+}
diff --git a/app/user.js b/app/user.js
new file mode 100644
index 00000000..be3aef2a
--- /dev/null
+++ b/app/user.js
@@ -0,0 +1,293 @@
+import assets from '../common/assets';
+import { getFileList, setFileList } from './api';
+import { encryptStream, decryptStream } from './ece';
+import { arrayToB64, b64ToArray, streamToArrayBuffer } from './utils';
+import { blobStream } from './streams';
+import { getFileListKey, prepareScopedBundleKey, preparePkce } from './fxa';
+import storage from './storage';
+
+const textEncoder = new TextEncoder();
+const textDecoder = new TextDecoder();
+const anonId = arrayToB64(crypto.getRandomValues(new Uint8Array(16)));
+
+async function hashId(id) {
+ const d = new Date();
+ const month = d.getUTCMonth();
+ const year = d.getUTCFullYear();
+ const encoded = textEncoder.encode(`${id}:${year}:${month}`);
+ const hash = await crypto.subtle.digest('SHA-256', encoded);
+ return arrayToB64(new Uint8Array(hash.slice(16)));
+}
+
+export default class User {
+ constructor(storage, limits, authConfig) {
+ this.authConfig = authConfig;
+ this.limits = limits;
+ this.storage = storage;
+ this.data = storage.user || {};
+ }
+
+ get info() {
+ return this.data || this.storage.user || {};
+ }
+
+ set info(data) {
+ this.data = data;
+ this.storage.user = data;
+ }
+
+ get firstAction() {
+ return this.storage.get('firstAction');
+ }
+
+ set firstAction(action) {
+ this.storage.set('firstAction', action);
+ }
+
+ get surveyed() {
+ return this.storage.get('surveyed');
+ }
+
+ set surveyed(yes) {
+ this.storage.set('surveyed', yes);
+ }
+
+ get avatar() {
+ const defaultAvatar = assets.get('user.svg');
+ if (this.info.avatarDefault) {
+ return defaultAvatar;
+ }
+ return this.info.avatar || defaultAvatar;
+ }
+
+ get name() {
+ return this.info.displayName;
+ }
+
+ get email() {
+ return this.info.email;
+ }
+
+ get loggedIn() {
+ return !!this.info.access_token;
+ }
+
+ get bearerToken() {
+ return this.info.access_token;
+ }
+
+ get refreshToken() {
+ return this.info.refresh_token;
+ }
+
+ get maxSize() {
+ return this.limits.MAX_FILE_SIZE;
+ }
+
+ get maxExpireSeconds() {
+ return this.limits.MAX_EXPIRE_SECONDS;
+ }
+
+ get maxDownloads() {
+ return this.limits.MAX_DOWNLOADS;
+ }
+
+ async metricId() {
+ return this.loggedIn ? hashId(this.info.uid) : undefined;
+ }
+
+ async deviceId() {
+ return this.loggedIn ? hashId(this.storage.id) : hashId(anonId);
+ }
+
+ async startAuthFlow(trigger, utms = {}) {
+ this.utms = utms;
+ this.trigger = trigger;
+ this.flowId = null;
+ this.flowBeginTime = null;
+ }
+
+ async login(email) {
+ const state = arrayToB64(crypto.getRandomValues(new Uint8Array(16)));
+ storage.set('oauthState', state);
+ const keys_jwk = await prepareScopedBundleKey(this.storage);
+ const code_challenge = await preparePkce(this.storage);
+ const options = {
+ action: 'email',
+ access_type: 'offline',
+ client_id: this.authConfig.client_id,
+ code_challenge,
+ code_challenge_method: 'S256',
+ response_type: 'code',
+ scope: `profile ${this.authConfig.key_scope}`,
+ state,
+ keys_jwk
+ };
+ if (email) {
+ options.email = email;
+ }
+ if (this.flowId && this.flowBeginTime) {
+ options.flow_id = this.flowId;
+ options.flow_begin_time = this.flowBeginTime;
+ }
+ if (this.trigger) {
+ options.entrypoint = `send-${this.trigger}`;
+ }
+ if (this.utms) {
+ options.utm_campaign = this.utms.campaign || 'none';
+ options.utm_content = this.utms.content || 'none';
+ options.utm_medium = this.utms.medium || 'none';
+ options.utm_source = this.utms.source || 'send';
+ options.utm_term = this.utms.term || 'none';
+ }
+ const params = new URLSearchParams(options);
+ location.assign(
+ `${this.authConfig.authorization_endpoint}?${params.toString()}`
+ );
+ }
+
+ async finishLogin(code, state) {
+ const localState = storage.get('oauthState');
+ storage.remove('oauthState');
+ if (state !== localState) {
+ throw new Error('state mismatch');
+ }
+ const tokenResponse = await fetch(this.authConfig.token_endpoint, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ code,
+ client_id: this.authConfig.client_id,
+ code_verifier: this.storage.get('pkceVerifier')
+ })
+ });
+ const auth = await tokenResponse.json();
+ const infoResponse = await fetch(this.authConfig.userinfo_endpoint, {
+ method: 'GET',
+ headers: {
+ Authorization: `Bearer ${auth.access_token}`
+ }
+ });
+ const userInfo = await infoResponse.json();
+ userInfo.access_token = auth.access_token;
+ userInfo.refresh_token = auth.refresh_token;
+ userInfo.fileListKey = await getFileListKey(this.storage, auth.keys_jwe);
+ this.info = userInfo;
+ this.storage.remove('pkceVerifier');
+ }
+
+ async refresh() {
+ if (!this.refreshToken) {
+ return false;
+ }
+ try {
+ const tokenResponse = await fetch(this.authConfig.token_endpoint, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ client_id: this.authConfig.client_id,
+ grant_type: 'refresh_token',
+ refresh_token: this.refreshToken
+ })
+ });
+ if (tokenResponse.ok) {
+ const auth = await tokenResponse.json();
+ const info = { ...this.info, access_token: auth.access_token };
+ this.info = info;
+ return true;
+ }
+ } catch (e) {
+ console.error(e);
+ }
+ await this.logout();
+ return false;
+ }
+
+ async logout() {
+ try {
+ if (this.refreshToken) {
+ await fetch(this.authConfig.revocation_endpoint, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ refresh_token: this.refreshToken
+ })
+ });
+ }
+ if (this.bearerToken) {
+ await fetch(this.authConfig.revocation_endpoint, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ token: this.bearerToken
+ })
+ });
+ }
+ } catch (e) {
+ console.error(e);
+ // oh well, we tried
+ }
+ this.storage.clearLocalFiles();
+ this.info = {};
+ }
+
+ async syncFileList() {
+ let changes = { incoming: false, outgoing: false, downloadCount: false };
+ if (!this.loggedIn) {
+ return this.storage.merge();
+ }
+ let list = [];
+ const key = b64ToArray(this.info.fileListKey);
+ const sha = await crypto.subtle.digest('SHA-256', key);
+ const kid = arrayToB64(new Uint8Array(sha)).substring(0, 16);
+ const retry = async () => {
+ const refreshed = await this.refresh();
+ if (refreshed) {
+ return await this.syncFileList();
+ } else {
+ return { incoming: true };
+ }
+ };
+ try {
+ const encrypted = await getFileList(this.bearerToken, kid);
+ const decrypted = await streamToArrayBuffer(
+ decryptStream(blobStream(encrypted), key)
+ );
+ list = JSON.parse(textDecoder.decode(decrypted));
+ } catch (e) {
+ if (e.message === '401') {
+ return retry(e);
+ }
+ }
+ changes = await this.storage.merge(list);
+ if (!changes.outgoing) {
+ return changes;
+ }
+ try {
+ const blob = new Blob([
+ textEncoder.encode(JSON.stringify(this.storage.files))
+ ]);
+ const encrypted = await streamToArrayBuffer(
+ encryptStream(blobStream(blob), key)
+ );
+ await setFileList(this.bearerToken, kid, encrypted);
+ } catch (e) {
+ if (e.message === '401') {
+ return retry(e);
+ }
+ }
+ return changes;
+ }
+
+ toJSON() {
+ return this.info;
+ }
+}
diff --git a/app/utils.js b/app/utils.js
index 8b8a18d3..80ed462a 100644
--- a/app/utils.js
+++ b/app/utils.js
@@ -1,3 +1,10 @@
+/* global Android */
+let html;
+try {
+ html = require('choo/html');
+} catch (e) {
+ // running in the service worker
+}
const b64 = require('base64-js');
function arrayToB64(array) {
@@ -9,9 +16,11 @@ function arrayToB64(array) {
}
function b64ToArray(str) {
- return b64.toByteArray(
- str + '==='.slice((str.length + 3) % 4)
- );
+ return b64.toByteArray(str + '==='.slice((str.length + 3) % 4));
+}
+
+function locale() {
+ return document.querySelector('html').lang;
}
function loadShim(polyfill) {
@@ -24,47 +33,8 @@ function loadShim(polyfill) {
});
}
-async function canHasSend() {
- try {
- const key = await window.crypto.subtle.generateKey(
- {
- name: 'AES-GCM',
- length: 128
- },
- true,
- ['encrypt', 'decrypt']
- );
- await window.crypto.subtle.encrypt(
- {
- name: 'AES-GCM',
- iv: window.crypto.getRandomValues(new Uint8Array(12)),
- tagLength: 128
- },
- key,
- new ArrayBuffer(8)
- );
- await window.crypto.subtle.importKey(
- 'raw',
- window.crypto.getRandomValues(new Uint8Array(16)),
- 'PBKDF2',
- false,
- ['deriveKey']
- );
- await window.crypto.subtle.importKey(
- 'raw',
- window.crypto.getRandomValues(new Uint8Array(16)),
- 'HKDF',
- false,
- ['deriveKey']
- );
- return true;
- } catch (err) {
- return false;
- }
-}
-
function isFile(id) {
- return /^[0-9a-fA-F]{10}$/.test(id);
+ return /^[0-9a-fA-F]{10,16}$/.test(id);
}
function copyToClipboard(str) {
@@ -76,7 +46,7 @@ function copyToClipboard(str) {
if (navigator.userAgent.match(/iphone|ipad|ipod/i)) {
const range = document.createRange();
range.selectNodeContents(aux);
- const sel = window.getSelection();
+ const sel = getSelection();
sel.removeAllRanges();
sel.addRange(range);
aux.setSelectionRange(0, str.length);
@@ -95,33 +65,35 @@ const LOCALIZE_NUMBERS = !!(
typeof navigator === 'object'
);
-const UNITS = ['B', 'kB', 'MB', 'GB'];
+const UNITS = ['bytes', 'kb', 'mb', 'gb'];
function bytes(num) {
if (num < 1) {
return '0B';
}
const exponent = Math.min(Math.floor(Math.log10(num) / 3), UNITS.length - 1);
- const n = Number(num / Math.pow(1000, exponent));
- let nStr = n.toFixed(1);
+ const n = Number(num / Math.pow(1024, exponent));
+ const decimalDigits = Math.floor(n) === n ? 0 : 1;
+ let nStr = n.toFixed(decimalDigits);
if (LOCALIZE_NUMBERS) {
try {
- const locale = document.querySelector('html').lang;
- nStr = n.toLocaleString(locale, {
- minimumFractionDigits: 1,
- maximumFractionDigits: 1
+ nStr = n.toLocaleString(locale(), {
+ minimumFractionDigits: decimalDigits,
+ maximumFractionDigits: decimalDigits
});
} catch (e) {
// fall through
}
}
- return `${nStr}${UNITS[exponent]}`;
+ return translate('fileSize', {
+ num: nStr,
+ units: translate(UNITS[exponent])
+ });
}
function percent(ratio) {
if (LOCALIZE_NUMBERS) {
try {
- const locale = document.querySelector('html').lang;
- return ratio.toLocaleString(locale, { style: 'percent' });
+ return ratio.toLocaleString(locale(), { style: 'percent' });
} catch (e) {
// fall through
}
@@ -131,8 +103,7 @@ function percent(ratio) {
function number(n) {
if (LOCALIZE_NUMBERS) {
- const locale = document.querySelector('html').lang;
- return n.toLocaleString(locale);
+ return n.toLocaleString(locale());
}
return n.toString();
}
@@ -169,7 +140,144 @@ function openLinksInNewTab(links, should = true) {
return links;
}
+function browserName() {
+ try {
+ // order of these matters
+ if (/firefox/i.test(navigator.userAgent)) {
+ return 'firefox';
+ }
+ if (/edge/i.test(navigator.userAgent)) {
+ return 'edge';
+ }
+ if (/edg/i.test(navigator.userAgent)) {
+ return 'edgium';
+ }
+ if (/trident/i.test(navigator.userAgent)) {
+ return 'ie';
+ }
+ if (/chrome/i.test(navigator.userAgent)) {
+ return 'chrome';
+ }
+ if (/safari/i.test(navigator.userAgent)) {
+ return 'safari';
+ }
+ if (/send android/i.test(navigator.userAgent)) {
+ return 'android-app';
+ }
+ return 'other';
+ } catch (e) {
+ return 'unknown';
+ }
+}
+
+async function streamToArrayBuffer(stream, size) {
+ const reader = stream.getReader();
+ let state = await reader.read();
+
+ if (size) {
+ const result = new Uint8Array(size);
+ let offset = 0;
+ while (!state.done) {
+ result.set(state.value, offset);
+ offset += state.value.length;
+ state = await reader.read();
+ }
+ return result.buffer;
+ }
+
+ const parts = [];
+ let len = 0;
+ while (!state.done) {
+ parts.push(state.value);
+ len += state.value.length;
+ state = await reader.read();
+ }
+ let offset = 0;
+ const result = new Uint8Array(len);
+ for (const part of parts) {
+ result.set(part, offset);
+ offset += part.length;
+ }
+ return result.buffer;
+}
+
+function list(items, ulStyle = '', liStyle = '') {
+ const lis = items.map(
+ i =>
+ html`
+ ${i}
+ `
+ );
+ return html`
+ 0&&e.length<=128))throw new m(m.PARAM_WRONG_VALUE,"length","number [1-128]")},r.ALG_NAME=h.AesCTR,r}(v),d=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return Object(i.a)(r,e),r.checkAlgorithmParams=function(e){if(this.checkAlgorithm(e),e.additionalData&&!(ArrayBuffer.isView(e.additionalData)||e.additionalData instanceof ArrayBuffer))throw new m(m.PARAM_WRONG_TYPE,"additionalData","ArrayBufferView or ArrayBuffer");if(!e.iv)throw new m(m.PARAM_REQUIRED,"iv");if(!(ArrayBuffer.isView(e.iv)||e.iv instanceof ArrayBuffer))throw new m(m.PARAM_WRONG_TYPE,"iv","ArrayBufferView or ArrayBuffer");if(e.tagLength){if(![32,64,96,104,112,120,128].some(function(r){return r===e.tagLength}))throw new m(m.PARAM_WRONG_VALUE,"tagLength","32, 64, 96, 104, 112, 120 or 128")}},r.ALG_NAME=h.AesGCM,r}(v),b=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return Object(i.a)(r,e),r.checkAlgorithmParams=function(e){this.checkAlgorithm(e)},r.ALG_NAME=h.AesKW,r.KEY_USAGES=["wrapKey","unwrapKey"],r}(w),E=[h.Sha1,h.Sha256,h.Sha384,h.Sha512].join(" | "),P=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return Object(i.a)(r,e),r.checkAlgorithm=function(r){var t;switch(t="string"==typeof r?{name:r}:r,e.checkAlgorithm.call(this,t),t.name.toUpperCase()){case h.Sha1:case h.Sha256:case h.Sha384:case h.Sha512:break;default:throw new c(c.WRONG_ALG_NAME,t.name,E)}},r.digest=function(e,r){var t=this;return new Promise(function(r,n){t.checkAlgorithm(e),r(void 0)})},r}(p),U=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return r.code=9,r}return Object(i.a)(r,e),r}(c),_=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return Object(i.a)(r,e),r.checkAlgorithm=function(e){if(e.name.toUpperCase()!==this.ALG_NAME.toUpperCase())throw new c(c.WRONG_ALG_NAME,e.name,this.ALG_NAME)},r.checkKeyGenParams=function(e){if(!e.namedCurve)throw new U(U.PARAM_REQUIRED,"namedCurve");if("string"!=typeof e.namedCurve)throw new U(U.PARAM_WRONG_TYPE,"namedCurve","string");switch(e.namedCurve.toUpperCase()){case"P-256":case"K-256":case"P-384":case"P-521":break;default:throw new U(U.PARAM_WRONG_VALUE,"namedCurve","K-256, P-256, P-384 or P-521")}},r.checkKeyGenUsages=function(e){var r=this;e.forEach(function(e){var t=0;for(t;t0&&e.length<=512))throw new c(c.PARAM_WRONG_VALUE,"length","more 0 and less than 512")},r.checkKeyGenUsages=function(e){var r=this;this.checkKeyUsages(e),e.forEach(function(e){var t=0;for(t;t=256&&r<=16384)||r%8)throw new G(G.PARAM_WRONG_VALUE,"modulusLength"," a multiple of 8 bits and >= 256 and <= 16384");var t=e.publicExponent;if(!t)throw new G(G.PARAM_REQUIRED,"publicExponent");if(!ArrayBuffer.isView(t))throw new G(G.PARAM_WRONG_TYPE,"publicExponent","ArrayBufferView");if(3!==t[0]&&(1!==t[0]||0!==t[1]||1!==t[2]))throw new G(G.PARAM_WRONG_VALUE,"publicExponent","Uint8Array([3]) | Uint8Array([1, 0, 1])");if(!e.hash)throw new G(G.PARAM_REQUIRED,"hash",E);P.checkAlgorithm(e.hash)},r.checkKeyGenUsages=function(e){var r=this;this.checkKeyUsages(e),e.forEach(function(e){var t=0;for(t;t>>16&65535,n=65535&e,a=r>>>16&65535,o=65535&r;return n*o+(t*o+n*a<<16>>>0)|0})},function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(){function e(e){this.algorithm=e.algorithm,e.type&&(this.type=e.type),this.extractable=e.extractable,this.usages=e.usages}return e}();r.CryptoKey=n},function(e,r,t){"use strict";function n(){var e,t={name:"Unknown",version:"0"},n=self.navigator.userAgent;return(e=/edge\/([\d\.]+)/i.exec(n))?(t.name=r.Browser.Edge,t.version=e[1]):/msie/i.test(n)?(t.name=r.Browser.IE,t.version=/msie ([\d\.]+)/i.exec(n)[1]):/Trident/i.test(n)?(t.name=r.Browser.IE,t.version=/rv:([\d\.]+)/i.exec(n)[1]):/chrome/i.test(n)?(t.name=r.Browser.Chrome,t.version=/chrome\/([\d\.]+)/i.exec(n)[1]):/mobile/i.test(n)?(t.name=r.Browser.Mobile,t.version=/mobile\/([\w]+)/i.exec(n)[1]):/safari/i.test(n)?(t.name=r.Browser.Safari,t.version=/version\/([\d\.]+)/i.exec(n)[1]):/firefox/i.test(n)&&(t.name=r.Browser.Firefox,t.version=/firefox\/([\d\.]+)/i.exec(n)[1]),t}function a(e){for(var r=new Uint8Array(e.length),t=0;t-1&&("public"===e.type||"secret"===e.type)&&e.usages.push(t)}),["sign","decrypt","unwrapKey","deriveKey","deriveBits"].forEach(function(t){r.indexOf(t)>-1&&("private"===e.type||"secret"===e.type)&&e.usages.push(t)})))})}function s(e,r,t){if(r&&w.BrowserInfo().name===w.Browser.IE){"extractable"in e&&(e.ext=e.extractable,delete e.extractable);var n=null;switch(r.name.toUpperCase()){case h.AlgorithmNames.AesECB.toUpperCase():case h.AlgorithmNames.AesCBC.toUpperCase():case h.AlgorithmNames.AesGCM.toUpperCase():n=v.AesCrypto;break;default:throw new m.LinerError(m.LinerError.UNSUPPORTED_ALGORITHM,r.name.toUpperCase())}n&&!e.alg&&(e.alg=n.alg2jwk(r)),"key_ops"in e||(e.key_ops=t)}}function c(e){w.BrowserInfo().name===w.Browser.IE&&("ext"in e&&(e.extractable=e.ext,delete e.ext),delete e.key_ops,delete e.alg)}function u(e){var r=/AppleWebKit\/(\d+)/.exec(self.navigator.userAgent);return e.toUpperCase()===h.AlgorithmNames.RsaOAEP&&r&&parseInt(r[1],10)<604}var p=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)r.hasOwnProperty(t)&&(e[t]=r[t])};return function(r,t){function n(){this.constructor=r}e(r,t),r.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}}();Object.defineProperty(r,"__esModule",{value:!0});var h=t(0),f=t(0),y=t(0),l=t(3),A=t(2),m=t(1),w=t(5),v=t(11),g=t(12),C=t(13),k=t(14),d=t(15),b=[],E=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return p(r,e),r.prototype.generateKey=function(r,t,n){var o,s=this,c=arguments;return e.prototype.generateKey.apply(this,c).then(function(e){if(o=y.PrepareAlgorithm(r),!(w.BrowserInfo().name===w.Browser.Edge&&o.name.toUpperCase()===h.AlgorithmNames.AesGCM||u(o.name))&&l.nativeSubtle)try{return l.nativeSubtle.generateKey.apply(l.nativeSubtle,c).catch(function(e){w.warn("WebCrypto: native generateKey for "+o.name+" doesn't work.",e&&e.message||"Unknown message")})}catch(e){w.warn("WebCrypto: native generateKey for "+o.name+" doesn't work.",e&&e.message||"Unknown message")}}).then(function(e){if(e){var c=Promise.resolve(e);if(w.BrowserInfo().name===w.Browser.Safari&&(o.name.toUpperCase()===h.AlgorithmNames.EcDH.toUpperCase()||o.name.toUpperCase()===h.AlgorithmNames.EcDSA.toUpperCase())){var u=e.publicKey;c=c.then(function(){return s.exportKey("jwk",u).then(function(a){return s.exportKey("spki",u).then(function(o){for(var i=h.Base64Url.decode(a.x),c=h.Base64Url.decode(a.y),u=i.length+c.length,p=new Uint8Array(o),f=0;f>>7);return n^=99}r||function(){t=[],e=[];var s,i,n=1;for(s=0;s<255;s++)t[s]=n,i=128&n,n<<=1,n&=255,128===i&&(n^=27),n^=t[s],e[t[s]]=s;t[255]=t[0],e[0]=0,r=!0}(),i=[],n=[],a=[[],[],[],[]],h=[[],[],[],[]];for(var c=0;c<256;c++){var u=o(c);i[c]=u,n[u]=c,a[0][c]=s(2,u)<<24|u<<16|u<<8|s(3,u),h[0][u]=s(14,c)<<24|s(9,c)<<16|s(13,c)<<8|s(11,c);for(var f=1;f<4;f++)a[f][c]=a[f-1][c]>>>8|a[f-1][c]<<24,h[f][u]=h[f-1][u]>>>8|h[f-1][u]<<24}}var c=function(t,e){o();var r=new Uint32Array(e);r.set(i,512),r.set(n,768);for(var s=0;s<4;s++)r.set(a[s],4096+1024*s>>2),r.set(h[s],8192+1024*s>>2);var c=function(t,e,r){"use asm";var s=0,i=0,n=0,a=0,h=0,o=0,c=0,u=0,f=0,l=0,p=0,w=0,y=0,_=0,d=0,A=0,v=0,x=0,E=0,g=0,m=0;var b=new t.Uint32Array(r),S=new t.Uint8Array(r);function C(t,e,r,h,o,c,u,f){t=t|0;e=e|0;r=r|0;h=h|0;o=o|0;c=c|0;u=u|0;f=f|0;var l=0,p=0,w=0,y=0,_=0,d=0,A=0,v=0;l=r|0x400,p=r|0x800,w=r|0xc00;o=o^b[(t|0)>>2],c=c^b[(t|4)>>2],u=u^b[(t|8)>>2],f=f^b[(t|12)>>2];for(v=16;(v|0)<=h<<4;v=v+16|0){y=b[(r|o>>22&1020)>>2]^b[(l|c>>14&1020)>>2]^b[(p|u>>6&1020)>>2]^b[(w|f<<2&1020)>>2]^b[(t|v|0)>>2],_=b[(r|c>>22&1020)>>2]^b[(l|u>>14&1020)>>2]^b[(p|f>>6&1020)>>2]^b[(w|o<<2&1020)>>2]^b[(t|v|4)>>2],d=b[(r|u>>22&1020)>>2]^b[(l|f>>14&1020)>>2]^b[(p|o>>6&1020)>>2]^b[(w|c<<2&1020)>>2]^b[(t|v|8)>>2],A=b[(r|f>>22&1020)>>2]^b[(l|o>>14&1020)>>2]^b[(p|c>>6&1020)>>2]^b[(w|u<<2&1020)>>2]^b[(t|v|12)>>2];o=y,c=_,u=d,f=A}s=b[(e|o>>22&1020)>>2]<<24^b[(e|c>>14&1020)>>2]<<16^b[(e|u>>6&1020)>>2]<<8^b[(e|f<<2&1020)>>2]^b[(t|v|0)>>2],i=b[(e|c>>22&1020)>>2]<<24^b[(e|u>>14&1020)>>2]<<16^b[(e|f>>6&1020)>>2]<<8^b[(e|o<<2&1020)>>2]^b[(t|v|4)>>2],n=b[(e|u>>22&1020)>>2]<<24^b[(e|f>>14&1020)>>2]<<16^b[(e|o>>6&1020)>>2]<<8^b[(e|c<<2&1020)>>2]^b[(t|v|8)>>2],a=b[(e|f>>22&1020)>>2]<<24^b[(e|o>>14&1020)>>2]<<16^b[(e|c>>6&1020)>>2]<<8^b[(e|u<<2&1020)>>2]^b[(t|v|12)>>2]}function M(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;C(0x0000,0x0800,0x1000,m,t,e,r,s)}function U(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;var n=0;C(0x0400,0x0c00,0x2000,m,t,s,r,e);n=i,i=a,a=n}function H(t,e,r,f){t=t|0;e=e|0;r=r|0;f=f|0;C(0x0000,0x0800,0x1000,m,h^t,o^e,c^r,u^f);h=s,o=i,c=n,u=a}function T(t,e,r,f){t=t|0;e=e|0;r=r|0;f=f|0;var l=0;C(0x0400,0x0c00,0x2000,m,t,f,r,e);l=i,i=a,a=l;s=s^h,i=i^o,n=n^c,a=a^u;h=t,o=e,c=r,u=f}function D(t,e,r,f){t=t|0;e=e|0;r=r|0;f=f|0;C(0x0000,0x0800,0x1000,m,h,o,c,u);h=s=s^t,o=i=i^e,c=n=n^r,u=a=a^f}function k(t,e,r,f){t=t|0;e=e|0;r=r|0;f=f|0;C(0x0000,0x0800,0x1000,m,h,o,c,u);s=s^t,i=i^e,n=n^r,a=a^f;h=t,o=e,c=r,u=f}function G(t,e,r,f){t=t|0;e=e|0;r=r|0;f=f|0;C(0x0000,0x0800,0x1000,m,h,o,c,u);h=s,o=i,c=n,u=a;s=s^t,i=i^e,n=n^r,a=a^f}function I(t,e,r,h){t=t|0;e=e|0;r=r|0;h=h|0;C(0x0000,0x0800,0x1000,m,f,l,p,w);w=~A&w|A&w+1;p=~d&p|d&p+((w|0)==0);l=~_&l|_&l+((p|0)==0);f=~y&f|y&f+((l|0)==0);s=s^t;i=i^e;n=n^r;a=a^h}function Z(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;var i=0,n=0,a=0,f=0,l=0,p=0,w=0,y=0,_=0,d=0;t=t^h,e=e^o,r=r^c,s=s^u;i=v|0,n=x|0,a=E|0,f=g|0;for(;(_|0)<128;_=_+1|0){if(i>>>31){l=l^t,p=p^e,w=w^r,y=y^s}i=i<<1|n>>>31,n=n<<1|a>>>31,a=a<<1|f>>>31,f=f<<1;d=s&1;s=s>>>1|r<<31,r=r>>>1|e<<31,e=e>>>1|t<<31,t=t>>>1;if(d)t=t^0xe1000000}h=l,o=p,c=w,u=y}function P(t){t=t|0;m=t}function B(t,e,r,h){t=t|0;e=e|0;r=r|0;h=h|0;s=t,i=e,n=r,a=h}function z(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;h=t,o=e,c=r,u=s}function O(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;f=t,l=e,p=r,w=s}function q(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;y=t,_=e,d=r,A=s}function L(t,e,r,s){t=t|0;e=e|0;r=r|0;s=s|0;w=~A&w|A&s,p=~d&p|d&r,l=~_&l|_&e,f=~y&f|y&t}function R(t){t=t|0;if(t&15)return-1;S[t|0]=s>>>24,S[t|1]=s>>>16&255,S[t|2]=s>>>8&255,S[t|3]=s&255,S[t|4]=i>>>24,S[t|5]=i>>>16&255,S[t|6]=i>>>8&255,S[t|7]=i&255,S[t|8]=n>>>24,S[t|9]=n>>>16&255,S[t|10]=n>>>8&255,S[t|11]=n&255,S[t|12]=a>>>24,S[t|13]=a>>>16&255,S[t|14]=a>>>8&255,S[t|15]=a&255;return 16}function K(t){t=t|0;if(t&15)return-1;S[t|0]=h>>>24,S[t|1]=h>>>16&255,S[t|2]=h>>>8&255,S[t|3]=h&255,S[t|4]=o>>>24,S[t|5]=o>>>16&255,S[t|6]=o>>>8&255,S[t|7]=o&255,S[t|8]=c>>>24,S[t|9]=c>>>16&255,S[t|10]=c>>>8&255,S[t|11]=c&255,S[t|12]=u>>>24,S[t|13]=u>>>16&255,S[t|14]=u>>>8&255,S[t|15]=u&255;return 16}function N(){M(0,0,0,0);v=s,x=i,E=n,g=a}function F(t,e,r){t=t|0;e=e|0;r=r|0;var h=0;if(e&15)return-1;while((r|0)>=16){V[t&7](S[e|0]<<24|S[e|1]<<16|S[e|2]<<8|S[e|3],S[e|4]<<24|S[e|5]<<16|S[e|6]<<8|S[e|7],S[e|8]<<24|S[e|9]<<16|S[e|10]<<8|S[e|11],S[e|12]<<24|S[e|13]<<16|S[e|14]<<8|S[e|15]);S[e|0]=s>>>24,S[e|1]=s>>>16&255,S[e|2]=s>>>8&255,S[e|3]=s&255,S[e|4]=i>>>24,S[e|5]=i>>>16&255,S[e|6]=i>>>8&255,S[e|7]=i&255,S[e|8]=n>>>24,S[e|9]=n>>>16&255,S[e|10]=n>>>8&255,S[e|11]=n&255,S[e|12]=a>>>24,S[e|13]=a>>>16&255,S[e|14]=a>>>8&255,S[e|15]=a&255;h=h+16|0,e=e+16|0,r=r-16|0}return h|0}function j(t,e,r){t=t|0;e=e|0;r=r|0;var s=0;if(e&15)return-1;while((r|0)>=16){W[t&1](S[e|0]<<24|S[e|1]<<16|S[e|2]<<8|S[e|3],S[e|4]<<24|S[e|5]<<16|S[e|6]<<8|S[e|7],S[e|8]<<24|S[e|9]<<16|S[e|10]<<8|S[e|11],S[e|12]<<24|S[e|13]<<16|S[e|14]<<8|S[e|15]);s=s+16|0,e=e+16|0,r=r-16|0}return s|0}var V=[M,U,H,T,D,k,G,I];var W=[H,Z];return{set_rounds:P,set_state:B,set_iv:z,set_nonce:O,set_mask:q,set_counter:L,get_state:R,get_iv:K,gcm_init:N,cipher:F,mac:j}}({Uint8Array:Uint8Array,Uint32Array:Uint32Array},t,e);return c.set_key=function(t,e,s,n,a,o,u,f,l){var p=r.subarray(0,60),w=r.subarray(256,316);p.set([e,s,n,a,o,u,f,l]);for(var y=t,_=1;y<4*t+28;y++){var d=p[y-1];(y%t==0||8===t&&y%t==4)&&(d=i[d>>>24]<<24^i[d>>>16&255]<<16^i[d>>>8&255]<<8^i[255&d]),y%t==0&&(d=d<<8^d>>>24^_<<24,_=_<<1^(128&_?27:0)),p[y]=p[y-t]^d}for(var A=0;A=y-4?d:h[0][i[d>>>24]]^h[1][i[d>>>16&255]]^h[2][i[d>>>8&255]]^h[3][i[255&d]];c.set_rounds(t+5)},c};return c.ENC={ECB:0,CBC:2,CFB:4,OFB:6,CTR:7},c.DEC={ECB:1,CBC:3,CFB:5,OFB:6,CTR:7},c.MAC={CBC:0,GCM:1},c.HEAP_DATA=16384,c}(),r=new Uint8Array(1048576),s=e(null,r.buffer);function i(){var t=Error.apply(this,arguments);this.message=t.message,this.stack=t.stack}function n(){var t=Error.apply(this,arguments);this.message=t.message,this.stack=t.stack}function a(){var t=Error.apply(this,arguments);this.message=t.message,this.stack=t.stack}function h(t,e){e=!!e;for(var r=t.length,s=new Uint8Array(e?4*r:r),i=0,n=0;i=r)throw new Error("Malformed string, low surrogate expected at position "+i);a=(55296^a)<<10|65536|56320^t.charCodeAt(i)}else if(!e&&a>>>8)throw new Error("Wide characters are not allowed.");!e||a<=127?s[n++]=a:a<=2047?(s[n++]=192|a>>6,s[n++]=128|63&a):a<=65535?(s[n++]=224|a>>12,s[n++]=128|a>>6&63,s[n++]=128|63&a):(s[n++]=240|a>>18,s[n++]=128|a>>12&63,s[n++]=128|a>>6&63,s[n++]=128|63&a)}return s.subarray(0,n)}function o(t){for(var e="",r=0;r=192&&a<224&&i+1=224&&a<240&&i+2=240&&a<248&&i+3>10,s[n++]=56320|1023&h)}}var o="";for(i=0;i>2,r.getUint32(0),r.getUint32(4),r.getUint32(8),r.getUint32(12),e>16?r.getUint32(16):0,e>16?r.getUint32(20):0,e>24?r.getUint32(24):0,e>24?r.getUint32(28):0),this.key=t}else if(!this.key)throw new Error("key is required")}AES_CTR_set_options(t,e,r){if(void 0!==r){if(r<8||r>48)throw new n("illegal counter size");this.counterSize=r;var s=Math.pow(2,r)-1;this.asm.set_mask(0,0,s/4294967296|0,0|s)}else this.counterSize=r=48,this.asm.set_mask(0,0,65535,4294967295);if(void 0===t)throw new Error("nonce is required");if(!p(t))throw new TypeError("unexpected nonce type");var i=t.length;if(!i||i>16)throw new n("illegal nonce size");this.nonce=t;var a=new DataView(new ArrayBuffer(16));if(new Uint8Array(a.buffer).set(t),this.asm.set_nonce(a.getUint32(0),a.getUint32(4),a.getUint32(8),a.getUint32(12)),void 0!==e){if(!u(e))throw new TypeError("unexpected counter type");if(e<0||e>=Math.pow(2,r))throw new n("illegal counter value");this.counter=e,this.asm.set_counter(0,0,e/4294967296|0,0|e)}else this.counter=0}AES_set_iv(t){if(void 0!==t){if(!p(t))throw new TypeError("unexpected iv type");if(16!==t.length)throw new n("illegal iv size");var e=new DataView(t.buffer,t.byteOffset,t.byteLength);this.iv=t,this.asm.set_iv(e.getUint32(0),e.getUint32(4),e.getUint32(8),e.getUint32(12))}else this.iv=null,this.asm.set_iv(0,0,0,0)}AES_set_padding(t){this.padding=void 0===t||!!t}AES_reset(t,e,r){return this.result=null,this.pos=0,this.len=0,this.AES_set_key(t),this.AES_set_iv(e),this.AES_set_padding(r),this}AES_Encrypt_process(t){if(!p(t))throw new TypeError("data isn't of expected type");for(var r=this.asm,s=this.heap,i=e.ENC[this.mode],n=e.HEAP_DATA,a=this.pos,h=this.len,o=0,c=t.length||0,u=0,f=0,l=new Uint8Array(h+c&-16);c>0;)h+=f=y(s,a+h,t,o,c),o+=f,c-=f,(f=r.cipher(i,n+a,h))&&l.set(s.subarray(a,a+f),u),u+=f,f0;)h+=w=y(s,a+h,t,o,c),o+=w,c-=w,(w=r.cipher(i,n+a,h-(c?0:l)))&&_.set(s.subarray(a,a+w),u),u+=w,w0){if(f%16){if(this.hasOwnProperty("padding"))throw new n("data length must be a multiple of the block size");f+=16-f%16}if(i.cipher(o,c+u,f),this.hasOwnProperty("padding")&&this.padding){var p=h[u+l-1];if(p<1||p>16||p>l)throw new a("bad padding");for(var w=0,y=p;y>1;y--)w|=p^h[u+l-y];if(w)throw new a("bad padding");l-=p}}var _=new Uint8Array(s+l);return s>0&&_.set(r),l>0&&_.set(h.subarray(u,u+l),s),this.result=_,this.pos=0,this.len=0,this}}var d=68719476704;class A extends _{constructor(t,e,r,s,i,n){super(t,void 0,!1,i,n),this.nonce=null,this.adata=null,this.iv=null,this.counter=1,this.tagSize=16,this.mode="GCM",this.BLOCK_SIZE=16,this.reset(t,s,e,r)}reset(t,e,r,s){return this.AES_GCM_reset(t,e,r,s)}encrypt(t){return this.AES_GCM_encrypt(t)}decrypt(t){return this.AES_GCM_decrypt(t)}AES_GCM_Encrypt_process(t){if(!p(t))throw new TypeError("data isn't of expected type");var r=0,s=t.length||0,i=this.asm,n=this.heap,a=this.counter,h=this.pos,o=this.len,c=0,u=o+s&-16,f=0;if((a-1<<4)+o+s>d)throw new RangeError("counter overflow");for(var l=new Uint8Array(u);s>0;)o+=f=y(n,h+o,t,r,s),r+=f,s-=f,f=i.cipher(e.ENC.CTR,e.HEAP_DATA+h,o),(f=i.mac(e.MAC.GCM,e.HEAP_DATA+h,f))&&l.set(n.subarray(h,h+f),c),a+=f>>>4,c+=f,f>>29,r[4]=u>>>21,r[5]=u>>>13&255,r[6]=u>>>5&255,r[7]=u<<3&255,r[8]=r[9]=r[10]=0,r[11]=f>>>29,r[12]=f>>>21&255,r[13]=f>>>13&255,r[14]=f>>>5&255,r[15]=f<<3&255,t.mac(e.MAC.GCM,e.HEAP_DATA,16),t.get_iv(e.HEAP_DATA),t.set_counter(0,0,0,this.gamma0),t.cipher(e.ENC.CTR,e.HEAP_DATA,16),o.set(r.subarray(0,i),h),this.result=o,this.counter=1,this.pos=0,this.len=0,this}AES_GCM_Decrypt_process(t){if(!p(t))throw new TypeError("data isn't of expected type");var r=0,s=t.length||0,i=this.asm,n=this.heap,a=this.counter,h=this.tagSize,o=this.pos,c=this.len,u=0,f=c+s>h?c+s-h&-16:0,l=c+s-f,w=0;if((a-1<<4)+c+s>d)throw new RangeError("counter overflow");for(var _=new Uint8Array(f);s>l;)c+=w=y(n,o+c,t,r,s-l),r+=w,s-=w,w=i.mac(e.MAC.GCM,e.HEAP_DATA+o,w),(w=i.cipher(e.DEC.CTR,e.HEAP_DATA+o,w))&&_.set(n.subarray(o,o+w),u),a+=w>>>4,u+=w,o=0,c=0;return s>0&&(c+=y(n,0,t,r,s)),this.result=_,this.counter=a,this.pos=o,this.len=c,this}AES_GCM_Decrypt_finish(){var t=this.asm,r=this.heap,s=this.tagSize,n=this.adata,h=this.counter,o=this.pos,c=this.len,u=c-s;if(c>>29,r[4]=w>>>21,r[5]=w>>>13&255,r[6]=w>>>5&255,r[7]=w<<3&255,r[8]=r[9]=r[10]=0,r[11]=y>>>29,r[12]=y>>>21&255,r[13]=y>>>13&255,r[14]=y>>>5&255,r[15]=y<<3&255,t.mac(e.MAC.GCM,e.HEAP_DATA,16),t.get_iv(e.HEAP_DATA),t.set_counter(0,0,0,this.gamma0),t.cipher(e.ENC.CTR,e.HEAP_DATA,16);var _=0;for(p=0;p16)throw new n("illegal tagSize value");this.tagSize=r}else this.tagSize=16;if(void 0===s)throw new Error("nonce is required");if(!p(s))throw new TypeError("unexpected nonce type");this.nonce=s;var f=s.length||0,l=new Uint8Array(16);12!==f?(this._gcm_mac_process(s),c[0]=c[1]=c[2]=c[3]=c[4]=c[5]=c[6]=c[7]=c[8]=c[9]=c[10]=0,c[11]=f>>>29,c[12]=f>>>21&255,c[13]=f>>>13&255,c[14]=f>>>5&255,c[15]=f<<3&255,o.mac(e.MAC.GCM,e.HEAP_DATA,16),o.get_iv(e.HEAP_DATA),o.set_iv(),l.set(c.subarray(0,16))):(l.set(s),l[15]=1);var w=new DataView(l.buffer);if(this.gamma0=w.getUint32(12),o.set_nonce(w.getUint32(0),w.getUint32(4),w.getUint32(8),0),o.set_mask(0,0,0,4294967295),void 0!==i&&null!==i){if(!p(i))throw new TypeError("unexpected adata type");if(i.length>d)throw new n("illegal adata length");i.length?(this.adata=i,this._gcm_mac_process(i)):this.adata=null}else this.adata=null;if(void 0!==a){if(!u(a))throw new TypeError("counter must be a number");if(a<1||a>4294967295)throw new RangeError("counter must be a positive 32-bit integer");this.counter=a,o.set_counter(0,0,0,this.gamma0+a|0)}else this.counter=1,o.set_counter(0,0,0,this.gamma0+1|0);if(void 0!==h){if(!u(h))throw new TypeError("iv must be a number");this.iv=h,this.AES_set_iv(h)}return this}_gcm_mac_process(t){for(var r=this.heap,s=this.asm,i=0,n=t.length||0,a=0;n>0;){for(i+=a=y(r,0,t,i,n),n-=a;15&a;)r[a++]=0;s.mac(e.MAC.GCM,e.HEAP_DATA,a)}}}A.encrypt=function(t,e,i,n,a){if(void 0===t)throw new SyntaxError("data required");if(void 0===e)throw new SyntaxError("key required");if(void 0===i)throw new SyntaxError("nonce required");return new A(e,i,n,a,r,s).encrypt(t).result},A.decrypt=function(t,e,i,n,a){if(void 0===t)throw new SyntaxError("data required");if(void 0===e)throw new SyntaxError("key required");if(void 0===i)throw new SyntaxError("nonce required");return new A(e,i,n,a,r,s).decrypt(t).result};class v{constructor(t){if(!(t=t||{}).hash)throw new SyntaxError("option 'hash' is required");if(!t.hash.HASH_SIZE)throw new SyntaxError("option 'hash' supplied doesn't seem to be a valid hash function");return this.hash=t.hash,this.BLOCK_SIZE=this.hash.BLOCK_SIZE,this.HMAC_SIZE=this.hash.HASH_SIZE,this.key=null,this.verify=null,this.result=null,void 0===t.password&&void 0===t.verify||this.reset(t),this}reset(t){var e=(t=t||{}).password;if(null===this.key&&!f(e)&&!e)throw new i("no key is associated with the instance");this.result=null,this.hash.reset(),(e||f(e))&&(this.key=x(this.hash,e));for(var r=new Uint8Array(this.key),s=0;st.BLOCK_SIZE?r.set(t.reset().process(e).finish().result):r.set(e),r}var E=64,g=32;function m(t){t=t||{},this.heap=w(Uint8Array,t.heap),this.asm=t.asm||function(t,e,r){"use asm";var s=0,i=0,n=0,a=0,h=0,o=0,c=0,u=0,f=0,l=0,p=0,w=0,y=0,_=0,d=0,A=0,v=0,x=0,E=0,g=0,m=0,b=0,S=0,C=0,M=0,U=0,H=new t.Uint8Array(r);function T(t,e,r,f,l,p,w,y,_,d,A,v,x,E,g,m){t=t|0;e=e|0;r=r|0;f=f|0;l=l|0;p=p|0;w=w|0;y=y|0;_=_|0;d=d|0;A=A|0;v=v|0;x=x|0;E=E|0;g=g|0;m=m|0;var b=0,S=0,C=0,M=0,U=0,H=0,T=0,D=0;b=s;S=i;C=n;M=a;U=h;H=o;T=c;D=u;D=t+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0x428a2f98|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;T=e+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0x71374491|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;H=r+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0xb5c0fbcf|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;U=f+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0xe9b5dba5|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;M=l+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0x3956c25b|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;C=p+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0x59f111f1|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;S=w+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0x923f82a4|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;b=y+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0xab1c5ed5|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;D=_+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0xd807aa98|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;T=d+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0x12835b01|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;H=A+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0x243185be|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;U=v+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0x550c7dc3|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;M=x+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0x72be5d74|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;C=E+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0x80deb1fe|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;S=g+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0x9bdc06a7|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;b=m+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0xc19bf174|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;t=(e>>>7^e>>>18^e>>>3^e<<25^e<<14)+(g>>>17^g>>>19^g>>>10^g<<15^g<<13)+t+d|0;D=t+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0xe49b69c1|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;e=(r>>>7^r>>>18^r>>>3^r<<25^r<<14)+(m>>>17^m>>>19^m>>>10^m<<15^m<<13)+e+A|0;T=e+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0xefbe4786|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;r=(f>>>7^f>>>18^f>>>3^f<<25^f<<14)+(t>>>17^t>>>19^t>>>10^t<<15^t<<13)+r+v|0;H=r+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0x0fc19dc6|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;f=(l>>>7^l>>>18^l>>>3^l<<25^l<<14)+(e>>>17^e>>>19^e>>>10^e<<15^e<<13)+f+x|0;U=f+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0x240ca1cc|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;l=(p>>>7^p>>>18^p>>>3^p<<25^p<<14)+(r>>>17^r>>>19^r>>>10^r<<15^r<<13)+l+E|0;M=l+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0x2de92c6f|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;p=(w>>>7^w>>>18^w>>>3^w<<25^w<<14)+(f>>>17^f>>>19^f>>>10^f<<15^f<<13)+p+g|0;C=p+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0x4a7484aa|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;w=(y>>>7^y>>>18^y>>>3^y<<25^y<<14)+(l>>>17^l>>>19^l>>>10^l<<15^l<<13)+w+m|0;S=w+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0x5cb0a9dc|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;y=(_>>>7^_>>>18^_>>>3^_<<25^_<<14)+(p>>>17^p>>>19^p>>>10^p<<15^p<<13)+y+t|0;b=y+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0x76f988da|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;_=(d>>>7^d>>>18^d>>>3^d<<25^d<<14)+(w>>>17^w>>>19^w>>>10^w<<15^w<<13)+_+e|0;D=_+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0x983e5152|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;d=(A>>>7^A>>>18^A>>>3^A<<25^A<<14)+(y>>>17^y>>>19^y>>>10^y<<15^y<<13)+d+r|0;T=d+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0xa831c66d|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;A=(v>>>7^v>>>18^v>>>3^v<<25^v<<14)+(_>>>17^_>>>19^_>>>10^_<<15^_<<13)+A+f|0;H=A+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0xb00327c8|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;v=(x>>>7^x>>>18^x>>>3^x<<25^x<<14)+(d>>>17^d>>>19^d>>>10^d<<15^d<<13)+v+l|0;U=v+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0xbf597fc7|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;x=(E>>>7^E>>>18^E>>>3^E<<25^E<<14)+(A>>>17^A>>>19^A>>>10^A<<15^A<<13)+x+p|0;M=x+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0xc6e00bf3|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;E=(g>>>7^g>>>18^g>>>3^g<<25^g<<14)+(v>>>17^v>>>19^v>>>10^v<<15^v<<13)+E+w|0;C=E+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0xd5a79147|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;g=(m>>>7^m>>>18^m>>>3^m<<25^m<<14)+(x>>>17^x>>>19^x>>>10^x<<15^x<<13)+g+y|0;S=g+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0x06ca6351|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;m=(t>>>7^t>>>18^t>>>3^t<<25^t<<14)+(E>>>17^E>>>19^E>>>10^E<<15^E<<13)+m+_|0;b=m+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0x14292967|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;t=(e>>>7^e>>>18^e>>>3^e<<25^e<<14)+(g>>>17^g>>>19^g>>>10^g<<15^g<<13)+t+d|0;D=t+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0x27b70a85|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;e=(r>>>7^r>>>18^r>>>3^r<<25^r<<14)+(m>>>17^m>>>19^m>>>10^m<<15^m<<13)+e+A|0;T=e+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0x2e1b2138|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;r=(f>>>7^f>>>18^f>>>3^f<<25^f<<14)+(t>>>17^t>>>19^t>>>10^t<<15^t<<13)+r+v|0;H=r+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0x4d2c6dfc|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;f=(l>>>7^l>>>18^l>>>3^l<<25^l<<14)+(e>>>17^e>>>19^e>>>10^e<<15^e<<13)+f+x|0;U=f+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0x53380d13|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;l=(p>>>7^p>>>18^p>>>3^p<<25^p<<14)+(r>>>17^r>>>19^r>>>10^r<<15^r<<13)+l+E|0;M=l+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0x650a7354|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;p=(w>>>7^w>>>18^w>>>3^w<<25^w<<14)+(f>>>17^f>>>19^f>>>10^f<<15^f<<13)+p+g|0;C=p+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0x766a0abb|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;w=(y>>>7^y>>>18^y>>>3^y<<25^y<<14)+(l>>>17^l>>>19^l>>>10^l<<15^l<<13)+w+m|0;S=w+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0x81c2c92e|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;y=(_>>>7^_>>>18^_>>>3^_<<25^_<<14)+(p>>>17^p>>>19^p>>>10^p<<15^p<<13)+y+t|0;b=y+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0x92722c85|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;_=(d>>>7^d>>>18^d>>>3^d<<25^d<<14)+(w>>>17^w>>>19^w>>>10^w<<15^w<<13)+_+e|0;D=_+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0xa2bfe8a1|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;d=(A>>>7^A>>>18^A>>>3^A<<25^A<<14)+(y>>>17^y>>>19^y>>>10^y<<15^y<<13)+d+r|0;T=d+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0xa81a664b|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;A=(v>>>7^v>>>18^v>>>3^v<<25^v<<14)+(_>>>17^_>>>19^_>>>10^_<<15^_<<13)+A+f|0;H=A+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0xc24b8b70|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;v=(x>>>7^x>>>18^x>>>3^x<<25^x<<14)+(d>>>17^d>>>19^d>>>10^d<<15^d<<13)+v+l|0;U=v+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0xc76c51a3|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;x=(E>>>7^E>>>18^E>>>3^E<<25^E<<14)+(A>>>17^A>>>19^A>>>10^A<<15^A<<13)+x+p|0;M=x+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0xd192e819|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;E=(g>>>7^g>>>18^g>>>3^g<<25^g<<14)+(v>>>17^v>>>19^v>>>10^v<<15^v<<13)+E+w|0;C=E+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0xd6990624|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;g=(m>>>7^m>>>18^m>>>3^m<<25^m<<14)+(x>>>17^x>>>19^x>>>10^x<<15^x<<13)+g+y|0;S=g+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0xf40e3585|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;m=(t>>>7^t>>>18^t>>>3^t<<25^t<<14)+(E>>>17^E>>>19^E>>>10^E<<15^E<<13)+m+_|0;b=m+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0x106aa070|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;t=(e>>>7^e>>>18^e>>>3^e<<25^e<<14)+(g>>>17^g>>>19^g>>>10^g<<15^g<<13)+t+d|0;D=t+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0x19a4c116|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;e=(r>>>7^r>>>18^r>>>3^r<<25^r<<14)+(m>>>17^m>>>19^m>>>10^m<<15^m<<13)+e+A|0;T=e+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0x1e376c08|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;r=(f>>>7^f>>>18^f>>>3^f<<25^f<<14)+(t>>>17^t>>>19^t>>>10^t<<15^t<<13)+r+v|0;H=r+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0x2748774c|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;f=(l>>>7^l>>>18^l>>>3^l<<25^l<<14)+(e>>>17^e>>>19^e>>>10^e<<15^e<<13)+f+x|0;U=f+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0x34b0bcb5|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;l=(p>>>7^p>>>18^p>>>3^p<<25^p<<14)+(r>>>17^r>>>19^r>>>10^r<<15^r<<13)+l+E|0;M=l+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0x391c0cb3|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;p=(w>>>7^w>>>18^w>>>3^w<<25^w<<14)+(f>>>17^f>>>19^f>>>10^f<<15^f<<13)+p+g|0;C=p+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0x4ed8aa4a|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;w=(y>>>7^y>>>18^y>>>3^y<<25^y<<14)+(l>>>17^l>>>19^l>>>10^l<<15^l<<13)+w+m|0;S=w+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0x5b9cca4f|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;y=(_>>>7^_>>>18^_>>>3^_<<25^_<<14)+(p>>>17^p>>>19^p>>>10^p<<15^p<<13)+y+t|0;b=y+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0x682e6ff3|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;_=(d>>>7^d>>>18^d>>>3^d<<25^d<<14)+(w>>>17^w>>>19^w>>>10^w<<15^w<<13)+_+e|0;D=_+D+(U>>>6^U>>>11^U>>>25^U<<26^U<<21^U<<7)+(T^U&(H^T))+0x748f82ee|0;M=M+D|0;D=D+(b&S^C&(b^S))+(b>>>2^b>>>13^b>>>22^b<<30^b<<19^b<<10)|0;d=(A>>>7^A>>>18^A>>>3^A<<25^A<<14)+(y>>>17^y>>>19^y>>>10^y<<15^y<<13)+d+r|0;T=d+T+(M>>>6^M>>>11^M>>>25^M<<26^M<<21^M<<7)+(H^M&(U^H))+0x78a5636f|0;C=C+T|0;T=T+(D&b^S&(D^b))+(D>>>2^D>>>13^D>>>22^D<<30^D<<19^D<<10)|0;A=(v>>>7^v>>>18^v>>>3^v<<25^v<<14)+(_>>>17^_>>>19^_>>>10^_<<15^_<<13)+A+f|0;H=A+H+(C>>>6^C>>>11^C>>>25^C<<26^C<<21^C<<7)+(U^C&(M^U))+0x84c87814|0;S=S+H|0;H=H+(T&D^b&(T^D))+(T>>>2^T>>>13^T>>>22^T<<30^T<<19^T<<10)|0;v=(x>>>7^x>>>18^x>>>3^x<<25^x<<14)+(d>>>17^d>>>19^d>>>10^d<<15^d<<13)+v+l|0;U=v+U+(S>>>6^S>>>11^S>>>25^S<<26^S<<21^S<<7)+(M^S&(C^M))+0x8cc70208|0;b=b+U|0;U=U+(H&T^D&(H^T))+(H>>>2^H>>>13^H>>>22^H<<30^H<<19^H<<10)|0;x=(E>>>7^E>>>18^E>>>3^E<<25^E<<14)+(A>>>17^A>>>19^A>>>10^A<<15^A<<13)+x+p|0;M=x+M+(b>>>6^b>>>11^b>>>25^b<<26^b<<21^b<<7)+(C^b&(S^C))+0x90befffa|0;D=D+M|0;M=M+(U&H^T&(U^H))+(U>>>2^U>>>13^U>>>22^U<<30^U<<19^U<<10)|0;E=(g>>>7^g>>>18^g>>>3^g<<25^g<<14)+(v>>>17^v>>>19^v>>>10^v<<15^v<<13)+E+w|0;C=E+C+(D>>>6^D>>>11^D>>>25^D<<26^D<<21^D<<7)+(S^D&(b^S))+0xa4506ceb|0;T=T+C|0;C=C+(M&U^H&(M^U))+(M>>>2^M>>>13^M>>>22^M<<30^M<<19^M<<10)|0;g=(m>>>7^m>>>18^m>>>3^m<<25^m<<14)+(x>>>17^x>>>19^x>>>10^x<<15^x<<13)+g+y|0;S=g+S+(T>>>6^T>>>11^T>>>25^T<<26^T<<21^T<<7)+(b^T&(D^b))+0xbef9a3f7|0;H=H+S|0;S=S+(C&M^U&(C^M))+(C>>>2^C>>>13^C>>>22^C<<30^C<<19^C<<10)|0;m=(t>>>7^t>>>18^t>>>3^t<<25^t<<14)+(E>>>17^E>>>19^E>>>10^E<<15^E<<13)+m+_|0;b=m+b+(H>>>6^H>>>11^H>>>25^H<<26^H<<21^H<<7)+(D^H&(T^D))+0xc67178f2|0;U=U+b|0;b=b+(S&C^M&(S^C))+(S>>>2^S>>>13^S>>>22^S<<30^S<<19^S<<10)|0;s=s+b|0;i=i+S|0;n=n+C|0;a=a+M|0;h=h+U|0;o=o+H|0;c=c+T|0;u=u+D|0}function D(t){t=t|0;T(H[t|0]<<24|H[t|1]<<16|H[t|2]<<8|H[t|3],H[t|4]<<24|H[t|5]<<16|H[t|6]<<8|H[t|7],H[t|8]<<24|H[t|9]<<16|H[t|10]<<8|H[t|11],H[t|12]<<24|H[t|13]<<16|H[t|14]<<8|H[t|15],H[t|16]<<24|H[t|17]<<16|H[t|18]<<8|H[t|19],H[t|20]<<24|H[t|21]<<16|H[t|22]<<8|H[t|23],H[t|24]<<24|H[t|25]<<16|H[t|26]<<8|H[t|27],H[t|28]<<24|H[t|29]<<16|H[t|30]<<8|H[t|31],H[t|32]<<24|H[t|33]<<16|H[t|34]<<8|H[t|35],H[t|36]<<24|H[t|37]<<16|H[t|38]<<8|H[t|39],H[t|40]<<24|H[t|41]<<16|H[t|42]<<8|H[t|43],H[t|44]<<24|H[t|45]<<16|H[t|46]<<8|H[t|47],H[t|48]<<24|H[t|49]<<16|H[t|50]<<8|H[t|51],H[t|52]<<24|H[t|53]<<16|H[t|54]<<8|H[t|55],H[t|56]<<24|H[t|57]<<16|H[t|58]<<8|H[t|59],H[t|60]<<24|H[t|61]<<16|H[t|62]<<8|H[t|63])}function k(t){t=t|0;H[t|0]=s>>>24;H[t|1]=s>>>16&255;H[t|2]=s>>>8&255;H[t|3]=s&255;H[t|4]=i>>>24;H[t|5]=i>>>16&255;H[t|6]=i>>>8&255;H[t|7]=i&255;H[t|8]=n>>>24;H[t|9]=n>>>16&255;H[t|10]=n>>>8&255;H[t|11]=n&255;H[t|12]=a>>>24;H[t|13]=a>>>16&255;H[t|14]=a>>>8&255;H[t|15]=a&255;H[t|16]=h>>>24;H[t|17]=h>>>16&255;H[t|18]=h>>>8&255;H[t|19]=h&255;H[t|20]=o>>>24;H[t|21]=o>>>16&255;H[t|22]=o>>>8&255;H[t|23]=o&255;H[t|24]=c>>>24;H[t|25]=c>>>16&255;H[t|26]=c>>>8&255;H[t|27]=c&255;H[t|28]=u>>>24;H[t|29]=u>>>16&255;H[t|30]=u>>>8&255;H[t|31]=u&255}function G(){s=0x6a09e667;i=0xbb67ae85;n=0x3c6ef372;a=0xa54ff53a;h=0x510e527f;o=0x9b05688c;c=0x1f83d9ab;u=0x5be0cd19;f=l=0}function I(t,e,r,p,w,y,_,d,A,v){t=t|0;e=e|0;r=r|0;p=p|0;w=w|0;y=y|0;_=_|0;d=d|0;A=A|0;v=v|0;s=t;i=e;n=r;a=p;h=w;o=y;c=_;u=d;f=A;l=v}function Z(t,e){t=t|0;e=e|0;var r=0;if(t&63)return-1;while((e|0)>=64){D(t);t=t+64|0;e=e-64|0;r=r+64|0}f=f+r|0;if(f>>>0>>0)l=l+1|0;return r|0}function P(t,e,r){t=t|0;e=e|0;r=r|0;var s=0,i=0;if(t&63)return-1;if(~r)if(r&31)return-1;if((e|0)>=64){s=Z(t,e)|0;if((s|0)==-1)return-1;t=t+s|0;e=e-s|0}s=s+e|0;f=f+e|0;if(f>>>0>>0)l=l+1|0;H[t|e]=0x80;if((e|0)>=56){for(i=e+1|0;(i|0)<64;i=i+1|0)H[t|i]=0x00;D(t);e=0;H[t|0]=0}for(i=e+1|0;(i|0)<59;i=i+1|0)H[t|i]=0;H[t|56]=l>>>21&255;H[t|57]=l>>>13&255;H[t|58]=l>>>5&255;H[t|59]=l<<3&255|f>>>29;H[t|60]=f>>>21&255;H[t|61]=f>>>13&255;H[t|62]=f>>>5&255;H[t|63]=f<<3&255;D(t);if(~r)k(r);return s|0}function B(){s=p;i=w;n=y;a=_;h=d;o=A;c=v;u=x;f=64;l=0}function z(){s=E;i=g;n=m;a=b;h=S;o=C;c=M;u=U;f=64;l=0}function O(t,e,r,H,D,k,I,Z,P,B,z,O,q,L,R,K){t=t|0;e=e|0;r=r|0;H=H|0;D=D|0;k=k|0;I=I|0;Z=Z|0;P=P|0;B=B|0;z=z|0;O=O|0;q=q|0;L=L|0;R=R|0;K=K|0;G();T(t^0x5c5c5c5c,e^0x5c5c5c5c,r^0x5c5c5c5c,H^0x5c5c5c5c,D^0x5c5c5c5c,k^0x5c5c5c5c,I^0x5c5c5c5c,Z^0x5c5c5c5c,P^0x5c5c5c5c,B^0x5c5c5c5c,z^0x5c5c5c5c,O^0x5c5c5c5c,q^0x5c5c5c5c,L^0x5c5c5c5c,R^0x5c5c5c5c,K^0x5c5c5c5c);E=s;g=i;m=n;b=a;S=h;C=o;M=c;U=u;G();T(t^0x36363636,e^0x36363636,r^0x36363636,H^0x36363636,D^0x36363636,k^0x36363636,I^0x36363636,Z^0x36363636,P^0x36363636,B^0x36363636,z^0x36363636,O^0x36363636,q^0x36363636,L^0x36363636,R^0x36363636,K^0x36363636);p=s;w=i;y=n;_=a;d=h;A=o;v=c;x=u;f=64;l=0}function q(t,e,r){t=t|0;e=e|0;r=r|0;var f=0,l=0,p=0,w=0,y=0,_=0,d=0,A=0,v=0;if(t&63)return-1;if(~r)if(r&31)return-1;v=P(t,e,-1)|0;f=s,l=i,p=n,w=a,y=h,_=o,d=c,A=u;z();T(f,l,p,w,y,_,d,A,0x80000000,0,0,0,0,0,0,768);if(~r)k(r);return v|0}function L(t,e,r,f,l){t=t|0;e=e|0;r=r|0;f=f|0;l=l|0;var p=0,w=0,y=0,_=0,d=0,A=0,v=0,x=0,E=0,g=0,m=0,b=0,S=0,C=0,M=0,U=0;if(t&63)return-1;if(~l)if(l&31)return-1;H[t+e|0]=r>>>24;H[t+e+1|0]=r>>>16&255;H[t+e+2|0]=r>>>8&255;H[t+e+3|0]=r&255;q(t,e+4|0,-1)|0;p=E=s,w=g=i,y=m=n,_=b=a,d=S=h,A=C=o,v=M=c,x=U=u;f=f-1|0;while((f|0)>0){B();T(E,g,m,b,S,C,M,U,0x80000000,0,0,0,0,0,0,768);E=s,g=i,m=n,b=a,S=h,C=o,M=c,U=u;z();T(E,g,m,b,S,C,M,U,0x80000000,0,0,0,0,0,0,768);E=s,g=i,m=n,b=a,S=h,C=o,M=c,U=u;p=p^s;w=w^i;y=y^n;_=_^a;d=d^h;A=A^o;v=v^c;x=x^u;f=f-1|0}s=p;i=w;n=y;a=_;h=d;o=A;c=v;u=x;if(~l)k(l);return 0}return{reset:G,init:I,process:Z,finish:P,hmac_reset:B,hmac_init:O,hmac_finish:q,pbkdf2_generate_block:L}}({Uint8Array:Uint8Array},null,this.heap.buffer),this.BLOCK_SIZE=E,this.HASH_SIZE=g,this.reset()}m.BLOCK_SIZE=E,m.HASH_SIZE=g,m.NAME="sha256";var b=m.prototype;b.reset=function(){return this.result=null,this.pos=0,this.len=0,this.asm.reset(),this},b.process=function(t){if(null!==this.result)throw new i("state must be reset before processing new data");if(f(t)&&(t=h(t)),l(t)&&(t=new Uint8Array(t)),!p(t))throw new TypeError("data isn't of expected type");for(var e=this.asm,r=this.heap,s=this.pos,n=this.len,a=0,o=t.length,c=0;o>0;)n+=c=y(r,s+n,t,a,o),a+=c,o-=c,s+=c=e.process(s,n),(n-=c)||(s=0);return this.pos=s,this.len=n,this},b.finish=function(){if(null!==this.result)throw new i("state must be reset before processing new data");return this.asm.finish(this.pos,this.len,0),this.result=new Uint8Array(this.HASH_SIZE),this.result.set(this.heap.subarray(0,this.HASH_SIZE)),this.pos=0,this.len=0,this};var S=null;class C extends v{constructor(t){(t=t||{}).hash instanceof m||(t.hash=(null===S&&(S=new m({heapSize:1048576})),S)),super(t)}reset(t){t=t||{},this.result=null,this.hash.reset();var e=t.password;if(void 0!==e){f(e)&&(e=h(e));var r=this.key=x(this.hash,e);this.hash.reset().asm.hmac_init(r[0]<<24|r[1]<<16|r[2]<<8|r[3],r[4]<<24|r[5]<<16|r[6]<<8|r[7],r[8]<<24|r[9]<<16|r[10]<<8|r[11],r[12]<<24|r[13]<<16|r[14]<<8|r[15],r[16]<<24|r[17]<<16|r[18]<<8|r[19],r[20]<<24|r[21]<<16|r[22]<<8|r[23],r[24]<<24|r[25]<<16|r[26]<<8|r[27],r[28]<<24|r[29]<<16|r[30]<<8|r[31],r[32]<<24|r[33]<<16|r[34]<<8|r[35],r[36]<<24|r[37]<<16|r[38]<<8|r[39],r[40]<<24|r[41]<<16|r[42]<<8|r[43],r[44]<<24|r[45]<<16|r[46]<<8|r[47],r[48]<<24|r[49]<<16|r[50]<<8|r[51],r[52]<<24|r[53]<<16|r[54]<<8|r[55],r[56]<<24|r[57]<<16|r[58]<<8|r[59],r[60]<<24|r[61]<<16|r[62]<<8|r[63])}else this.hash.asm.hmac_reset();var s=t.verify;return void 0!==s?this._hmac_init_verify(s):this.verify=null,this}finish(){if(null===this.key)throw new i("no key is associated with the instance");if(null!==this.result)throw new i("state must be reset before processing new data");var t=this.hash,e=this.hash.asm,r=this.hash.heap;e.hmac_finish(t.pos,t.len,0);var s=this.verify,n=new Uint8Array(g);if(n.set(r.subarray(0,g)),s)if(s.length===n.length){for(var a=0,h=0;h>>24&255,a>>>16&255,a>>>8&255,255&a])).finish().result);this.result.set(c.subarray(0,o),h);for(var u=1;u
+
\ No newline at end of file
diff --git a/assets/error.svg b/assets/error.svg
new file mode 100644
index 00000000..0d478816
--- /dev/null
+++ b/assets/error.svg
@@ -0,0 +1,258 @@
+
+
diff --git a/assets/eye-off.svg b/assets/eye-off.svg
new file mode 100644
index 00000000..6edb1745
--- /dev/null
+++ b/assets/eye-off.svg
@@ -0,0 +1 @@
+
diff --git a/assets/eye.svg b/assets/eye.svg
new file mode 100644
index 00000000..059dd2e9
--- /dev/null
+++ b/assets/eye.svg
@@ -0,0 +1 @@
+
diff --git a/assets/favicon-120.png b/assets/favicon-120.png
deleted file mode 100644
index 1fa60cd8..00000000
Binary files a/assets/favicon-120.png and /dev/null differ
diff --git a/assets/favicon-128.png b/assets/favicon-128.png
deleted file mode 100644
index 45f37fce..00000000
Binary files a/assets/favicon-128.png and /dev/null differ
diff --git a/assets/favicon-144.png b/assets/favicon-144.png
deleted file mode 100644
index 5f822567..00000000
Binary files a/assets/favicon-144.png and /dev/null differ
diff --git a/assets/favicon-152.png b/assets/favicon-152.png
deleted file mode 100644
index afa2e978..00000000
Binary files a/assets/favicon-152.png and /dev/null differ
diff --git a/assets/favicon-167.png b/assets/favicon-167.png
deleted file mode 100644
index d39f8a0c..00000000
Binary files a/assets/favicon-167.png and /dev/null differ
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
new file mode 100644
index 00000000..1926e1bf
Binary files /dev/null and b/assets/favicon-16x16.png differ
diff --git a/assets/favicon-180.png b/assets/favicon-180.png
deleted file mode 100644
index 67a23392..00000000
Binary files a/assets/favicon-180.png and /dev/null differ
diff --git a/assets/favicon-195.png b/assets/favicon-195.png
deleted file mode 100644
index bb763ea5..00000000
Binary files a/assets/favicon-195.png and /dev/null differ
diff --git a/assets/favicon-196.png b/assets/favicon-196.png
deleted file mode 100644
index 8ca0f0b9..00000000
Binary files a/assets/favicon-196.png and /dev/null differ
diff --git a/assets/favicon-228.png b/assets/favicon-228.png
deleted file mode 100644
index 3df9e05c..00000000
Binary files a/assets/favicon-228.png and /dev/null differ
diff --git a/assets/favicon-32.png b/assets/favicon-32.png
deleted file mode 100644
index 045edd37..00000000
Binary files a/assets/favicon-32.png and /dev/null differ
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
new file mode 100644
index 00000000..f00f4ee7
Binary files /dev/null and b/assets/favicon-32x32.png differ
diff --git a/assets/favicon-96.png b/assets/favicon-96.png
deleted file mode 100644
index ab851902..00000000
Binary files a/assets/favicon-96.png and /dev/null differ
diff --git a/assets/github-icon.svg b/assets/github-icon.svg
deleted file mode 100644
index 44e074c8..00000000
--- a/assets/github-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/icon-64x64.png b/assets/icon-64x64.png
new file mode 100644
index 00000000..e3a6b2a7
Binary files /dev/null and b/assets/icon-64x64.png differ
diff --git a/assets/icon.svg b/assets/icon.svg
new file mode 100644
index 00000000..e4bfb3d1
--- /dev/null
+++ b/assets/icon.svg
@@ -0,0 +1,34 @@
+
+
diff --git a/assets/illustration_download.svg b/assets/illustration_download.svg
deleted file mode 100644
index 9425fc28..00000000
--- a/assets/illustration_download.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/illustration_error.svg b/assets/illustration_error.svg
deleted file mode 100644
index cba8d2e0..00000000
--- a/assets/illustration_error.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/illustration_expired.svg b/assets/illustration_expired.svg
deleted file mode 100644
index 1d569f08..00000000
--- a/assets/illustration_expired.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/lock.svg b/assets/lock.svg
new file mode 100644
index 00000000..d4e16c96
--- /dev/null
+++ b/assets/lock.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/assets/master-logo.svg b/assets/master-logo.svg
new file mode 100644
index 00000000..ec8e6f8f
--- /dev/null
+++ b/assets/master-logo.svg
@@ -0,0 +1,99 @@
+
diff --git a/assets/mozilla-logo.svg b/assets/mozilla-logo.svg
deleted file mode 100644
index 3ea2e868..00000000
--- a/assets/mozilla-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/notFound.svg b/assets/notFound.svg
new file mode 100644
index 00000000..24e04000
--- /dev/null
+++ b/assets/notFound.svg
@@ -0,0 +1,274 @@
+
+
diff --git a/assets/safari-pinned-tab.svg b/assets/safari-pinned-tab.svg
new file mode 100644
index 00000000..d1fec797
--- /dev/null
+++ b/assets/safari-pinned-tab.svg
@@ -0,0 +1,34 @@
+
+
diff --git a/assets/select-arrow.svg b/assets/select-arrow.svg
new file mode 100644
index 00000000..d43db4d0
--- /dev/null
+++ b/assets/select-arrow.svg
@@ -0,0 +1,19 @@
+
+
\ No newline at end of file
diff --git a/assets/send-fb.jpg b/assets/send-fb.jpg
index 784fe51f..a9dcbdbf 100644
Binary files a/assets/send-fb.jpg and b/assets/send-fb.jpg differ
diff --git a/assets/send-twitter.jpg b/assets/send-twitter.jpg
index d13d5f90..ae30ad54 100644
Binary files a/assets/send-twitter.jpg and b/assets/send-twitter.jpg differ
diff --git a/assets/send_bg.svg b/assets/send_bg.svg
deleted file mode 100644
index a4557acc..00000000
--- a/assets/send_bg.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/send_logo.svg b/assets/send_logo.svg
deleted file mode 100644
index b13d138f..00000000
--- a/assets/send_logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/share-24.svg b/assets/share-24.svg
new file mode 100644
index 00000000..f85064c9
--- /dev/null
+++ b/assets/share-24.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/assets/spinner.svg b/assets/spinner.svg
deleted file mode 100644
index 004a3566..00000000
--- a/assets/spinner.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/assets/thunderbird-icon.svg b/assets/thunderbird-icon.svg
new file mode 100644
index 00000000..4f555086
--- /dev/null
+++ b/assets/thunderbird-icon.svg
@@ -0,0 +1,65 @@
+
\ No newline at end of file
diff --git a/assets/twitter-icon.svg b/assets/twitter-icon.svg
deleted file mode 100644
index 8816009a..00000000
--- a/assets/twitter-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/upload.svg b/assets/upload.svg
deleted file mode 100644
index f98e6b2e..00000000
--- a/assets/upload.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/user.svg b/assets/user.svg
new file mode 100644
index 00000000..3d052d07
--- /dev/null
+++ b/assets/user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/wordmark.svg b/assets/wordmark.svg
new file mode 100644
index 00000000..bc4841c6
--- /dev/null
+++ b/assets/wordmark.svg
@@ -0,0 +1,6 @@
+
diff --git a/assets_src/apple-touch-icon.xcf b/assets_src/apple-touch-icon.xcf
new file mode 100644
index 00000000..71584e92
Binary files /dev/null and b/assets_src/apple-touch-icon.xcf differ
diff --git a/assets_src/completed.svg b/assets_src/completed.svg
new file mode 100644
index 00000000..7d4736cb
--- /dev/null
+++ b/assets_src/completed.svg
@@ -0,0 +1,284 @@
+
+
diff --git a/assets_src/error.svg b/assets_src/error.svg
new file mode 100644
index 00000000..cea8a7ac
--- /dev/null
+++ b/assets_src/error.svg
@@ -0,0 +1,284 @@
+
+
diff --git a/assets_src/icon.svg b/assets_src/icon.svg
new file mode 100644
index 00000000..efa7b48e
--- /dev/null
+++ b/assets_src/icon.svg
@@ -0,0 +1,76 @@
+
+
diff --git a/assets_src/notFound.svg b/assets_src/notFound.svg
new file mode 100644
index 00000000..ce74ddb8
--- /dev/null
+++ b/assets_src/notFound.svg
@@ -0,0 +1,300 @@
+
+
diff --git a/assets_src/safari-pinned-tab.svg b/assets_src/safari-pinned-tab.svg
new file mode 100644
index 00000000..4f7a6f54
--- /dev/null
+++ b/assets_src/safari-pinned-tab.svg
@@ -0,0 +1,76 @@
+
+
diff --git a/assets_src/send-header.xcf b/assets_src/send-header.xcf
new file mode 100644
index 00000000..bff45898
Binary files /dev/null and b/assets_src/send-header.xcf differ
diff --git a/browserconfig.xml b/browserconfig.xml
deleted file mode 100644
index a1ff7e28..00000000
--- a/browserconfig.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
-
- #0297F8
-
-
-
\ No newline at end of file
diff --git a/browserslist b/browserslist
index f8713fdd..6ba761ca 100644
--- a/browserslist
+++ b/browserslist
@@ -2,4 +2,5 @@ last 2 chrome versions
last 2 firefox versions
last 2 safari versions
last 2 edge versions
+edge 18
firefox esr
diff --git a/build/android_index_plugin.js b/build/android_index_plugin.js
new file mode 100644
index 00000000..7f37d608
--- /dev/null
+++ b/build/android_index_plugin.js
@@ -0,0 +1,50 @@
+const path = require('path');
+const html = require('choo/html');
+const NAME = 'AndroidIndexPlugin';
+
+function chunkFileNames(compilation) {
+ const names = {};
+ for (const chunk of compilation.chunks) {
+ for (const file of chunk.files) {
+ if (!/\.map$/.test(file)) {
+ names[`${chunk.name}${path.extname(file)}`] = file;
+ }
+ }
+ }
+ return names;
+}
+class AndroidIndexPlugin {
+ apply(compiler) {
+ compiler.hooks.emit.tap(NAME, compilation => {
+ const files = chunkFileNames(compilation);
+ const page = html`
+
+
+ Send
+
+
+ "
+ ],
+ "Effect": "Allow"
+ },
+ {
+ "Action": [
+ "s3:GetObject",
+ "s3:GetObjectVersion",
+ "s3:ListMultipartUploadParts",
+ "s3:PutObject",
+ "s3:AbortMultipartUpload",
+ "s3:DeleteObject",
+ "s3:DeleteObjectVersion"
+ ],
+ "Resource": [
+ "arn:aws:s3:::/*"
+ ],
+ "Effect": "Allow"
+ }
+ ]
+ }
+ ```
+
+* A public ALB:
+
+ - Create a target group with the instance registered (HTTP on port `8080` and path `/`)
+ - Configure HTTP (port 80) to redirect to HTTPS (port 443)
+ - HTTPS (port 443) using the latest security policy and an ACM certificate like `send.mydomain.com`
+
+* A Route53 public record, alias from `send.mydomain.com` to the ALB
+
+## Software requirements
+
+* Git
+* NodeJS `15.x` LTS
+* Local Redis server
+
+### Prerequisite packages
+
+```bash
+sudo apt update
+sudo apt install -y apt-transport-https ca-certificates curl software-properties-common
+```
+
+### Add repositories
+
+* NodeJS `15.x` LTS (checkout [package.json](../package.json)):
+
+```bash
+curl -fsSL https://deb.nodesource.com/gpgkey/nodesource.gpg.key | sudo apt-key add -
+echo 'deb [arch=amd64] https://deb.nodesource.com/node_15.x focal main' | sudo tee /etc/apt/sources.list.d/nodejs.list
+```
+
+* Git (latest)
+
+```bash
+sudo add-apt-repository ppa:git-core/ppa
+```
+
+* Redis (latest)
+
+```bash
+sudo add-apt-repository ppa:redislabs/redis
+```
+
+### Install required packages
+
+```bash
+sudo apt update
+sudo apt install git nodejs redis-server telnet
+```
+
+### Redis server
+
+#### Password (optional)
+
+Generate a strong password:
+
+```bash
+makepasswd --chars=100
+```
+
+Edit Redis configuration file `/etc/redis/redis.conf`:
+
+```bash
+requirepass
+```
+
+_Note: documentation on securing Redis https://redis.io/topics/security_
+
+#### Systemd
+
+Enable and (re)start the Redis server service:
+
+```bash
+sudo systemctl enable redis-server
+sudo systemctl restart redis-server
+sudo systemctl status redis-server
+```
+
+## Website directory
+
+Setup a directory for the data
+
+```
+sudo mkdir -pv /var/www/send
+sudo chown www-data:www-data /var/www/send
+sudo 750 /var/www/send
+```
+
+### NodeJS
+
+Update npm:
+
+```bash
+sudo npm install -g npm
+```
+
+Checkout current NodeJS and npm versions:
+
+```bash
+node --version
+npm --version
+```
+
+Clone repository, install JavaScript packages and compiles the assets:
+
+```bash
+sudo su -l www-data -s /bin/bash
+cd /var/www/send
+git clone https://gitlab.com/timvisee/send.git .
+npm install
+npm run build
+exit
+```
+
+Create the file `/var/www/send/.env` used by Systemd with your environment variables
+(checkout [config.js](../server/config.js) for more configuration environment variables):
+
+```
+BASE_URL='https://send.mydomain.com'
+NODE_ENV='production'
+PORT='8080'
+REDIS_PASSWORD=''
+S3_BUCKET=''
+```
+
+Lower files and folders permissions to user and group `www-data`:
+
+```
+sudo find /var/www/send -type d -exec chmod 750 {} \;
+sudo find /var/www/send -type f -exec chmod 640 {} \;
+sudo find -L /var/www/send/node_modules/.bin/ -exec chmod 750 {} \;
+```
+
+### Systemd
+
+Create the file `/etc/systemd/system/send.service` with `root` user and `644` mode:
+
+```
+[Unit]
+Description=Send
+After=network.target
+Requires=redis-server.service
+Documentation=https://gitlab.com/timvisee/send
+
+[Service]
+Type=simple
+ExecStart=/usr/bin/npm run prod
+EnvironmentFile=/var/www/send/.env
+WorkingDirectory=/var/www/send
+User=www-data
+Group=www-data
+Restart=on-failure
+
+[Install]
+WantedBy=multi-user.target
+```
+
+_Note: could be better tuner to secure the service by restricting system permissions,
+check with `systemd-analyze security send`_
+
+Enable and start the Send service, check logs:
+
+```
+sudo systemctl daemon-reload
+sudo systemctl enable send
+sudo systemctl start send
+sudo systemctl status send
+journalctl -fu send
+```
diff --git a/docs/CODEOWNERS b/docs/CODEOWNERS
index 548da409..8291a567 100644
--- a/docs/CODEOWNERS
+++ b/docs/CODEOWNERS
@@ -1,2 +1,2 @@
-# flod as main contact for string changes
-public/locales/en-US/*.ftl @flodolo
+# timvisee as main contact for string changes
+public/locales/en-US/*.ftl @timvisee
diff --git a/docs/acceptance-mobile.md b/docs/acceptance-mobile.md
new file mode 100644
index 00000000..08d0d9c6
--- /dev/null
+++ b/docs/acceptance-mobile.md
@@ -0,0 +1,78 @@
+# Send V2 UX Mobile Acceptance and Spec Annotations
+
+`Date Created: 8/20/2018`
+
+## Acceptance Criteria
+
+Adapted from [this spreadsheet](https://airtable.com/shrkcBPOLkvNFOrpp)
+
+- [ ] It should look and feel of an Android App
+- [ ] It should look and feel like the Send Web Client
+
+### Main Screen
+- [ ] It should clearly Indicate the name of the product
+- [ ] If user has no existing Sends, it should make clear the primary benefits of the service (private, e2e encrypted, self-destructing file sharing)
+- [ ] It should allow users to access the file picker to create Send links
+- [ ] If the user has existing Sends, it should display a card-based list view of each [see Cards section below]
+
+### Non-Authenticated Users
+- [ ] It should make clear the benefits of a Firefox Account
+- [ ] It should allow users to log into or create a Firefox account
+- [ ] It should allow users to select and send multiple files in one URL
+- [ ] It should limit the sendable file size to 1GB
+- [ ] It should allow users to set an expiration time of 5 minutes, 1 hour, or 24 hours
+- [ ] It should allow users to set a download count of 1 downloads
+
+### Authenticated Users
+- [ ] It should indicate that the user is signed in via Firefox Account
+- [ ] It should allow the user to sign out
+- [ ] It should allow users to select and send multiple files in one URL
+- [ ] It should limit users to sending 2.5GB per Send
+- [ ] It should allow users to extend Send times up to 1 Week
+- [ ] It should allow users to extend Send download counts up to 100 times
+
+### Cards
+- [ ] It should display the name of the sent file/files
+- [ ] It should display the time remaining before expiration
+- [ ] It should display the number of downloads remaining before expiration
+- [ ] It should have a button that lets the user copy the send link to their clipboard
+- [ ] It should show a preview icon (not a thumbnail) that has some relationship to the file types or content being sent* (see 5.1 in spec)
+- [ ] It should have an overflow (meatball) menu that when triggered, gives the user share or delete buttons
+- [ ] While encrypting / pushing to server, it should display a progress meter and a cancel button
+- [ ] For authenticated users, it should be expandable to display all files in a send (5.1.1)
+- [ ] If user cancels Send, or Upload fails, it should display a warning in the card
+- [ ] It should display expired Sends below current sends with their UI greyed out and an expiration warning for 24 hours after expiration
+- [ ] It should remove expired cards from display after 24 hours
+- [ ] It should let users permanently delete records expired sends
+- [ ] It should display a visual indicator when a Send is password protected
+- [ ] It should allow the user to share via a native Android share sheet
+- [ ] It should allow me to create Send links through intents from other apps
+
+### General/other
+- [ ] It should allow users to set passwords to protect their Sends
+- [ ] It should warn users when they are trying to upload files larger than their share limit
+
+### Stretch
+- [ ] It should allow users to use the photo gallery to create Send links
+- [ ] It should allow users to use their camera to create Send links
+- [ ] It should allow users to opt into notification when a share link expires
+- [ ] It should allow users to opt into notifications when their link is downloaded
+
+## Annotations on Mobile Spec
+This document tracks differences between the UX spec for Send and the intended MVP.
+
+[Spec Link](https://mozilla.invisionapp.com/share/GNN6KKOQ5XS)
+
+* 1.1: Spec describes toolbar which may not be possible given the application framework we're using. In particular, issues with the spec include the color, logo and different font weights may be an issue.
+* 1.2: Spec's treatment of FxA UI may be difficult to match. We should use the default OAuth implementation and re-evaluate UX once we see an implementation demo. Also, the landing page UI should display a log-in CTA directly and not require users click into the hamburger menu.
+* 2.1: MVP will only include file picker. Signed in users will be able to select multiple files. File selection flow will be Android-native. Probably don't have the ability to add notifications as in the last screen on this page.
+* 2.1: @fzzzy will provide screenshots of this flow for UX evaluation and comment.
+* 3.1.4: The spec shows deleting the last item in an unshared set returning the user to the picker menu. Instead, it should return to the app home page.
+* 3.1.5: Same as 3.1.5 notes. Both cases should show the warning dialog.
+* 4.1: We may not be able to do a thumbnail here. Instead we should specify a set of icons to be displayed.
+* 6.3: We're not going to allow cards to be edited. This page is deprecated.
+* 6.4: Swiping cards to delete is stretched.
+* 6.5: We're not 100% sure what happens on network connectivity errors, we should test this and adapt UX as necessary.
+* 7.1: The last screen on this page depicts a network error notification on the selection screen. Instead the user should hit the send button, be taken back to the cards and display the card as in 5.1.2
+* 7.3: May not be necessary...we can ask for permissions on install.
+* 8.1: Notifications do not block launch
diff --git a/docs/acceptance-web.md b/docs/acceptance-web.md
new file mode 100644
index 00000000..859ef2fd
--- /dev/null
+++ b/docs/acceptance-web.md
@@ -0,0 +1,73 @@
+# Send V2 UX Web Acceptance Criteria
+
+## General
+
+- [ ] It should match the spec provided.
+- [ ] It should have a feedback button
+- [ ] It should provide links to relevant legal documentation
+
+### Non-Authenticated Users
+
+- [ ] It should make clear the benefits of a Firefox Account
+- [ ] It should allow users to log into or create a Firefox account
+- [ ] It should allow users to select and send multiple files in one URL
+- [ ] It should limit the sendable file size to 1GB
+- [ ] It should allow users to set an expiration time of 5 minutes, 1 hour, or 24 hours
+- [ ] It should allow users to set an download count of 1 downloads
+
+### Authenticated Users
+
+- [ ] It should indicate that the user is signed in via Firefox Account
+- [ ] It should allow the user to sign out
+- [ ] It should allow users to select and send multiple files in one URL
+- [ ] It should limit users to sending 2.5GB per Send
+- [ ] It should allow users to extend Send times up to 1 Week
+- [ ] It should allow users to extend Send download counts up to 100 times
+
+### Main Screen
+
+- [ ] It should clearly indicate the name of the product
+- [ ] If user has no existing Sends, it should make clear the primary benefits of the service (private, e2e encrypted, self-destructing file sharing)
+- [ ] It should allow users to access the file picker to create Send links
+- [ ] It should allow users to drag and drop files
+- [ ] It should provide affordances to sign in to Send
+- [ ] If the user has existing Sends, it should display a card-based list view of each
+
+### Upload UI
+
+- [ ] It should allow users to continue to add files to their upload up to a set limit
+- [ ] It should allow users to set a password
+- [ ] It should let users delete items from their upload bundle
+
+### Uploading UI
+
+- [ ] It should display an affordance to demonstrate the status of an upload
+
+### Share UI
+
+- [ ] It should provide a copiable URL to the bundle
+
+### Download UI
+
+- [ ] It should prompt the user for a password if one is required
+- [ ] It should provide feedback for incorrect passwords
+- [ ] It should provide a description of Send to make clear what this service is
+- [ ] It should let the user see the files they are downloading
+- [ ] It should let the user download their files
+
+### Download Complete UI
+
+- [ ] It should indicate that a download is complete
+- [ ] It should provide a description of the Send service
+- [ ] It should provide a link back to the upload UI
+
+### Expiry UI
+
+- [ ] It should provide a generic message indicating a share has expired
+- [ ] It should allow the user to navigate back to the upload page
+
+### In Memory DL Page
+
+- [ ] It should show in case a user tries to download a large file on a suboptimal client
+- [ ] It should suggest the user use Firefox
+- [ ] It should let the user copy the download url
\ No newline at end of file
diff --git a/docs/build.md b/docs/build.md
index 78ebd66f..f440f410 100644
--- a/docs/build.md
+++ b/docs/build.md
@@ -2,11 +2,11 @@ Send has two build configurations, development and production. Both can be run v
# Development
-`npm start` launches a `webpack-dev-server` on port 8080 that compiles the assets and watches files for changes. It also serves the backend API and frontend unit tests via the `server/dev.js` entrypoint. The frontend tests can be run in the browser by navigating to http://localhost:8080/test and will rerun automatically as the watched files are saved with changes.
+`npm start` launches a `webpack-dev-server` on port 8080 that compiles the assets and watches files for changes. It also serves the backend API and frontend unit tests via the `server/bin/dev.js` entrypoint. The frontend tests can be run in the browser by navigating to http://localhost:8080/test and will rerun automatically as the watched files are saved with changes.
# Production
-`npm run build` compiles the assets and writes the files to the `dist/` directory. `npm run prod` launches an Express server on port 1443 that serves the backend API and frontend static assets from `dist/` via the `server/prod.js` entrypoint.
+`npm run build` compiles the assets and writes the files to the `dist/` directory. `npm run prod` launches an Express server on port 1443 that serves the backend API and frontend static assets from `dist/` via the `server/bin/prod.js` entrypoint.
# Notable differences
diff --git a/docs/deployment.md b/docs/deployment.md
new file mode 100644
index 00000000..e4f6f60c
--- /dev/null
+++ b/docs/deployment.md
@@ -0,0 +1,96 @@
+## Requirements
+
+This document describes how to do a full deployment of Send on your own Linux server. You will need:
+
+* A working (and ideally somewhat recent) installation of NodeJS and npm
+* Git
+* Apache webserver
+* Optionally telnet, to be able to quickly check your installation
+
+For example in Debian/Ubuntu systems:
+
+```bash
+sudo apt install git apache2 nodejs npm telnet
+```
+
+## Building
+
+* We assume an already configured virtual-host on your webserver with an existing empty htdocs folder
+* First, remove that htdocs folder - we will replace it with Send's version now
+* git clone https://github.com/timvisee/send.git htdocs
+* Make now sure you are NOT root but rather the user your webserver is serving files under (e.g. "su www-data" or whoever the owner of your htdocs folder is)
+* npm install
+* npm run build
+
+## Running
+
+To have a permanently running version of Send as a background process:
+
+* Create a file `run.sh` with:
+
+```bash
+#!/bin/bash
+nohup su www-data -c "npm run prod" 2>/dev/null &
+```
+
+* Execute the script:
+
+```bash
+chmod +x run.sh
+./run.sh
+```
+
+Now the Send backend should be running on port 1443. You can check with:
+
+```bash
+telnet localhost 1443
+```
+
+## Reverse Proxy
+
+Of course, we don't want to expose the service on port 1443. Instead we want our normal webserver to forward all requests to Send ("Reverse proxy").
+
+# Apache webserver
+
+* Enable Apache required modules:
+
+```bash
+sudo a2enmod headers
+sudo a2enmod proxy
+sudo a2enmod proxy_http
+sudo a2enmod proxy_wstunnel
+sudo a2enmod rewrite
+```
+
+* Edit your Apache virtual host configuration file, insert this:
+
+```
+# Enable rewrite engine
+RewriteEngine on
+
+# Make sure the original domain name is forwarded to Send
+# Otherwise the generated URLs will be wrong
+ProxyPreserveHost on
+
+# Make sure the generated URL is https://
+RequestHeader set X-Forwarded-Proto https
+
+# If it's a normal file (e.g. PNG, CSS) just return it
+RewriteCond %{REQUEST_FILENAME} -f
+RewriteRule .* - [L]
+
+# If it's a websocket connection, redirect it to a Send WS connection
+RewriteCond %{HTTP:Upgrade} =websocket [NC]
+RewriteRule /(.*) ws://127.0.0.1:1443/$1 [P,L]
+
+# Otherwise redirect it to a normal HTTP connection
+RewriteRule ^/(.*)$ http://127.0.0.1:1443/$1 [P,QSA]
+ProxyPassReverse "/" "http://127.0.0.1:1443"
+```
+
+* Test configuration and restart Apache:
+
+```bash
+sudo apache2ctl configtest
+sudo systemctl restart apache2
+```
diff --git a/docs/docker.md b/docs/docker.md
index 9003412b..265485a7 100644
--- a/docs/docker.md
+++ b/docs/docker.md
@@ -1,35 +1,160 @@
-## Setup
+## Docker Quickstart
-Before building the Docker image, you must build the production assets:
+Use `registry.gitlab.com/timvisee/send:latest` from [`timvisee/send`'s Gitlab image registry](https://gitlab.com/timvisee/send/container_registry) for the latest Docker image.
-```sh
-npm run build
+```bash
+docker pull registry.gitlab.com/timvisee/send:latest
+
+# example quickstart (point REDIS_HOST to an already-running redis server)
+docker run -v $PWD/uploads:/uploads -p 1443:1443 \
+ -e 'DETECT_BASE_URL=true' \
+ -e 'REDIS_HOST=localhost' \
+ -e 'FILE_DIR=/uploads' \
+ registry.gitlab.com/timvisee/send:latest
```
-Then you can run either `docker build` or `docker-compose up`.
+Or clone this repo and run `docker build -t send:latest .` to build an image locally.
+*Note: for Docker Compose, see: https://github.com/timvisee/send-docker-compose*
-## Environment variables:
+## Environment Variables
-| Name | Description
+All the available config options and their defaults can be found here: https://github.com/timvisee/send/blob/master/server/config.js
+
+Config options should be set as unquoted environment variables. Boolean options should be `true`/`false`, time/duration should be integers (seconds), and filesize values should be integers (bytes).
+
+Config options expecting array values (e.g. `EXPIRE_TIMES_SECONDS`, `DOWNLOAD_COUNTS`) should be in unquoted CSV format. UI dropdowns will default to the first value in the CSV, e.g. `DOWNLOAD_COUNTS=5,1,10,100` will show four dropdown options, with `5` selected by the default.
+
+#### Server Configuration
+
+| Name | Description |
|------------------|-------------|
-| `PORT` | Port the server will listen on (defaults to 1443).
-| `S3_BUCKET` | The S3 bucket name.
-| `REDIS_HOST` | Host name of the Redis server.
-| `GOOGLE_ANALYTICS_ID` | Google Analytics ID
-| `SENTRY_CLIENT` | Sentry Client ID
-| `SENTRY_DSN` | Sentry DSN
-| `MAX_FILE_SIZE` | in bytes (defaults to 2147483648)
-| `NODE_ENV` | "production"
+| `BASE_URL` | The HTTPS URL where traffic will be served (e.g. `https://send.firefox.com`)
+| `DETECT_BASE_URL` | Autodetect the base URL using browser if `BASE_URL` is unset (defaults to `false`)
+| `PORT` | Port the server will listen on (defaults to `1443`)
+| `NODE_ENV` | Run in `development` mode (unsafe) or `production` mode (the default)
+| `SEND_FOOTER_DMCA_URL` | A URL to a contact page for DMCA requests (empty / not shown by default)
+| `SENTRY_CLIENT`, `SENTRY_DSN` | Sentry Client ID and DSN for error tracking (optional, disabled by default)
-## Example:
+*Note: more options can be found here: https://github.com/timvisee/send/blob/master/server/config.js*
-```sh
-$ docker run --net=host -e 'NODE_ENV=production' \
+#### Upload and Download Limits
+
+Configure the limits for uploads and downloads. Long expiration times are risky on public servers as people may use you as free hosting for copyrighted content or malware (which is why Mozilla shut down their `send` service). It's advised to only expose your service on a LAN/intranet, password protect it with a proxy/gateway, or make sure to set `SEND_FOOTER_DMCA_URL` above so you can respond to takedown requests.
+
+| Name | Description |
+|------------------|-------------|
+| `MAX_FILE_SIZE` | Maximum upload file size in bytes (defaults to `2147483648` aka 2GB)
+| `MAX_FILES_PER_ARCHIVE` | Maximum number of files per archive (defaults to `64`)
+| `MAX_EXPIRE_SECONDS` | Maximum upload expiry time in seconds (defaults to `604800` aka 7 days)
+| `MAX_DOWNLOADS` | Maximum number of downloads (defaults to `100`)
+| `DOWNLOAD_COUNTS` | Download limit options to show in UI dropdown, e.g. `10,1,2,5,10,15,25,50,100,1000`
+| `EXPIRE_TIMES_SECONDS` | Expire time options to show in UI dropdown, e.g. `3600,86400,604800,2592000,31536000`
+| `DEFAULT_DOWNLOADS` | Default download limit in UI (defaults to `1`)
+| `DEFAULT_EXPIRE_SECONDS` | Default expire time in UI (defaults to `86400`)
+
+*Note: more options can be found here: https://github.com/timvisee/send/blob/master/server/config.js*
+
+#### Storage Backend Options
+
+Pick how you want to store uploaded files and set these config options accordingly:
+
+- Local filesystem (the default): set `FILE_DIR` to the local path used inside the container for storage (or leave the default)
+- S3-compatible object store: set `S3_BUCKET`, `AWS_ACCESS_KEY_ID`, `AWS_SECRET_ACCESS_KEY` (and `S3_ENDPOINT` if using something other than AWS)
+- Google Cloud Storage: set `GCS_BUCKET` to the name of a GCS bucket (auth should be set up using [Application Default Credentials](https://cloud.google.com/docs/authentication/production#auth-cloud-implicit-nodejs))
+
+Redis is used as the metadata database for the backend and is required no matter which storage method you use.
+
+| Name | Description |
+|------------------|-------------|
+| `REDIS_HOST`, `REDIS_PORT`, `REDIS_USER`, `REDIS_PASSWORD`, `REDIS_DB` | Host name, port, and pass of the Redis server (defaults to `localhost`, `6379`, and no password)
+| `FILE_DIR` | Directory for storage inside the Docker container (defaults to `/uploads`)
+| `S3_BUCKET` | The S3 bucket name to use (only set if using S3 for storage)
+| `S3_ENDPOINT` | An optional custom endpoint to use for S3 (defaults to AWS)
+| `S3_USE_PATH_STYLE_ENDPOINT`| Whether to force [path style URLs](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/Config.html#s3ForcePathStyle-property) for S3 objects (defaults to `false`)
+| `AWS_ACCESS_KEY_ID` | S3 access key ID (only set if using S3 for storage)
+| `AWS_SECRET_ACCESS_KEY` | S3 secret access key ID (only set if using S3 for storage)
+| `GCS_BUCKET` | Google Cloud Storage bucket (only set if using GCP for storage)
+
+*Note: more options can be found here: https://github.com/timvisee/send/blob/master/server/config.js*
+
+## Branding
+
+To change the look the colors aswell as some graphics can be changed via environment variables.
+See the table below for the variables and their default values.
+
+| Name | Default | Description |
+|---|---|---|
+| UI_COLOR_PRIMARY | #0a84ff | The primary color |
+| UI_COLOR_ACCENT | #003eaa | The accent color (eg. for hover-effects) |
+| UI_CUSTOM_ASSETS_ANDROID_CHROME_192PX | | A custom icon for Android (192x192px) |
+| UI_CUSTOM_ASSETS_ANDROID_CHROME_512PX | | A custom icon for Android (512x512px) |
+| UI_CUSTOM_ASSETS_APPLE_TOUCH_ICON | | A custom icon for Apple |
+| UI_CUSTOM_ASSETS_FAVICON_16PX | | A custom favicon (16x16px) |
+| UI_CUSTOM_ASSETS_FAVICON_32PX | | A custom favicon (32x32px) |
+| UI_CUSTOM_ASSETS_ICON | | A custom icon (Logo on the top-left of the UI) |
+| UI_CUSTOM_ASSETS_SAFARI_PINNED_TAB | | A custom icon for Safari |
+| UI_CUSTOM_ASSETS_FACEBOOK | | A custom header image for Facebook |
+| UI_CUSTOM_ASSETS_TWITTER | | A custom header image for Twitter |
+| UI_CUSTOM_ASSETS_WORDMARK | | A custom wordmark (Text next to the logo) |
+| UI_CUSTOM_CSS | | Allows you to define a custom CSS file for custom styling |
+| CUSTOM_FOOTER_TEXT | | Allows you to define a custom footer |
+| CUSTOM_FOOTER_URL | | Allows you to define a custom URL in your footer |
+
+Side note: If you define a custom URL and a custom footer, only the footer text will display, but will be hyperlinked to the URL.
+
+## Examples
+
+**Run using an Amazon Elasticache for the Redis DB, Amazon S3 for the storage backend, and Sentry for error reporting.**
+
+```bash
+$ docker run -p 1443:1443 \
-e 'S3_BUCKET=testpilot-p2p-dev' \
-e 'REDIS_HOST=dyf9s2r4vo3.bolxr4.0001.usw2.cache.amazonaws.com' \
- -e 'GOOGLE_ANALYTICS_ID=UA-35433268-78' \
-e 'SENTRY_CLIENT=https://51e23d7263e348a7a3b90a5357c61cb2@sentry.prod.mozaws.net/168' \
-e 'SENTRY_DSN=https://51e23d7263e348a7a3b90a5357c61cb2:65e23d7263e348a7a3b90a5357c61c44@sentry.prod.mozaws.net/168' \
- mozilla/send:latest
+ -e 'BASE_URL=https://send.example.com' \
+ registry.gitlab.com/timvisee/send:latest
```
+
+*Note: make sure to replace the example values above with your real values before running.*
+
+
+**Run totally self-hosted using the current filesystem directry (`$PWD`) to store the Redis data and file uploads, with a `5GB` upload limit, 1 month expiry, and contact URL set.**
+
+```bash
+# create a network for the send backend and redis containers to talk to each other
+$ docker network create timviseesend
+
+# start the redis container
+$ docker run --net=timviseesend -v $PWD/redis:/data redis-server --appendonly yes
+
+# start the send backend container
+$ docker run --net=timviseesend -v $PWD/uploads:/uploads -p 1443:1443 \
+ -e 'BASE_URL=http://localhost:1443' \
+ -e 'MAX_FILE_SIZE=5368709120' \
+ -e 'MAX_EXPIRE_SECONDS=2592000' \
+ -e 'SEND_FOOTER_DMCA_URL=https://example.com/dmca-contact-info' \
+ registry.gitlab.com/timvisee/send:latest
+```
+Then open http://localhost:1443 to view the UI. (change the `localhost` to your IP or hostname above to serve the UI to others)
+
+To run with HTTPS, you will need to set up a reverse proxy with SSL termination in front of the backend. See Docker Compose below for an example setup.
+
+
+**Run with custom branding.**
+
+```bash
+$ docker run -p 1443:1443 \
+ -v $PWD/custom_assets:/app/dist/custom_assets \
+ -e 'UI_COLOR_PRIMARY=#f00' \
+ -e 'UI_COLOR_ACCENT=#a00' \
+ -e 'UI_CUSTOM_ASSETS_ICON=custom_assets/logo.svg' \
+ registry.gitlab.com/timvisee/send:latest
+```
+
+## Docker Compose
+
+For a Docker compose configuration example, see:
+
+https://github.com/timvisee/send-docker-compose
diff --git a/docs/encryption.md b/docs/encryption.md
index d9481eeb..b41d37de 100644
--- a/docs/encryption.md
+++ b/docs/encryption.md
@@ -1,14 +1,14 @@
# File Encryption
-Send use 128-bit AES-GCM encryption via the [Web Crypto API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API) to encrypt files in the browser before uploading them to the server. The code is in [app/keychain.js](../app/keychain.js).
+Send uses 128-bit AES-GCM encryption via the [Web Crypto API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API) to encrypt files in the browser before uploading them to the server. The code is in [app/keychain.js](../app/keychain.js).
## Steps
### Uploading
1. A new secret key is generated with `crypto.getRandomValues`
-2. The secret key is used to derive 3 more keys via HKDF SHA-256
- - an encryption key for the file (AES-GCM)
+2. The secret key is used to derive more keys via HKDF SHA-256
+ - a series of encryption keys for the file, via [ECE](https://tools.ietf.org/html/rfc8188) (AES-GCM)
- an encryption key for the file metadata (AES-GCM)
- a signing key for request authentication (HMAC SHA-256)
3. The file and metadata are encrypted with their corresponding keys
@@ -21,7 +21,7 @@ Send use 128-bit AES-GCM encryption via the [Web Crypto API](https://developer.m
1. The browser loads the share url page, which includes an authentication nonce
2. The browser imports the secret key from the url fragment
3. The same 3 keys as above are derived
-4. The browser signs the nonce with it's signing key and requests the metadata
+4. The browser signs the nonce with its signing key and requests the metadata
5. The encrypted metadata is decrypted and presented on the page
6. The browser makes another authenticated request to download the encrypted file
7. The browser downloads and decrypts the file
diff --git a/docs/faq.md b/docs/faq.md
index 7809e48f..657042de 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -1,12 +1,12 @@
-## How big of a file can I transfer with Firefox Send?
+## How big of a file can I transfer with Send?
-There is a 2GB file size limit built in to Send, however, in practice you may
-be unable to send files that large. Send encrypts and decrypts the files in
-the browser which is great for security but will tax your system resources. In
-particular you can expect to see your memory usage go up by at least the size
-of the file when the transfer is processing. You can see [the results of some
-testing](https://github.com/mozilla/send/issues/170#issuecomment-314107793).
-For the most reliable operation on common computers, it’s probably best to stay
+There is a 2GB file size limit built in to Send, but this may be changed by the
+hoster. Send encrypts and decrypts the files in the browser which is great for
+security but will tax your system resources. In particular you can expect to
+see your memory usage go up by at least the size of the file when the transfer
+is processing. You can see [the results of some
+testing](https://github.com/mozilla/send/issues/170#issuecomment-314107793). For
+the most reliable operation on common computers, it’s probably best to stay
under a few hundred megabytes.
## Why is my browser not supported?
@@ -17,26 +17,25 @@ Many browsers support this standard and should work fine, but some have not
implemented it yet (mobile browsers lag behind on this, in
particular).
-## Why does Firefox Send require JavaScript?
+## Why does Send require JavaScript?
-Firefox Send uses JavaScript to:
+Send uses JavaScript to:
- Encrypt and decrypt files locally on the client instead of the server.
- Render the user interface.
-- Manage translations on the website into [various different languages](https://github.com/mozilla/send#localization).
+- Manage translations on the website into [various different languages](https://github.com/timvisee/send#localization).
- Collect data to help us improve Send in accordance with our [Terms & Privacy](https://send.firefox.com/legal).
-Since Send is an open source project, you can see all of the cool ways we use JavaScript by [examining our code](https://github.com/mozilla/send/).
+Since Send is an open source project, you can see all of the cool ways we use JavaScript by [examining our code](https://github.com/timvisee/send/).
## How long are files available for?
Files are available to be downloaded for 24 hours, after which they are removed
-from the server. They are also removed immediately after a download completes.
+from the server. They are also removed immediately once the download limit is reached.
## Can a file be downloaded more than once?
-Not currently, but we're considering multiple download support in a future
-release.
+Yes, once a file is submitted to Send you can select the download limit.
*Disclaimer: Send is an experiment and under active development. The answers
diff --git a/docs/localization.md b/docs/localization.md
index ad9072e1..1cd92d41 100644
--- a/docs/localization.md
+++ b/docs/localization.md
@@ -1,6 +1,6 @@
# Localization
-Send is localized in over 50 languages. We use the [fluent](http://projectfluent.org/) library and store our translations in [FTL](http://projectfluent.org/fluent/guide/) files in `public/locales/`. `en-US` is our base language, and other languages are managed by [pontoon](https://pontoon.mozilla.org/projects/test-pilot-firefox-send/).
+Send is localized in over 50 languages. We use the [fluent](http://projectfluent.org/) library and store our translations in [FTL](http://projectfluent.org/fluent/guide/) files in `public/locales/`. `en-US` is our base language.
## Process
@@ -14,7 +14,7 @@ The development environment includes all locales in `public/locales` via the `L1
## Code
-In `app/` we use the `state.translate()` function to translate strings to the best matching language base on the user's `Accept-Language` header. It's a wrapper around fluent's [MessageContext.format](http://projectfluent.org/fluent.js/fluent/MessageContext.html). It works the same for both server and client side rendering.
+In `app/` we use the `state.translate()` function to translate strings to the best matching language base on the user's `Accept-Language` header. It's a wrapper around fluent's [FluentBundle.format](http://projectfluent.org/fluent.js/fluent/FluentBundle.html). It works the same for both server and client side rendering.
### Examples
diff --git a/docs/metrics.md b/docs/metrics.md
deleted file mode 100644
index abff9189..00000000
--- a/docs/metrics.md
+++ /dev/null
@@ -1,156 +0,0 @@
-# Send Metrics
-The metrics collection and analysis plan for Send, a forthcoming Test Pilot experiment.
-
-## Analysis
-Data collected by Send will be used to answer the following high-level questions:
-
-- Do users send files?
- - How often? How many?
- - What is the retention?
- - What is the distribution of senders?
-- How do recipients interact with promotional UI elements?
- - Are file recipients converted to file senders?
- - Are non-Firefox users converted to Firefox users?
-- Where does it go wrong?
- - How often are there errors in uploading or downloading files?
- - What types of errors to users commonly see?
- - At what point do errors affect retention?
-
-## Collection
-Data will be collected with Google Analytics and follow [Test Pilot standards](https://github.com/mozilla/testpilot/blob/master/docs/experiments/ga.md) for reporting.
-
-### Custom Metrics
-- `cm1` - the size of the file, in bytes.
-- `cm2` - the amount of time it took to complete the file transfer, in milliseconds. Only include if the file completed transferring (ref: `cd2`).
-- `cm3` - the rate of the file transfer, in bytes per second. This is computed by dividing `cm1` by `cm2`, not by monitoring transfer speeds. Only include if the file completed transferring (ref: `cd2`).
-- `cm4` - the amount of time until the file will expire, in milliseconds.
-- `cm5` - the number of files the user has ever uploaded.
-- `cm6` - the number of unexpired files the user has uploaded.
-- `cm7` - the number of files the user has ever downloaded.
-- `cm8` - the number of downloads permitted by the uploader.
-
-### Custom Dimensions
-- `cd1` - the method by which the user initiated an upload. One of `drag`, `click`.
-- `cd2` - the reason that the file transfer stopped. One of `completed`, `errored`, `cancelled`.
-- `cd3` - the destination of a link click. One of `experiment-page`, `download-firefox`, `twitter`, `github`, `cookies`, `terms`, `privacy`, `about`, `legal`, `mozilla`.
-- `cd4` - the location from which the user copied the URL to an upload file. One of `success-screen`, `upload-list`.
-- `cd5` - the referring location. One of `completed-download`, `errored-download`, `cancelled-download`, `completed-upload`, `errored-upload`, `cancelled-upload`, `testpilot`, `external`.
-- `cd6` - identifying information about an error. Exclude if there is no error involved. **TODO:** enumerate a list of possibilities.
-
-### Events
-
-_NB:_ due to how files are being tracked, there are no events indicating file expiry. This carries some risk: most notably, we can only derive expiration rates by looking at download rates, which is prone to skew if there are problems in data collection.
-
-#### `upload-started`
-Triggered whenever a user begins uploading a file. Includes:
-
-- `ec` - `sender`
-- `ea` - `upload-started`
-- `cm1`
-- `cm5`
-- `cm6`
-- `cm7`
-- `cd1`
-- `cd5`
-
-#### `upload-stopped`
-Triggered whenever a user stops uploading a file. Includes:
-
-- `ec` - `sender`
-- `ea` - `upload-stopped`
-- `cm1`
-- `cm2`
-- `cm3`
-- `cm5`
-- `cm6`
-- `cm7`
-- `cd1`
-- `cd2`
-- `cd6`
-
-#### `download-limit-changed`
-Triggered whenever the sender changes the download limit. Includes:
-
-- `ec` - `sender`
-- `ea` - `download-limit-changed`
-- `cm1`
-- `cm5`
-- `cm6`
-- `cm7`
-- `cm8`
-
-#### `password-added`
-Triggered whenever a password is added to a file. Includes:
-
-- `cm1`
-- `cm5`
-- `cm6`
-- `cm7`
-
-#### `download-started`
-Triggered whenever a user begins downloading a file. Includes:
-
-- `ec` - `recipient`
-- `ea` - `download-started`
-- `cm1`
-- `cm4`
-- `cm5`
-- `cm6`
-- `cm7`
-
-#### `download-stopped`
-Triggered whenever a user stops downloading a file.
-
-- `ec` - `recipient`
-- `ea` - `download-stopped`
-- `cm1`
-- `cm2` (if possible and applicable)
-- `cm3` (if possible and applicable)
-- `cm5`
-- `cm6`
-- `cm7`
-- `cd2`
-- `cd6`
-
-#### `exited`
-Fired whenever a user follows a link external to Send.
-
-- `ec` - `recipient`, `sender`, or `other`, as applicable.
-- `ea` - `exited`
-- `cd3`
-
-#### `upload-deleted`
-Fired whenever a user deletes a file they’ve uploaded.
-
-- `ec` - `sender`
-- `ea` - `upload-deleted`
-- `cm1`
-- `cm2`
-- `cm3`
-- `cm4`
-- `cm5`
-- `cm6`
-- `cm7`
-- `cd1`
-- `cd4`
-
-#### `copied`
-Fired whenever a user copies the URL of an upload file.
-
-- `ec` - `sender`
-- `ea` - `copied`
-- `cd4`
-
-#### `restarted`
-Fired whenever the user interrupts any part of funnel to return to the start of it (e.g. with a “send another file” or “send your own files” link).
-
-- `ec` - `recipient`, `sender`, or `other`, as applicable.
-- `ea` - `restarted`
-- `cd2`
-
-#### `unsupported`
-Fired whenever a user is presented a message saying that their browser is unsupported due to missing crypto APIs.
-
-- `ec` - `recipient` or `sender`, as applicable.
-- `ea` - `unsupported`
-- `cd6`
diff --git a/docs/notes/streams.md b/docs/notes/streams.md
new file mode 100644
index 00000000..ec0c0b89
--- /dev/null
+++ b/docs/notes/streams.md
@@ -0,0 +1,34 @@
+# Web Streams
+
+- API
+ - https://developer.mozilla.org/en-US/docs/Web/API/Streams_API
+- Reference Implementation
+ - https://github.com/whatwg/streams/tree/master/reference-implementation
+- Examples
+ - https://github.com/mdn/dom-examples/tree/master/streams
+- Polyfill
+ - https://github.com/MattiasBuelens/web-streams-polyfill
+
+# Encrypted Content Encoding
+
+- Spec
+ - https://trac.tools.ietf.org/html/rfc8188
+- node.js implementation
+ - https://github.com/web-push-libs/encrypted-content-encoding/tree/master/nodejs
+
+# Other APIs
+
+- Blobs
+ - https://developer.mozilla.org/en-US/docs/Web/API/Blob
+- ArrayBuffers, etc
+ - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer
+ - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array
+- FileReader
+ - https://developer.mozilla.org/en-US/docs/Web/API/FileReader
+
+# Other
+
+- node.js Buffer browser library
+ - https://github.com/feross/buffer
+- StreamSaver
+ - https://github.com/jimmywarting/StreamSaver.js
diff --git a/ios/generate-bundle.js b/ios/generate-bundle.js
new file mode 100644
index 00000000..70f60c3d
--- /dev/null
+++ b/ios/generate-bundle.js
@@ -0,0 +1,21 @@
+const child_process = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+child_process.execSync('npm run build');
+
+const prefix = path.join('..', 'dist');
+const json_string = fs.readFileSync(path.join(prefix, 'manifest.json'));
+const manifest = JSON.parse(json_string);
+
+const ios_filename = manifest['ios.js'];
+fs.writeFileSync(
+ 'send-ios/assets/ios.js',
+ fs.readFileSync(`${prefix}${ios_filename}`)
+);
+
+const vendor_filename = manifest['vendor.js'];
+fs.writeFileSync(
+ 'send-ios/assets/vendor.js',
+ fs.readFileSync(`${prefix}${vendor_filename}`)
+);
diff --git a/ios/ios.js b/ios/ios.js
new file mode 100644
index 00000000..23b7c4a3
--- /dev/null
+++ b/ios/ios.js
@@ -0,0 +1,158 @@
+/* global window, document, fetch */
+
+const MAXFILESIZE = 1024 * 1024 * 1024 * 2;
+
+const EventEmitter = require('events');
+const emitter = new EventEmitter();
+
+function dom(tagName, attributes, children = []) {
+ const node = document.createElement(tagName);
+ for (const name in attributes) {
+ if (name.indexOf('on') === 0) {
+ node[name] = attributes[name];
+ } else if (name === 'htmlFor') {
+ node.htmlFor = attributes.htmlFor;
+ } else if (name === 'className') {
+ node.className = attributes.className;
+ } else {
+ node.setAttribute(name, attributes[name]);
+ }
+ }
+ if (!(children instanceof Array)) {
+ children = [children];
+ }
+ for (let child of children) {
+ if (typeof child === 'string') {
+ child = document.createTextNode(child);
+ }
+ node.appendChild(child);
+ }
+ return node;
+}
+
+function uploadComplete(file) {
+ document.body.innerHTML = '';
+ const input = dom('input', { id: 'url', value: file.url });
+ const copy = dom(
+ 'button',
+ {
+ id: 'copy-button',
+ className: 'button',
+ onclick: () => {
+ window.webkit.messageHandlers['copy'].postMessage(input.value);
+ copy.textContent = 'Copied!';
+ setTimeout(function() {
+ copy.textContent = 'Copy to clipboard';
+ }, 2000);
+ }
+ },
+ 'Copy to clipboard'
+ );
+ const node = dom(
+ 'div',
+ { id: 'striped' },
+ dom('div', { id: 'white' }, [
+ input,
+ copy,
+ dom(
+ 'button',
+ { id: 'send-another', className: 'button', onclick: render },
+ 'Send another file'
+ )
+ ])
+ );
+ document.body.appendChild(node);
+}
+
+const state = {
+ storage: {
+ files: [],
+ remove: function(fileId) {
+ console.log('REMOVE FILEID', fileId);
+ },
+ writeFile: function(file) {
+ console.log('WRITEFILE', file);
+ },
+ addFile: uploadComplete,
+ totalUploads: 0
+ },
+ transfer: null,
+ uploading: false,
+ settingPassword: false,
+ passwordSetError: null,
+ route: '/'
+};
+
+function upload(event) {
+ console.log('UPLOAD');
+ event.preventDefault();
+ const target = event.target;
+ const file = target.files[0];
+ if (file.size === 0) {
+ return;
+ }
+ if (file.size > MAXFILESIZE) {
+ console.log('file too big (no bigger than ' + MAXFILESIZE + ')');
+ return;
+ }
+
+ emitter.emit('upload', { file: file, type: 'click' });
+}
+
+function render() {
+ document.body.innerHTML = '';
+ const striped = dom(
+ 'div',
+ { id: 'striped' },
+ dom('div', { id: 'white' }, [
+ dom('label', { id: 'label', htmlFor: 'input' }, 'Choose file'),
+ dom('input', {
+ id: 'input',
+ type: 'file',
+ name: 'input',
+ onchange: upload
+ })
+ ])
+ );
+ document.body.appendChild(striped);
+}
+
+emitter.on('render', function() {
+ document.body.innerHTML = '';
+ const percent =
+ (state.transfer.progress[0] / state.transfer.progress[1]) * 100;
+ const node = dom(
+ 'div',
+ { style: 'background-color: white; width: 100%' },
+ dom('span', {
+ style: `display: inline-block; width: ${percent}%; background-color: blue`
+ })
+ );
+ document.body.appendChild(node);
+});
+
+emitter.on('pushState', function(path) {
+ console.log('pushState ' + path + ' ' + JSON.stringify(state));
+});
+
+const controller = require('../app/controller').default;
+try {
+ controller(state, emitter);
+} catch (e) {
+ console.error('error' + e);
+ console.error(e);
+}
+
+function sendBase64EncodedFromSwift(encoded) {
+ fetch(encoded)
+ .then(res => res.blob())
+ .then(blob => {
+ emitter.emit('upload', { file: blob, type: 'share' });
+ });
+}
+
+window.sendBase64EncodedFromSwift = sendBase64EncodedFromSwift;
+
+render();
+
+window.webkit.messageHandlers['loaded'].postMessage('');
diff --git a/ios/send-ios-action-extension/ActionViewController.swift b/ios/send-ios-action-extension/ActionViewController.swift
new file mode 100644
index 00000000..9b202adb
--- /dev/null
+++ b/ios/send-ios-action-extension/ActionViewController.swift
@@ -0,0 +1,77 @@
+//
+// ActionViewController.swift
+// send-ios-action-extension
+//
+// Created by Donovan Preston on 7/26/18.
+//
+
+import UIKit
+import WebKit
+import MobileCoreServices
+
+var typesToLoad = [("com.adobe.pdf", "application/pdf"), ("public.png", "image/png"),
+ ("public.jpeg", "image/jpeg"), ("public.jpeg-2000", "image/jp2"),
+ ("com.compuserve.gif", "image/gif"), ("com.microsoft.bmp", "image/bmp"),
+ ("public.plain-text", "text/plain")]
+
+class ActionViewController: UIViewController, WKScriptMessageHandler {
+
+ @IBOutlet var webView: WKWebView!
+ var typeToSend: String?
+ var dataToSend: Data?
+
+ override func viewDidLoad() {
+ super.viewDidLoad()
+ self.webView.frame = self.view.bounds
+ self.webView?.configuration.userContentController.add(self, name: "loaded")
+ self.webView?.configuration.userContentController.add(self, name: "copy")
+
+ if let url = Bundle.main.url(
+ forResource: "index",
+ withExtension: "html",
+ subdirectory: "assets") {
+ self.webView.loadFileURL(url, allowingReadAccessTo: url.deletingLastPathComponent())
+ }
+ // Get the item[s] we're handling from the extension context.
+
+ for item in self.extensionContext!.inputItems as! [NSExtensionItem] {
+ for provider in item.attachments! as! [NSItemProvider] {
+ for (type, mimeType) in typesToLoad {
+ if provider.hasItemConformingToTypeIdentifier(type) {
+ provider.loadDataRepresentation(forTypeIdentifier: type, completionHandler: { (data, error) in
+ OperationQueue.main.addOperation {
+ self.typeToSend = mimeType
+ self.dataToSend = data
+ }
+ })
+ return
+ }
+ }
+ }
+ }
+ }
+
+ public func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
+ print("Message received: \(message.name) with body: \(message.body)")
+ if (message.name == "loaded") {
+ let stringToSend = "window.sendBase64EncodedFromSwift('data:\(self.typeToSend ?? "application/octet-stream");base64,\(self.dataToSend?.base64EncodedString() ?? "")')";
+ self.webView.evaluateJavaScript(stringToSend) { (object: Any?, error: Error?) -> Void in
+ print("completed")
+ }
+ } else if (message.name == "copy") {
+ UIPasteboard.general.string = "\(message.body)"
+ }
+ }
+
+ override func didReceiveMemoryWarning() {
+ super.didReceiveMemoryWarning()
+ // Dispose of any resources that can be recreated.
+ }
+
+ @IBAction func done() {
+ // Return any edited content to the host app.
+ // This template doesn't do anything, so we just echo the passed in items.
+ self.extensionContext!.completeRequest(returningItems: self.extensionContext!.inputItems, completionHandler: nil)
+ }
+
+}
diff --git a/ios/send-ios-action-extension/Base.lproj/MainInterface.storyboard b/ios/send-ios-action-extension/Base.lproj/MainInterface.storyboard
new file mode 100644
index 00000000..5939032d
--- /dev/null
+++ b/ios/send-ios-action-extension/Base.lproj/MainInterface.storyboard
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ios/send-ios-action-extension/Info.plist b/ios/send-ios-action-extension/Info.plist
new file mode 100644
index 00000000..10caa73e
--- /dev/null
+++ b/ios/send-ios-action-extension/Info.plist
@@ -0,0 +1,53 @@
+
+
+
+
+ CFBundleDevelopmentRegion
+ $(DEVELOPMENT_LANGUAGE)
+ CFBundleDisplayName
+ send-ios-action-extension
+ CFBundleExecutable
+ $(EXECUTABLE_NAME)
+ CFBundleIdentifier
+ $(PRODUCT_BUNDLE_IDENTIFIER)
+ CFBundleInfoDictionaryVersion
+ 6.0
+ CFBundleName
+ $(PRODUCT_NAME)
+ CFBundlePackageType
+ XPC!
+ CFBundleShortVersionString
+ 1.0
+ CFBundleVersion
+ 1
+ NSExtension
+
+ NSExtensionAttributes
+
+ NSExtensionActivationRule
+ SUBQUERY (
+ extensionItems,
+ $extensionItem,
+ SUBQUERY (
+ $extensionItem.attachments,
+ $attachment,
+ (
+ ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "com.adobe.pdf"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "public.image"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "public.plain-text"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "public.png"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "public.jpeg"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "public.jpeg-2000"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "com.compuserve.gif"
+ || ANY $attachment.registeredTypeIdentifiers UTI-CONFORMS-TO "com.microsoft.bmp"
+ )
+ ).@count == 1
+ ).@count == 1
+
+ NSExtensionMainStoryboard
+ MainInterface
+ NSExtensionPointIdentifier
+ com.apple.ui-services
+
+
+
diff --git a/ios/send-ios.xcodeproj/project.pbxproj b/ios/send-ios.xcodeproj/project.pbxproj
new file mode 100644
index 00000000..83f460b2
--- /dev/null
+++ b/ios/send-ios.xcodeproj/project.pbxproj
@@ -0,0 +1,526 @@
+// !$*UTF8*$!
+{
+ archiveVersion = 1;
+ classes = {
+ };
+ objectVersion = 50;
+ objects = {
+
+/* Begin PBXBuildFile section */
+ E34149C621017A3A00930775 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = E34149C521017A3A00930775 /* AppDelegate.swift */; };
+ E34149C821017A3A00930775 /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = E34149C721017A3A00930775 /* ViewController.swift */; };
+ E34149CB21017A3A00930775 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = E34149C921017A3A00930775 /* Main.storyboard */; };
+ E34149CD21017A3D00930775 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = E34149CC21017A3D00930775 /* Assets.xcassets */; };
+ E34149D021017A3D00930775 /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = E34149CE21017A3D00930775 /* LaunchScreen.storyboard */; };
+ E355478521028193009D206E /* help.html in Resources */ = {isa = PBXBuildFile; fileRef = E355478421028193009D206E /* help.html */; };
+ E355478921092E22009D206E /* assets in Resources */ = {isa = PBXBuildFile; fileRef = E355478821092E22009D206E /* assets */; };
+ E355478C210A534F009D206E /* ios.js in Resources */ = {isa = PBXBuildFile; fileRef = E355478B210A534F009D206E /* ios.js */; };
+ E355478E210A5357009D206E /* generate-bundle.js in Resources */ = {isa = PBXBuildFile; fileRef = E355478D210A5357009D206E /* generate-bundle.js */; };
+ E397A0B2210A641C00A978D4 /* ActionViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = E397A0B1210A641C00A978D4 /* ActionViewController.swift */; };
+ E397A0B5210A641C00A978D4 /* MainInterface.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = E397A0B3210A641C00A978D4 /* MainInterface.storyboard */; };
+ E397A0B9210A641C00A978D4 /* send-ios-action-extension.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = E397A0AF210A641C00A978D4 /* send-ios-action-extension.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
+ E397A0BF210A6B5500A978D4 /* assets in Resources */ = {isa = PBXBuildFile; fileRef = E397A0BE210A6B5500A978D4 /* assets */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+ E397A0B7210A641C00A978D4 /* PBXContainerItemProxy */ = {
+ isa = PBXContainerItemProxy;
+ containerPortal = E34149BA21017A3900930775 /* Project object */;
+ proxyType = 1;
+ remoteGlobalIDString = E397A0AE210A641C00A978D4;
+ remoteInfo = "send-ios-action-extension";
+ };
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+ E397A0BD210A641C00A978D4 /* Embed App Extensions */ = {
+ isa = PBXCopyFilesBuildPhase;
+ buildActionMask = 2147483647;
+ dstPath = "";
+ dstSubfolderSpec = 13;
+ files = (
+ E397A0B9210A641C00A978D4 /* send-ios-action-extension.appex in Embed App Extensions */,
+ );
+ name = "Embed App Extensions";
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+ E34149C221017A3900930775 /* send-ios.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "send-ios.app"; sourceTree = BUILT_PRODUCTS_DIR; };
+ E34149C521017A3A00930775 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; };
+ E34149C721017A3A00930775 /* ViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewController.swift; sourceTree = ""; };
+ E34149CA21017A3A00930775 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; };
+ E34149CC21017A3D00930775 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; };
+ E34149CF21017A3D00930775 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; };
+ E34149D121017A3D00930775 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
+ E355478421028193009D206E /* help.html */ = {isa = PBXFileReference; lastKnownFileType = text.html; path = help.html; sourceTree = ""; };
+ E355478821092E22009D206E /* assets */ = {isa = PBXFileReference; lastKnownFileType = folder; path = assets; sourceTree = ""; };
+ E355478B210A534F009D206E /* ios.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = ios.js; sourceTree = SOURCE_ROOT; };
+ E355478D210A5357009D206E /* generate-bundle.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = "generate-bundle.js"; sourceTree = SOURCE_ROOT; };
+ E397A0AF210A641C00A978D4 /* send-ios-action-extension.appex */ = {isa = PBXFileReference; explicitFileType = "wrapper.app-extension"; includeInIndex = 0; path = "send-ios-action-extension.appex"; sourceTree = BUILT_PRODUCTS_DIR; };
+ E397A0B1210A641C00A978D4 /* ActionViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ActionViewController.swift; sourceTree = ""; };
+ E397A0B4210A641C00A978D4 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/MainInterface.storyboard; sourceTree = ""; };
+ E397A0B6210A641C00A978D4 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
+ E397A0BE210A6B5500A978D4 /* assets */ = {isa = PBXFileReference; lastKnownFileType = folder; name = assets; path = "send-ios/assets"; sourceTree = SOURCE_ROOT; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+ E34149BF21017A3900930775 /* Frameworks */ = {
+ isa = PBXFrameworksBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+ E397A0AC210A641C00A978D4 /* Frameworks */ = {
+ isa = PBXFrameworksBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+ E34149B921017A3900930775 = {
+ isa = PBXGroup;
+ children = (
+ E34149C421017A3900930775 /* send-ios */,
+ E397A0B0210A641C00A978D4 /* send-ios-action-extension */,
+ E34149C321017A3900930775 /* Products */,
+ );
+ sourceTree = "";
+ };
+ E34149C321017A3900930775 /* Products */ = {
+ isa = PBXGroup;
+ children = (
+ E34149C221017A3900930775 /* send-ios.app */,
+ E397A0AF210A641C00A978D4 /* send-ios-action-extension.appex */,
+ );
+ name = Products;
+ sourceTree = "";
+ };
+ E34149C421017A3900930775 /* send-ios */ = {
+ isa = PBXGroup;
+ children = (
+ E355478D210A5357009D206E /* generate-bundle.js */,
+ E355478B210A534F009D206E /* ios.js */,
+ E34149C521017A3A00930775 /* AppDelegate.swift */,
+ E34149C721017A3A00930775 /* ViewController.swift */,
+ E34149C921017A3A00930775 /* Main.storyboard */,
+ E34149CC21017A3D00930775 /* Assets.xcassets */,
+ E34149CE21017A3D00930775 /* LaunchScreen.storyboard */,
+ E34149D121017A3D00930775 /* Info.plist */,
+ E355478421028193009D206E /* help.html */,
+ E355478821092E22009D206E /* assets */,
+ );
+ path = "send-ios";
+ sourceTree = "";
+ };
+ E397A0B0210A641C00A978D4 /* send-ios-action-extension */ = {
+ isa = PBXGroup;
+ children = (
+ E397A0BE210A6B5500A978D4 /* assets */,
+ E397A0B1210A641C00A978D4 /* ActionViewController.swift */,
+ E397A0B3210A641C00A978D4 /* MainInterface.storyboard */,
+ E397A0B6210A641C00A978D4 /* Info.plist */,
+ );
+ path = "send-ios-action-extension";
+ sourceTree = "";
+ };
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+ E34149C121017A3900930775 /* send-ios */ = {
+ isa = PBXNativeTarget;
+ buildConfigurationList = E34149D421017A3D00930775 /* Build configuration list for PBXNativeTarget "send-ios" */;
+ buildPhases = (
+ E355478A210A4C43009D206E /* ShellScript */,
+ E34149BE21017A3900930775 /* Sources */,
+ E34149BF21017A3900930775 /* Frameworks */,
+ E34149C021017A3900930775 /* Resources */,
+ E397A0BD210A641C00A978D4 /* Embed App Extensions */,
+ );
+ buildRules = (
+ );
+ dependencies = (
+ E397A0B8210A641C00A978D4 /* PBXTargetDependency */,
+ );
+ name = "send-ios";
+ productName = "send-ios";
+ productReference = E34149C221017A3900930775 /* send-ios.app */;
+ productType = "com.apple.product-type.application";
+ };
+ E397A0AE210A641C00A978D4 /* send-ios-action-extension */ = {
+ isa = PBXNativeTarget;
+ buildConfigurationList = E397A0BC210A641C00A978D4 /* Build configuration list for PBXNativeTarget "send-ios-action-extension" */;
+ buildPhases = (
+ E397A0AB210A641C00A978D4 /* Sources */,
+ E397A0AC210A641C00A978D4 /* Frameworks */,
+ E397A0AD210A641C00A978D4 /* Resources */,
+ );
+ buildRules = (
+ );
+ dependencies = (
+ );
+ name = "send-ios-action-extension";
+ productName = "send-ios-action-extension";
+ productReference = E397A0AF210A641C00A978D4 /* send-ios-action-extension.appex */;
+ productType = "com.apple.product-type.app-extension";
+ };
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+ E34149BA21017A3900930775 /* Project object */ = {
+ isa = PBXProject;
+ attributes = {
+ LastSwiftUpdateCheck = 0940;
+ LastUpgradeCheck = 0940;
+ ORGANIZATIONNAME = "Donovan Preston";
+ TargetAttributes = {
+ E34149C121017A3900930775 = {
+ CreatedOnToolsVersion = 9.4.1;
+ };
+ E397A0AE210A641C00A978D4 = {
+ CreatedOnToolsVersion = 9.4.1;
+ };
+ };
+ };
+ buildConfigurationList = E34149BD21017A3900930775 /* Build configuration list for PBXProject "send-ios" */;
+ compatibilityVersion = "Xcode 9.3";
+ developmentRegion = en;
+ hasScannedForEncodings = 0;
+ knownRegions = (
+ en,
+ Base,
+ );
+ mainGroup = E34149B921017A3900930775;
+ productRefGroup = E34149C321017A3900930775 /* Products */;
+ projectDirPath = "";
+ projectRoot = "";
+ targets = (
+ E34149C121017A3900930775 /* send-ios */,
+ E397A0AE210A641C00A978D4 /* send-ios-action-extension */,
+ );
+ };
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+ E34149C021017A3900930775 /* Resources */ = {
+ isa = PBXResourcesBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ E355478C210A534F009D206E /* ios.js in Resources */,
+ E355478921092E22009D206E /* assets in Resources */,
+ E355478E210A5357009D206E /* generate-bundle.js in Resources */,
+ E34149D021017A3D00930775 /* LaunchScreen.storyboard in Resources */,
+ E355478521028193009D206E /* help.html in Resources */,
+ E34149CD21017A3D00930775 /* Assets.xcassets in Resources */,
+ E34149CB21017A3A00930775 /* Main.storyboard in Resources */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+ E397A0AD210A641C00A978D4 /* Resources */ = {
+ isa = PBXResourcesBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ E397A0B5210A641C00A978D4 /* MainInterface.storyboard in Resources */,
+ E397A0BF210A6B5500A978D4 /* assets in Resources */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+ E355478A210A4C43009D206E /* ShellScript */ = {
+ isa = PBXShellScriptBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ );
+ inputPaths = (
+ );
+ outputPaths = (
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ shellPath = /bin/sh;
+ shellScript = "node generate-bundle.js\n";
+ };
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+ E34149BE21017A3900930775 /* Sources */ = {
+ isa = PBXSourcesBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ E34149C821017A3A00930775 /* ViewController.swift in Sources */,
+ E34149C621017A3A00930775 /* AppDelegate.swift in Sources */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+ E397A0AB210A641C00A978D4 /* Sources */ = {
+ isa = PBXSourcesBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ E397A0B2210A641C00A978D4 /* ActionViewController.swift in Sources */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+ E397A0B8210A641C00A978D4 /* PBXTargetDependency */ = {
+ isa = PBXTargetDependency;
+ target = E397A0AE210A641C00A978D4 /* send-ios-action-extension */;
+ targetProxy = E397A0B7210A641C00A978D4 /* PBXContainerItemProxy */;
+ };
+/* End PBXTargetDependency section */
+
+/* Begin PBXVariantGroup section */
+ E34149C921017A3A00930775 /* Main.storyboard */ = {
+ isa = PBXVariantGroup;
+ children = (
+ E34149CA21017A3A00930775 /* Base */,
+ );
+ name = Main.storyboard;
+ sourceTree = "";
+ };
+ E34149CE21017A3D00930775 /* LaunchScreen.storyboard */ = {
+ isa = PBXVariantGroup;
+ children = (
+ E34149CF21017A3D00930775 /* Base */,
+ );
+ name = LaunchScreen.storyboard;
+ sourceTree = "";
+ };
+ E397A0B3210A641C00A978D4 /* MainInterface.storyboard */ = {
+ isa = PBXVariantGroup;
+ children = (
+ E397A0B4210A641C00A978D4 /* Base */,
+ );
+ name = MainInterface.storyboard;
+ sourceTree = "";
+ };
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+ E34149D221017A3D00930775 /* Debug */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ ALWAYS_SEARCH_USER_PATHS = NO;
+ CLANG_ANALYZER_NONNULL = YES;
+ CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+ CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+ CLANG_CXX_LIBRARY = "libc++";
+ CLANG_ENABLE_MODULES = YES;
+ CLANG_ENABLE_OBJC_ARC = YES;
+ CLANG_ENABLE_OBJC_WEAK = YES;
+ CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+ CLANG_WARN_BOOL_CONVERSION = YES;
+ CLANG_WARN_COMMA = YES;
+ CLANG_WARN_CONSTANT_CONVERSION = YES;
+ CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+ CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+ CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+ CLANG_WARN_EMPTY_BODY = YES;
+ CLANG_WARN_ENUM_CONVERSION = YES;
+ CLANG_WARN_INFINITE_RECURSION = YES;
+ CLANG_WARN_INT_CONVERSION = YES;
+ CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+ CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+ CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+ CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+ CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+ CLANG_WARN_STRICT_PROTOTYPES = YES;
+ CLANG_WARN_SUSPICIOUS_MOVE = YES;
+ CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+ CLANG_WARN_UNREACHABLE_CODE = YES;
+ CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+ CODE_SIGN_IDENTITY = "iPhone Developer";
+ COPY_PHASE_STRIP = NO;
+ DEBUG_INFORMATION_FORMAT = dwarf;
+ ENABLE_STRICT_OBJC_MSGSEND = YES;
+ ENABLE_TESTABILITY = YES;
+ GCC_C_LANGUAGE_STANDARD = gnu11;
+ GCC_DYNAMIC_NO_PIC = NO;
+ GCC_NO_COMMON_BLOCKS = YES;
+ GCC_OPTIMIZATION_LEVEL = 0;
+ GCC_PREPROCESSOR_DEFINITIONS = (
+ "DEBUG=1",
+ "$(inherited)",
+ );
+ GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+ GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+ GCC_WARN_UNDECLARED_SELECTOR = YES;
+ GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+ GCC_WARN_UNUSED_FUNCTION = YES;
+ GCC_WARN_UNUSED_VARIABLE = YES;
+ IPHONEOS_DEPLOYMENT_TARGET = 11.4;
+ MTL_ENABLE_DEBUG_INFO = YES;
+ ONLY_ACTIVE_ARCH = YES;
+ SDKROOT = iphoneos;
+ SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+ SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+ };
+ name = Debug;
+ };
+ E34149D321017A3D00930775 /* Release */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ ALWAYS_SEARCH_USER_PATHS = NO;
+ CLANG_ANALYZER_NONNULL = YES;
+ CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+ CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+ CLANG_CXX_LIBRARY = "libc++";
+ CLANG_ENABLE_MODULES = YES;
+ CLANG_ENABLE_OBJC_ARC = YES;
+ CLANG_ENABLE_OBJC_WEAK = YES;
+ CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+ CLANG_WARN_BOOL_CONVERSION = YES;
+ CLANG_WARN_COMMA = YES;
+ CLANG_WARN_CONSTANT_CONVERSION = YES;
+ CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+ CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+ CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+ CLANG_WARN_EMPTY_BODY = YES;
+ CLANG_WARN_ENUM_CONVERSION = YES;
+ CLANG_WARN_INFINITE_RECURSION = YES;
+ CLANG_WARN_INT_CONVERSION = YES;
+ CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+ CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+ CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+ CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+ CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+ CLANG_WARN_STRICT_PROTOTYPES = YES;
+ CLANG_WARN_SUSPICIOUS_MOVE = YES;
+ CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+ CLANG_WARN_UNREACHABLE_CODE = YES;
+ CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+ CODE_SIGN_IDENTITY = "iPhone Developer";
+ COPY_PHASE_STRIP = NO;
+ DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+ ENABLE_NS_ASSERTIONS = NO;
+ ENABLE_STRICT_OBJC_MSGSEND = YES;
+ GCC_C_LANGUAGE_STANDARD = gnu11;
+ GCC_NO_COMMON_BLOCKS = YES;
+ GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+ GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+ GCC_WARN_UNDECLARED_SELECTOR = YES;
+ GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+ GCC_WARN_UNUSED_FUNCTION = YES;
+ GCC_WARN_UNUSED_VARIABLE = YES;
+ IPHONEOS_DEPLOYMENT_TARGET = 11.4;
+ MTL_ENABLE_DEBUG_INFO = NO;
+ SDKROOT = iphoneos;
+ SWIFT_COMPILATION_MODE = wholemodule;
+ SWIFT_OPTIMIZATION_LEVEL = "-O";
+ VALIDATE_PRODUCT = YES;
+ };
+ name = Release;
+ };
+ E34149D521017A3D00930775 /* Debug */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
+ ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+ CODE_SIGN_STYLE = Automatic;
+ INFOPLIST_FILE = "send-ios/Info.plist";
+ LD_RUNPATH_SEARCH_PATHS = (
+ "$(inherited)",
+ "@executable_path/Frameworks",
+ );
+ PRODUCT_BUNDLE_IDENTIFIER = "com.mozilla.send-ios";
+ PRODUCT_NAME = "$(TARGET_NAME)";
+ SWIFT_VERSION = 4.0;
+ TARGETED_DEVICE_FAMILY = "1,2";
+ };
+ name = Debug;
+ };
+ E34149D621017A3D00930775 /* Release */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
+ ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+ CODE_SIGN_STYLE = Automatic;
+ INFOPLIST_FILE = "send-ios/Info.plist";
+ LD_RUNPATH_SEARCH_PATHS = (
+ "$(inherited)",
+ "@executable_path/Frameworks",
+ );
+ PRODUCT_BUNDLE_IDENTIFIER = "com.mozilla.send-ios";
+ PRODUCT_NAME = "$(TARGET_NAME)";
+ SWIFT_VERSION = 4.0;
+ TARGETED_DEVICE_FAMILY = "1,2";
+ };
+ name = Release;
+ };
+ E397A0BA210A641C00A978D4 /* Debug */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ CODE_SIGN_STYLE = Automatic;
+ INFOPLIST_FILE = "send-ios-action-extension/Info.plist";
+ LD_RUNPATH_SEARCH_PATHS = (
+ "$(inherited)",
+ "@executable_path/Frameworks",
+ "@executable_path/../../Frameworks",
+ );
+ PRODUCT_BUNDLE_IDENTIFIER = "com.mozilla.send-ios.send-ios-action-extension";
+ PRODUCT_NAME = "$(TARGET_NAME)";
+ SKIP_INSTALL = YES;
+ SWIFT_VERSION = 4.0;
+ TARGETED_DEVICE_FAMILY = "1,2";
+ };
+ name = Debug;
+ };
+ E397A0BB210A641C00A978D4 /* Release */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ CODE_SIGN_STYLE = Automatic;
+ INFOPLIST_FILE = "send-ios-action-extension/Info.plist";
+ LD_RUNPATH_SEARCH_PATHS = (
+ "$(inherited)",
+ "@executable_path/Frameworks",
+ "@executable_path/../../Frameworks",
+ );
+ PRODUCT_BUNDLE_IDENTIFIER = "com.mozilla.send-ios.send-ios-action-extension";
+ PRODUCT_NAME = "$(TARGET_NAME)";
+ SKIP_INSTALL = YES;
+ SWIFT_VERSION = 4.0;
+ TARGETED_DEVICE_FAMILY = "1,2";
+ };
+ name = Release;
+ };
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+ E34149BD21017A3900930775 /* Build configuration list for PBXProject "send-ios" */ = {
+ isa = XCConfigurationList;
+ buildConfigurations = (
+ E34149D221017A3D00930775 /* Debug */,
+ E34149D321017A3D00930775 /* Release */,
+ );
+ defaultConfigurationIsVisible = 0;
+ defaultConfigurationName = Release;
+ };
+ E34149D421017A3D00930775 /* Build configuration list for PBXNativeTarget "send-ios" */ = {
+ isa = XCConfigurationList;
+ buildConfigurations = (
+ E34149D521017A3D00930775 /* Debug */,
+ E34149D621017A3D00930775 /* Release */,
+ );
+ defaultConfigurationIsVisible = 0;
+ defaultConfigurationName = Release;
+ };
+ E397A0BC210A641C00A978D4 /* Build configuration list for PBXNativeTarget "send-ios-action-extension" */ = {
+ isa = XCConfigurationList;
+ buildConfigurations = (
+ E397A0BA210A641C00A978D4 /* Debug */,
+ E397A0BB210A641C00A978D4 /* Release */,
+ );
+ defaultConfigurationIsVisible = 0;
+ defaultConfigurationName = Release;
+ };
+/* End XCConfigurationList section */
+ };
+ rootObject = E34149BA21017A3900930775 /* Project object */;
+}
diff --git a/ios/send-ios.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/ios/send-ios.xcodeproj/project.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 00000000..883bc6f4
--- /dev/null
+++ b/ios/send-ios.xcodeproj/project.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/ios/send-ios.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ios/send-ios.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 00000000..18d98100
--- /dev/null
+++ b/ios/send-ios.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+
+
+
+
+ IDEDidComputeMac32BitWarning
+
+
diff --git a/ios/send-ios.xcodeproj/project.xcworkspace/xcuserdata/donovan.xcuserdatad/UserInterfaceState.xcuserstate b/ios/send-ios.xcodeproj/project.xcworkspace/xcuserdata/donovan.xcuserdatad/UserInterfaceState.xcuserstate
new file mode 100644
index 00000000..ccfe2abd
Binary files /dev/null and b/ios/send-ios.xcodeproj/project.xcworkspace/xcuserdata/donovan.xcuserdatad/UserInterfaceState.xcuserstate differ
diff --git a/ios/send-ios.xcodeproj/xcuserdata/donovan.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist b/ios/send-ios.xcodeproj/xcuserdata/donovan.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
new file mode 100644
index 00000000..a53fd357
--- /dev/null
+++ b/ios/send-ios.xcodeproj/xcuserdata/donovan.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
diff --git a/ios/send-ios.xcodeproj/xcuserdata/donovan.xcuserdatad/xcschemes/xcschememanagement.plist b/ios/send-ios.xcodeproj/xcuserdata/donovan.xcuserdatad/xcschemes/xcschememanagement.plist
new file mode 100644
index 00000000..566d89e1
--- /dev/null
+++ b/ios/send-ios.xcodeproj/xcuserdata/donovan.xcuserdatad/xcschemes/xcschememanagement.plist
@@ -0,0 +1,19 @@
+
+
+
+
+ SchemeUserState
+
+ send-ios-action-extension.xcscheme
+
+ orderHint
+ 1
+
+ send-ios.xcscheme
+
+ orderHint
+ 0
+
+
+
+
diff --git a/ios/send-ios/AppDelegate.swift b/ios/send-ios/AppDelegate.swift
new file mode 100644
index 00000000..bfb62d7a
--- /dev/null
+++ b/ios/send-ios/AppDelegate.swift
@@ -0,0 +1,45 @@
+//
+// AppDelegate.swift
+// send-ios
+//
+// Created by Donovan Preston on 7/19/18.
+//
+
+import UIKit
+
+@UIApplicationMain
+class AppDelegate: UIResponder, UIApplicationDelegate {
+
+ var window: UIWindow?
+
+
+ func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
+ // Override point for customization after application launch.
+ return true
+ }
+
+ func applicationWillResignActive(_ application: UIApplication) {
+ // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
+ // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
+ }
+
+ func applicationDidEnterBackground(_ application: UIApplication) {
+ // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
+ // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
+ }
+
+ func applicationWillEnterForeground(_ application: UIApplication) {
+ // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
+ }
+
+ func applicationDidBecomeActive(_ application: UIApplication) {
+ // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
+ }
+
+ func applicationWillTerminate(_ application: UIApplication) {
+ // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
+ }
+
+
+}
+
diff --git a/ios/send-ios/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/send-ios/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 00000000..d8db8d65
--- /dev/null
+++ b/ios/send-ios/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,98 @@
+{
+ "images" : [
+ {
+ "idiom" : "iphone",
+ "size" : "20x20",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "20x20",
+ "scale" : "3x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "29x29",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "29x29",
+ "scale" : "3x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "40x40",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "40x40",
+ "scale" : "3x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "60x60",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "iphone",
+ "size" : "60x60",
+ "scale" : "3x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "20x20",
+ "scale" : "1x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "20x20",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "29x29",
+ "scale" : "1x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "29x29",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "40x40",
+ "scale" : "1x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "40x40",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "76x76",
+ "scale" : "1x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "76x76",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "ipad",
+ "size" : "83.5x83.5",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "ios-marketing",
+ "size" : "1024x1024",
+ "scale" : "1x"
+ }
+ ],
+ "info" : {
+ "version" : 1,
+ "author" : "xcode"
+ }
+}
\ No newline at end of file
diff --git a/ios/send-ios/Assets.xcassets/Contents.json b/ios/send-ios/Assets.xcassets/Contents.json
new file mode 100644
index 00000000..da4a164c
--- /dev/null
+++ b/ios/send-ios/Assets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+ "info" : {
+ "version" : 1,
+ "author" : "xcode"
+ }
+}
\ No newline at end of file
diff --git a/ios/send-ios/Base.lproj/LaunchScreen.storyboard b/ios/send-ios/Base.lproj/LaunchScreen.storyboard
new file mode 100644
index 00000000..f83f6fd5
--- /dev/null
+++ b/ios/send-ios/Base.lproj/LaunchScreen.storyboard
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ios/send-ios/Base.lproj/Main.storyboard b/ios/send-ios/Base.lproj/Main.storyboard
new file mode 100644
index 00000000..09ae84fd
--- /dev/null
+++ b/ios/send-ios/Base.lproj/Main.storyboard
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ios/send-ios/Info.plist b/ios/send-ios/Info.plist
new file mode 100644
index 00000000..16be3b68
--- /dev/null
+++ b/ios/send-ios/Info.plist
@@ -0,0 +1,45 @@
+
+
+
+
+ CFBundleDevelopmentRegion
+ $(DEVELOPMENT_LANGUAGE)
+ CFBundleExecutable
+ $(EXECUTABLE_NAME)
+ CFBundleIdentifier
+ $(PRODUCT_BUNDLE_IDENTIFIER)
+ CFBundleInfoDictionaryVersion
+ 6.0
+ CFBundleName
+ $(PRODUCT_NAME)
+ CFBundlePackageType
+ APPL
+ CFBundleShortVersionString
+ 1.0
+ CFBundleVersion
+ 1
+ LSRequiresIPhoneOS
+ UILaunchStoryboardName
+ LaunchScreen
+ UIMainStoryboardFile
+ Main
+ UIRequiredDeviceCapabilities
+
+ armv7
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+
+
diff --git a/ios/send-ios/ViewController.swift b/ios/send-ios/ViewController.swift
new file mode 100644
index 00000000..289f07c4
--- /dev/null
+++ b/ios/send-ios/ViewController.swift
@@ -0,0 +1,39 @@
+//
+// ViewController.swift
+// send-ios
+//
+// Created by Donovan Preston on 7/19/18.
+//
+
+import UIKit
+import WebKit
+
+class ViewController: UIViewController, WKScriptMessageHandler {
+ @IBOutlet var webView: WKWebView!
+
+ override func viewDidLoad() {
+ super.viewDidLoad()
+ self.webView.frame = self.view.bounds
+ self.webView?.configuration.userContentController.add(self, name: "loaded")
+ self.webView?.configuration.userContentController.add(self, name: "copy")
+ if let url = Bundle.main.url(
+ forResource: "index",
+ withExtension: "html",
+ subdirectory: "assets") {
+ webView.loadFileURL(url, allowingReadAccessTo: url.deletingLastPathComponent())
+ }
+ }
+
+ public func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
+ print("Message received: \(message.name) with body: \(message.body)")
+ UIPasteboard.general.string = "\(message.body)"
+ }
+
+ override func didReceiveMemoryWarning() {
+ super.didReceiveMemoryWarning()
+ // Dispose of any resources that can be recreated.
+ }
+
+
+}
+
diff --git a/ios/send-ios/assets/background_1.jpg b/ios/send-ios/assets/background_1.jpg
new file mode 100644
index 00000000..c92d3fb1
Binary files /dev/null and b/ios/send-ios/assets/background_1.jpg differ
diff --git a/ios/send-ios/assets/index.css b/ios/send-ios/assets/index.css
new file mode 100644
index 00000000..3dd18d2d
--- /dev/null
+++ b/ios/send-ios/assets/index.css
@@ -0,0 +1,84 @@
+body {
+ background: url('background_1.jpg');
+ display: flex;
+ flex-direction: row;
+ flex: auto;
+ justify-content: center;
+ align-items: center;
+ padding: 0 20px;
+ box-sizing: border-box;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+#striped {
+ background-image: repeating-linear-gradient(
+ 45deg,
+ white,
+ white 5px,
+ #ea000e 5px,
+ #ea000e 25px,
+ white 25px,
+ white 30px,
+ #0083ff 30px,
+ #0083ff 50px
+ );
+ height: 350px;
+ width: 480px;
+}
+
+#white {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ height: 100%;
+ background-color: white;
+ margin: 0 10px;
+ padding: 1px 10px 0 10px;
+}
+
+#label {
+ background: #0297f8;
+ border: 1px solid #0297f8;
+ color: white;
+ font-size: 24px;
+ font-weight: 500;
+ height: 60px;
+ width: 200px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+#input {
+ display: none;
+}
+
+#url {
+ flex: 1;
+ width: 100%;
+ height: 32px;
+ font-size: 24px;
+ margin-top: 1em;
+}
+
+.button {
+ flex: 1;
+ display: block;
+ background: #0297f8;
+ border: 1px solid #0297f8;
+ color: white;
+ font-size: 24px;
+ font-weight: 500;
+ width: 95%;
+ height: 32px;
+ margin-top: 1em;
+}
+
+#send-another {
+ margin-bottom: 1em;
+}
diff --git a/ios/send-ios/assets/index.html b/ios/send-ios/assets/index.html
new file mode 100644
index 00000000..4579be02
--- /dev/null
+++ b/ios/send-ios/assets/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+ Send
+
+
+
+
+
+
+
+
+
+
diff --git a/ios/send-ios/help.html b/ios/send-ios/help.html
new file mode 100644
index 00000000..afbd39d5
--- /dev/null
+++ b/ios/send-ios/help.html
@@ -0,0 +1,5 @@
+
+
+ HELLO WORLD
+
+
+
+`;
+}
diff --git a/android/pages/upload.js b/android/pages/upload.js
new file mode 100644
index 00000000..c98962dd
--- /dev/null
+++ b/android/pages/upload.js
@@ -0,0 +1,26 @@
+const html = require('choo/html');
+
+export default function progressBar(state, emit) {
+ let percent = 0;
+ if (state.transfer && state.transfer.progress) {
+ percent = Math.floor(state.transfer.progressRatio * 100);
+ }
+ function onclick(e) {
+ e.preventDefault();
+ if (state.uploading) {
+ emit('cancel');
+ }
+ emit('pushState', '/');
+ }
+ return html`
+
+ The card contents will be here.
+ Expires after: exp
+ ${input}
+
+ })
+ ${copyText}
+
+
+
+
+ ${copyText}
+
+
+
+ `;
+}
diff --git a/android/settings.gradle b/android/settings.gradle
new file mode 100644
index 00000000..e7b4def4
--- /dev/null
+++ b/android/settings.gradle
@@ -0,0 +1 @@
+include ':app'
diff --git a/android/stores/intents.js b/android/stores/intents.js
new file mode 100644
index 00000000..ba757eaa
--- /dev/null
+++ b/android/stores/intents.js
@@ -0,0 +1,20 @@
+/* eslint-disable no-console */
+
+export default function intentHandler(state, emitter) {
+ window.addEventListener(
+ 'message',
+ event => {
+ if (typeof event.data !== 'string' || !event.data.startsWith('data:')) {
+ return;
+ }
+ fetch(event.data)
+ .then(res => res.blob())
+ .then(blob => {
+ emitter.emit('addFiles', { files: [blob] });
+ emitter.emit('upload', {});
+ })
+ .catch(e => console.error('ERROR ' + e + ' ' + e.stack));
+ },
+ false
+ );
+}
diff --git a/android/stores/state.js b/android/stores/state.js
new file mode 100644
index 00000000..a11058b5
--- /dev/null
+++ b/android/stores/state.js
@@ -0,0 +1,41 @@
+/* eslint-disable no-console */
+
+import User from '../user';
+import storage from '../../app/storage';
+
+export default function initialState(state, emitter) {
+ const files = [];
+
+ Object.assign(state, {
+ prefix: '/android_asset',
+ user: new User(storage),
+ getAsset(name) {
+ return `${state.prefix}/${name}`;
+ },
+ sentry: {
+ captureException: e => {
+ console.error('ERROR ' + e + ' ' + e.stack);
+ }
+ },
+ storage: {
+ files,
+ remove: function(fileId) {
+ console.log('REMOVE FILEID', fileId);
+ },
+ writeFile: function(file) {
+ console.log('WRITEFILE', file);
+ },
+ addFile: function(file) {
+ console.log('addfile' + JSON.stringify(file));
+ files.push(file);
+ emitter.emit('pushState', `/share/${file.id}`);
+ },
+ totalUploads: 0
+ },
+ transfer: null,
+ uploading: false,
+ settingPassword: false,
+ passwordSetError: null,
+ route: '/'
+ });
+}
diff --git a/android/user.js b/android/user.js
new file mode 100644
index 00000000..f9c056b6
--- /dev/null
+++ b/android/user.js
@@ -0,0 +1,30 @@
+/* global Android */
+import User from '../app/user';
+import { deriveFileListKey } from '../app/fxa';
+
+export default class AndroidUser extends User {
+ constructor(storage, limits) {
+ super(storage, limits);
+ }
+
+ async login() {
+ Android.beginOAuthFlow();
+ }
+
+ startAuthFlow() {
+ return Promise.resolve();
+ }
+
+ async finishLogin(accountInfo) {
+ const jwks = JSON.parse(accountInfo.keys);
+ const ikm = jwks['https://identity.mozilla.com/apps/send'].k;
+ const profile = {
+ displayName: accountInfo.displayName,
+ email: accountInfo.email,
+ avatar: accountInfo.avatar,
+ access_token: accountInfo.accessToken
+ };
+ profile.fileListKey = await deriveFileListKey(ikm);
+ this.info = profile;
+ }
+}
diff --git a/app/api.js b/app/api.js
index e314657d..2d1238c2 100644
--- a/app/api.js
+++ b/app/api.js
@@ -1,16 +1,58 @@
-import { arrayToB64, b64ToArray } from './utils';
+import { arrayToB64, b64ToArray, delay } from './utils';
+import { ECE_RECORD_SIZE } from './ece';
-function post(obj) {
+let fileProtocolWssUrl = null;
+try {
+ fileProtocolWssUrl = localStorage.getItem('wssURL');
+} catch (e) {
+ // NOOP
+}
+if (!fileProtocolWssUrl) {
+ fileProtocolWssUrl = 'wss://send.firefox.com/api/ws';
+}
+
+export class ConnectionError extends Error {
+ constructor(cancelled, duration, size) {
+ super(cancelled ? '0' : 'connection closed');
+ this.cancelled = cancelled;
+ this.duration = duration;
+ this.size = size;
+ }
+}
+
+export function setFileProtocolWssUrl(url) {
+ localStorage && localStorage.setItem('wssURL', url);
+ fileProtocolWssUrl = url;
+}
+
+export function getFileProtocolWssUrl() {
+ return fileProtocolWssUrl;
+}
+
+let apiUrlPrefix = '';
+export function getApiUrl(path) {
+ return apiUrlPrefix + path;
+}
+
+export function setApiUrlPrefix(prefix) {
+ apiUrlPrefix = prefix;
+}
+
+function post(obj, bearerToken) {
+ const h = {
+ 'Content-Type': 'application/json'
+ };
+ if (bearerToken) {
+ h['Authorization'] = `Bearer ${bearerToken}`;
+ }
return {
method: 'POST',
- headers: new Headers({
- 'Content-Type': 'application/json'
- }),
+ headers: new Headers(h),
body: JSON.stringify(obj)
};
}
-function parseNonce(header) {
+export function parseNonce(header) {
header = header || '';
return header.split(' ')[1];
}
@@ -19,7 +61,10 @@ async function fetchWithAuth(url, params, keychain) {
const result = {};
params = params || {};
const h = await keychain.authHeader();
- params.headers = new Headers({ Authorization: h });
+ params.headers = new Headers({
+ Authorization: h,
+ 'Content-Type': 'application/json'
+ });
const response = await fetch(url, params);
result.response = response;
result.ok = response.ok;
@@ -38,33 +83,44 @@ async function fetchWithAuthAndRetry(url, params, keychain) {
}
export async function del(id, owner_token) {
- const response = await fetch(`/api/delete/${id}`, post({ owner_token }));
+ const response = await fetch(
+ getApiUrl(`/api/delete/${id}`),
+ post({ owner_token })
+ );
return response.ok;
}
-export async function setParams(id, owner_token, params) {
+export async function setParams(id, owner_token, bearerToken, params) {
const response = await fetch(
- `/api/params/${id}`,
- post({
- owner_token,
- dlimit: params.dlimit
- })
+ getApiUrl(`/api/params/${id}`),
+ post(
+ {
+ owner_token,
+ dlimit: params.dlimit
+ },
+ bearerToken
+ )
);
return response.ok;
}
export async function fileInfo(id, owner_token) {
- const response = await fetch(`/api/info/${id}`, post({ owner_token }));
+ const response = await fetch(
+ getApiUrl(`/api/info/${id}`),
+ post({ owner_token })
+ );
+
if (response.ok) {
const obj = await response.json();
return obj;
}
+
throw new Error(response.status);
}
export async function metadata(id, keychain) {
const result = await fetchWithAuthAndRetry(
- `/api/metadata/${id}`,
+ getApiUrl(`/api/metadata/${id}`),
{ method: 'GET' },
keychain
);
@@ -72,11 +128,12 @@ export async function metadata(id, keychain) {
const data = await result.response.json();
const meta = await keychain.decryptMetadata(b64ToArray(data.metadata));
return {
- size: data.size,
+ size: meta.size,
ttl: data.ttl,
iv: meta.iv,
name: meta.name,
- type: meta.type
+ type: meta.type,
+ manifest: meta.manifest
};
}
throw new Error(result.response.status);
@@ -85,64 +142,212 @@ export async function metadata(id, keychain) {
export async function setPassword(id, owner_token, keychain) {
const auth = await keychain.authKeyB64();
const response = await fetch(
- `/api/password/${id}`,
+ getApiUrl(`/api/password/${id}`),
post({ owner_token, auth })
);
return response.ok;
}
-export function uploadFile(
+function asyncInitWebSocket(server) {
+ return new Promise((resolve, reject) => {
+ try {
+ const ws = new WebSocket(server);
+ ws.addEventListener('open', () => resolve(ws), { once: true });
+ } catch (e) {
+ reject(new ConnectionError(false));
+ }
+ });
+}
+
+function listenForResponse(ws, canceller) {
+ return new Promise((resolve, reject) => {
+ function handleClose(event) {
+ // a 'close' event before a 'message' event means the request failed
+ ws.removeEventListener('message', handleMessage);
+ reject(new ConnectionError(canceller.cancelled));
+ }
+ function handleMessage(msg) {
+ ws.removeEventListener('close', handleClose);
+ try {
+ const response = JSON.parse(msg.data);
+ if (response.error) {
+ throw new Error(response.error);
+ } else {
+ resolve(response);
+ }
+ } catch (e) {
+ reject(e);
+ }
+ }
+ ws.addEventListener('message', handleMessage, { once: true });
+ ws.addEventListener('close', handleClose, { once: true });
+ });
+}
+
+async function upload(
+ stream,
+ metadata,
+ verifierB64,
+ timeLimit,
+ dlimit,
+ bearerToken,
+ onprogress,
+ canceller
+) {
+ let size = 0;
+ const start = Date.now();
+ const host = window.location.hostname;
+ const port = window.location.port;
+ const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+ const endpoint =
+ window.location.protocol === 'file:'
+ ? fileProtocolWssUrl
+ : `${protocol}//${host}${port ? ':' : ''}${port}/api/ws`;
+
+ const ws = await asyncInitWebSocket(endpoint);
+
+ try {
+ const metadataHeader = arrayToB64(new Uint8Array(metadata));
+ const fileMeta = {
+ fileMetadata: metadataHeader,
+ authorization: `send-v1 ${verifierB64}`,
+ bearer: bearerToken,
+ timeLimit,
+ dlimit
+ };
+ const uploadInfoResponse = listenForResponse(ws, canceller);
+ ws.send(JSON.stringify(fileMeta));
+ const uploadInfo = await uploadInfoResponse;
+
+ const completedResponse = listenForResponse(ws, canceller);
+
+ const reader = stream.getReader();
+ let state = await reader.read();
+ while (!state.done) {
+ if (canceller.cancelled) {
+ ws.close();
+ }
+ if (ws.readyState !== WebSocket.OPEN) {
+ break;
+ }
+ const buf = state.value;
+ ws.send(buf);
+ onprogress(size);
+ size += buf.length;
+ state = await reader.read();
+ while (
+ ws.bufferedAmount > ECE_RECORD_SIZE * 2 &&
+ ws.readyState === WebSocket.OPEN &&
+ !canceller.cancelled
+ ) {
+ await delay();
+ }
+ }
+ if (ws.readyState === WebSocket.OPEN) {
+ ws.send(new Uint8Array([0])); //EOF
+ }
+
+ await completedResponse;
+ uploadInfo.duration = Date.now() - start;
+ return uploadInfo;
+ } catch (e) {
+ e.size = size;
+ e.duration = Date.now() - start;
+ throw e;
+ } finally {
+ if (![WebSocket.CLOSED, WebSocket.CLOSING].includes(ws.readyState)) {
+ ws.close();
+ }
+ }
+}
+
+export function uploadWs(
encrypted,
metadata,
verifierB64,
- keychain,
+ timeLimit,
+ dlimit,
+ bearerToken,
onprogress
) {
- const xhr = new XMLHttpRequest();
- const upload = {
+ const canceller = { cancelled: false };
+
+ return {
cancel: function() {
- xhr.abort();
+ canceller.cancelled = true;
},
- result: new Promise(function(resolve, reject) {
- xhr.addEventListener('loadend', function() {
- const authHeader = xhr.getResponseHeader('WWW-Authenticate');
- if (authHeader) {
- keychain.nonce = parseNonce(authHeader);
- }
- if (xhr.status === 200) {
- const responseObj = JSON.parse(xhr.responseText);
- return resolve({
- url: responseObj.url,
- id: responseObj.id,
- ownerToken: responseObj.owner
- });
- }
- reject(new Error(xhr.status));
- });
- })
+
+ result: upload(
+ encrypted,
+ metadata,
+ verifierB64,
+ timeLimit,
+ dlimit,
+ bearerToken,
+ onprogress,
+ canceller
+ )
};
- const dataView = new DataView(encrypted);
- const blob = new Blob([dataView], { type: 'application/octet-stream' });
- const fd = new FormData();
- fd.append('data', blob);
- xhr.upload.addEventListener('progress', function(event) {
- if (event.lengthComputable) {
- onprogress([event.loaded, event.total]);
- }
- });
- xhr.open('post', '/api/upload', true);
- xhr.setRequestHeader('X-File-Metadata', arrayToB64(new Uint8Array(metadata)));
- xhr.setRequestHeader('Authorization', `send-v1 ${verifierB64}`);
- xhr.send(fd);
- return upload;
}
-function download(id, keychain, onprogress, canceller) {
+////////////////////////
+
+async function downloadS(id, keychain, signal) {
+ const auth = await keychain.authHeader();
+
+ const response = await fetch(getApiUrl(`/api/download/${id}`), {
+ signal: signal,
+ method: 'GET',
+ headers: { Authorization: auth }
+ });
+
+ const authHeader = response.headers.get('WWW-Authenticate');
+ if (authHeader) {
+ keychain.nonce = parseNonce(authHeader);
+ }
+
+ if (response.status !== 200) {
+ throw new Error(response.status);
+ }
+
+ return response.body;
+}
+
+async function tryDownloadStream(id, keychain, signal, tries = 2) {
+ try {
+ const result = await downloadS(id, keychain, signal);
+ return result;
+ } catch (e) {
+ if (e.message === '401' && --tries > 0) {
+ return tryDownloadStream(id, keychain, signal, tries);
+ }
+ if (e.name === 'AbortError') {
+ throw new Error('0');
+ }
+ throw e;
+ }
+}
+
+export function downloadStream(id, keychain) {
+ const controller = new AbortController();
+ function cancel() {
+ controller.abort();
+ }
+ return {
+ cancel,
+ result: tryDownloadStream(id, keychain, controller.signal)
+ };
+}
+
+//////////////////
+
+async function download(id, keychain, onprogress, canceller) {
+ const auth = await keychain.authHeader();
const xhr = new XMLHttpRequest();
canceller.oncancel = function() {
xhr.abort();
};
- return new Promise(async function(resolve, reject) {
+ return new Promise(function(resolve, reject) {
xhr.addEventListener('loadend', function() {
canceller.oncancel = function() {};
const authHeader = xhr.getResponseHeader('WWW-Authenticate');
@@ -154,26 +359,23 @@ function download(id, keychain, onprogress, canceller) {
}
const blob = new Blob([xhr.response]);
- const fileReader = new FileReader();
- fileReader.readAsArrayBuffer(blob);
- fileReader.onload = function() {
- resolve(this.result);
- };
+ resolve(blob);
});
+
xhr.addEventListener('progress', function(event) {
- if (event.lengthComputable && event.target.status === 200) {
- onprogress([event.loaded, event.total]);
+ if (event.target.status === 200) {
+ onprogress(event.loaded);
}
});
- const auth = await keychain.authHeader();
- xhr.open('get', `/api/download/${id}`);
+ xhr.open('get', getApiUrl(`/api/download/blob/${id}`));
xhr.setRequestHeader('Authorization', auth);
xhr.responseType = 'blob';
xhr.send();
+ onprogress(0);
});
}
-async function tryDownload(id, keychain, onprogress, canceller, tries = 1) {
+async function tryDownload(id, keychain, onprogress, canceller, tries = 2) {
try {
const result = await download(id, keychain, onprogress, canceller);
return result;
@@ -194,6 +396,37 @@ export function downloadFile(id, keychain, onprogress) {
}
return {
cancel,
- result: tryDownload(id, keychain, onprogress, canceller, 2)
+ result: tryDownload(id, keychain, onprogress, canceller)
};
}
+
+export async function getFileList(bearerToken, kid) {
+ const headers = new Headers({ Authorization: `Bearer ${bearerToken}` });
+ const response = await fetch(getApiUrl(`/api/filelist/${kid}`), { headers });
+ if (response.ok) {
+ const encrypted = await response.blob();
+ return encrypted;
+ }
+ throw new Error(response.status);
+}
+
+export async function setFileList(bearerToken, kid, data) {
+ const headers = new Headers({ Authorization: `Bearer ${bearerToken}` });
+ const response = await fetch(getApiUrl(`/api/filelist/${kid}`), {
+ headers,
+ method: 'POST',
+ body: data
+ });
+ return response.ok;
+}
+
+export async function getConstants() {
+ const response = await fetch(getApiUrl('/config'));
+
+ if (response.ok) {
+ const obj = await response.json();
+ return obj;
+ }
+
+ throw new Error(response.status);
+}
diff --git a/app/archive.js b/app/archive.js
new file mode 100644
index 00000000..683cc370
--- /dev/null
+++ b/app/archive.js
@@ -0,0 +1,84 @@
+import { blobStream, concatStream } from './streams';
+
+function isDupe(newFile, array) {
+ for (const file of array) {
+ if (
+ newFile.name === file.name &&
+ newFile.size === file.size &&
+ newFile.lastModified === file.lastModified
+ ) {
+ return true;
+ }
+ }
+ return false;
+}
+
+export default class Archive {
+ constructor(files = [], defaultTimeLimit = 86400, defaultDownloadLimit = 1) {
+ this.files = Array.from(files);
+ this.defaultTimeLimit = defaultTimeLimit;
+ this.defaultDownloadLimit = defaultDownloadLimit;
+ this.timeLimit = defaultTimeLimit;
+ this.dlimit = defaultDownloadLimit;
+ this.password = null;
+ }
+
+ get name() {
+ return this.files.length > 1 ? 'Send-Archive.zip' : this.files[0].name;
+ }
+
+ get type() {
+ return this.files.length > 1 ? 'send-archive' : this.files[0].type;
+ }
+
+ get size() {
+ return this.files.reduce((total, file) => total + file.size, 0);
+ }
+
+ get numFiles() {
+ return this.files.length;
+ }
+
+ get manifest() {
+ return {
+ files: this.files.map(file => ({
+ name: file.name,
+ size: file.size,
+ type: file.type
+ }))
+ };
+ }
+
+ get stream() {
+ return concatStream(this.files.map(file => blobStream(file)));
+ }
+
+ addFiles(files, maxSize, maxFiles) {
+ if (this.files.length + files.length > maxFiles) {
+ throw new Error('tooManyFiles');
+ }
+ const newFiles = files.filter(
+ file => file.size > 0 && !isDupe(file, this.files)
+ );
+ const newSize = newFiles.reduce((total, file) => total + file.size, 0);
+ if (this.size + newSize > maxSize) {
+ throw new Error('fileTooBig');
+ }
+ this.files = this.files.concat(newFiles);
+ return true;
+ }
+
+ remove(file) {
+ const index = this.files.indexOf(file);
+ if (index > -1) {
+ this.files.splice(index, 1);
+ }
+ }
+
+ clear() {
+ this.files = [];
+ this.dlimit = this.defaultDownloadLimit;
+ this.timeLimit = this.defaultTimeLimit;
+ this.password = null;
+ }
+}
diff --git a/app/base.css b/app/base.css
deleted file mode 100644
index 4168c387..00000000
--- a/app/base.css
+++ /dev/null
@@ -1,268 +0,0 @@
-:root {
- --pageBGColor: #fff;
- --primaryControlBGColor: #0297f8;
- --primaryControlFGColor: #fff;
- --primaryControlHoverColor: #0287e8;
- --inputTextColor: #737373;
- --errorColor: #d70022;
- --linkColor: #0094fb;
- --textColor: #0c0c0d;
- --lightTextColor: #737373;
- --successControlBGColor: #05a700;
- --successControlFGColor: #fff;
-}
-
-html {
- background: url('../assets/send_bg.svg');
- font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'segoe ui',
- 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif;
- font-weight: 200;
- background-size: 110%;
- background-repeat: no-repeat;
- background-position: center top;
-}
-
-body {
- font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'segoe ui',
- 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif;
- display: flex;
- flex-direction: column;
- margin: 0;
- min-height: 100vh;
-}
-
-input,
-select,
-textarea,
-button {
- font-family: inherit;
- margin: 0;
-}
-
-a {
- text-decoration: none;
-}
-
-.main {
- flex: auto;
- max-width: 650px;
- margin: 0 auto;
- padding: 0 20px;
- box-sizing: border-box;
- width: 96%;
-}
-
-.noscript {
- text-align: center;
- border: 3px solid var(--errorColor);
- border-radius: 6px;
-}
-
-.btn {
- font-size: 15px;
- font-weight: 500;
- color: var(--primaryControlFGColor);
- cursor: pointer;
- text-align: center;
- background: var(--primaryControlBGColor);
- border: 1px solid var(--primaryControlBGColor);
- border-radius: 5px;
-}
-
-.btn:hover {
- background-color: var(--primaryControlHoverColor);
-}
-
-.btn--cancel {
- color: var(--errorColor);
- background: var(--pageBGColor);
- font-size: 15px;
- border: 0;
- cursor: pointer;
- text-decoration: underline;
-}
-
-.btn--cancel:disabled {
- text-decoration: none;
- cursor: auto;
-}
-
-.btn--cancel:hover {
- background-color: var(--pageBGColor);
-}
-
-.input {
- flex: 2 0 auto;
- border: 1px solid var(--primaryControlBGColor);
- border-radius: 6px 0 0 6px;
- font-size: 20px;
- color: var(--inputTextColor);
- font-family: 'SF Pro Text', sans-serif;
- letter-spacing: 0;
- line-height: 23px;
- font-weight: 300;
- height: 46px;
- padding-left: 10px;
- padding-right: 10px;
-}
-
-.input--error {
- border-color: var(--errorColor);
-}
-
-.input--noBtn {
- border-radius: 6px;
-}
-
-.inputBtn {
- flex: auto;
- background: var(--primaryControlBGColor);
- border-radius: 0 6px 6px 0;
- border: 1px solid var(--primaryControlBGColor);
- color: var(--primaryControlFGColor);
- cursor: pointer;
-
- /* Force flat button look */
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
- appearance: none;
- font-size: 15px;
- padding-bottom: 3px;
- padding-left: 10px;
- padding-right: 10px;
- white-space: nowrap;
-}
-
-.inputBtn:disabled {
- cursor: auto;
-}
-
-.inputBtn:hover {
- background-color: var(--primaryControlHoverColor);
-}
-
-.inputBtn--hidden {
- display: none;
-}
-
-.cursor--pointer {
- cursor: pointer;
-}
-
-.link {
- color: var(--linkColor);
- text-decoration: none;
-}
-
-.link:focus,
-.link:active,
-.link:hover {
- color: var(--primaryControlHoverColor);
-}
-
-.link--action {
- text-decoration: underline;
- text-align: center;
-}
-
-.page {
- margin: 0 auto 30px;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
-}
-
-.progressSection {
- margin: 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
- font-size: 15px;
-}
-
-.progressSection__text {
- color: var(--lightTextColor);
- letter-spacing: -0.4px;
- margin-top: 24px;
- margin-bottom: 74px;
-}
-
-.effect--fadeOut {
- opacity: 0;
- animation: fadeout 200ms linear;
-}
-
-@keyframes fadeout {
- 0% {
- opacity: 1;
- }
-
- 100% {
- opacity: 0;
- }
-}
-
-.effect--fadeIn {
- opacity: 1;
- animation: fadein 200ms linear;
-}
-
-@keyframes fadein {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 1;
- }
-}
-
-.error {
- color: var(--errorColor);
-}
-
-.title {
- font-size: 33px;
- line-height: 40px;
- margin: 20px auto;
- text-align: center;
- max-width: 520px;
- font-family: 'SF Pro Text', sans-serif;
- word-wrap: break-word;
-}
-
-.description {
- font-size: 15px;
- line-height: 23px;
- max-width: 630px;
- text-align: center;
- margin: 0 auto 60px;
- color: var(--textColor);
- width: 92%;
-}
-
-@media (max-device-width: 768px), (max-width: 768px) {
- .description {
- margin: 0 auto 25px;
- }
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .input {
- font-size: 22px;
- padding: 10px 10px;
- border-radius: 6px 6px 0 0;
- }
-
- .inputBtn {
- border-radius: 0 0 6px 6px;
- flex: 0 1 65px;
- }
-
- .input--noBtn {
- border-radius: 6px;
- }
-}
diff --git a/app/capabilities.js b/app/capabilities.js
new file mode 100644
index 00000000..d43a6b10
--- /dev/null
+++ b/app/capabilities.js
@@ -0,0 +1,116 @@
+/* global AUTH_CONFIG */
+import { browserName, locale } from './utils';
+
+async function checkCrypto() {
+ try {
+ const key = await crypto.subtle.generateKey(
+ {
+ name: 'AES-GCM',
+ length: 128
+ },
+ true,
+ ['encrypt', 'decrypt']
+ );
+ await crypto.subtle.exportKey('raw', key);
+ await crypto.subtle.encrypt(
+ {
+ name: 'AES-GCM',
+ iv: crypto.getRandomValues(new Uint8Array(12)),
+ tagLength: 128
+ },
+ key,
+ new ArrayBuffer(8)
+ );
+ await crypto.subtle.importKey(
+ 'raw',
+ crypto.getRandomValues(new Uint8Array(16)),
+ 'PBKDF2',
+ false,
+ ['deriveKey']
+ );
+ await crypto.subtle.importKey(
+ 'raw',
+ crypto.getRandomValues(new Uint8Array(16)),
+ 'HKDF',
+ false,
+ ['deriveKey']
+ );
+ await crypto.subtle.generateKey(
+ {
+ name: 'ECDH',
+ namedCurve: 'P-256'
+ },
+ true,
+ ['deriveBits']
+ );
+ return true;
+ } catch (err) {
+ try {
+ window.asmCrypto = await import('asmcrypto.js');
+ await import('@dannycoates/webcrypto-liner/build/shim');
+ return true;
+ } catch (e) {
+ return false;
+ }
+ }
+}
+
+function checkStreams() {
+ try {
+ new ReadableStream({
+ pull() {}
+ });
+ return true;
+ } catch (e) {
+ return false;
+ }
+}
+
+async function polyfillStreams() {
+ try {
+ await import('@mattiasbuelens/web-streams-polyfill');
+ return true;
+ } catch (e) {
+ return false;
+ }
+}
+
+export default async function getCapabilities() {
+ const browser = browserName();
+ const isMobile = /mobi|android/i.test(navigator.userAgent);
+ const serviceWorker = 'serviceWorker' in navigator && browser !== 'edge';
+ let crypto = await checkCrypto();
+ const nativeStreams = checkStreams();
+ let polyStreams = false;
+ if (!nativeStreams) {
+ polyStreams = await polyfillStreams();
+ }
+ let account = typeof AUTH_CONFIG !== 'undefined';
+ try {
+ account = account && !!localStorage;
+ } catch (e) {
+ account = false;
+ }
+ const share =
+ isMobile &&
+ typeof navigator.share === 'function' &&
+ locale().startsWith('en'); // en until strings merge
+
+ const standalone =
+ window.matchMedia('(display-mode: standalone)').matches ||
+ navigator.standalone;
+
+ const mobileFirefox = browser === 'firefox' && isMobile;
+
+ return {
+ account,
+ crypto,
+ serviceWorker,
+ streamUpload: nativeStreams || polyStreams,
+ streamDownload:
+ nativeStreams && serviceWorker && browser !== 'safari' && !mobileFirefox,
+ multifile: nativeStreams || polyStreams,
+ share,
+ standalone
+ };
+}
diff --git a/app/controller.js b/app/controller.js
new file mode 100644
index 00000000..8c6945ac
--- /dev/null
+++ b/app/controller.js
@@ -0,0 +1,309 @@
+import FileReceiver from './fileReceiver';
+import FileSender from './fileSender';
+import copyDialog from './ui/copyDialog';
+import faviconProgressbar from './ui/faviconProgressbar';
+import okDialog from './ui/okDialog';
+import shareDialog from './ui/shareDialog';
+import signupDialog from './ui/signupDialog';
+import surveyDialog from './ui/surveyDialog';
+import { bytes, locale } from './utils';
+import { copyToClipboard, delay, openLinksInNewTab, percent } from './utils';
+
+export default function(state, emitter) {
+ let lastRender = 0;
+ let updateTitle = false;
+
+ function render() {
+ emitter.emit('render');
+ }
+
+ async function checkFiles() {
+ const changes = await state.user.syncFileList();
+ const rerender = changes.incoming || changes.downloadCount;
+ if (rerender) {
+ render();
+ }
+ }
+
+ function updateProgress() {
+ if (updateTitle) {
+ emitter.emit('DOMTitleChange', percent(state.transfer.progressRatio));
+ }
+ faviconProgressbar.updateFavicon(state.transfer.progressRatio);
+ render();
+ }
+
+ emitter.on('DOMContentLoaded', () => {
+ document.addEventListener('blur', () => (updateTitle = true));
+ document.addEventListener('focus', () => {
+ updateTitle = false;
+ emitter.emit('DOMTitleChange', 'Send');
+ faviconProgressbar.updateFavicon(0);
+ });
+ checkFiles();
+ });
+
+ emitter.on('render', () => {
+ lastRender = Date.now();
+ });
+
+ emitter.on('login', email => {
+ state.user.login(email);
+ });
+
+ emitter.on('logout', async () => {
+ await state.user.logout();
+ emitter.emit('pushState', '/');
+ });
+
+ emitter.on('removeUpload', file => {
+ state.archive.remove(file);
+ if (state.archive.numFiles === 0) {
+ state.archive.clear();
+ }
+ render();
+ });
+
+ emitter.on('delete', async ownedFile => {
+ try {
+ state.storage.remove(ownedFile.id);
+ await ownedFile.del();
+ } catch (e) {
+ state.sentry.captureException(e);
+ }
+ render();
+ });
+
+ emitter.on('cancel', () => {
+ state.transfer.cancel();
+ faviconProgressbar.updateFavicon(0);
+ });
+
+ emitter.on('addFiles', async ({ files }) => {
+ if (files.length < 1) {
+ return;
+ }
+ const maxSize = state.user.maxSize;
+ try {
+ state.archive.addFiles(
+ files,
+ maxSize,
+ state.LIMITS.MAX_FILES_PER_ARCHIVE
+ );
+ } catch (e) {
+ state.modal = okDialog(
+ state.translate(e.message, {
+ size: bytes(maxSize),
+ count: state.LIMITS.MAX_FILES_PER_ARCHIVE
+ })
+ );
+ }
+ render();
+ });
+
+ emitter.on('signup-cta', source => {
+ const query = state.query;
+ state.user.startAuthFlow(source, {
+ campaign: query.utm_campaign,
+ content: query.utm_content,
+ medium: query.utm_medium,
+ source: query.utm_source,
+ term: query.utm_term
+ });
+ state.modal = signupDialog();
+ render();
+ });
+
+ emitter.on('authenticate', async (code, oauthState) => {
+ try {
+ await state.user.finishLogin(code, oauthState);
+ await state.user.syncFileList();
+ emitter.emit('replaceState', '/');
+ } catch (e) {
+ emitter.emit('replaceState', '/error');
+ setTimeout(render);
+ }
+ });
+
+ emitter.on('upload', async () => {
+ if (state.storage.files.length >= state.LIMITS.MAX_ARCHIVES_PER_USER) {
+ state.modal = okDialog(
+ state.translate('tooManyArchives', {
+ count: state.LIMITS.MAX_ARCHIVES_PER_USER
+ })
+ );
+ return render();
+ }
+ const archive = state.archive;
+ const sender = new FileSender();
+
+ sender.on('progress', updateProgress);
+ sender.on('encrypting', render);
+ sender.on('complete', render);
+ state.transfer = sender;
+ state.uploading = true;
+ render();
+
+ const links = openLinksInNewTab();
+ await delay(200);
+ try {
+ const ownedFile = await sender.upload(archive, state.user.bearerToken);
+ state.storage.totalUploads += 1;
+ faviconProgressbar.updateFavicon(0);
+
+ state.storage.addFile(ownedFile);
+ // TODO integrate password into /upload request
+ if (archive.password) {
+ emitter.emit('password', {
+ password: archive.password,
+ file: ownedFile
+ });
+ }
+ state.modal = state.capabilities.share
+ ? shareDialog(ownedFile.name, ownedFile.url)
+ : copyDialog(ownedFile.name, ownedFile.url);
+ } catch (err) {
+ if (err.message === '0') {
+ //cancelled. do nothing
+ render();
+ } else if (err.message === '401') {
+ const refreshed = await state.user.refresh();
+ if (refreshed) {
+ return emitter.emit('upload');
+ }
+ emitter.emit('pushState', '/error');
+ } else {
+ // eslint-disable-next-line no-console
+ console.error(err);
+ state.sentry.withScope(scope => {
+ scope.setExtra('duration', err.duration);
+ scope.setExtra('size', err.size);
+ state.sentry.captureException(err);
+ });
+ emitter.emit('pushState', '/error');
+ }
+ } finally {
+ openLinksInNewTab(links, false);
+ archive.clear();
+ state.uploading = false;
+ state.transfer = null;
+ await state.user.syncFileList();
+ render();
+ }
+ });
+
+ emitter.on('password', async ({ password, file }) => {
+ try {
+ state.settingPassword = true;
+ render();
+ await file.setPassword(password);
+ state.storage.writeFile(file);
+ await delay(1000);
+ } catch (err) {
+ // eslint-disable-next-line no-console
+ console.error(err);
+ state.passwordSetError = err;
+ } finally {
+ state.settingPassword = false;
+ }
+ render();
+ });
+
+ emitter.on('getMetadata', async () => {
+ const file = state.fileInfo;
+
+ const receiver = new FileReceiver(file);
+ try {
+ await receiver.getMetadata();
+ state.transfer = receiver;
+ } catch (e) {
+ if (e.message === '401' || e.message === '404') {
+ file.password = null;
+ if (!file.requiresPassword) {
+ return emitter.emit('pushState', '/404');
+ }
+ } else {
+ console.error(e);
+ return emitter.emit('pushState', '/error');
+ }
+ }
+
+ render();
+ });
+
+ emitter.on('download', async () => {
+ state.transfer.on('progress', updateProgress);
+ state.transfer.on('decrypting', render);
+ state.transfer.on('complete', render);
+ const links = openLinksInNewTab();
+ try {
+ const dl = state.transfer.download({
+ stream: state.capabilities.streamDownload
+ });
+ render();
+ await dl;
+ state.storage.totalDownloads += 1;
+ faviconProgressbar.updateFavicon(0);
+ } catch (err) {
+ if (err.message === '0') {
+ // download cancelled
+ state.transfer.reset();
+ render();
+ } else {
+ // eslint-disable-next-line no-console
+ state.transfer = null;
+ const location = err.message === '404' ? '/404' : '/error';
+ if (location === '/error') {
+ state.sentry.withScope(scope => {
+ scope.setExtra('duration', err.duration);
+ scope.setExtra('size', err.size);
+ scope.setExtra('progress', err.progress);
+ state.sentry.captureException(err);
+ });
+ }
+ emitter.emit('pushState', location);
+ }
+ } finally {
+ openLinksInNewTab(links, false);
+ }
+ });
+
+ emitter.on('copy', ({ url }) => {
+ copyToClipboard(url);
+ });
+
+ emitter.on('closeModal', () => {
+ if (
+ state.PREFS.surveyUrl &&
+ ['copy', 'share'].includes(state.modal.type) &&
+ locale().startsWith('en') &&
+ (state.storage.totalUploads > 1 || state.storage.totalDownloads > 0) &&
+ !state.user.surveyed
+ ) {
+ state.user.surveyed = true;
+ state.modal = surveyDialog();
+ } else {
+ state.modal = null;
+ }
+ render();
+ });
+
+ setInterval(() => {
+ // poll for updates of the upload list
+ if (!state.modal && state.route === '/') {
+ checkFiles();
+ }
+ }, 2 * 60 * 1000);
+
+ setInterval(() => {
+ // poll for rerendering the file list countdown timers
+ if (
+ !state.modal &&
+ state.route === '/' &&
+ state.storage.files.length > 0 &&
+ Date.now() - lastRender > 30000
+ ) {
+ render();
+ }
+ }, 60000);
+}
diff --git a/app/dragManager.js b/app/dragManager.js
index 905f14a3..1379c004 100644
--- a/app/dragManager.js
+++ b/app/dragManager.js
@@ -1,6 +1,3 @@
-/* global MAXFILESIZE */
-const { bytes } = require('./utils');
-
export default function(state, emitter) {
emitter.on('DOMContentLoaded', () => {
document.body.addEventListener('dragover', event => {
@@ -9,29 +6,16 @@ export default function(state, emitter) {
}
});
document.body.addEventListener('drop', event => {
- if (state.route === '/' && !state.uploading) {
+ if (
+ state.route === '/' &&
+ !state.uploading &&
+ event.dataTransfer &&
+ event.dataTransfer.files
+ ) {
event.preventDefault();
- document
- .querySelector('.uploadArea')
- .classList.remove('uploadArea--dragging');
- const target = event.dataTransfer;
- if (target.files.length === 0) {
- return;
- }
- if (target.files.length > 1) {
- // eslint-disable-next-line no-alert
- return alert(state.translate('uploadPageMultipleFilesAlert'));
- }
- const file = target.files[0];
- if (file.size === 0) {
- return;
- }
- if (file.size > MAXFILESIZE) {
- // eslint-disable-next-line no-alert
- alert(state.translate('fileTooBig', { size: bytes(MAXFILESIZE) }));
- return;
- }
- emitter.emit('upload', { file, type: 'drop' });
+ emitter.emit('addFiles', {
+ files: Array.from(event.dataTransfer.files)
+ });
}
});
});
diff --git a/app/ece.js b/app/ece.js
new file mode 100644
index 00000000..4cd6b45e
--- /dev/null
+++ b/app/ece.js
@@ -0,0 +1,310 @@
+import 'buffer';
+import { transformStream } from './streams';
+
+const NONCE_LENGTH = 12;
+const TAG_LENGTH = 16;
+const KEY_LENGTH = 16;
+const MODE_ENCRYPT = 'encrypt';
+const MODE_DECRYPT = 'decrypt';
+export const ECE_RECORD_SIZE = 1024 * 64;
+
+const encoder = new TextEncoder();
+
+function generateSalt(len) {
+ const randSalt = new Uint8Array(len);
+ crypto.getRandomValues(randSalt);
+ return randSalt.buffer;
+}
+
+class ECETransformer {
+ constructor(mode, ikm, rs, salt) {
+ this.mode = mode;
+ this.prevChunk;
+ this.seq = 0;
+ this.firstchunk = true;
+ this.rs = rs;
+ this.ikm = ikm.buffer;
+ this.salt = salt;
+ }
+
+ async generateKey() {
+ const inputKey = await crypto.subtle.importKey(
+ 'raw',
+ this.ikm,
+ 'HKDF',
+ false,
+ ['deriveKey']
+ );
+
+ return crypto.subtle.deriveKey(
+ {
+ name: 'HKDF',
+ salt: this.salt,
+ info: encoder.encode('Content-Encoding: aes128gcm\0'),
+ hash: 'SHA-256'
+ },
+ inputKey,
+ {
+ name: 'AES-GCM',
+ length: 128
+ },
+ true, // Edge polyfill requires key to be extractable to encrypt :/
+ ['encrypt', 'decrypt']
+ );
+ }
+
+ async generateNonceBase() {
+ const inputKey = await crypto.subtle.importKey(
+ 'raw',
+ this.ikm,
+ 'HKDF',
+ false,
+ ['deriveKey']
+ );
+
+ const base = await crypto.subtle.exportKey(
+ 'raw',
+ await crypto.subtle.deriveKey(
+ {
+ name: 'HKDF',
+ salt: this.salt,
+ info: encoder.encode('Content-Encoding: nonce\0'),
+ hash: 'SHA-256'
+ },
+ inputKey,
+ {
+ name: 'AES-GCM',
+ length: 128
+ },
+ true,
+ ['encrypt', 'decrypt']
+ )
+ );
+
+ return Buffer.from(base.slice(0, NONCE_LENGTH));
+ }
+
+ generateNonce(seq) {
+ if (seq > 0xffffffff) {
+ throw new Error('record sequence number exceeds limit');
+ }
+ const nonce = Buffer.from(this.nonceBase);
+ const m = nonce.readUIntBE(nonce.length - 4, 4);
+ const xor = (m ^ seq) >>> 0; //forces unsigned int xor
+ nonce.writeUIntBE(xor, nonce.length - 4, 4);
+
+ return nonce;
+ }
+
+ pad(data, isLast) {
+ const len = data.length;
+ if (len + TAG_LENGTH >= this.rs) {
+ throw new Error('data too large for record size');
+ }
+
+ if (isLast) {
+ const padding = Buffer.alloc(1);
+ padding.writeUInt8(2, 0);
+ return Buffer.concat([data, padding]);
+ } else {
+ const padding = Buffer.alloc(this.rs - len - TAG_LENGTH);
+ padding.fill(0);
+ padding.writeUInt8(1, 0);
+ return Buffer.concat([data, padding]);
+ }
+ }
+
+ unpad(data, isLast) {
+ for (let i = data.length - 1; i >= 0; i--) {
+ if (data[i]) {
+ if (isLast) {
+ if (data[i] !== 2) {
+ throw new Error('delimiter of final record is not 2');
+ }
+ } else {
+ if (data[i] !== 1) {
+ throw new Error('delimiter of not final record is not 1');
+ }
+ }
+ return data.slice(0, i);
+ }
+ }
+ throw new Error('no delimiter found');
+ }
+
+ createHeader() {
+ const nums = Buffer.alloc(5);
+ nums.writeUIntBE(this.rs, 0, 4);
+ nums.writeUIntBE(0, 4, 1);
+ return Buffer.concat([Buffer.from(this.salt), nums]);
+ }
+
+ readHeader(buffer) {
+ if (buffer.length < 21) {
+ throw new Error('chunk too small for reading header');
+ }
+ const header = {};
+ header.salt = buffer.buffer.slice(0, KEY_LENGTH);
+ header.rs = buffer.readUIntBE(KEY_LENGTH, 4);
+ const idlen = buffer.readUInt8(KEY_LENGTH + 4);
+ header.length = idlen + KEY_LENGTH + 5;
+ return header;
+ }
+
+ async encryptRecord(buffer, seq, isLast) {
+ const nonce = this.generateNonce(seq);
+ const encrypted = await crypto.subtle.encrypt(
+ { name: 'AES-GCM', iv: nonce },
+ this.key,
+ this.pad(buffer, isLast)
+ );
+ return Buffer.from(encrypted);
+ }
+
+ async decryptRecord(buffer, seq, isLast) {
+ const nonce = this.generateNonce(seq);
+ const data = await crypto.subtle.decrypt(
+ {
+ name: 'AES-GCM',
+ iv: nonce,
+ tagLength: 128
+ },
+ this.key,
+ buffer
+ );
+
+ return this.unpad(Buffer.from(data), isLast);
+ }
+
+ async start(controller) {
+ if (this.mode === MODE_ENCRYPT) {
+ this.key = await this.generateKey();
+ this.nonceBase = await this.generateNonceBase();
+ controller.enqueue(this.createHeader());
+ } else if (this.mode !== MODE_DECRYPT) {
+ throw new Error('mode must be either encrypt or decrypt');
+ }
+ }
+
+ async transformPrevChunk(isLast, controller) {
+ if (this.mode === MODE_ENCRYPT) {
+ controller.enqueue(
+ await this.encryptRecord(this.prevChunk, this.seq, isLast)
+ );
+ this.seq++;
+ } else {
+ if (this.seq === 0) {
+ //the first chunk during decryption contains only the header
+ const header = this.readHeader(this.prevChunk);
+ this.salt = header.salt;
+ this.rs = header.rs;
+ this.key = await this.generateKey();
+ this.nonceBase = await this.generateNonceBase();
+ } else {
+ controller.enqueue(
+ await this.decryptRecord(this.prevChunk, this.seq - 1, isLast)
+ );
+ }
+ this.seq++;
+ }
+ }
+
+ async transform(chunk, controller) {
+ if (!this.firstchunk) {
+ await this.transformPrevChunk(false, controller);
+ }
+ this.firstchunk = false;
+ this.prevChunk = Buffer.from(chunk.buffer);
+ }
+
+ async flush(controller) {
+ //console.log('ece stream ends')
+ if (this.prevChunk) {
+ await this.transformPrevChunk(true, controller);
+ }
+ }
+}
+
+class StreamSlicer {
+ constructor(rs, mode) {
+ this.mode = mode;
+ this.rs = rs;
+ this.chunkSize = mode === MODE_ENCRYPT ? rs - 17 : 21;
+ this.partialChunk = new Uint8Array(this.chunkSize); //where partial chunks are saved
+ this.offset = 0;
+ }
+
+ send(buf, controller) {
+ controller.enqueue(buf);
+ if (this.chunkSize === 21 && this.mode === MODE_DECRYPT) {
+ this.chunkSize = this.rs;
+ }
+ this.partialChunk = new Uint8Array(this.chunkSize);
+ this.offset = 0;
+ }
+
+ //reslice input into record sized chunks
+ transform(chunk, controller) {
+ //console.log('Received chunk with %d bytes.', chunk.byteLength)
+ let i = 0;
+
+ if (this.offset > 0) {
+ const len = Math.min(chunk.byteLength, this.chunkSize - this.offset);
+ this.partialChunk.set(chunk.slice(0, len), this.offset);
+ this.offset += len;
+ i += len;
+
+ if (this.offset === this.chunkSize) {
+ this.send(this.partialChunk, controller);
+ }
+ }
+
+ while (i < chunk.byteLength) {
+ const remainingBytes = chunk.byteLength - i;
+ if (remainingBytes >= this.chunkSize) {
+ const record = chunk.slice(i, i + this.chunkSize);
+ i += this.chunkSize;
+ this.send(record, controller);
+ } else {
+ const end = chunk.slice(i, i + remainingBytes);
+ i += end.byteLength;
+ this.partialChunk.set(end);
+ this.offset = end.byteLength;
+ }
+ }
+ }
+
+ flush(controller) {
+ if (this.offset > 0) {
+ controller.enqueue(this.partialChunk.slice(0, this.offset));
+ }
+ }
+}
+
+/*
+input: a ReadableStream containing data to be transformed
+key: Uint8Array containing key of size KEY_LENGTH
+rs: int containing record size, optional
+salt: ArrayBuffer containing salt of KEY_LENGTH length, optional
+*/
+export function encryptStream(
+ input,
+ key,
+ rs = ECE_RECORD_SIZE,
+ salt = generateSalt(KEY_LENGTH)
+) {
+ const mode = 'encrypt';
+ const inputStream = transformStream(input, new StreamSlicer(rs, mode));
+ return transformStream(inputStream, new ECETransformer(mode, key, rs, salt));
+}
+
+/*
+input: a ReadableStream containing data to be transformed
+key: Uint8Array containing key of size KEY_LENGTH
+rs: int containing record size, optional
+*/
+export function decryptStream(input, key, rs = ECE_RECORD_SIZE) {
+ const mode = 'decrypt';
+ const inputStream = transformStream(input, new StreamSlicer(rs, mode));
+ return transformStream(inputStream, new ECETransformer(mode, key, rs));
+}
diff --git a/app/experiments.js b/app/experiments.js
index 90f3b521..8e432e0a 100644
--- a/app/experiments.js
+++ b/app/experiments.js
@@ -1,38 +1,19 @@
import hash from 'string-hash';
+import Account from './ui/account';
const experiments = {
- S9wqVl2SQ4ab2yZtqDI3Dw: {
- id: 'S9wqVl2SQ4ab2yZtqDI3Dw',
- run: function(variant, state, emitter) {
- switch (variant) {
- case 1:
- state.promo = 'blue';
- break;
- case 2:
- state.promo = 'pink';
- break;
- default:
- state.promo = 'grey';
- }
- emitter.emit('render');
- },
+ signin_button_color: {
eligible: function() {
- return (
- !/firefox|fxios/i.test(navigator.userAgent) &&
- document.querySelector('html').lang === 'en-US'
- );
+ return true;
},
- variant: function(state) {
- const n = this.luckyNumber(state);
- if (n < 0.33) {
- return 0;
- }
- return n < 0.66 ? 1 : 2;
+ variant: function() {
+ return ['white-primary', 'primary', 'white-violet', 'violet'][
+ Math.floor(Math.random() * 4)
+ ];
},
- luckyNumber: function(state) {
- return luckyNumber(
- `${this.id}:${state.storage.get('testpilot_ga__cid')}`
- );
+ run: function(variant, state) {
+ const account = state.cache(Account, 'account');
+ account.buttonClass = variant;
}
}
};
@@ -60,23 +41,12 @@ export default function initialize(state, emitter) {
xp.run(+state.query.v, state, emitter);
}
});
-
- if (!state.storage.get('testpilot_ga__cid')) {
- // first ever visit. check again after cid is assigned.
- emitter.on('DOMContentLoaded', () => {
- checkExperiments(state, emitter);
- });
+ const enrolled = state.storage.enrolled;
+ // single experiment per session for now
+ const id = Object.keys(enrolled)[0];
+ if (Object.keys(experiments).includes(id)) {
+ experiments[id].run(enrolled[id], state, emitter);
} else {
- const enrolled = state.storage.enrolled.filter(([id, variant]) => {
- const xp = experiments[id];
- if (xp) {
- xp.run(variant, state, emitter);
- }
- return !!xp;
- });
- // single experiment per session for now
- if (enrolled.length === 0) {
- checkExperiments(state, emitter);
- }
+ checkExperiments(state, emitter);
}
}
diff --git a/app/fileManager.js b/app/fileManager.js
deleted file mode 100644
index 786f99f8..00000000
--- a/app/fileManager.js
+++ /dev/null
@@ -1,231 +0,0 @@
-import FileSender from './fileSender';
-import FileReceiver from './fileReceiver';
-import {
- copyToClipboard,
- delay,
- fadeOut,
- openLinksInNewTab,
- percent
-} from './utils';
-import * as metrics from './metrics';
-
-export default function(state, emitter) {
- let lastRender = 0;
- let updateTitle = false;
-
- function render() {
- emitter.emit('render');
- }
-
- async function checkFiles() {
- const files = state.storage.files.slice();
- let rerender = false;
- for (const file of files) {
- const oldLimit = file.dlimit;
- const oldTotal = file.dtotal;
- await file.updateDownloadCount();
- if (file.dtotal === file.dlimit) {
- state.storage.remove(file.id);
- rerender = true;
- } else if (oldLimit !== file.dlimit || oldTotal !== file.dtotal) {
- rerender = true;
- }
- }
- if (rerender) {
- render();
- }
- }
-
- function updateProgress() {
- if (updateTitle) {
- emitter.emit('DOMTitleChange', percent(state.transfer.progressRatio));
- }
- render();
- }
-
- emitter.on('DOMContentLoaded', () => {
- document.addEventListener('blur', () => (updateTitle = true));
- document.addEventListener('focus', () => {
- updateTitle = false;
- emitter.emit('DOMTitleChange', 'Firefox Send');
- });
- checkFiles();
- });
-
- emitter.on('navigate', checkFiles);
-
- emitter.on('render', () => {
- lastRender = Date.now();
- });
-
- emitter.on('changeLimit', async ({ file, value }) => {
- await file.changeLimit(value);
- state.storage.writeFile(file);
- metrics.changedDownloadLimit(file);
- });
-
- emitter.on('delete', async ({ file, location }) => {
- try {
- metrics.deletedUpload({
- size: file.size,
- time: file.time,
- speed: file.speed,
- type: file.type,
- ttl: file.expiresAt - Date.now(),
- location
- });
- state.storage.remove(file.id);
- await file.del();
- } catch (e) {
- state.raven.captureException(e);
- }
- });
-
- emitter.on('cancel', () => {
- state.transfer.cancel();
- });
-
- emitter.on('upload', async ({ file, type }) => {
- const size = file.size;
- const sender = new FileSender(file);
- sender.on('progress', updateProgress);
- sender.on('encrypting', render);
- state.transfer = sender;
- state.uploading = true;
- render();
-
- const links = openLinksInNewTab();
- await delay(200);
- try {
- metrics.startedUpload({ size, type });
- const ownedFile = await sender.upload();
- ownedFile.type = type;
- state.storage.totalUploads += 1;
- metrics.completedUpload(ownedFile);
-
- state.storage.addFile(ownedFile);
- const cancelBtn = document.getElementById('cancel-upload');
- if (cancelBtn) {
- cancelBtn.hidden = 'hidden';
- }
- await delay(1000);
- await fadeOut('.page');
- emitter.emit('pushState', `/share/${ownedFile.id}`);
- } catch (err) {
- if (err.message === '0') {
- //cancelled. do nothing
- metrics.cancelledUpload({ size, type });
- render();
- } else {
- // eslint-disable-next-line no-console
- console.error(err);
- state.raven.captureException(err);
- metrics.stoppedUpload({ size, type, err });
- emitter.emit('pushState', '/error');
- }
- } finally {
- openLinksInNewTab(links, false);
- state.uploading = false;
- state.transfer = null;
- }
- });
-
- emitter.on('password', async ({ password, file }) => {
- try {
- state.settingPassword = true;
- render();
- await file.setPassword(password);
- state.storage.writeFile(file);
- metrics.addedPassword({ size: file.size });
- await delay(1000);
- } catch (err) {
- // eslint-disable-next-line no-console
- console.error(err);
- state.passwordSetError = err;
- } finally {
- state.settingPassword = false;
- }
- render();
- });
-
- emitter.on('getMetadata', async () => {
- const file = state.fileInfo;
- const receiver = new FileReceiver(file);
- try {
- await receiver.getMetadata();
- state.transfer = receiver;
- } catch (e) {
- if (e.message === '401') {
- file.password = null;
- if (!file.requiresPassword) {
- return emitter.emit('pushState', '/404');
- }
- }
- }
- render();
- });
-
- emitter.on('download', async file => {
- state.transfer.on('progress', updateProgress);
- state.transfer.on('decrypting', render);
- const links = openLinksInNewTab();
- const size = file.size;
- try {
- const start = Date.now();
- metrics.startedDownload({ size: file.size, ttl: file.ttl });
- const dl = state.transfer.download();
- render();
- await dl;
- const time = Date.now() - start;
- const speed = size / (time / 1000);
- await delay(1000);
- await fadeOut('.page');
- state.storage.totalDownloads += 1;
- state.transfer.reset();
- metrics.completedDownload({ size, time, speed });
- emitter.emit('pushState', '/completed');
- } catch (err) {
- if (err.message === '0') {
- // download cancelled
- state.transfer.reset();
- render();
- } else {
- // eslint-disable-next-line no-console
- console.error(err);
- state.transfer = null;
- const location = err.message === '404' ? '/404' : '/error';
- if (location === '/error') {
- state.raven.captureException(err);
- metrics.stoppedDownload({ size, err });
- }
- emitter.emit('pushState', location);
- }
- } finally {
- openLinksInNewTab(links, false);
- }
- });
-
- emitter.on('copy', ({ url, location }) => {
- copyToClipboard(url);
- metrics.copiedLink({ location });
- });
-
- setInterval(() => {
- // poll for updates of the download counts
- // TODO something for the share page: || state.route === '/share/:id'
- if (state.route === '/') {
- checkFiles();
- }
- }, 2 * 60 * 1000);
-
- setInterval(() => {
- // poll for rerendering the file list countdown timers
- if (
- state.route === '/' &&
- state.storage.files.length > 0 &&
- Date.now() - lastRender > 30000
- ) {
- render();
- }
- }, 60000);
-}
diff --git a/app/fileReceiver.js b/app/fileReceiver.js
index 27dccf6d..85065429 100644
--- a/app/fileReceiver.js
+++ b/app/fileReceiver.js
@@ -1,7 +1,9 @@
import Nanobus from 'nanobus';
import Keychain from './keychain';
-import { bytes } from './utils';
-import { metadata, downloadFile } from './api';
+import { delay, bytes, streamToArrayBuffer } from './utils';
+import { downloadFile, metadata, getApiUrl, reportLink } from './api';
+import { blobStream } from './streams';
+import Zip from './zip';
export default class FileReceiver extends Nanobus {
constructor(fileInfo) {
@@ -43,21 +45,43 @@ export default class FileReceiver extends Nanobus {
async getMetadata() {
const meta = await metadata(this.fileInfo.id, this.keychain);
- this.keychain.setIV(meta.iv);
this.fileInfo.name = meta.name;
this.fileInfo.type = meta.type;
this.fileInfo.iv = meta.iv;
- this.fileInfo.size = meta.size;
+ this.fileInfo.size = +meta.size;
+ this.fileInfo.manifest = meta.manifest;
this.state = 'ready';
}
- async download(noSave = false) {
+ async reportLink(reason) {
+ await reportLink(this.fileInfo.id, this.keychain, reason);
+ }
+
+ sendMessageToSw(msg) {
+ return new Promise((resolve, reject) => {
+ const channel = new MessageChannel();
+
+ channel.port1.onmessage = function(event) {
+ if (event.data === undefined) {
+ reject('bad response from serviceWorker');
+ } else if (event.data.error !== undefined) {
+ reject(event.data.error);
+ } else {
+ resolve(event.data);
+ }
+ };
+
+ navigator.serviceWorker.controller.postMessage(msg, [channel.port2]);
+ });
+ }
+
+ async downloadBlob(noSave = false) {
this.state = 'downloading';
this.downloadRequest = await downloadFile(
this.fileInfo.id,
this.keychain,
p => {
- this.progress = p;
+ this.progress = [p, this.fileInfo.size];
this.emit('progress');
}
);
@@ -67,7 +91,14 @@ export default class FileReceiver extends Nanobus {
this.msg = 'decryptingFile';
this.state = 'decrypting';
this.emit('decrypting');
- const plaintext = await this.keychain.decryptFile(ciphertext);
+ let size = this.fileInfo.size;
+ let plainStream = this.keychain.decryptStream(blobStream(ciphertext));
+ if (this.fileInfo.type === 'send-archive') {
+ const zip = new Zip(this.fileInfo.manifest, plainStream);
+ plainStream = zip.stream;
+ size = zip.size;
+ }
+ const plaintext = await streamToArrayBuffer(plainStream, size);
if (!noSave) {
await saveFile({
plaintext,
@@ -76,12 +107,113 @@ export default class FileReceiver extends Nanobus {
});
}
this.msg = 'downloadFinish';
+ this.emit('complete');
this.state = 'complete';
} catch (e) {
this.downloadRequest = null;
throw e;
}
}
+
+ async downloadStream(noSave = false) {
+ const start = Date.now();
+ const onprogress = p => {
+ this.progress = [p, this.fileInfo.size];
+ this.emit('progress');
+ };
+
+ this.downloadRequest = {
+ cancel: () => {
+ this.sendMessageToSw({ request: 'cancel', id: this.fileInfo.id });
+ }
+ };
+
+ try {
+ this.state = 'downloading';
+
+ const info = {
+ request: 'init',
+ id: this.fileInfo.id,
+ filename: this.fileInfo.name,
+ type: this.fileInfo.type,
+ manifest: this.fileInfo.manifest,
+ key: this.fileInfo.secretKey,
+ requiresPassword: this.fileInfo.requiresPassword,
+ password: this.fileInfo.password,
+ url: this.fileInfo.url,
+ size: this.fileInfo.size,
+ nonce: this.keychain.nonce,
+ noSave
+ };
+ await this.sendMessageToSw(info);
+
+ onprogress(0);
+
+ if (noSave) {
+ const res = await fetch(getApiUrl(`/api/download/${this.fileInfo.id}`));
+ if (res.status !== 200) {
+ throw new Error(res.status);
+ }
+ } else {
+ const downloadPath = `/api/download/${this.fileInfo.id}`;
+ let downloadUrl = getApiUrl(downloadPath);
+ if (downloadUrl === downloadPath) {
+ downloadUrl = `${location.protocol}//${location.host}${downloadPath}`;
+ }
+ const a = document.createElement('a');
+ a.href = downloadUrl;
+ document.body.appendChild(a);
+ a.click();
+ }
+
+ let prog = 0;
+ let hangs = 0;
+ while (prog < this.fileInfo.size) {
+ const msg = await this.sendMessageToSw({
+ request: 'progress',
+ id: this.fileInfo.id
+ });
+ if (msg.progress === prog) {
+ hangs++;
+ } else {
+ hangs = 0;
+ }
+ if (hangs > 30) {
+ // TODO: On Chrome we don't get a cancel
+ // signal so one is indistinguishable from
+ // a hang. We may be able to detect
+ // which end is hung in the service worker
+ // to improve on this.
+ const e = new Error('hung download');
+ e.duration = Date.now() - start;
+ e.size = this.fileInfo.size;
+ e.progress = prog;
+ throw e;
+ }
+ prog = msg.progress;
+ onprogress(prog);
+ await delay(1000);
+ }
+
+ this.downloadRequest = null;
+ this.msg = 'downloadFinish';
+ this.emit('complete');
+ this.state = 'complete';
+ } catch (e) {
+ this.downloadRequest = null;
+ if (e === 'cancelled' || e.message === '400') {
+ throw new Error(0);
+ }
+ throw e;
+ }
+ }
+
+ download(options) {
+ if (options.stream) {
+ return this.downloadStream(options.noSave);
+ }
+ return this.downloadBlob(options.noSave);
+ }
}
async function saveFile(file) {
@@ -92,24 +224,6 @@ async function saveFile(file) {
if (navigator.msSaveBlob) {
navigator.msSaveBlob(blob, file.name);
return resolve();
- } else if (/iPhone|fxios/i.test(navigator.userAgent)) {
- // This method is much slower but createObjectURL
- // is buggy on iOS
- const reader = new FileReader();
- reader.addEventListener('loadend', function() {
- if (reader.error) {
- return reject(reader.error);
- }
- if (reader.result) {
- const a = document.createElement('a');
- a.href = reader.result;
- a.download = file.name;
- document.body.appendChild(a);
- a.click();
- }
- resolve();
- });
- reader.readAsDataURL(blob);
} else {
const downloadUrl = URL.createObjectURL(blob);
const a = document.createElement('a');
diff --git a/app/fileSender.js b/app/fileSender.js
index 99f2ad12..e8bc6bea 100644
--- a/app/fileSender.js
+++ b/app/fileSender.js
@@ -1,14 +1,13 @@
-/* global EXPIRE_SECONDS */
import Nanobus from 'nanobus';
import OwnedFile from './ownedFile';
import Keychain from './keychain';
import { arrayToB64, bytes } from './utils';
-import { uploadFile } from './api';
+import { uploadWs } from './api';
+import { encryptedSize } from './utils';
export default class FileSender extends Nanobus {
- constructor(file) {
+ constructor() {
super('FileSender');
- this.file = file;
this.keychain = new Keychain();
this.reset();
}
@@ -18,7 +17,9 @@ export default class FileSender extends Nanobus {
}
get progressIndefinite() {
- return ['fileSizeProgress', 'notifyUploadDone'].indexOf(this.msg) === -1;
+ return (
+ ['fileSizeProgress', 'notifyUploadEncryptDone'].indexOf(this.msg) === -1
+ );
}
get sizes() {
@@ -42,67 +43,59 @@ export default class FileSender extends Nanobus {
}
}
- readFile() {
- return new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.readAsArrayBuffer(this.file);
- // TODO: progress?
- reader.onload = function(event) {
- const plaintext = new Uint8Array(this.result);
- resolve(plaintext);
- };
- reader.onerror = function(err) {
- reject(err);
- };
- });
- }
-
- async upload() {
- const start = Date.now();
- const plaintext = await this.readFile();
+ async upload(archive, bearerToken) {
if (this.cancelled) {
throw new Error(0);
}
this.msg = 'encryptingFile';
this.emit('encrypting');
- const encrypted = await this.keychain.encryptFile(plaintext);
- const metadata = await this.keychain.encryptMetadata(this.file);
+ const totalSize = encryptedSize(archive.size);
+ const encStream = await this.keychain.encryptStream(archive.stream);
+ const metadata = await this.keychain.encryptMetadata(archive);
const authKeyB64 = await this.keychain.authKeyB64();
- if (this.cancelled) {
- throw new Error(0);
- }
- this.uploadRequest = uploadFile(
- encrypted,
+
+ this.uploadRequest = uploadWs(
+ encStream,
metadata,
authKeyB64,
- this.keychain,
+ archive.timeLimit,
+ archive.dlimit,
+ bearerToken,
p => {
- this.progress = p;
+ this.progress = [p, totalSize];
this.emit('progress');
}
);
+
+ if (this.cancelled) {
+ throw new Error(0);
+ }
+
this.msg = 'fileSizeProgress';
this.emit('progress'); // HACK to kick MS Edge
try {
const result = await this.uploadRequest.result;
- const time = Date.now() - start;
- this.msg = 'notifyUploadDone';
+ this.msg = 'notifyUploadEncryptDone';
this.uploadRequest = null;
this.progress = [1, 1];
const secretKey = arrayToB64(this.keychain.rawSecret);
const ownedFile = new OwnedFile({
id: result.id,
url: `${result.url}#${secretKey}`,
- name: this.file.name,
- size: this.file.size,
- time: time,
- speed: this.file.size / (time / 1000),
+ name: archive.name,
+ size: archive.size,
+ manifest: archive.manifest,
+ time: result.duration,
+ speed: archive.size / (result.duration / 1000),
createdAt: Date.now(),
- expiresAt: Date.now() + EXPIRE_SECONDS * 1000,
+ expiresAt: Date.now() + archive.timeLimit * 1000,
secretKey: secretKey,
nonce: this.keychain.nonce,
- ownerToken: result.ownerToken
+ ownerToken: result.ownerToken,
+ dlimit: archive.dlimit,
+ timeLimit: archive.timeLimit
});
+
return ownedFile;
} catch (e) {
this.msg = 'errorPageHeader';
diff --git a/app/fxa.js b/app/fxa.js
new file mode 100644
index 00000000..7827d33e
--- /dev/null
+++ b/app/fxa.js
@@ -0,0 +1,181 @@
+/* global AUTH_CONFIG */
+import { arrayToB64, b64ToArray } from './utils';
+
+const encoder = new TextEncoder();
+const decoder = new TextDecoder();
+
+function getOtherInfo(enc) {
+ const name = encoder.encode(enc);
+ const length = 256;
+ const buffer = new ArrayBuffer(name.length + 16);
+ const dv = new DataView(buffer);
+ const result = new Uint8Array(buffer);
+ let i = 0;
+ dv.setUint32(i, name.length);
+ i += 4;
+ result.set(name, i);
+ i += name.length;
+ dv.setUint32(i, 0);
+ i += 4;
+ dv.setUint32(i, 0);
+ i += 4;
+ dv.setUint32(i, length);
+ return result;
+}
+
+function concat(b1, b2) {
+ const result = new Uint8Array(b1.length + b2.length);
+ result.set(b1, 0);
+ result.set(b2, b1.length);
+ return result;
+}
+
+async function concatKdf(key, enc) {
+ if (key.length !== 32) {
+ throw new Error('unsupported key length');
+ }
+ const otherInfo = getOtherInfo(enc);
+ const buffer = new ArrayBuffer(4 + key.length + otherInfo.length);
+ const dv = new DataView(buffer);
+ const concat = new Uint8Array(buffer);
+ dv.setUint32(0, 1);
+ concat.set(key, 4);
+ concat.set(otherInfo, key.length + 4);
+ const result = await crypto.subtle.digest('SHA-256', concat);
+ return new Uint8Array(result);
+}
+
+export async function prepareScopedBundleKey(storage) {
+ const keys = await crypto.subtle.generateKey(
+ {
+ name: 'ECDH',
+ namedCurve: 'P-256'
+ },
+ true,
+ ['deriveBits']
+ );
+ const privateJwk = await crypto.subtle.exportKey('jwk', keys.privateKey);
+ const publicJwk = await crypto.subtle.exportKey('jwk', keys.publicKey);
+ const kid = await crypto.subtle.digest(
+ 'SHA-256',
+ encoder.encode(JSON.stringify(publicJwk))
+ );
+ privateJwk.kid = kid;
+ publicJwk.kid = kid;
+ storage.set('scopedBundlePrivateKey', JSON.stringify(privateJwk));
+ return arrayToB64(encoder.encode(JSON.stringify(publicJwk)));
+}
+
+export async function decryptBundle(storage, bundle) {
+ const privateJwk = JSON.parse(storage.get('scopedBundlePrivateKey'));
+ storage.remove('scopedBundlePrivateKey');
+ const privateKey = await crypto.subtle.importKey(
+ 'jwk',
+ privateJwk,
+ {
+ name: 'ECDH',
+ namedCurve: 'P-256'
+ },
+ false,
+ ['deriveBits']
+ );
+ const jweParts = bundle.split('.');
+ if (jweParts.length !== 5) {
+ throw new Error('invalid jwe');
+ }
+ const header = JSON.parse(decoder.decode(b64ToArray(jweParts[0])));
+ const additionalData = encoder.encode(jweParts[0]);
+ const iv = b64ToArray(jweParts[2]);
+ const ciphertext = b64ToArray(jweParts[3]);
+ const tag = b64ToArray(jweParts[4]);
+
+ if (header.alg !== 'ECDH-ES' || header.enc !== 'A256GCM') {
+ throw new Error('unsupported jwe type');
+ }
+
+ const publicKey = await crypto.subtle.importKey(
+ 'jwk',
+ header.epk,
+ {
+ name: 'ECDH',
+ namedCurve: 'P-256'
+ },
+ false,
+ []
+ );
+ const sharedBits = await crypto.subtle.deriveBits(
+ {
+ name: 'ECDH',
+ public: publicKey
+ },
+ privateKey,
+ 256
+ );
+
+ const rawSharedKey = await concatKdf(new Uint8Array(sharedBits), header.enc);
+ const sharedKey = await crypto.subtle.importKey(
+ 'raw',
+ rawSharedKey,
+ {
+ name: 'AES-GCM'
+ },
+ false,
+ ['decrypt']
+ );
+
+ const plaintext = await crypto.subtle.decrypt(
+ {
+ name: 'AES-GCM',
+ iv: iv,
+ additionalData: additionalData,
+ tagLength: tag.length * 8
+ },
+ sharedKey,
+ concat(ciphertext, tag)
+ );
+
+ return JSON.parse(decoder.decode(plaintext));
+}
+
+export async function preparePkce(storage) {
+ const verifier = arrayToB64(crypto.getRandomValues(new Uint8Array(64)));
+ storage.set('pkceVerifier', verifier);
+ const challenge = await crypto.subtle.digest(
+ 'SHA-256',
+ encoder.encode(verifier)
+ );
+ return arrayToB64(new Uint8Array(challenge));
+}
+
+export async function deriveFileListKey(ikm) {
+ const baseKey = await crypto.subtle.importKey(
+ 'raw',
+ b64ToArray(ikm),
+ { name: 'HKDF' },
+ false,
+ ['deriveKey']
+ );
+ const fileListKey = await crypto.subtle.deriveKey(
+ {
+ name: 'HKDF',
+ salt: new Uint8Array(),
+ info: encoder.encode('fileList'),
+ hash: 'SHA-256'
+ },
+ baseKey,
+ {
+ name: 'AES-GCM',
+ length: 128
+ },
+ true,
+ ['encrypt', 'decrypt']
+ );
+ const rawFileListKey = await crypto.subtle.exportKey('raw', fileListKey);
+ return arrayToB64(new Uint8Array(rawFileListKey));
+}
+
+export async function getFileListKey(storage, bundle) {
+ const jwks = await decryptBundle(storage, bundle);
+ const jwk = jwks[AUTH_CONFIG.key_scope];
+ return deriveFileListKey(jwk.k);
+}
diff --git a/app/keychain.js b/app/keychain.js
index eacffec3..37951aa7 100644
--- a/app/keychain.js
+++ b/app/keychain.js
@@ -1,47 +1,25 @@
import { arrayToB64, b64ToArray } from './utils';
-
+import { decryptStream, encryptStream } from './ece.js';
const encoder = new TextEncoder();
const decoder = new TextDecoder();
export default class Keychain {
- constructor(secretKeyB64, nonce, ivB64) {
+ constructor(secretKeyB64, nonce) {
this._nonce = nonce || 'yRCdyQ1EMSA3mo4rqSkuNQ==';
- if (ivB64) {
- this.iv = b64ToArray(ivB64);
- } else {
- this.iv = window.crypto.getRandomValues(new Uint8Array(12));
- }
if (secretKeyB64) {
this.rawSecret = b64ToArray(secretKeyB64);
} else {
- this.rawSecret = window.crypto.getRandomValues(new Uint8Array(16));
+ this.rawSecret = crypto.getRandomValues(new Uint8Array(16));
}
- this.secretKeyPromise = window.crypto.subtle.importKey(
+ this.secretKeyPromise = crypto.subtle.importKey(
'raw',
this.rawSecret,
'HKDF',
false,
['deriveKey']
);
- this.encryptKeyPromise = this.secretKeyPromise.then(function(secretKey) {
- return window.crypto.subtle.deriveKey(
- {
- name: 'HKDF',
- salt: new Uint8Array(),
- info: encoder.encode('encryption'),
- hash: 'SHA-256'
- },
- secretKey,
- {
- name: 'AES-GCM',
- length: 128
- },
- false,
- ['encrypt', 'decrypt']
- );
- });
this.metaKeyPromise = this.secretKeyPromise.then(function(secretKey) {
- return window.crypto.subtle.deriveKey(
+ return crypto.subtle.deriveKey(
{
name: 'HKDF',
salt: new Uint8Array(),
@@ -58,7 +36,7 @@ export default class Keychain {
);
});
this.authKeyPromise = this.secretKeyPromise.then(function(secretKey) {
- return window.crypto.subtle.deriveKey(
+ return crypto.subtle.deriveKey(
{
name: 'HKDF',
salt: new Uint8Array(),
@@ -86,17 +64,13 @@ export default class Keychain {
}
}
- setIV(ivB64) {
- this.iv = b64ToArray(ivB64);
- }
-
setPassword(password, shareUrl) {
- this.authKeyPromise = window.crypto.subtle
+ this.authKeyPromise = crypto.subtle
.importKey('raw', encoder.encode(password), { name: 'PBKDF2' }, false, [
'deriveKey'
])
.then(passwordKey =>
- window.crypto.subtle.deriveKey(
+ crypto.subtle.deriveKey(
{
name: 'PBKDF2',
salt: encoder.encode(shareUrl),
@@ -115,7 +89,7 @@ export default class Keychain {
}
setAuthKey(authKeyB64) {
- this.authKeyPromise = window.crypto.subtle.importKey(
+ this.authKeyPromise = crypto.subtle.importKey(
'raw',
b64ToArray(authKeyB64),
{
@@ -129,13 +103,13 @@ export default class Keychain {
async authKeyB64() {
const authKey = await this.authKeyPromise;
- const rawAuth = await window.crypto.subtle.exportKey('raw', authKey);
+ const rawAuth = await crypto.subtle.exportKey('raw', authKey);
return arrayToB64(new Uint8Array(rawAuth));
}
async authHeader() {
const authKey = await this.authKeyPromise;
- const sig = await window.crypto.subtle.sign(
+ const sig = await crypto.subtle.sign(
{
name: 'HMAC'
},
@@ -145,23 +119,9 @@ export default class Keychain {
return `send-v1 ${arrayToB64(new Uint8Array(sig))}`;
}
- async encryptFile(plaintext) {
- const encryptKey = await this.encryptKeyPromise;
- const ciphertext = await window.crypto.subtle.encrypt(
- {
- name: 'AES-GCM',
- iv: this.iv,
- tagLength: 128
- },
- encryptKey,
- plaintext
- );
- return ciphertext;
- }
-
async encryptMetadata(metadata) {
const metaKey = await this.metaKeyPromise;
- const ciphertext = await window.crypto.subtle.encrypt(
+ const ciphertext = await crypto.subtle.encrypt(
{
name: 'AES-GCM',
iv: new Uint8Array(12),
@@ -170,32 +130,27 @@ export default class Keychain {
metaKey,
encoder.encode(
JSON.stringify({
- iv: arrayToB64(this.iv),
name: metadata.name,
- type: metadata.type || 'application/octet-stream'
+ size: metadata.size,
+ type: metadata.type || 'application/octet-stream',
+ manifest: metadata.manifest || {}
})
)
);
return ciphertext;
}
- async decryptFile(ciphertext) {
- const encryptKey = await this.encryptKeyPromise;
- const plaintext = await window.crypto.subtle.decrypt(
- {
- name: 'AES-GCM',
- iv: this.iv,
- tagLength: 128
- },
- encryptKey,
- ciphertext
- );
- return plaintext;
+ encryptStream(plainStream) {
+ return encryptStream(plainStream, this.rawSecret);
+ }
+
+ decryptStream(cryptotext) {
+ return decryptStream(cryptotext, this.rawSecret);
}
async decryptMetadata(ciphertext) {
const metaKey = await this.metaKeyPromise;
- const plaintext = await window.crypto.subtle.decrypt(
+ const plaintext = await crypto.subtle.decrypt(
{
name: 'AES-GCM',
iv: new Uint8Array(12),
diff --git a/app/locale.js b/app/locale.js
new file mode 100644
index 00000000..23dfdb7c
--- /dev/null
+++ b/app/locale.js
@@ -0,0 +1,26 @@
+import { FluentBundle, FluentResource } from '@fluent/bundle';
+
+function makeBundle(locale, ftl) {
+ const bundle = new FluentBundle(locale, { useIsolating: false });
+ bundle.addResource(new FluentResource(ftl));
+ return bundle;
+}
+
+export async function getTranslator(locale) {
+ const bundles = [];
+ const { default: en } = await import('../public/locales/en-US/send.ftl');
+ if (locale !== 'en-US') {
+ const { default: ftl } = await import(
+ `../public/locales/${locale}/send.ftl`
+ );
+ bundles.push(makeBundle(locale, ftl));
+ }
+ bundles.push(makeBundle('en-US', en));
+ return function(id, data) {
+ for (let bundle of bundles) {
+ if (bundle.hasMessage(id)) {
+ return bundle.formatPattern(bundle.getMessage(id).value, data);
+ }
+ }
+ };
+}
diff --git a/app/main.css b/app/main.css
index 97ee0d86..6a42290e 100644
--- a/app/main.css
+++ b/app/main.css
@@ -1,16 +1,412 @@
-@import './base.css';
-@import './templates/header/header.css';
-@import './templates/downloadButton/downloadButton.css';
-@import './templates/progress/progress.css';
-@import './templates/passwordInput/passwordInput.css';
-@import './templates/downloadPassword/downloadPassword.css';
-@import './templates/setPasswordSection/setPasswordSection.css';
-@import './templates/footer/footer.css';
-@import './templates/fxPromo/fxPromo.css';
-@import './templates/selectbox/selectbox.css';
-@import './templates/fileList/fileList.css';
-@import './templates/file/file.css';
-@import './templates/popup/popup.css';
-@import './pages/welcome/welcome.css';
-@import './pages/share/share.css';
-@import './pages/unsupported/unsupported.css';
+@tailwind base;
+
+html {
+ line-height: 1.15;
+}
+
+@tailwind components;
+
+:not(input) {
+ user-select: none;
+}
+
+:root {
+ --violet-gradient: linear-gradient(
+ -180deg,
+ rgb(144 89 255 / 80%) 0%,
+ rgb(144 89 255 / 40%) 100%
+ );
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:focus {
+ outline: 1px dotted grey;
+}
+
+body {
+ background-image: url('../assets/bg.svg');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ overflow-x: hidden;
+}
+
+.btn {
+ @apply bg-primary;
+ @apply text-white;
+ @apply cursor-pointer;
+ @apply py-4;
+ @apply px-6;
+ @apply font-semibold;
+}
+
+.btn:hover {
+ @apply bg-primary_accent;
+}
+
+.btn:focus {
+ @apply bg-primary_accent;
+}
+
+.checkbox {
+ @apply leading-normal;
+ @apply select-none;
+}
+
+.checkbox > input[type='checkbox'] {
+ @apply absolute;
+ @apply opacity-0;
+}
+
+.checkbox > label {
+ @apply cursor-pointer;
+}
+
+.checkbox > label::before {
+ /* @apply bg-grey-10; */
+ @apply border-default;
+ @apply rounded-sm;
+
+ content: '';
+ height: 1.5rem;
+ width: 1.5rem;
+ margin-right: 0.5rem;
+ float: left;
+}
+
+.checkbox > label:hover::before {
+ @apply border-primary;
+}
+
+.checkbox > input:focus + label::before {
+ @apply border-primary;
+}
+
+.checkbox > input:checked + label::before {
+ @apply bg-primary;
+ @apply border-primary;
+
+ background-image: url('../assets/lock.svg');
+ background-position: center;
+ background-size: 1.25rem;
+ background-repeat: no-repeat;
+}
+
+.checkbox > input:disabled + label {
+ cursor: auto;
+}
+
+.checkbox > input:disabled + label::before {
+ @apply bg-primary;
+ @apply border-primary;
+
+ background-image: url('../assets/lock.svg');
+ background-position: center;
+ background-size: 1.25rem;
+ background-repeat: no-repeat;
+ cursor: auto;
+}
+
+details {
+ overflow: hidden;
+}
+
+details > summary::marker {
+ display: none;
+}
+
+details > summary > svg {
+ transition: all 0.25s cubic-bezier(0.07, 0.95, 0, 1);
+}
+
+details[open] {
+ overflow-y: auto;
+}
+
+details[open] > summary > svg {
+ transform: rotate(90deg);
+}
+
+footer li a:hover {
+ text-decoration: underline;
+}
+
+.feedback-link {
+ background-color: #000;
+ background-image: url('../assets/feedback.svg');
+ background-position: 0.125rem 0.25rem;
+ background-repeat: no-repeat;
+ background-size: 1.125rem;
+ color: #fff;
+ display: block;
+ font-size: 0.75rem;
+ line-height: 0.75rem;
+ padding: 0.375rem 0.375rem 0.375rem 1.25rem;
+ text-indent: 0.125rem;
+ white-space: nowrap;
+}
+
+.link-primary {
+ @apply text-primary;
+}
+
+.link-primary:hover {
+ @apply text-primary_accent;
+}
+
+.link-primary:focus {
+ @apply text-primary_accent;
+}
+
+.main-header img {
+ height: 32px;
+ width: auto;
+}
+
+.text-underline {
+ text-decoration: underline;
+}
+
+.d-block {
+ display: block;
+}
+
+.d-inline-block {
+ display: inline-block;
+}
+
+.align-middle {
+ vertical-align: middle;
+}
+
+.main {
+ display: flex;
+ position: relative;
+ max-width: 64rem;
+ width: 100%;
+}
+
+.main > section {
+ @apply bg-white;
+}
+
+#password-msg::after {
+ content: '\200b';
+}
+
+progress {
+ @apply bg-grey-30;
+ @apply rounded-sm;
+ @apply w-full;
+ @apply h-1;
+}
+
+progress::-webkit-progress-bar {
+ @apply bg-grey-30;
+ @apply rounded-sm;
+ @apply w-full;
+ @apply h-1;
+}
+
+progress::-webkit-progress-value {
+ /* stylelint-disable */
+ background-image: -webkit-linear-gradient(
+ -45deg,
+ transparent 20%,
+ rgb(255 255 255 / 40%) 20%,
+ rgb(255 255 255 / 40%) 40%,
+ transparent 40%,
+ transparent 60%,
+ rgb(255 255 255 / 40%) 60%,
+ rgb(255 255 255 / 40%) 80%,
+ transparent 80%
+ ),
+ -webkit-linear-gradient(left, var(--color-primary), var(--color-primary));
+ /* stylelint-enable */
+ border-radius: 2px;
+ background-size: 21px 20px, 100% 100%, 100% 100%;
+}
+
+progress::-moz-progress-bar {
+ /* stylelint-disable */
+ background-image: -moz-linear-gradient(
+ 135deg,
+ transparent 20%,
+ rgb(255 255 255 / 40%) 20%,
+ rgb(255 255 255 / 40%) 40%,
+ transparent 40%,
+ transparent 60%,
+ rgb(255 255 255 / 40%) 60%,
+ rgb(255 255 255 / 40%) 80%,
+ transparent 80%
+ ),
+ -moz-linear-gradient(left, var(--color-primary), var(--color-primary));
+ /* stylelint-enable */
+ border-radius: 2px;
+ background-size: 21px 20px, 100% 100%, 100% 100%;
+ animation: animate-stripes 1s linear infinite;
+}
+
+@keyframes animate-stripes {
+ 100% {
+ background-position: -21px 0;
+ }
+}
+
+select {
+ background-image: url('../assets/select-arrow.svg');
+ background-position: calc(100% - 0.75rem);
+ background-repeat: no-repeat;
+}
+
+@screen md {
+ .main-header img {
+ height: 48px;
+ width: auto;
+ }
+
+ .main {
+ @apply flex-1;
+ @apply self-center;
+ @apply items-center;
+ @apply m-auto;
+ @apply py-8;
+
+ max-height: 42rem;
+ width: calc(100% - 3rem);
+ }
+}
+
+@screen dark {
+ body {
+ @apply text-grey-10;
+
+ background-image: unset;
+ }
+
+ .btn {
+ @apply bg-primary;
+ @apply text-white;
+ }
+
+ .btn:hover {
+ @apply bg-primary_accent;
+ }
+
+ .btn:focus {
+ @apply bg-primary_accent;
+ }
+
+ .link-primary {
+ @apply text-primary;
+ }
+
+ .link-primary:hover {
+ @apply text-primary_accent;
+ }
+
+ .link-primary:focus {
+ @apply text-primary_accent;
+ }
+
+ .main > section {
+ @apply bg-grey-90;
+ }
+
+ @screen md {
+ .main > section {
+ @apply border-default;
+ @apply border-grey-80;
+ }
+ }
+}
+
+@tailwind utilities;
+
+@responsive {
+ .shadow-light {
+ box-shadow: 0 0 8px 0 rgb(12 12 13 / 10%);
+ }
+
+ .shadow-big {
+ box-shadow: 0 12px 18px 2px rgb(34 0 51 / 4%),
+ 0 6px 22px 4px rgb(7 48 114 / 12%), 0 6px 10px -4px rgb(14 13 26 / 12%);
+ }
+}
+
+@variants focus {
+ .outline {
+ outline: 1px dotted grey;
+ }
+}
+
+.word-break-all {
+ word-break: break-all;
+ line-break: anywhere;
+}
+
+.signin {
+ backface-visibility: hidden;
+ border-radius: 6px;
+ transition-property: transform, background-color;
+ transition-duration: 250ms;
+ transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
+}
+
+.signin:hover,
+.signin:focus {
+ transform: scale(1.0625);
+}
+
+.signin:hover:active {
+ transform: scale(0.9375);
+}
+
+/* begin signin button color experiment */
+
+.white-primary {
+ @apply border-primary;
+ @apply border-2;
+ @apply text-primary;
+}
+
+.white-primary:hover,
+.white-primary:focus {
+ @apply bg-primary;
+ @apply text-white;
+}
+
+.primary {
+ @apply bg-primary;
+ @apply text-white;
+}
+
+.white-violet {
+ @apply border-violet;
+ @apply border-2;
+ @apply text-violet;
+}
+
+.white-violet:hover,
+.white-violet:focus {
+ @apply bg-violet;
+ @apply text-white;
+
+ background-image: var(--violet-gradient);
+}
+
+.violet {
+ @apply bg-violet;
+ @apply text-white;
+}
+
+.violet:hover,
+.violet:focus {
+ background-image: var(--violet-gradient);
+}
+
+/* end signin button color experiment */
diff --git a/app/main.js b/app/main.js
index 353afa1a..c6a89dce 100644
--- a/app/main.js
+++ b/app/main.js
@@ -1,52 +1,74 @@
+/* global DEFAULTS LIMITS WEB_UI PREFS */
+import 'core-js';
import 'fast-text-encoding'; // MS Edge support
-import 'fluent-intl-polyfill';
-import app from './routes';
-import locale from '../common/locales';
-import fileManager from './fileManager';
+import 'intl-pluralrules';
+import choo from 'choo';
+import nanotiming from 'nanotiming';
+import routes from './routes';
+import getCapabilities from './capabilities';
+import controller from './controller';
import dragManager from './dragManager';
-import { canHasSend } from './utils';
+import pasteManager from './pasteManager';
import storage from './storage';
-import metrics from './metrics';
import experiments from './experiments';
-import Raven from 'raven-js';
+import * as Sentry from '@sentry/browser';
+import './main.css';
+import User from './user';
+import { getTranslator } from './locale';
+import Archive from './archive';
+import { setTranslate, locale } from './utils';
-if (navigator.doNotTrack !== '1' && window.RAVEN_CONFIG) {
- Raven.config(window.SENTRY_ID, window.RAVEN_CONFIG).install();
+if (navigator.doNotTrack !== '1' && window.SENTRY_CONFIG) {
+ Sentry.init(window.SENTRY_CONFIG);
}
-app.use((state, emitter) => {
- state.transfer = null;
- state.fileInfo = null;
- state.translate = locale.getTranslator();
- state.storage = storage;
- state.raven = Raven;
- window.appState = state;
- emitter.on('DOMContentLoaded', async function checkSupport() {
- let unsupportedReason = null;
- if (
- // Firefox < 50
- /firefox/i.test(navigator.userAgent) &&
- parseInt(navigator.userAgent.match(/firefox\/*([^\n\r]*)\./i)[1], 10) < 50
- ) {
- unsupportedReason = 'outdated';
- }
- const ok = await canHasSend();
- if (!ok) {
- unsupportedReason = /firefox/i.test(navigator.userAgent)
- ? 'outdated'
- : 'gcm';
- }
- if (unsupportedReason) {
- setTimeout(() =>
- emitter.emit('replaceState', `/unsupported/${unsupportedReason}`)
- );
- }
- });
-});
+if (process.env.NODE_ENV === 'production') {
+ nanotiming.disabled = true;
+}
-app.use(metrics);
-app.use(fileManager);
-app.use(dragManager);
-app.use(experiments);
+(async function start() {
+ const capabilities = await getCapabilities();
+ if (
+ !capabilities.crypto &&
+ window.location.pathname !== '/unsupported/crypto'
+ ) {
+ return window.location.assign('/unsupported/crypto');
+ }
+ if (capabilities.serviceWorker) {
+ try {
+ await navigator.serviceWorker.register('/serviceWorker.js');
+ await navigator.serviceWorker.ready;
+ } catch (e) {
+ // continue but disable streaming downloads
+ capabilities.streamDownload = false;
+ }
+ }
-app.mount('body');
+ const translate = await getTranslator(locale());
+ setTranslate(translate);
+ // eslint-disable-next-line require-atomic-updates
+ window.initialState = {
+ LIMITS,
+ DEFAULTS,
+ WEB_UI,
+ PREFS,
+ archive: new Archive([], DEFAULTS.EXPIRE_SECONDS, DEFAULTS.DOWNLOADS),
+ capabilities,
+ translate,
+ storage,
+ sentry: Sentry,
+ user: new User(storage, LIMITS, window.AUTH_CONFIG),
+ transfer: null,
+ fileInfo: null,
+ locale: locale()
+ };
+
+ const app = routes(choo({ hash: true }));
+ // eslint-disable-next-line require-atomic-updates
+ window.app = app;
+ app.use(experiments);
+ app.use(controller);
+ app.use(dragManager);
+ app.use(pasteManager);
+ app.mount('body');
+})();
diff --git a/app/metrics.js b/app/metrics.js
deleted file mode 100644
index bc6783f2..00000000
--- a/app/metrics.js
+++ /dev/null
@@ -1,297 +0,0 @@
-import testPilotGA from 'testpilot-ga/src/TestPilotGA';
-import storage from './storage';
-
-let hasLocalStorage = false;
-try {
- hasLocalStorage = typeof localStorage !== 'undefined';
-} catch (e) {
- // when disabled, any mention of localStorage throws an error
-}
-
-const analytics = new testPilotGA({
- an: 'Firefox Send',
- ds: 'web',
- tid: window.GOOGLE_ANALYTICS_ID
-});
-
-let appState = null;
-let experiment = null;
-
-export default function initialize(state, emitter) {
- appState = state;
- emitter.on('DOMContentLoaded', () => {
- addExitHandlers();
- experiment = storage.enrolled[0];
- sendEvent(category(), 'visit', {
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads
- });
- //TODO restart handlers... somewhere
- });
- emitter.on('exit', exitEvent);
- emitter.on('experiment', experimentEvent);
-}
-
-function category() {
- switch (appState.route) {
- case '/':
- case '/share/:id':
- return 'sender';
- case '/download/:id/:key':
- case '/download/:id':
- case '/completed':
- return 'recipient';
- default:
- return 'other';
- }
-}
-
-function sendEvent() {
- const args = Array.from(arguments);
- if (experiment && args[2]) {
- args[2].xid = experiment[0];
- args[2].xvar = experiment[1];
- }
- return (
- hasLocalStorage && analytics.sendEvent.apply(analytics, args).catch(() => 0)
- );
-}
-
-function urlToMetric(url) {
- switch (url) {
- case 'https://www.mozilla.org/':
- return 'mozilla';
- case 'https://www.mozilla.org/about/legal':
- return 'legal';
- case 'https://testpilot.firefox.com/about':
- return 'about';
- case 'https://testpilot.firefox.com/privacy':
- return 'privacy';
- case 'https://testpilot.firefox.com/terms':
- return 'terms';
- case 'https://www.mozilla.org/privacy/websites/#cookies':
- return 'cookies';
- case 'https://github.com/mozilla/send':
- return 'github';
- case 'https://twitter.com/FxTestPilot':
- return 'twitter';
- case 'https://www.mozilla.org/firefox/new/?scene=2':
- return 'download-firefox';
- case 'https://qsurvey.mozilla.com/s3/txp-firefox-send':
- return 'survey';
- case 'https://testpilot.firefox.com/':
- case 'https://testpilot.firefox.com/experiments/send':
- return 'testpilot';
- case 'https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com':
- return 'promo';
- default:
- return 'other';
- }
-}
-
-function setReferrer(state) {
- if (category() === 'sender') {
- if (state) {
- storage.referrer = `${state}-upload`;
- }
- } else if (category() === 'recipient') {
- if (state) {
- storage.referrer = `${state}-download`;
- }
- }
-}
-
-function externalReferrer() {
- if (/^https:\/\/testpilot\.firefox\.com/.test(document.referrer)) {
- return 'testpilot';
- }
- return 'external';
-}
-
-function takeReferrer() {
- const referrer = storage.referrer || externalReferrer();
- storage.referrer = null;
- return referrer;
-}
-
-function startedUpload(params) {
- return sendEvent('sender', 'upload-started', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length + 1,
- cm7: storage.totalDownloads,
- cd1: params.type,
- cd5: takeReferrer()
- });
-}
-
-function cancelledUpload(params) {
- setReferrer('cancelled');
- return sendEvent('sender', 'upload-stopped', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd1: params.type,
- cd2: 'cancelled'
- });
-}
-
-function completedUpload(params) {
- return sendEvent('sender', 'upload-stopped', {
- cm1: params.size,
- cm2: params.time,
- cm3: params.speed,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd1: params.type,
- cd2: 'completed'
- });
-}
-
-function addedPassword(params) {
- return sendEvent('sender', 'password-added', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads
- });
-}
-
-function startedDownload(params) {
- return sendEvent('recipient', 'download-started', {
- cm1: params.size,
- cm4: params.ttl,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads
- });
-}
-
-function stoppedDownload(params) {
- return sendEvent('recipient', 'download-stopped', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd2: 'errored',
- cd6: params.err
- });
-}
-
-function cancelledDownload(params) {
- setReferrer('cancelled');
- return sendEvent('recipient', 'download-stopped', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd2: 'cancelled'
- });
-}
-
-function stoppedUpload(params) {
- return sendEvent('sender', 'upload-stopped', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd1: params.type,
- cd2: 'errored',
- cd6: params.err
- });
-}
-
-function changedDownloadLimit(params) {
- return sendEvent('sender', 'download-limit-changed', {
- cm1: params.size,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cm8: params.dlimit
- });
-}
-
-function completedDownload(params) {
- return sendEvent('recipient', 'download-stopped', {
- cm1: params.size,
- cm2: params.time,
- cm3: params.speed,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd2: 'completed'
- });
-}
-
-function deletedUpload(params) {
- return sendEvent(category(), 'upload-deleted', {
- cm1: params.size,
- cm2: params.time,
- cm3: params.speed,
- cm4: params.ttl,
- cm5: storage.totalUploads,
- cm6: storage.files.length,
- cm7: storage.totalDownloads,
- cd1: params.type,
- cd4: params.location
- });
-}
-
-function unsupported(params) {
- return sendEvent(category(), 'unsupported', {
- cd6: params.err
- });
-}
-
-function copiedLink(params) {
- return sendEvent('sender', 'copied', {
- cd4: params.location
- });
-}
-
-function exitEvent(target) {
- return sendEvent(category(), 'exited', {
- cd3: urlToMetric(target.currentTarget.href)
- });
-}
-
-function experimentEvent(params) {
- return sendEvent(category(), 'experiment', params);
-}
-
-// eslint-disable-next-line no-unused-vars
-function addExitHandlers() {
- const links = Array.from(document.querySelectorAll('a'));
- links.forEach(l => {
- if (/^http/.test(l.getAttribute('href'))) {
- l.addEventListener('click', exitEvent);
- }
- });
-}
-
-function restart(state) {
- setReferrer(state);
- return sendEvent(category(), 'restarted', {
- cd2: state
- });
-}
-
-export {
- copiedLink,
- startedUpload,
- cancelledUpload,
- stoppedUpload,
- completedUpload,
- changedDownloadLimit,
- deletedUpload,
- startedDownload,
- cancelledDownload,
- stoppedDownload,
- completedDownload,
- addedPassword,
- restart,
- unsupported
-};
diff --git a/app/ownedFile.js b/app/ownedFile.js
index 387bf95c..04b497d1 100644
--- a/app/ownedFile.js
+++ b/app/ownedFile.js
@@ -4,11 +4,14 @@ import { del, fileInfo, setParams, setPassword } from './api';
export default class OwnedFile {
constructor(obj) {
+ if (!obj.manifest) {
+ throw new Error('invalid file object');
+ }
this.id = obj.id;
this.url = obj.url;
this.name = obj.name;
this.size = obj.size;
- this.type = obj.type;
+ this.manifest = obj.manifest;
this.time = obj.time;
this.speed = obj.speed;
this.createdAt = obj.createdAt;
@@ -18,6 +21,15 @@ export default class OwnedFile {
this.dtotal = obj.dtotal || 0;
this.keychain = new Keychain(obj.secretKey, obj.nonce);
this._hasPassword = !!obj.hasPassword;
+ this.timeLimit = obj.timeLimit;
+ }
+
+ get hasPassword() {
+ return !!this._hasPassword;
+ }
+
+ get expired() {
+ return this.dlimit === this.dtotal || Date.now() > this.expiresAt;
}
async setPassword(password) {
@@ -38,19 +50,17 @@ export default class OwnedFile {
return del(this.id, this.ownerToken);
}
- changeLimit(dlimit) {
+ changeLimit(dlimit, user = {}) {
if (this.dlimit !== dlimit) {
this.dlimit = dlimit;
- return setParams(this.id, this.ownerToken, { dlimit });
+ return setParams(this.id, this.ownerToken, user.bearerToken, { dlimit });
}
return Promise.resolve(true);
}
- get hasPassword() {
- return !!this._hasPassword;
- }
-
async updateDownloadCount() {
+ const oldTotal = this.dtotal;
+ const oldLimit = this.dlimit;
try {
const result = await fileInfo(this.id, this.ownerToken);
this.dtotal = result.dtotal;
@@ -61,6 +71,7 @@ export default class OwnedFile {
}
// ignore other errors
}
+ return oldTotal !== this.dtotal || oldLimit !== this.dlimit;
}
toJSON() {
@@ -69,7 +80,7 @@ export default class OwnedFile {
url: this.url,
name: this.name,
size: this.size,
- type: this.type,
+ manifest: this.manifest,
time: this.time,
speed: this.speed,
createdAt: this.createdAt,
@@ -78,7 +89,8 @@ export default class OwnedFile {
ownerToken: this.ownerToken,
dlimit: this.dlimit,
dtotal: this.dtotal,
- hasPassword: this.hasPassword
+ hasPassword: this.hasPassword,
+ timeLimit: this.timeLimit
};
}
}
diff --git a/app/pages/blank.js b/app/pages/blank.js
deleted file mode 100644
index edaadcac..00000000
--- a/app/pages/blank.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const html = require('choo/html');
-
-module.exports = function() {
- return html``;
-};
diff --git a/app/pages/completed/index.js b/app/pages/completed/index.js
deleted file mode 100644
index 8d60dd47..00000000
--- a/app/pages/completed/index.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const html = require('choo/html');
-const progress = require('../../templates/progress');
-const { fadeOut } = require('../../utils');
-
-module.exports = function(state, emit) {
- return html`
-
+
+ ${percent}%
+ .
+ CANCEL
+
-
`;
-
- async function sendNew(e) {
- e.preventDefault();
- await fadeOut('.page');
- emit('pushState', '/');
- }
-};
diff --git a/app/pages/download/index.js b/app/pages/download/index.js
deleted file mode 100644
index 73857dfb..00000000
--- a/app/pages/download/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-const html = require('choo/html');
-const progress = require('../../templates/progress');
-const { bytes } = require('../../utils');
-
-module.exports = function(state, emit) {
- const transfer = state.transfer;
- const cancelBtn = html`
- `;
-
- return html`
-
- ${state.translate('downloadFinish')}
-
-
- ${progress(1)}
-
-
-
- ${state.translate('sendYourFilesLink')}
-
-
- `;
-
- function cancel() {
- const btn = document.getElementById('cancel');
- btn.remove();
- emit('cancel');
- }
-};
diff --git a/app/pages/error/index.js b/app/pages/error/index.js
deleted file mode 100644
index 4072101f..00000000
--- a/app/pages/error/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-
-module.exports = function(state) {
- return html`
-
- ${state.translate('downloadingPageProgress', {
- filename: state.fileInfo.name,
- size: bytes(state.fileInfo.size)
- })}
-
-
- ${state.translate('downloadingPageMessage')}
-
- ${progress(transfer.progressRatio, transfer.progressIndefinite)}
-
-
-
- ${state.translate(transfer.msg, transfer.sizes)}
-
- ${transfer.state === 'downloading' ? cancelBtn : null}
-
- })
-
`;
-};
diff --git a/app/pages/legal.js b/app/pages/legal.js
deleted file mode 100644
index e045ab76..00000000
--- a/app/pages/legal.js
+++ /dev/null
@@ -1,32 +0,0 @@
-const html = require('choo/html');
-const raw = require('choo/html/raw');
-
-module.exports = function(state) {
- return html`
- ${state.translate('errorPageHeader')}
-
-
-
- `;
-};
-
-function replaceLinks(str, urls) {
- let i = 0;
- const s = str.replace(
- /([^<]+)<\/a>/g,
- (m, v) => `${v}`
- );
- return `${state.translate('legalHeader')}
- ${raw(
- replaceLinks(state.translate('legalNoticeTestPilot'), [
- 'https://testpilot.firefox.com/terms',
- 'https://testpilot.firefox.com/privacy',
- 'https://testpilot.firefox.com/experiments/send'
- ])
- )}
- ${raw(
- replaceLinks(state.translate('legalNoticeMozilla'), [
- 'https://www.mozilla.org/privacy/websites/',
- 'https://www.mozilla.org/about/legal/terms/mozilla/'
- ])
- )}
- ${s}
`;
-}
diff --git a/app/pages/notFound/index.js b/app/pages/notFound/index.js
deleted file mode 100644
index 97f0e04a..00000000
--- a/app/pages/notFound/index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-
-module.exports = function(state) {
- return html`
-
- })
-
`;
-};
diff --git a/app/pages/preview/index.js b/app/pages/preview/index.js
deleted file mode 100644
index 91b44846..00000000
--- a/app/pages/preview/index.js
+++ /dev/null
@@ -1,40 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-const { bytes } = require('../../utils');
-
-module.exports = function(state, pageAction) {
- const fileInfo = state.fileInfo;
-
- const size = fileInfo.size
- ? state.translate('downloadFileSize', { size: bytes(fileInfo.size) })
- : '';
-
- const title = fileInfo.name
- ? state.translate('downloadFileName', { filename: fileInfo.name })
- : state.translate('downloadFileTitle');
-
- const info = html`
- `;
- if (!pageAction) {
- return info;
- }
- return html`
- ${state.translate('expiredPageHeader')}
-
-
- ${state.translate('uploadPageExplainer')}
-
-
- ${state.translate('sendYourFilesLink')}
-
-
- } "${state.translate('downloadAltText')}")
- ${pageAction}
-
- ${state.translate('sendYourFilesLink')}
-
- ${info}
-
- `;
-};
diff --git a/app/pages/share/index.js b/app/pages/share/index.js
deleted file mode 100644
index 2454bf32..00000000
--- a/app/pages/share/index.js
+++ /dev/null
@@ -1,115 +0,0 @@
-/* global EXPIRE_SECONDS */
-const html = require('choo/html');
-const raw = require('choo/html/raw');
-const assets = require('../../../common/assets');
-const notFound = require('../notFound');
-const setPasswordSection = require('../../templates/setPasswordSection');
-const selectbox = require('../../templates/selectbox');
-const deletePopup = require('../../templates/popup');
-const { allowedCopy, delay, fadeOut } = require('../../utils');
-
-module.exports = function(state, emit) {
- const file = state.storage.getFileById(state.params.id);
- if (!file) {
- return notFound(state, emit);
- }
-
- return html`
-
- `;
-
- function showPopup() {
- const popup = document.querySelector('.popup');
- popup.classList.add('popup--show');
- popup.focus();
- }
-
- async function sendNew(e) {
- e.preventDefault();
- await fadeOut('#shareWrapper');
- emit('pushState', '/');
- }
-
- async function copyLink() {
- if (allowedCopy()) {
- emit('copy', { url: file.url, location: 'success-screen' });
- const input = document.getElementById('fileUrl');
- input.disabled = true;
- input.classList.add('input--copied');
- const copyBtn = document.getElementById('copyBtn');
- copyBtn.disabled = true;
- copyBtn.classList.add('inputBtn--copied');
- copyBtn.replaceChild(
- html`
- ${title}
- ${' ' + size}
-
- ${state.translate('downloadMessage')}
-
- ${pageAction}
-
- ${state.translate('sendYourFilesLink')}
-
- ${info}
- `,
- copyBtn.firstChild
- );
- await delay(2000);
- input.disabled = false;
- input.classList.remove('input--copied');
- copyBtn.disabled = false;
- copyBtn.classList.remove('inputBtn--copied');
- copyBtn.textContent = state.translate('copyUrlFormButton');
- }
- }
-
- async function deleteFile() {
- emit('delete', { file, location: 'success-screen' });
- await fadeOut('#shareWrapper');
- emit('pushState', '/');
- }
-};
-
-function expireInfo(file, translate, emit) {
- const hours = Math.floor(EXPIRE_SECONDS / 60 / 60);
- const el = html`${raw(
- translate('expireInfo', {
- downloadCount: '',
- timespan: translate('timespanHours', { num: hours })
- })
- )}
`;
- const select = el.querySelector('select');
- const options = [1, 2, 3, 4, 5, 20].filter(i => i > (file.dtotal || 0));
- const t = num => translate('downloadCount', { num });
- const changed = value => emit('changeLimit', { file, value });
- select.parentNode.replaceChild(
- selectbox(file.dlimit || 1, options, t, changed),
- select
- );
- return el;
-}
diff --git a/app/pages/share/share.css b/app/pages/share/share.css
deleted file mode 100644
index 392e3db7..00000000
--- a/app/pages/share/share.css
+++ /dev/null
@@ -1,112 +0,0 @@
-.sharePage {
- margin: 0 auto;
- display: flex;
- justify-content: center;
- flex-direction: column;
- width: 100%;
- max-width: 640px;
-}
-
-.sharePage__copyText {
- align-self: flex-start;
- margin-top: 60px;
- margin-bottom: 10px;
- color: var(--textColor);
- max-width: 614px;
- word-wrap: break-word;
-}
-
-.sharePage__deletePopup {
- position: relative;
- align-self: center;
- bottom: 50px;
-}
-
-.copySection {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
-}
-
-.copySection__url {
- flex: 1;
- height: 56px;
- border: 1px solid var(--primaryControlBGColor);
- border-radius: 6px 0 0 6px;
- font-size: 20px;
- color: var(--inputTextColor);
- font-family: 'SF Pro Text', sans-serif;
- letter-spacing: 0;
- line-height: 23px;
- font-weight: 300;
- padding-left: 10px;
-}
-
-.copySection__url:disabled {
- border: 1px solid var(--successControlBGColor);
- background: var(--successControlFGColor);
-}
-
-.inputBtn--copy {
- flex: 0 1 165px;
- padding-bottom: 4px;
-}
-
-.input--copied {
- border-color: var(--successControlBGColor);
-}
-
-.inputBtn--copied,
-.inputBtn--copied:hover {
- background: var(--successControlBGColor);
- border: 1px solid var(--successControlBGColor);
- color: var(--successControlFGColor);
-}
-
-.btn--delete {
- align-self: center;
- width: 176px;
- height: 44px;
- background: #fff;
- border-color: rgba(12, 12, 13, 0.3);
- margin-top: 50px;
- margin-bottom: 12px;
- color: #313131;
-}
-
-.btn--delete:hover {
- background: #efeff1;
-}
-
-@media (max-device-width: 768px), (max-width: 768px) {
- .copySection {
- width: 100%;
- }
-
- .copySection__url {
- font-size: 18px;
- }
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .copySection {
- width: 100%;
- flex-direction: column;
- padding-left: 0;
- }
-
- .copySection__url {
- font-size: 22px;
- padding: 15px 10px;
- border-radius: 6px 6px 0 0;
- }
-
- .sharePage__copyText {
- text-align: center;
- }
-
- .inputBtn--copy {
- border-radius: 0 0 6px 6px;
- flex: 0 1 65px;
- }
-}
diff --git a/app/pages/unsupported/index.js b/app/pages/unsupported/index.js
deleted file mode 100644
index 99937cfd..00000000
--- a/app/pages/unsupported/index.js
+++ /dev/null
@@ -1,67 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-
-module.exports = function(state) {
- let strings = {};
- let why = '';
- let url = '';
- let buttonAction = '';
- if (state.params.reason !== 'outdated') {
- strings = unsupportedStrings(state);
- why = html`
- `;
- url =
- 'https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com';
- buttonAction = html`
-
- Firefox
${strings.button} -
`;
- } else {
- strings = outdatedStrings(state);
- url = 'https://support.mozilla.org/kb/update-firefox-latest-version';
- buttonAction = html`
- ${strings.button} -
- ${strings.button}
-
`;
- }
- return html`
-
- })
- ${buttonAction}
-
-
`;
-};
-
-function outdatedStrings(state) {
- return {
- title: state.translate('notSupportedHeader'),
- description: state.translate('notSupportedOutdatedDetail'),
- button: state.translate('updateFirefox'),
- explainer: state.translate('uploadPageExplainer')
- };
-}
-
-function unsupportedStrings(state) {
- return {
- title: state.translate('notSupportedHeader'),
- description: state.translate('notSupportedDetail'),
- button: state.translate('downloadFirefoxButtonSub'),
- explainer: state.translate('uploadPageExplainer')
- };
-}
diff --git a/app/pages/unsupported/unsupported.css b/app/pages/unsupported/unsupported.css
deleted file mode 100644
index 8f22443a..00000000
--- a/app/pages/unsupported/unsupported.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.unsupportedPage {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
-}
-
-.unsupportedPage__info {
- font-size: 13px;
- line-height: 23px;
- text-align: center;
- color: var(--lightTextColor);
- margin: 0 auto 23px;
-}
-
-.firefoxDownload {
- margin-bottom: 181px;
- height: 80px;
- background: #98e02b;
- border-radius: 3px;
- cursor: pointer;
- border: 0;
- box-shadow: 0 5px 3px rgb(234, 234, 234);
- font-family: 'Fira Sans', 'segoe ui', sans-serif;
- font-weight: 500;
- color: var(--primaryControlFGColor);
- font-size: 26px;
- display: flex;
- justify-content: center;
- align-items: center;
- line-height: 1;
- padding: 0 25px;
-}
-
-.firefoxDownload__logo {
- width: 70px;
-}
-
-.firefoxDownload__action {
- text-align: left;
- margin-left: 20.4px;
-}
-
-.firefoxDownload__text {
- font-family: 'Fira Sans', 'segoe ui', sans-serif;
- font-weight: 300;
- font-size: 18px;
- letter-spacing: -0.69px;
-}
diff --git a/app/pages/upload/index.js b/app/pages/upload/index.js
deleted file mode 100644
index 81353e0f..00000000
--- a/app/pages/upload/index.js
+++ /dev/null
@@ -1,39 +0,0 @@
-const html = require('choo/html');
-const progress = require('../../templates/progress');
-const { bytes } = require('../../utils');
-
-module.exports = function(state, emit) {
- const transfer = state.transfer;
-
- return html`
- ${strings.title}
-
- ${strings.description}
-
- ${why}
-
-
- ${buttonAction}
-
-
- ${strings.explainer}
-
-
-
- `;
-
- function cancel() {
- const btn = document.getElementById('cancel-upload');
- btn.disabled = true;
- btn.textContent = state.translate('uploadCancelNotification');
- emit('cancel');
- }
-};
diff --git a/app/pages/welcome/index.js b/app/pages/welcome/index.js
deleted file mode 100644
index 6711cf43..00000000
--- a/app/pages/welcome/index.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/* global MAXFILESIZE */
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-const fileList = require('../../templates/fileList');
-const { bytes, fadeOut } = require('../../utils');
-
-module.exports = function(state, emit) {
- // the page flickers if both the server and browser set 'effect--fadeIn'
- const fade = state.layout ? '' : 'effect--fadeIn';
- return html`
-
- ${state.translate('uploadingPageProgress', {
- filename: transfer.file.name,
- size: bytes(transfer.file.size)
- })}
-
-
- ${progress(transfer.progressRatio, transfer.progressIndefinite)}
-
-
-
- ${state.translate(transfer.msg, transfer.sizes)}
-
-
-
-
- `;
-
- function dragover(event) {
- const div = document.querySelector('.uploadArea');
- div.classList.add('uploadArea--dragging');
- }
-
- function dragleave(event) {
- const div = document.querySelector('.uploadArea');
- div.classList.remove('uploadArea--dragging');
- }
-
- function onfocus(event) {
- event.target.classList.add('inputFile--focused');
- }
-
- function onblur(event) {
- event.target.classList.remove('inputFile--focused');
- }
-
- async function upload(event) {
- event.preventDefault();
- const target = event.target;
- const file = target.files[0];
- if (file.size === 0) {
- return;
- }
- if (file.size > MAXFILESIZE) {
- // eslint-disable-next-line no-alert
- alert(state.translate('fileTooBig', { size: bytes(MAXFILESIZE) }));
- return;
- }
-
- await fadeOut('#page-one');
- emit('upload', { file, type: 'click' });
- }
-};
diff --git a/app/pages/welcome/welcome.css b/app/pages/welcome/welcome.css
deleted file mode 100644
index d68a65f0..00000000
--- a/app/pages/welcome/welcome.css
+++ /dev/null
@@ -1,65 +0,0 @@
-.uploadArea {
- border: 3px dashed rgba(0, 148, 251, 0.5);
- margin: 0 auto 10px;
- height: 255px;
- border-radius: 4px;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
- transition: transform 150ms;
- padding: 15px;
-}
-
-.uploadArea__msg {
- font-size: 22px;
- color: var(--lightTextColor);
- margin: 20px 0 10px;
- font-family: 'SF Pro Text', sans-serif;
-}
-
-.uploadArea__sizeMsg {
- font-style: italic;
- font-size: 12px;
- line-height: 16px;
- color: var(--lightTextColor);
- margin-bottom: 22px;
-}
-
-.uploadArea--dragging {
- border: 5px dashed rgba(0, 148, 251, 0.5);
- height: 251px;
- transform: scale(1.04);
- border-radius: 4.2px;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
-}
-
-.uploadArea--dragging * {
- pointer-events: none;
-}
-
-.btn--file {
- font-size: 20px;
- min-width: 240px;
- height: 60px;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0 10px;
-}
-
-.inputFile {
- opacity: 0;
- position: absolute;
-}
-
-.inputFile--focused + .btn--file {
- background-color: var(--primaryControlHoverColor);
- outline: 1px dotted #000;
- outline: -webkit-focus-ring-color auto 5px;
-}
diff --git a/app/pasteManager.js b/app/pasteManager.js
new file mode 100644
index 00000000..c35c7f82
--- /dev/null
+++ b/app/pasteManager.js
@@ -0,0 +1,36 @@
+function getString(item) {
+ return new Promise(resolve => {
+ item.getAsString(resolve);
+ });
+}
+
+export default function(state, emitter) {
+ window.addEventListener('paste', async event => {
+ if (state.route !== '/' || state.uploading) return;
+ if (['password', 'text', 'email'].includes(event.target.type)) return;
+
+ const items = Array.from(event.clipboardData.items);
+ const transferFiles = items.filter(item => item.kind === 'file');
+ const strings = items.filter(item => item.kind === 'string');
+ if (transferFiles.length) {
+ const promises = transferFiles.map(async (f, i) => {
+ const blob = f.getAsFile();
+ if (!blob) {
+ return null;
+ }
+ const name = await getString(strings[i]);
+ const file = new File([blob], name, { type: blob.type });
+ return file;
+ });
+ const files = (await Promise.all(promises)).filter(f => !!f);
+ if (files.length) {
+ emitter.emit('addFiles', { files });
+ }
+ } else if (strings.length) {
+ strings[0].getAsString(s => {
+ const file = new File([s], 'pasted.txt', { type: 'text/plain' });
+ emitter.emit('addFiles', { files: [file] });
+ });
+ }
+ });
+}
diff --git a/app/qrcode.js b/app/qrcode.js
new file mode 100644
index 00000000..5d960df3
--- /dev/null
+++ b/app/qrcode.js
@@ -0,0 +1,2345 @@
+//---------------------------------------------------------------------
+//
+// QR Code Generator for JavaScript
+//
+// Copyright (c) 2009 Kazuhiko Arase
+//
+// URL: http://www.d-project.com/
+//
+// Licensed under the MIT license:
+// http://www.opensource.org/licenses/mit-license.php
+//
+// The word 'QR Code' is registered trademark of
+// DENSO WAVE INCORPORATED
+// http://www.denso-wave.com/qrcode/faqpatent-e.html
+//
+//---------------------------------------------------------------------
+
+var qrcode = (function() {
+ //---------------------------------------------------------------------
+ // qrcode
+ //---------------------------------------------------------------------
+
+ /**
+ * qrcode
+ * @param typeNumber 1 to 40
+ * @param errorCorrectionLevel 'L','M','Q','H'
+ */
+ var qrcode = function(typeNumber, errorCorrectionLevel) {
+ var PAD0 = 0xec;
+ var PAD1 = 0x11;
+
+ var _typeNumber = typeNumber;
+ var _errorCorrectionLevel = QRErrorCorrectionLevel[errorCorrectionLevel];
+ var _modules = null;
+ var _moduleCount = 0;
+ var _dataCache = null;
+ var _dataList = [];
+
+ var _this = {};
+
+ var makeImpl = function(test, maskPattern) {
+ _moduleCount = _typeNumber * 4 + 17;
+ _modules = (function(moduleCount) {
+ var modules = new Array(moduleCount);
+ for (var row = 0; row < moduleCount; row += 1) {
+ modules[row] = new Array(moduleCount);
+ for (var col = 0; col < moduleCount; col += 1) {
+ modules[row][col] = null;
+ }
+ }
+ return modules;
+ })(_moduleCount);
+
+ setupPositionProbePattern(0, 0);
+ setupPositionProbePattern(_moduleCount - 7, 0);
+ setupPositionProbePattern(0, _moduleCount - 7);
+ setupPositionAdjustPattern();
+ setupTimingPattern();
+ setupTypeInfo(test, maskPattern);
+
+ if (_typeNumber >= 7) {
+ setupTypeNumber(test);
+ }
+
+ if (_dataCache == null) {
+ _dataCache = createData(_typeNumber, _errorCorrectionLevel, _dataList);
+ }
+
+ mapData(_dataCache, maskPattern);
+ };
+
+ var setupPositionProbePattern = function(row, col) {
+ for (var r = -1; r <= 7; r += 1) {
+ if (row + r <= -1 || _moduleCount <= row + r) continue;
+
+ for (var c = -1; c <= 7; c += 1) {
+ if (col + c <= -1 || _moduleCount <= col + c) continue;
+
+ if (
+ (0 <= r && r <= 6 && (c == 0 || c == 6)) ||
+ (0 <= c && c <= 6 && (r == 0 || r == 6)) ||
+ (2 <= r && r <= 4 && 2 <= c && c <= 4)
+ ) {
+ _modules[row + r][col + c] = true;
+ } else {
+ _modules[row + r][col + c] = false;
+ }
+ }
+ }
+ };
+
+ var getBestMaskPattern = function() {
+ var minLostPoint = 0;
+ var pattern = 0;
+
+ for (var i = 0; i < 8; i += 1) {
+ makeImpl(true, i);
+
+ var lostPoint = QRUtil.getLostPoint(_this);
+
+ if (i == 0 || minLostPoint > lostPoint) {
+ minLostPoint = lostPoint;
+ pattern = i;
+ }
+ }
+
+ return pattern;
+ };
+
+ var setupTimingPattern = function() {
+ for (var r = 8; r < _moduleCount - 8; r += 1) {
+ if (_modules[r][6] != null) {
+ continue;
+ }
+ _modules[r][6] = r % 2 == 0;
+ }
+
+ for (var c = 8; c < _moduleCount - 8; c += 1) {
+ if (_modules[6][c] != null) {
+ continue;
+ }
+ _modules[6][c] = c % 2 == 0;
+ }
+ };
+
+ var setupPositionAdjustPattern = function() {
+ var pos = QRUtil.getPatternPosition(_typeNumber);
+
+ for (var i = 0; i < pos.length; i += 1) {
+ for (var j = 0; j < pos.length; j += 1) {
+ var row = pos[i];
+ var col = pos[j];
+
+ if (_modules[row][col] != null) {
+ continue;
+ }
+
+ for (var r = -2; r <= 2; r += 1) {
+ for (var c = -2; c <= 2; c += 1) {
+ if (
+ r == -2 ||
+ r == 2 ||
+ c == -2 ||
+ c == 2 ||
+ (r == 0 && c == 0)
+ ) {
+ _modules[row + r][col + c] = true;
+ } else {
+ _modules[row + r][col + c] = false;
+ }
+ }
+ }
+ }
+ }
+ };
+
+ var setupTypeNumber = function(test) {
+ var bits = QRUtil.getBCHTypeNumber(_typeNumber);
+
+ for (var i = 0; i < 18; i += 1) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+ _modules[Math.floor(i / 3)][(i % 3) + _moduleCount - 8 - 3] = mod;
+ }
+
+ for (var i = 0; i < 18; i += 1) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+ _modules[(i % 3) + _moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+ }
+ };
+
+ var setupTypeInfo = function(test, maskPattern) {
+ var data = (_errorCorrectionLevel << 3) | maskPattern;
+ var bits = QRUtil.getBCHTypeInfo(data);
+
+ // vertical
+ for (var i = 0; i < 15; i += 1) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+
+ if (i < 6) {
+ _modules[i][8] = mod;
+ } else if (i < 8) {
+ _modules[i + 1][8] = mod;
+ } else {
+ _modules[_moduleCount - 15 + i][8] = mod;
+ }
+ }
+
+ // horizontal
+ for (var i = 0; i < 15; i += 1) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+
+ if (i < 8) {
+ _modules[8][_moduleCount - i - 1] = mod;
+ } else if (i < 9) {
+ _modules[8][15 - i - 1 + 1] = mod;
+ } else {
+ _modules[8][15 - i - 1] = mod;
+ }
+ }
+
+ // fixed module
+ _modules[_moduleCount - 8][8] = !test;
+ };
+
+ var mapData = function(data, maskPattern) {
+ var inc = -1;
+ var row = _moduleCount - 1;
+ var bitIndex = 7;
+ var byteIndex = 0;
+ var maskFunc = QRUtil.getMaskFunction(maskPattern);
+
+ for (var col = _moduleCount - 1; col > 0; col -= 2) {
+ if (col == 6) col -= 1;
+
+ while (true) {
+ for (var c = 0; c < 2; c += 1) {
+ if (_modules[row][col - c] == null) {
+ var dark = false;
+
+ if (byteIndex < data.length) {
+ dark = ((data[byteIndex] >>> bitIndex) & 1) == 1;
+ }
+
+ var mask = maskFunc(row, col - c);
+
+ if (mask) {
+ dark = !dark;
+ }
+
+ _modules[row][col - c] = dark;
+ bitIndex -= 1;
+
+ if (bitIndex == -1) {
+ byteIndex += 1;
+ bitIndex = 7;
+ }
+ }
+ }
+
+ row += inc;
+
+ if (row < 0 || _moduleCount <= row) {
+ row -= inc;
+ inc = -inc;
+ break;
+ }
+ }
+ }
+ };
+
+ var createBytes = function(buffer, rsBlocks) {
+ var offset = 0;
+
+ var maxDcCount = 0;
+ var maxEcCount = 0;
+
+ var dcdata = new Array(rsBlocks.length);
+ var ecdata = new Array(rsBlocks.length);
+
+ for (var r = 0; r < rsBlocks.length; r += 1) {
+ var dcCount = rsBlocks[r].dataCount;
+ var ecCount = rsBlocks[r].totalCount - dcCount;
+
+ maxDcCount = Math.max(maxDcCount, dcCount);
+ maxEcCount = Math.max(maxEcCount, ecCount);
+
+ dcdata[r] = new Array(dcCount);
+
+ for (var i = 0; i < dcdata[r].length; i += 1) {
+ dcdata[r][i] = 0xff & buffer.getBuffer()[i + offset];
+ }
+ offset += dcCount;
+
+ var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
+ var rawPoly = qrPolynomial(dcdata[r], rsPoly.getLength() - 1);
+
+ var modPoly = rawPoly.mod(rsPoly);
+ ecdata[r] = new Array(rsPoly.getLength() - 1);
+ for (var i = 0; i < ecdata[r].length; i += 1) {
+ var modIndex = i + modPoly.getLength() - ecdata[r].length;
+ ecdata[r][i] = modIndex >= 0 ? modPoly.getAt(modIndex) : 0;
+ }
+ }
+
+ var totalCodeCount = 0;
+ for (var i = 0; i < rsBlocks.length; i += 1) {
+ totalCodeCount += rsBlocks[i].totalCount;
+ }
+
+ var data = new Array(totalCodeCount);
+ var index = 0;
+
+ for (var i = 0; i < maxDcCount; i += 1) {
+ for (var r = 0; r < rsBlocks.length; r += 1) {
+ if (i < dcdata[r].length) {
+ data[index] = dcdata[r][i];
+ index += 1;
+ }
+ }
+ }
+
+ for (var i = 0; i < maxEcCount; i += 1) {
+ for (var r = 0; r < rsBlocks.length; r += 1) {
+ if (i < ecdata[r].length) {
+ data[index] = ecdata[r][i];
+ index += 1;
+ }
+ }
+ }
+
+ return data;
+ };
+
+ var createData = function(typeNumber, errorCorrectionLevel, dataList) {
+ var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectionLevel);
+
+ var buffer = qrBitBuffer();
+
+ for (var i = 0; i < dataList.length; i += 1) {
+ var data = dataList[i];
+ buffer.put(data.getMode(), 4);
+ buffer.put(
+ data.getLength(),
+ QRUtil.getLengthInBits(data.getMode(), typeNumber)
+ );
+ data.write(buffer);
+ }
+
+ // calc num max data.
+ var totalDataCount = 0;
+ for (var i = 0; i < rsBlocks.length; i += 1) {
+ totalDataCount += rsBlocks[i].dataCount;
+ }
+
+ if (buffer.getLengthInBits() > totalDataCount * 8) {
+ throw 'code length overflow. (' +
+ buffer.getLengthInBits() +
+ '>' +
+ totalDataCount * 8 +
+ ')';
+ }
+
+ // end code
+ if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+ buffer.put(0, 4);
+ }
+
+ // padding
+ while (buffer.getLengthInBits() % 8 != 0) {
+ buffer.putBit(false);
+ }
+
+ // padding
+ while (true) {
+ if (buffer.getLengthInBits() >= totalDataCount * 8) {
+ break;
+ }
+ buffer.put(PAD0, 8);
+
+ if (buffer.getLengthInBits() >= totalDataCount * 8) {
+ break;
+ }
+ buffer.put(PAD1, 8);
+ }
+
+ return createBytes(buffer, rsBlocks);
+ };
+
+ _this.addData = function(data, mode) {
+ mode = mode || 'Byte';
+
+ var newData = null;
+
+ switch (mode) {
+ case 'Numeric':
+ newData = qrNumber(data);
+ break;
+ case 'Alphanumeric':
+ newData = qrAlphaNum(data);
+ break;
+ case 'Byte':
+ newData = qr8BitByte(data);
+ break;
+ case 'Kanji':
+ newData = qrKanji(data);
+ break;
+ default:
+ throw 'mode:' + mode;
+ }
+
+ _dataList.push(newData);
+ _dataCache = null;
+ };
+
+ _this.isDark = function(row, col) {
+ if (row < 0 || _moduleCount <= row || col < 0 || _moduleCount <= col) {
+ throw row + ',' + col;
+ }
+ return _modules[row][col];
+ };
+
+ _this.getModuleCount = function() {
+ return _moduleCount;
+ };
+
+ _this.make = function() {
+ if (_typeNumber < 1) {
+ var typeNumber = 1;
+
+ for (; typeNumber < 40; typeNumber++) {
+ var rsBlocks = QRRSBlock.getRSBlocks(
+ typeNumber,
+ _errorCorrectionLevel
+ );
+ var buffer = qrBitBuffer();
+
+ for (var i = 0; i < _dataList.length; i++) {
+ var data = _dataList[i];
+ buffer.put(data.getMode(), 4);
+ buffer.put(
+ data.getLength(),
+ QRUtil.getLengthInBits(data.getMode(), typeNumber)
+ );
+ data.write(buffer);
+ }
+
+ var totalDataCount = 0;
+ for (var i = 0; i < rsBlocks.length; i++) {
+ totalDataCount += rsBlocks[i].dataCount;
+ }
+
+ if (buffer.getLengthInBits() <= totalDataCount * 8) {
+ break;
+ }
+ }
+
+ _typeNumber = typeNumber;
+ }
+
+ makeImpl(false, getBestMaskPattern());
+ };
+
+ _this.createTableTag = function(cellSize, margin) {
+ cellSize = cellSize || 2;
+ margin = typeof margin == 'undefined' ? cellSize * 4 : margin;
+
+ var qrHtml = '';
+
+ qrHtml += '${state.translate('uploadPageHeader')}
-
-
- ${state.translate('uploadPageExplainer')}
-
- ${state.translate('uploadPageLearnMore')}
-
-
- } "${state.translate('uploadSvgAlt')}")
-
- ${fileList(state, emit)}
-
-
- ${state.translate('uploadPageDropMessage')}
-
-
- ${state.translate('uploadPageSizeMessage')}
-
-
-
- | '; + } + + qrHtml += ' |
- ${label}
-
-
`;
-
- if (!(div instanceof String)) {
- setTimeout(() => document.getElementById('password-input').focus());
- }
-
- function inputChanged() {
- const input = document.getElementById('password-input');
- const btn = document.getElementById('password-btn');
- input.classList.remove('input--error');
- if (input.value.length > 0) {
- btn.classList.remove('inputBtn--hidden');
- input.classList.remove('input--noBtn');
- } else {
- btn.classList.add('inputBtn--hidden');
- input.classList.add('input--noBtn');
- }
- }
-
- function checkPassword(event) {
- event.preventDefault();
- const password = document.getElementById('password-input').value;
- if (password.length > 0) {
- document.getElementById('password-btn').disabled = true;
- state.fileInfo.url = window.location.href;
- state.fileInfo.password = password;
- emit('getMetadata');
- }
- return false;
- }
-
- return div;
-};
diff --git a/app/templates/file/file.css b/app/templates/file/file.css
deleted file mode 100644
index c20d667c..00000000
--- a/app/templates/file/file.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.fileData {
- font-size: 15px;
- vertical-align: top;
- color: var(--lightTextColor);
- padding: 17px 19px 0;
- line-height: 23px;
- position: relative;
-}
-
-.fileData--overflow {
- text-overflow: ellipsis;
- max-width: 0;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.fileData--center {
- text-align: center;
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .fileData {
- font-size: 13px;
- padding: 17px 5px 0;
- }
-}
diff --git a/app/templates/file/index.js b/app/templates/file/index.js
deleted file mode 100644
index 2d7d8937..00000000
--- a/app/templates/file/index.js
+++ /dev/null
@@ -1,87 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-const number = require('../../utils').number;
-const deletePopup = require('../popup');
-
-module.exports = function(file, state, emit) {
- const ttl = file.expiresAt - Date.now();
- const remainingTime =
- timeLeft(ttl, state) || state.translate('linkExpiredAlt');
- const downloadLimit = file.dlimit || 1;
- const totalDownloads = file.dtotal || 0;
- return html`
-
-
- ${state.translate('copiedUrl')}
-
-
- ${deletePopup(
- state.translate('deletePopupText'),
- state.translate('deletePopupYes'),
- state.translate('deletePopupCancel'),
- deleteFile
- )}
- | - ${state.translate('uploadedFile')} - | -- ${state.translate('copyFileList')} - | -- ${state.translate('timeFileList')} - | -- ${state.translate('downloadsFileList')} - | -- ${state.translate('deleteFileList')} - | -
|---|
-
`;
-
- function clicked() {
- emit('experiment', { cd3: 'promo' });
- }
-};
diff --git a/app/templates/header/header.css b/app/templates/header/header.css
deleted file mode 100644
index 91b6ad04..00000000
--- a/app/templates/header/header.css
+++ /dev/null
@@ -1,104 +0,0 @@
-.header {
- align-items: flex-start;
- box-sizing: border-box;
- display: flex;
- justify-content: space-between;
- padding: 31px;
- width: 100%;
-}
-
-.logo {
- display: flex;
- position: relative;
- align-items: center;
-}
-
-.logo__link {
- display: flex;
- flex-direction: row;
-}
-
-.logo__title {
- color: #3e3d40;
- font-size: 32px;
- font-weight: 500;
- margin: 0;
- position: relative;
- top: -1px;
- letter-spacing: 1px;
- margin-left: 8px;
- transition: color 50ms;
-}
-
-.logo__title:hover {
- color: var(--primaryControlBGColor);
-}
-
-.logo__subtitle {
- color: #3e3d40;
- font-size: 12px;
- margin: 0 8px;
-}
-
-.logo__subtitle-link {
- font-weight: bold;
- color: #3e3d40;
- transition: color 50ms;
-}
-
-.logo__subtitle-link:hover {
- color: var(--primaryControlBGColor);
-}
-
-.feedback {
- background-color: var(--primaryControlBGColor);
- background-image: url('../assets/feedback.svg');
- background-position: 2px 4px;
- background-repeat: no-repeat;
- background-size: 18px;
- border-radius: 3px;
- border: 1px solid var(--primaryControlBGColor);
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
- color: var(--primaryControlFGColor);
- cursor: pointer;
- display: block;
- float: right;
- font-size: 12px;
- line-height: 12px;
- opacity: 0.9;
- padding: 5px;
- overflow: hidden;
- min-width: 12px;
- max-width: 12px;
- text-indent: 17px;
- transition: all 250ms ease-in-out;
- white-space: nowrap;
-}
-
-.feedback:hover,
-.feedback:focus {
- min-width: 30px;
- max-width: 300px;
- text-indent: 2px;
- padding: 5px 5px 5px 20px;
- background-color: var(--primaryControlHoverColor);
-}
-
-.feedback:active {
- background-color: var(--primaryControlHoverColor);
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .header {
- flex-direction: column;
- justify-content: flex-start;
- }
-
- .feedback {
- margin-top: 10px;
- min-width: 30px;
- max-width: 300px;
- text-indent: 2px;
- padding: 5px 5px 5px 20px;
- }
-}
diff --git a/app/templates/header/index.js b/app/templates/header/index.js
deleted file mode 100644
index f5fd56f2..00000000
--- a/app/templates/header/index.js
+++ /dev/null
@@ -1,67 +0,0 @@
-const html = require('choo/html');
-const assets = require('../../../common/assets');
-/*
- The current weback config uses package.json to generate
- version.json for /__version__ meaning `require` returns the
- string 'version.json' in the frontend context but the json
- on the server.
-
- We want `version` to be constant at build time so this file
- has a custom loader (/build/version_loader.js) just to replace
- string with the value from package.json. 🤢
-*/
-const version = require('../../../package.json').version || 'VERSION';
-const browser = browserName();
-
-module.exports = function(state) {
- const feedbackUrl = `https://qsurvey.mozilla.com/s3/txp-firefox-send?ver=${version}&browser=${browser}`;
- const header = html`
-
-
- Send is brought to you by the all-new Firefox.
- Download Firefox now ≫
-
-
- Send is brought to you by the all-new Firefox.
- Download Firefox now ≫
-
-
- })
-
- ${state.translate('siteFeedback')}
-
- Send
- -
- Firefox Test Pilot
-
- ${state.translate('siteSubtitle')}
-
-
-
-
`;
-
- function inputChanged() {
- state.passwordSetError = null;
- const resetInput = document.getElementById('password-input');
- const resetBtn = document.getElementById('password-btn');
- const pwdmsg = document.querySelector('.passwordInput__msg');
- const length = resetInput.value.length;
-
- if (length === MAX_LENGTH) {
- pwdmsg.textContent = state.translate('maxPasswordLength', {
- length: MAX_LENGTH
- });
- } else {
- pwdmsg.textContent = '';
- }
- if (length > 0) {
- resetBtn.classList.remove('inputBtn--hidden');
- resetInput.classList.remove('input--noBtn');
- } else {
- resetBtn.classList.add('inputBtn--hidden');
- resetInput.classList.add('input--noBtn');
- }
- }
-
- function focused(event) {
- event.preventDefault();
- const el = document.getElementById('password-input');
- if (el.placeholder !== state.translate('unlockInputPlaceholder')) {
- el.placeholder = '';
- }
- }
-
- function setPassword(event) {
- event.preventDefault();
- const el = document.getElementById('password-input');
- const password = el.value;
- if (password.length > 0) {
- emit('password', { password, file });
- } else {
- el.focus();
- }
- return false;
- }
-};
-
-function passwordPlaceholder(password) {
- return password ? password.replace(/./g, '●') : '●●●●●●●●●●●●';
-}
-
-function message(state, pwd) {
- if (state.passwordSetError) {
- return state.translate('passwordSetError');
- }
- if (state.settingPassword || !pwd) {
- return '';
- }
- return state.translate('passwordIsSet');
-}
diff --git a/app/templates/passwordInput/passwordInput.css b/app/templates/passwordInput/passwordInput.css
deleted file mode 100644
index b67885d9..00000000
--- a/app/templates/passwordInput/passwordInput.css
+++ /dev/null
@@ -1,41 +0,0 @@
-.passwordInput {
- width: 90%;
- height: 100px;
- padding: 10px 5px 5px;
-}
-
-.passwordInput--hidden {
- visibility: hidden;
-}
-
-.passwordInput__form {
- display: flex;
- flex-wrap: nowrap;
- padding-bottom: 5px;
-}
-
-.passwordInput__msg {
- font-size: 15px;
- color: var(--lightTextColor);
-}
-
-.passwordInput__msg--error {
- color: var(--errorColor);
-}
-
-.inputBtn--loading {
- background-image: url('../assets/spinner.svg');
- background-position: center;
- background-size: 30px 30px;
- background-repeat: no-repeat;
-}
-
-.inputBtn--password {
- flex: 0 0 200px;
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .passwordInput__form {
- flex-direction: column;
- }
-}
diff --git a/app/templates/popup/index.js b/app/templates/popup/index.js
deleted file mode 100644
index 969115f4..00000000
--- a/app/templates/popup/index.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const html = require('choo/html');
-
-module.exports = function(msg, confirmText, cancelText, confirmCallback) {
- return html`
-
-
`;
-
- function hide(e) {
- e.stopPropagation();
- const popup = document.querySelector('.popup.popup--show');
- if (popup) {
- popup.classList.remove('popup--show');
- }
- }
-};
diff --git a/app/templates/popup/popup.css b/app/templates/popup/popup.css
deleted file mode 100644
index 3ced13ef..00000000
--- a/app/templates/popup/popup.css
+++ /dev/null
@@ -1,122 +0,0 @@
-.popup {
- visibility: hidden;
- min-width: 204px;
- min-height: 105px;
- background-color: var(--pageBGColor);
- color: var(--textColor);
- border: 1px solid #d7d7db;
- padding: 15px 24px;
- box-sizing: content-box;
- text-align: center;
- border-radius: 5px;
- position: absolute;
- z-index: 1;
- bottom: 20px;
- left: -40px;
- transition: opacity 0.5s;
- opacity: 0;
- outline: 0;
- box-shadow: 3px 3px 7px rgba(136, 136, 136, 0.3);
-}
-
-.popup::after {
- content: '';
- position: absolute;
- bottom: -11px;
- left: 20px;
- background-color: #fff;
- display: block;
- width: 20px;
- height: 20px;
- transform: rotate(45deg);
- border-radius: 0 0 5px;
- border-right: 1px solid #d7d7db;
- border-bottom: 1px solid #d7d7db;
- border-left: 1px solid #fff;
- border-top: 1px solid #fff;
-}
-
-.popup__wrapper {
- position: absolute;
- display: inline-block;
-}
-
-.popup__message {
- height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
- border-bottom: 1px #ebebeb solid;
- color: var(--textColor);
- font-size: 15px;
- font-weight: normal;
- padding-bottom: 15px;
- white-space: nowrap;
- width: calc(100% + 48px);
- margin-left: -24px;
-}
-
-.popup__action {
- margin-top: 15px;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
-}
-
-.popup__no {
- color: #4a4a4a;
- background-color: #fbfbfb;
- border: 1px #c1c1c1 solid;
- border-radius: 5px;
- padding: 5px 25px;
- font-weight: normal;
- min-width: 94px;
- box-sizing: border-box;
- cursor: pointer;
- white-space: nowrap;
-}
-
-.popup__no:hover {
- background-color: #efeff1;
-}
-
-.popup__yes {
- color: var(--primaryControlFGColor);
- background-color: var(--primaryControlBGColor);
- border-radius: 5px;
- padding: 5px 25px;
- font-weight: normal;
- cursor: pointer;
- min-width: 94px;
- box-sizing: border-box;
- white-space: nowrap;
- margin-left: 12px;
-}
-
-.popup__yes:hover {
- background-color: var(--primaryControlHoverColor);
-}
-
-.popup--show {
- visibility: visible;
- opacity: 1;
-}
-
-@media (max-device-width: 992px), (max-width: 992px) {
- .popup {
- left: auto;
- right: -40px;
- }
-
- .popup::after {
- left: auto;
- right: 36px;
- }
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .popup::after {
- left: 125px;
- }
-}
diff --git a/app/templates/progress/index.js b/app/templates/progress/index.js
deleted file mode 100644
index 4ab9a1d3..00000000
--- a/app/templates/progress/index.js
+++ /dev/null
@@ -1,56 +0,0 @@
-const html = require('choo/html');
-const percent = require('../../utils').percent;
-
-const radius = 73;
-const oRadius = radius + 10;
-const oDiameter = oRadius * 2;
-const circumference = 2 * Math.PI * radius;
-
-module.exports = function(progressRatio, indefinite = false) {
- // HACK - never indefinite for MS Edge
- if (/edge/i.test(navigator.userAgent)) {
- indefinite = false;
- }
- const p = indefinite ? 0.2 : progressRatio;
- const dashOffset = (1 - p) * circumference;
- const progressPercent = html`
-
-
-
-
-
- ${cancelText}
-
-
- ${confirmText}
-
-
-
-
-
- `;
-};
diff --git a/app/templates/progress/progress.css b/app/templates/progress/progress.css
deleted file mode 100644
index 410b0be0..00000000
--- a/app/templates/progress/progress.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.progress {
- margin-top: 3px;
-}
-
-.progress__bg {
- stroke: #eee;
- stroke-width: 0.75em;
-}
-
-.progress__bar {
- stroke: #3b9dff;
- stroke-width: 0.75em;
- transition: stroke-dashoffset 300ms linear;
-}
-
-.progress__indefinite {
- stroke: #3b9dff;
- stroke-width: 0.75em;
- animation: 1s linear infinite spin;
- transform-origin: center;
-}
-
-@keyframes spin {
- from {
- transform: rotate(0deg);
- }
-
- to {
- transform: rotate(360deg);
- }
-}
-
-.progress__percent {
- font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
- font-size: 43.2px;
- letter-spacing: -0.78px;
- line-height: 58px;
- user-select: none;
-}
-
-.progress--invisible {
- display: none;
-}
diff --git a/app/templates/selectbox/index.js b/app/templates/selectbox/index.js
deleted file mode 100644
index 51393035..00000000
--- a/app/templates/selectbox/index.js
+++ /dev/null
@@ -1,59 +0,0 @@
-const html = require('choo/html');
-const number = require('../../utils').number;
-
-module.exports = function(selected, options, translate, changed) {
- const id = `select-${Math.random()}`;
- let x = selected;
-
- return html`
-
-
`;
-
- function close() {
- const ul = document.getElementById(id);
- const body = document.querySelector('body');
- ul.classList.remove('selectbox__options--active');
- body.removeEventListener('click', close);
- }
-
- function toggle(event) {
- event.stopPropagation();
- const ul = document.getElementById(id);
- if (ul.classList.contains('selectbox__options--active')) {
- close();
- } else {
- ul.classList.add('selectbox__options--active');
- const body = document.querySelector('body');
- body.addEventListener('click', close);
- }
- }
-
- function choose(event) {
- event.stopPropagation();
- const target = event.target;
- const value = +target.dataset.value;
- target.parentNode.previousSibling.firstElementChild.textContent = translate(
- value
- );
- if (x !== value) {
- x = value;
- changed(value);
- }
- close();
- }
-};
diff --git a/app/templates/selectbox/selectbox.css b/app/templates/selectbox/selectbox.css
deleted file mode 100644
index 2cacc960..00000000
--- a/app/templates/selectbox/selectbox.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.selectbox {
- display: inline-block;
- position: relative;
- cursor: pointer;
-}
-
-.selectbox__options {
- display: none;
-}
-
-.selectbox__options--active {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- padding: 0;
- margin: 40px 0;
- background-color: var(--pageBGColor);
- border: 1px solid rgba(12, 12, 13, 0.3);
- border-radius: 4px;
- box-shadow: 1px 2px 4px rgba(12, 12, 13, 0.3);
-}
-
-.selectbox__option {
- color: var(--lightTextColor);
- font-size: 12pt;
- list-style: none;
- user-select: none;
- white-space: nowrap;
- padding: 0 60px;
- border-bottom: 1px solid rgba(12, 12, 13, 0.3);
-}
-
-.selectbox__option:hover {
- background-color: #f4f4f4;
-}
diff --git a/app/templates/setPasswordSection/index.js b/app/templates/setPasswordSection/index.js
deleted file mode 100644
index 16130712..00000000
--- a/app/templates/setPasswordSection/index.js
+++ /dev/null
@@ -1,37 +0,0 @@
-const html = require('choo/html');
-const passwordInput = require('../passwordInput');
-
-module.exports = function(state, emit) {
- const file = state.storage.getFileById(state.params.id);
-
- return html`
-
- ${translate(selected)}
-
-
-
-
-
`;
-
- function togglePasswordInput(e) {
- const unlockInput = document.getElementById('password-input');
- const boxChecked = e.target.checked;
- document
- .querySelector('.passwordInput')
- .classList.toggle('passwordInput--hidden', !boxChecked);
- if (boxChecked) {
- unlockInput.focus();
- } else {
- unlockInput.value = '';
- }
- }
-};
diff --git a/app/templates/setPasswordSection/setPasswordSection.css b/app/templates/setPasswordSection/setPasswordSection.css
deleted file mode 100644
index bf3adb75..00000000
--- a/app/templates/setPasswordSection/setPasswordSection.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.setPasswordSection {
- padding: 10px 0;
- max-width: 100%;
- overflow-wrap: break-word;
-}
-
-.checkbox {
- min-height: 24px;
-}
-
-.checkbox__input {
- position: absolute;
- opacity: 0;
-}
-
-.checkbox__label {
- line-height: 23px;
- cursor: pointer;
- color: var(--lightTextColor);
- user-select: none;
-}
-
-.checkbox__label::before {
- content: '';
- height: 20px;
- width: 20px;
- margin-right: 10px;
- margin-left: 5px;
- float: left;
- border: 1px solid rgba(12, 12, 13, 0.3);
- border-radius: 2px;
-}
-
-.checkbox__input:focus + .checkbox__label::before,
-.checkbox:hover .checkbox__label::before {
- border: 1px solid var(--primaryControlBGColor);
-}
-
-.checkbox__input:checked + .checkbox__label {
- color: var(--textColor);
-}
-
-.checkbox__input:checked + .checkbox__label::before {
- background-image: url('../assets/check-16-blue.svg');
- background-position: 2px 1px;
-}
-
-.checkbox__input:disabled + .checkbox__label {
- cursor: auto;
-}
-
-.checkbox__input:disabled + .checkbox__label::before {
- background-image: url('../assets/check-16-blue.svg');
- background-repeat: no-repeat;
- background-size: 26px 26px;
- border: none;
- cursor: auto;
-}
-
-@media (max-device-width: 520px), (max-width: 520px) {
- .setPasswordSection {
- align-self: center;
- min-width: 95%;
- }
-
- .checkbox__label::before {
- margin-left: 0;
- }
-}
diff --git a/app/ui/account.js b/app/ui/account.js
new file mode 100644
index 00000000..9845a3a1
--- /dev/null
+++ b/app/ui/account.js
@@ -0,0 +1,111 @@
+const html = require('choo/html');
+const Component = require('choo/component');
+
+class Account extends Component {
+ constructor(name, state, emit) {
+ super(name);
+ this.state = state;
+ this.emit = emit;
+ this.enabled = state.capabilities.account;
+ this.local = state.components[name] = {};
+ this.buttonClass = '';
+ this.setLocal();
+ }
+
+ avatarClick(event) {
+ event.preventDefault();
+ const menu = document.getElementById('accountMenu');
+ menu.classList.toggle('invisible');
+ menu.focus();
+ }
+
+ hideMenu(event) {
+ event.stopPropagation();
+ const menu = document.getElementById('accountMenu');
+ menu.classList.add('invisible');
+ }
+
+ login(event) {
+ event.preventDefault();
+ this.emit('signup-cta', 'button');
+ }
+
+ logout(event) {
+ event.preventDefault();
+ this.emit('logout');
+ }
+
+ changed() {
+ return this.local.loggedIn !== this.state.user.loggedIn;
+ }
+
+ setLocal() {
+ const changed = this.changed();
+ if (changed) {
+ this.local.loggedIn = this.state.user.loggedIn;
+ }
+ return changed;
+ }
+
+ update() {
+ return this.setLocal();
+ }
+
+ createElement() {
+ if (!this.enabled) {
+ return html`
+
-
-
-
- ${passwordInput(file, state, emit)}
- -
+
- ${user.email} +
- + + +
+
+
+ `;
+
+ function onPasswordPreviewButtonclicked(event) {
+ event.preventDefault();
+ const input = document.getElementById('password-input');
+ const eyeIcon = event.currentTarget.querySelector('img');
+
+ if (input.type === 'password') {
+ input.type = 'text';
+ eyeIcon.src = assets.get('eye-off.svg');
+ } else {
+ input.type = 'password';
+ eyeIcon.src = assets.get('eye.svg');
+ }
+
+ input.focus();
+ }
+
+ function togglePasswordInput(event) {
+ event.stopPropagation();
+ const checked = event.target.checked;
+ const input = document.getElementById('password-input');
+ const passwordPreviewButton = document.getElementById(
+ 'password-preview-button'
+ );
+ if (checked) {
+ input.classList.remove('invisible');
+ passwordPreviewButton.classList.remove('invisible');
+ input.focus();
+ } else {
+ input.classList.add('invisible');
+ passwordPreviewButton.classList.add('invisible');
+ input.value = '';
+ document.getElementById('password-msg').textContent = '';
+ state.archive.password = null;
+ }
+ }
+
+ function inputChanged() {
+ const passwordInput = document.getElementById('password-input');
+ const pwdmsg = document.getElementById('password-msg');
+ const password = passwordInput.value;
+ const length = password.length;
+
+ if (length === MAX_LENGTH) {
+ pwdmsg.textContent = state.translate('maxPasswordLength', {
+ length: MAX_LENGTH
+ });
+ } else {
+ pwdmsg.textContent = '';
+ }
+ state.archive.password = password;
+ }
+
+ function focused(event) {
+ event.preventDefault();
+ const el = document.getElementById('password-input');
+ if (el.placeholder !== state.translate('unlockInputPlaceholder')) {
+ el.placeholder = '';
+ }
+ }
+}
+
+function fileInfo(file, action) {
+ return html`
+
+
+
+
+
+
+
+
+
+ +
${file.name}
+${bytes(
+ file.size
+ )}
+
+ ${action}
+ + +
+
${archive.name}
+${bytes(
+ archive.size
+ )}
+
+ ${action}
+ `;
+}
+
+function archiveDetails(translate, archive) {
+ if (archive.manifest.files.length > 1) {
+ return html`
+
+
+ `;
+ }
+ function toggled(event) {
+ event.stopPropagation();
+ archive.open = event.target.open;
+ }
+}
+
+module.exports = function(state, emit, archive) {
+ const copyOrShare =
+ state.capabilities.share || platform() === 'android'
+ ? html`
+
+ `
+ : html`
+
+ `;
+ const dl =
+ platform() === 'web'
+ ? html`
+
+
+ ${state.translate('downloadButtonLabel')}
+
+ `
+ : html`
+
+ `;
+ return html`
+ + + ${translate('fileCount', { + num: archive.manifest.files.length + })} +
+ ${list(archive.manifest.files.map(f => fileInfo(f)))} +
+ ${expiryInfo(state.translate, archive)}
+
+ ${archiveDetails(state.translate, archive)}
+ +
+ ${dl} ${copyOrShare}
+
+
+
+
+ ${expiryOptions(state, emit)} ${password(state, emit)}
+
+
+
+
+
+ ${state.translate('totalSize', {
+ size: bytes(state.archive.size)
+ })}
+
+
+ ${expiryInfo(state.translate, {
+ dlimit: state.archive.dlimit,
+ dtotal: 0,
+ expiresAt: Date.now() + 500 + state.archive.timeLimit * 1000
+ })}
+
+
+ ${progressPercent}
+
+
+
+ + ${raw(state.WEB_UI.UPLOAD_AREA_NOTICE_HTML)} +
+ ` + : ''; + + return html` +
+ ${state.translate('dragAndDropFiles')}
+
+
+ ${state.translate('orClickWithSize', {
+ size: bytes(state.user.maxSize)
+ })}
+
+
+
+ ${upsell} ${uploadNotice}
+
+ ${archiveDetails(state.translate, archive)}
+
+ `;
+ const notice = state.WEB_UI.DOWNLOAD_NOTICE_HTML
+ ? html`
+ + ${raw(state.WEB_UI.DOWNLOAD_NOTICE_HTML)} +
+ ` + : ''; + const sponsor = state.WEB_UI.SHOW_THUNDERBIRD_SPONSOR + ? html` + + + ${state.translate('sponsoredByThunderbird')} + + ` + : ''; + + return html` +
+ ${archiveInfo(archive)} ${details}
+
+
+ ${notice} ${sponsor}
+
+ ${progressPercent}
+
+
+ + ${state.translate('notifyUploadEncryptDone')} +
+
+ ${state.translate('copyLinkDescription')}
+ ${name}
+
+
+
+
+
+
+
+
+ `;
+}
+
+function preview(state, emit) {
+ if (!state.capabilities.streamDownload && state.fileInfo.size > BIG_SIZE) {
+ return noStreams(state, emit);
+ }
+ return html`
+ + ${state.translate('downloadingTitle')} +
+ ${archiveTile.downloading(state, emit)} +
+
+ `;
+}
+
+module.exports = function(state, emit) {
+ let content = '';
+ if (!state.fileInfo) {
+ state.fileInfo = createFileInfo(state);
+ if (downloadMetadata.status === 404) {
+ return notFound(state);
+ }
+ if (!state.fileInfo.nonce) {
+ // coming from something like the browser back button
+ return location.reload();
+ }
+ }
+
+ if (!state.transfer && !state.fileInfo.requiresPassword) {
+ emit('getMetadata');
+ }
+
+ if (state.transfer) {
+ switch (state.transfer.state) {
+ case 'downloading':
+ case 'decrypting':
+ content = downloading(state, emit);
+ break;
+ case 'complete':
+ content = downloadCompleted(state);
+ break;
+ default:
+ content = preview(state, emit);
+ }
+ } else if (state.fileInfo.requiresPassword && !state.fileInfo.password) {
+ content = downloadPassword(state, emit);
+ }
+ return html`
+ + ${state.translate('downloadTitle')} +
++ ${state.translate('downloadDescription')} +
+ ${archiveTile.preview(state, emit)} +
+
+ `;
+};
diff --git a/app/ui/downloadPassword.js b/app/ui/downloadPassword.js
new file mode 100644
index 00000000..99bbf434
--- /dev/null
+++ b/app/ui/downloadPassword.js
@@ -0,0 +1,98 @@
+const html = require('choo/html');
+
+module.exports = function(state, emit) {
+ const fileInfo = state.fileInfo;
+ const invalid = fileInfo.password === null;
+
+ const div = html`
+ + ${state.translate('downloadFinish')} +
+ ++ ${state.translate('trySendDescription')} +
+ +
+
+ `;
+
+ if (!(div instanceof String)) {
+ setTimeout(() => document.getElementById('password-input').focus());
+ }
+
+ function inputChanged(event) {
+ event.stopPropagation();
+ event.preventDefault();
+ const label = document.getElementById('password-error');
+ const input = document.getElementById('password-input');
+ const btn = document.getElementById('password-btn');
+ label.classList.add('invisible');
+ input.classList.remove('border-red', 'dark:border-red-40');
+ btn.classList.remove(
+ 'bg-red',
+ 'hover:bg-red',
+ 'focus:bg-red',
+ 'dark:bg-red-40'
+ );
+ }
+
+ function checkPassword(event) {
+ event.stopPropagation();
+ event.preventDefault();
+ const el = document.getElementById('password-input');
+ const password = el.value;
+ if (password.length > 0) {
+ document.getElementById('password-btn').disabled = true;
+ // Strip any url parameters between fileId and secretKey
+ const fileInfoUrl = window.location.href.replace(/\?.+#/, '#');
+ state.fileInfo.url = fileInfoUrl;
+ state.fileInfo.password = password;
+ emit('getMetadata');
+ }
+ return false;
+ }
+
+ return div;
+};
diff --git a/app/ui/error.js b/app/ui/error.js
new file mode 100644
index 00000000..241aac7f
--- /dev/null
+++ b/app/ui/error.js
@@ -0,0 +1,35 @@
+const html = require('choo/html');
+const assets = require('../../common/assets');
+const modal = require('./modal');
+
+module.exports = function(state, emit) {
+ const btnText = state.user.loggedIn ? 'okButton' : 'sendYourFilesLink';
+ return html`
+ + ${state.translate('downloadTitle')} +
++ ${state.translate('downloadDescription')} +
+ + ++ ${state.translate('errorPageHeader')} +
+ ++ ${state.translate('trySendDescription')} +
+ +
+ ${raw(
+ state.translate('archiveExpiryInfo', {
+ downloadCount:
+ '',
+ timespan: ''
+ })
+ )}
+
+ `;
+ if (el.__encoded) {
+ // we're rendering on the server
+ return el;
+ }
+
+ const counts = state.DEFAULTS.DOWNLOAD_COUNTS.filter(
+ i => state.capabilities.account || i <= state.user.maxDownloads
+ );
+
+ const dlCountSelect = el.querySelector('#dlCount');
+ el.replaceChild(
+ selectbox(
+ state.archive.dlimit,
+ counts,
+ num => state.translate('downloadCount', { num }),
+ value => {
+ const selected = parseInt(value);
+ state.archive.dlimit = selected;
+ emit('render');
+ if (selected > parseInt(state.user.maxDownloads || '0')) {
+ console.log('Chosen max download count is larger than the allowed limit', selected)
+ }
+ },
+ 'expire-after-dl-count-select'
+ ),
+ dlCountSelect
+ );
+
+ const expires = state.DEFAULTS.EXPIRE_TIMES_SECONDS.filter(
+ i => state.capabilities.account || i <= state.user.maxExpireSeconds
+ );
+
+ const timeSelect = el.querySelector('#timespan');
+ el.replaceChild(
+ selectbox(
+ state.archive.timeLimit,
+ expires,
+ num => {
+ const l10n = secondsToL10nId(num);
+ return state.translate(l10n.id, l10n);
+ },
+ value => {
+ const selected = parseInt(value);
+ state.archive.timeLimit = selected;
+ emit('render');
+ if (selected > parseInt(state.user.maxExpireSeconds || '0')) {
+ console.log('Chosen download expiration is larger than the allowed limit', selected)
+ }
+ },
+ 'expire-after-time-select'
+ ),
+ timeSelect
+ );
+
+ return el;
+};
diff --git a/app/ui/faviconProgressbar.js b/app/ui/faviconProgressbar.js
new file mode 100644
index 00000000..1faca4d9
--- /dev/null
+++ b/app/ui/faviconProgressbar.js
@@ -0,0 +1,46 @@
+/*global WEB_UI*/
+
+const { platform } = require('../utils');
+const assets = require('../../common/assets');
+
+const size = 32;
+const loaderWidth = 5;
+const loaderColor = WEB_UI.COLORS.PRIMARY;
+
+function drawCircle(canvas, context, color, lineWidth, outerWidth, percent) {
+ canvas.width = canvas.height = outerWidth;
+ context.translate(outerWidth * 0.5, outerWidth * 0.5);
+ context.rotate(-Math.PI * 0.5);
+ const radius = (outerWidth - lineWidth) * 0.5;
+ context.beginPath();
+ context.arc(0, 0, radius, 0, Math.PI * 2 * percent, false);
+ context.strokeStyle = color;
+ context.lineCap = 'square';
+ context.lineWidth = lineWidth;
+ context.stroke();
+}
+
+function drawNewFavicon(progressRatio) {
+ const canvas = document.createElement('canvas');
+ const context = canvas.getContext('2d');
+ drawCircle(canvas, context, '#efefef', loaderWidth, size, 1);
+ drawCircle(canvas, context, loaderColor, loaderWidth, size, progressRatio);
+ return canvas.toDataURL();
+}
+
+module.exports.updateFavicon = function(progressRatio) {
+ if (platform() === 'web') {
+ const link = document.querySelector("link[rel='icon'][sizes='32x32']");
+ const progress = progressRatio * 100;
+ if (progress === 0 || progress === 100) {
+ link.type = 'image/png';
+ link.href =
+ WEB_UI.CUSTOM_ASSETS.favicon_32px !== ''
+ ? WEB_UI.CUSTOM_ASSETS.favicon_32px
+ : assets.get('favicon-32x32.png');
+ return;
+ }
+
+ link.href = drawNewFavicon(progressRatio);
+ }
+};
diff --git a/app/ui/footer.js b/app/ui/footer.js
new file mode 100644
index 00000000..77a2b960
--- /dev/null
+++ b/app/ui/footer.js
@@ -0,0 +1,126 @@
+const html = require('choo/html');
+const Component = require('choo/component');
+
+class Footer extends Component {
+ constructor(name, state) {
+ super(name);
+ this.state = state;
+ }
+
+ update() {
+ return false;
+ }
+
+ createElement() {
+ const translate = this.state.translate;
+
+ // Add additional links from configuration if available
+ var links = [];
+ if (this.state != undefined && this.state.WEB_UI != undefined) {
+ const WEB_UI = this.state.WEB_UI;
+
+ if (WEB_UI.FOOTER_DONATE_URL != '') {
+ links.push(html`
+ + ${raw(state.WEB_UI.UPLOADS_LIST_NOTICE_HTML)} +
+ `); + } + + archives.reverse(); + + if (archives.length > 0 && state.WEB_UI.SHOW_THUNDERBIRD_SPONSOR) { + archives.push(html` + + + Sponsored by Thunderbird + + `); + } + + const right = + archives.length === 0 + ? intro(state) + : list(archives, 'p-2 h-full overflow-y-auto w-full', 'mb-4 w-full'); + + return html` +${left}
+ ${right}
+ + ${raw(state.WEB_UI.MAIN_NOTICE_HTML)} +
+ ` + : ''; + + const sponsor = state.WEB_UI.SHOW_THUNDERBIRD_SPONSOR + ? html` + + + Sponsored by Thunderbird + + ` + : ''; + + return html` +
+
+ ${sponsor}
+ + ${state.translate('introTitle')} +
++ ${state.translate('introDescription')} +
+
+
+
+ ${state.modal(state, emit, close)}
+
+
+
+ `;
+
+ function optionChanged(event) {
+ event.stopPropagation();
+ const choice = event.target.value;
+ const button = event.currentTarget.nextElementSibling;
+ let title = button.title;
+ console.error(choice, title);
+ switch (choice) {
+ case 'copy':
+ title = state.translate('copyLinkButton');
+ break;
+ case 'firefox':
+ title = state.translate('downloadFirefox');
+ break;
+ case 'download':
+ title = state.translate('downloadButtonLabel');
+ break;
+ }
+ button.title = title;
+ button.value = title;
+ }
+
+ function submit(event) {
+ const action = document.querySelector('input[type="radio"]:checked').value;
+ switch (action) {
+ case 'copy':
+ emit('copy', { url: window.location.href });
+ document.querySelector('input[type="submit"]').value = state.translate(
+ 'copiedUrl'
+ );
+ break;
+ case 'firefox':
+ window.open(
+ 'https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com'
+ );
+ break;
+ case 'download':
+ emit('download');
+ break;
+ }
+ return false;
+ }
+};
diff --git a/app/ui/notFound.js b/app/ui/notFound.js
new file mode 100644
index 00000000..5cf1ce64
--- /dev/null
+++ b/app/ui/notFound.js
@@ -0,0 +1,35 @@
+const html = require('choo/html');
+const assets = require('../../common/assets');
+const modal = require('./modal');
+
+module.exports = function(state, emit) {
+ const btnText = state.user.loggedIn ? 'okButton' : 'sendYourFilesLink';
+ return html`
+ ${state.translate( + 'downloadTitle' + )}
++ ⚠️ ${state.translate('noStreamsWarning')} ⚠️ +
+ ++ ${state.translate('expiredTitle')} +
+ ++ ${state.translate('trySendDescription')} +
+ ++ ${message} +
+ ++ ${state.translate('notifyUploadEncryptDone')} +
+
+ ${state.translate('shareLinkDescription')}
+ ${name}
+
+ + ${state.translate('accountBenefitTitle')} +
+-
+
- + ${state.translate('accountBenefitLargeFiles', { + size: bytes(state.LIMITS.MAX_FILE_SIZE) + })} + +
- ${state.translate('accountBenefitDownloadCount')} +
- + ${state.translate('accountBenefitTimeLimit', { count: DAYS })} + +
- ${state.translate('accountBenefitSync')} +
+ Tell us what you think. +
++ Love Send? Take a quick survey to let us know how we can make it + better. +
+ + Give feedback + + +${strings.header}
+${strings.description}
+ ${why} + + ${strings.button} + +-
+ ${lis}
+