Upload a file to be encrypted. The ciphertext will be presented as a bitmap here.
+ + +Yigid BALABAN, https://fybx.dev/
+ + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..afb1d7f --- /dev/null +++ b/index.js @@ -0,0 +1,74 @@ +import { generateKeypair } from "./zkl-kds/key-derivation.js"; +import { + encryptFile, + decryptFile, + encryptString, + decryptString, +} from "./crypto.js"; + +let keypair; + +document + .getElementById("fileInput") + .addEventListener("change", function (event) { + const file = event.target.files[0]; + if (file) { + const reader = new FileReader(); + + reader.onload = function (e) { + const arrayBuffer = e.target.result; + const byteArray = new Uint8Array(arrayBuffer); + if (!keypair) { + console.error("keypair not ready, skipping file enc/dec"); + return; + } + + const cipherFile = encryptFile(keypair.pkey, byteArray); + console.log(cipherFile); + + { + const numPixels = cipherFile.length / 4; + const width = Math.floor(Math.sqrt(numPixels)); + const height = Math.ceil(numPixels / width); + + const canvas = document.getElementById("bitmapCanvas"); + const context = canvas.getContext("2d"); + + canvas.width = width; + canvas.height = height; + + const imageData = context.createImageData(width, height); + + for (let i = 0; i < cipherFile.length; i++) { + imageData.data[i] = cipherFile[i]; + } + + context.putImageData(imageData, 0, 0); + } + + const plainFile = decryptFile(keypair.skey, cipherFile); + console.log(plainFile); + }; + + reader.readAsArrayBuffer(file); + } else { + console.warn("No file selected"); + } + }); + +// we wait for a second before executing this block +// because WASM module takes time to load +setTimeout(async () => { + console.log("start"); + const mnemonic = + "digital radio analyst fine casino have mass blood potato hat web capital prefer debate fee differ spray cloud"; + + // for this time, skey means private key, and pkey is public + const { publicKey: pkey, privateKey: skey } = await generateKeypair(mnemonic); + keypair = { pkey, skey }; + + const cipherText = encryptString(pkey, "message"); + console.log("encrypted string is", cipherText); + console.log("decrypted string is", decryptString(skey, cipherText)); + console.log("end"); +}, 1000); diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..65278a1 --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,13 @@ +const path = require("path"); + +module.exports = { + entry: "./index.js", + output: { + filename: "bundle.js", + path: path.resolve(__dirname, "dist"), + }, + experiments: { + asyncWebAssembly: true, + }, + mode: "development", +};