Initializing...
11 |
12 |
13 |
17 | Upload a file
18 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/src/base64.ts:
--------------------------------------------------------------------------------
1 | module base64 {
2 | export const _chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
3 | export const _chars_url = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
4 | export const encode = function(arraybuffer: ArrayBuffer, url: boolean, equals: boolean) {
5 | const chars = url ? _chars_url : _chars;
6 | var bytes = new Uint8Array(arraybuffer), len = bytes.length, base64 = "";
7 |
8 | for (let i = 0; i < len; i += 3) {
9 | base64 += chars[bytes[i] >> 2];
10 | base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];
11 | base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];
12 | base64 += chars[bytes[i + 2] & 63];
13 | }
14 |
15 | if ((len % 3) === 2) {
16 | base64 = base64.substring(0, base64.length - 1) + (equals ? "=" : "");
17 | } else if (len % 3 === 1) {
18 | base64 = base64.substring(0, base64.length - 2) + (equals ? "==" : "");
19 | }
20 |
21 | return base64;
22 | };
23 |
24 | export const decode = function(base64: string, url: boolean) {
25 | const chars = url ? _chars_url : _chars;
26 | const len = base64.length;
27 | var bufferLength = len * 0.75, p = 0;
28 |
29 | if (base64[len - 1] === "=") {
30 | bufferLength--;
31 | if (base64[len - 2] === "=") {
32 | bufferLength--;
33 | }
34 | }
35 |
36 | const bytes = new Uint8Array(new ArrayBuffer(bufferLength));
37 |
38 | for (let i = 0; i < len; i += 4) {
39 | const encoded1 = chars.indexOf(base64[i]);
40 | const encoded2 = chars.indexOf(base64[i + 1]);
41 | const encoded3 = chars.indexOf(base64[i + 2]);
42 | const encoded4 = chars.indexOf(base64[i + 3]);
43 |
44 | bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
45 | bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
46 | bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
47 | }
48 |
49 | return bytes.buffer;
50 | }
51 | }
--------------------------------------------------------------------------------
/src/github.ts:
--------------------------------------------------------------------------------
1 | class Github {
2 | constructor(public apiUrl = `https://api.github.com/`) { }
3 | async fetch(path: string, data?: RequestInit) {
4 | log("fetching " + (data && data.method||"") + " " +this.apiUrl + path);
5 | return await fetch(this.apiUrl + path, data);
6 | }
7 | async fetchJSON(path: string, data?: RequestInit) {
8 | return await (await this.fetch(path, data)).json();
9 | }
10 | async fetchRaw(path: string) {
11 | const headers = new Headers();
12 | headers.append("Accept", "application/vnd.github.v3.raw");
13 | const r = await this.fetch(path, { headers });
14 | return await r.arrayBuffer();
15 | }
16 | async postJSON(path: string, data: any, method = "POST") {
17 | const headers = new Headers();
18 | headers.append("Content-Type", "application/json;charset=UTF-8");
19 | return await this.fetchJSON(path, { method, headers, body: JSON.stringify(data) });
20 | }
21 | async createGist(description: string, files: { [filename: string]: { content: string } }, is_public = true) {
22 | return await this.postJSON("gists", { description, public: is_public, files: files }, "POST");
23 | }
24 | async getGist(id: string) {
25 | return await this.fetchJSON("gists/" + id);
26 | }
27 | }
--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
1 | let github = new Github();
2 |
3 | function log(info: any) {
4 | console.log(info);
5 | const e = document.getElementById("log");
6 | if (e) e.appendChild({info}); 7 | } 8 | function showLog() { 9 | document.getElementById("showlogbutton")!.style.display = 'none'; 10 | document.getElementById("showlog")!.style.display = ''; 11 | } 12 | declare var TextDecoder: any, TextEncoder: any, fetch: typeof window.fetch; 13 | 14 | module SimpleCrypto { 15 | export let encryptionAlgorithm = "AES-GCM"; 16 | export async function encrypt(data: Uint8Array) { 17 | log("Generating key and IV..."); 18 | const key: CryptoKey = await crypto.subtle.generateKey({ name: encryptionAlgorithm, length: 128 }, true, ["encrypt"]); 19 | const iv = new Uint8Array(16); crypto.getRandomValues(iv); 20 | log("Encrypting..."); 21 | const encrypted = await crypto.subtle.encrypt({ name: encryptionAlgorithm, iv }, key, data); 22 | return { 23 | data: [iv, new Uint8Array(encrypted)], 24 | key: base64.encode(await crypto.subtle.exportKey("raw", key), true, false), 25 | }; 26 | } 27 | export async function decrypt(data: Uint8Array, key_str: string) { 28 | log("Decoding IV..."); 29 | const iv = data.subarray(0, 16); 30 | const encrypted_data = data.subarray(16); 31 | const key = new Uint8Array(base64.decode(key_str, true)); 32 | log("Decrypting..."); 33 | const imported_key = await crypto.subtle.importKey("raw", key, encryptionAlgorithm, false, ["decrypt"]); 34 | return await crypto.subtle.decrypt({ name: encryptionAlgorithm, iv }, imported_key, encrypted_data); 35 | } 36 | } 37 | interface UploadMetadata { name: string, type: string } 38 | module Upload { 39 | async function uploadToGist(d: Uint8Array) { 40 | const f = Util.randomString(1, 16); 41 | if (d.byteLength >= 1000 * 3 / 4 * 1000) log("Data should be < 700 kB to avoid calling api twice"); 42 | if (d.byteLength >= 5e6) throw "Data must be < 5 MB"; // more should be possible 43 | return (await github.createGist(Util.randomString(0, 10), { 44 | [f]: { content: base64.encode(d.buffer, true, false) } 45 | })).id; 46 | } 47 | async function downloadFromGist(sha: string) { 48 | const gist = await github.getGist(sha); 49 | const file = gist.files[Object.keys(gist.files)[0]]; 50 | if (file.truncated) { 51 | return base64.decode(await (await fetch(file.raw_url)).text(), true); 52 | } else 53 | return base64.decode(file.content, true); 54 | } 55 | export async function uploadEncrypted(meta: UploadMetadata, raw_data: Uint8Array) { 56 | log("Uploading..."); 57 | const nullByte = new Uint8Array(1); 58 | const inputData = await Util.joinBuffers(new TextEncoder().encode(JSON.stringify(meta)), nullByte, raw_data); 59 | const {data, key} = await SimpleCrypto.encrypt(inputData); 60 | // TODO: don't copy all data twice (via Util.joinBuffers) 61 | return { data, key, sha: await uploadToGist(await Util.joinBuffers(...data)) }; 62 | } 63 | export async function downloadEncrypted(sha: string, key: string) { 64 | sha = Util.arrToHex(new Uint8Array(base64.decode(sha, true))); 65 | const buf = await SimpleCrypto.decrypt(new Uint8Array(await downloadFromGist(sha)), key); 66 | const sep = new Uint8Array(buf).indexOf(0); 67 | const meta = new TextDecoder().decode(new Uint8Array(buf, 0, sep)); 68 | log("Decoded metadata: " + meta); 69 | return { 70 | meta: JSON.parse(meta) as UploadMetadata, 71 | data: new Uint8Array(buf, sep + 1) 72 | } 73 | } 74 | } 75 | 76 | module Util { 77 | export async function readFile(f: File | Blob) { 78 | return new Promise
{new TextDecoder().decode(data)} },
136 | { name: "Raw", toHTML: (f, data) => Download {f} },
137 | { name: "Image", toHTML: (_, data) => File {info.meta.name}
{type.toHTML(info.meta.name, info.data)}Uploading...
, container); 158 | const meta = { name: file.name, type: type.value }; 159 | const info = await Upload.uploadEncrypted(meta, data); 160 | log("Uploaded. Updating URL and displaying..."); 161 | const sha = base64.encode(Util.hexToArr(info.sha).buffer, true, false); 162 | history.replaceState({}, "", "#" + sha + "!" + info.key); 163 | displayFile({ meta, data }); 164 | document.getElementById("removeIfUpload")!.style.display = ""; 165 | } else throw Error("no file selected"); 166 | } catch (e) { 167 | log(e); showLog(); throw e; 168 | } 169 | } 170 | 171 | function initializeUploader() { 172 | React.render( 173 |
174 |
,
183 | container
184 | );
185 | document.getElementById("removeIfUpload")!.style.display = "none";
186 | document.getElementById("uploadbutton")!.addEventListener('click', beginUpload);
187 | }
188 |
189 | document.addEventListener('DOMContentLoaded', () => {
190 | if (location.hash) {
191 | const [filename, key] = location.hash.substr(1).split("!");
192 | log("Loading...");
193 | React.render(Upload a file (image/audio/video/text)
175 | 176 |{types.map(type =>
177 |
178 |
179 | )}
180 |
181 | The file will be encrypted and authenticated completely client-side using 128bit AES-GCM. Limit 5 MB.
182 |