//console.log = () => {}; // disable console.log (() => { // core Crypto-Cube handlers tools // export public Crypto-Cube API to global scope window.CryptoCube = CryptoCube; window.CryptoCube.utests = utests; window.CryptoCube.log = log; window.CryptoCube.hesc = hesc; // specific Crypto-Cube Vertex object prototype (class-like) // (limited to 0|1 coordinates and 90 degrees rotations) function Vertex3d(x=0,y=0,z=0) { this.x = +x; this.y = +y; this.z = +z; this.toString = () => [this.x,this.y,this.z].join(''); this.rot = { U: () => { [this.y, this.z] = [1 - this.z, this.y]; return this; }, R: () => { [this.x, this.z] = [1 - this.z, this.x]; return this; }, L: () => { [this.x, this.z] = [this.z, 1 - this.x]; return this; }, D: () => { [this.y, this.z] = [this.z, 1 - this.y]; return this; } }; } // Cube sub-string object prototype (class-like) function CubeString(str='') { var lst = {}; str = padRight(str).split(''); for (var i of CubeString.gen) lst[i] = str.shift() || ''; this.toString = () => CubeString.gen.reduce((s,i)=>s+lst[i],''); this.rot = { U: () => { var r = {}; for (var i of CubeString.gen) r[''+i2v(i).rot.U()] = lst[i]; lst = r; return this; }, R: () => { var r = {}; for (var i of CubeString.gen) r[''+i2v(i).rot.R()] = lst[i]; lst = r; return this; }, L: () => { var r = {}; for (var i of CubeString.gen) r[''+i2v(i).rot.L()] = lst[i]; lst = r; return this; }, D: () => { var r = {}; for (var i of CubeString.gen) r[''+i2v(i).rot.D()] = lst[i]; lst = r; return this; } }; this.toHTML = () => { var s = ''+this; while (s.length < 8) s += ' '; s = s.split('').map(v=>''+v+''); return `

  ${s[5]}------${s[6]}
 /|     /|
${s[1]}------${s[2]} |
| ${s[4]}----|-${s[7]}
|/     |/
${s[0]}------${s[3]}

`; /* F------G /| /| B------C | | E----|-H |/ |/ A------D */ }; } CubeString.gen = ['000','010','110','100','001','011','111','101']; // Crypto-Cube main object prototype (class-like) function CryptoCube(str='') { var lst = []; this.logHTML = {}; while (str) { lst.push(new CubeString(str)); str = str.substr(8); } this.toString = () => { var s = ''; for (var c of lst) s += c; return s.replace(/\s+$/g,''); }; this.encrypt = (rot) => { var v, p, n, d, i, r = this.encrypt.randrange; this.logHTML = {}; if (!rot) { // todo: refactorize random generator as RotSeq method rot = new RotSeq(); n = lst.length; r.min = r.min < 0 ? 0 : Math.round(r.min); if (r.max < r.min) r.max = r.min; r.max = r.max <= 0 ? 5 : Math.round(r.max); d = r.max - r.min; while (n--) { i = d ? r.min + (Math.random()*d) | 0 : r.min; p = null; while (i) { v = 'URLD'[(Math.random()*4) | 0]; // avoid inv previous rotatation if (p == RotSeq.dir[v]) continue; rot.addrot(v,n); p = v; i--; } // todo: test generated sequence to avoid null transforms // ( handle { encrypted cube == cube } case ) // ( handle { :d:d:d:d: ) sub seq. null transform case ) } } else if (!(rot instanceof RotSeq)) rot = new RotSeq(rot); for ([d,i] of rot) { // ignore incompatible cube index rot seq if (!lst[i]) continue; if (!this.logHTML[i]) this.logHTML[i] = [{rot: null, html: lst[i].toHTML()}]; lst[i].rot[d](); this.logHTML[i].push({rot: d, html: lst[i].toHTML()}); } return ''+rot; }; this.encrypt.randrange = { // min-max range // todo: refactorize random generator + randrange as RotSeq method min: 1, max: 7, }; this.decrypt = (rot) => { if (!(rot instanceof RotSeq)) rot = new RotSeq(rot); this.encrypt(rot.inverse()); return this; }; this.toHTML = () => { var s = ''; for (var c of lst) s += c.toHTML(); return s; } } // Rotations Sequence object prototype (class-like iterable) function RotSeq(rot='') { var rotObj = {}; this.toString = () => { var i, s = []; for (i of Object.keys(rotObj).sort(RotSeq.sort)) s.push(i + ':' + rotObj[i].join(':')); return s.join(','); }; this[Symbol.iterator] = iter; this.addseq = rot => { if (!(rot instanceof RotSeq) && typeof rot != 'string') throw new TypeError('Argument must be string or RotSeq instance!'); if (typeof rot == 'string' && !RotSeq.valid.test(rot)) throw new SyntaxError('Invalid RotSeq string sequence: "'+rot+'"'); var rotStr = rot instanceof RotSeq ? ''+rot : rot; parse(rotStr); }; this.addrot = (direction,cubeIndex=0) => { if (!RotSeq.dir.hasOwnProperty(direction)) throw new RangeError('Invalid direction: "'+direction+'"'); if (!rotObj.hasOwnProperty(cubeIndex)) rotObj[cubeIndex] = []; rotObj[cubeIndex].push(direction); }; this.inverse = () => { var r, s = new RotSeq(); for (r of iter(true)) s.addrot(...r); return s; }; function parse(rotStr) { var i, r, rot = rotStr.split(','); for (r of rot) { r = r.split(':'); i = r.shift(); rotObj[i] = rotObj.hasOwnProperty(i) ? rotObj[i].concat(r) : r; } } function *iter(inv) { var d, i, r; for ([i,r] of Object.entries(rotObj)) { if (inv) r = r.reverse().map(RotSeq.inv); for (d of r) yield [d,i]; } } if (rot) this.addseq(rot); } RotSeq.valid = /^(?:\d+(?::[URLD])+(?:,(?=\d)|$))*$/; RotSeq.sort = (a,b) => a - b; RotSeq.inv = v => RotSeq.dir[v]; RotSeq.dir = {U: 'D', R: 'L', L: 'R', D: 'U'}; // some utilities functions // convert string coordinates to Vertex instance function i2v(i='000') { return new Vertex3d(...i); } /* // convert Vertex instance to string coordinates function v2i(v=new Vertex3d()) { return ''+v; } // l-pad string (default parameters to handle string coordinates) function padLeft(str='',len=3,chr='0') { if (str.length == len) return str; if (str.length > len) return str.substr(str.length-len); len -= str.length; while (len--) str = chr + str; return str; } */ // r-pad string (default parameters to handle 8-length cube sub-strings) function padRight(str='',len=8,chr=' ') { if (str.length == len) return str; if (str.length > len) return str.substr(0,len); len -= str.length; while (len--) str += chr; return str; } // ====================================================================== // ----------------------------------------------------------- UNIT TESTS // ====================================================================== /* 011-----111 / | / | 010-----110 | | | | | | 001--|--101 | / | / 000-----100 */ // ====================================================================== // TODO: refactor as standalone IIFE ------------------------------------ // log/test utilities functions function log(s) { var out = this == window || this == CryptoCube ? log.out : this; //console.log(out+' log: '+s); out.innerHTML += s+'
'; } log.out = null; function test(a,b) { log(a==b ? 'OK' : ' FAIL
=> got: "'+a+'"
expect: "'+b+'"'); } function hesc(s) { return s.replace(/&/g,'&').replace(/ '+subtest+': '+Object.keys(utests[subtest]).join(', ')); for (test of Object.keys(utests[subtest])) { console.log(subtest+'.'+test); utests[subtest][test](); } } }; utests.misc = Object.create(null); utests.vertex3d = Object.create(null); utests.cubestring = Object.create(null); utests.rotseq = Object.create(null); utests.cryptocube = Object.create(null); // ----------------------------------------------------- cryptocube tests // CryptoCube.toString utests.cryptocube.tostring = () => { log('

CryptoCube.toString() tests

'); var tests = [ 'Sololearn', 'This is a test', 'attempt' ]; var s, c; for (s of tests) { c = new CryptoCube(s); test(''+c,s); } }; // CryptoCube.encrypt + CryptoCube.decrypt utests.cryptocube.crypt = () => { log('

CryptoCube.encrypt() + CryptoCube.decrypt() tests

'); var tests = [ ['I love coding and SoloLearn','0:U:U:L:R,1:U,2:D:R,3:U:R'] ]; var s, r, c; for ([s,r] of tests) { c = new CryptoCube(s); c.encrypt(r); c.decrypt(r); test(''+c,s); } }; // random CryptoCube.encrypt + CryptoCube.decrypt utests.cryptocube.randcrypt = () => { log('

random CryptoCube.encrypt() + CryptoCube.decrypt() tests

'); var tests = [ 'visph', 'SoloLearn', 'I love coding and SoloLearn', 'This is a very, very long test case attempt!' // TODO: test cases with unicode + extended range (astral plane) ]; var s, r, c, n; for (s of tests) { n = 5; log('# '+s); while (n--) { c = new CryptoCube(s); r = c.encrypt(); log('=> '+r+'
• '+c); c.decrypt(r); test(''+c,s); } } }; // --------------------------------------------------------- rotseq tests /* // temp test RotSeq iterator // (single test case: output log and check toString result) utests.rotseq.iterator = () => { var s = new RotSeq('0:U:U:L:R,1:U,2:D:R,3:U:R'); log('

temp test RotSeq iterator

'+s); test(''+s,'0:U:U:L:R,1:U,2:D:R,3:U:R'); for (var r of s) log(r); }; */ // RotSeq.valid (regexp) utests.rotseq.valid = () => { log('

RotSeq.valid (regexp) error cases tests

'); var tests = [ '0:U:U:L:R,1:U,2:D:R,3:U:R,', '0:L:R:D:D,1:D,2:L:X,3:L:D', 'R:U:U:L:R', '0:2:R:D:D' ]; var r, t, m = 'SyntaxError: Invalid RotSeq string sequence: "'; for (t of tests) try { r = new RotSeq(t); } catch (e) { test(e,m+t+'"'); } }; // RotSeq.inverse + RotSeq.valid (regexp) utests.rotseq.inverse = () => { log('

RotSeq.inverse() + RotSeq.valid (regexp) tests

'); var tests = [ ['0:U:U:L:R,1:U,2:D:R,3:U:R','0:L:R:D:D,1:D,2:L:U,3:L:D'], ['0:U:U:L:R','0:L:R:D:D'], ]; var a, b; for ([a,b] of tests) { if (!RotSeq.valid.test(a)) throw new Error('Invalid rotation string: '+a); if (!RotSeq.valid.test(b)) throw new Error('Invalid rotation string: '+b); a = (new RotSeq(a)).inverse(); test(''+a,b); } }; // TODO: unit tests for RotSeq methods addseq + addrot // TODO: unit test for RotSeq() + RotSeq({}) + RotSeq(new RotSeq()) // RotSeq.toString + RotSeq.valid (regexp) utests.rotseq.misc = () => { log('

TODO: unit tests for RotSeq methods addseq() + addrot() tests

'); var tests = [ [ {0: ["U","U","L","R"], 1: ["U"], 2: ["D","R"], 3: ["U","R"]}, '0:U:U:L:R,1:U,2:D:R,3:U:R' ], [ {0: ["R","L","U","U"], 1: ["U"], 2: ["R","D"], 3: ["R","U"]}, '0:R:L:U:U,1:U,2:R:D,3:R:U' ], [ {0: ["U","U","L","R"]}, '0:U:U:L:R' ], [ {0: ["U","U","L","R"], 1: ["U","U","R"], 2: ["D","R"]}, '0:U:U:L:R,1:U:U:R,2:D:R' ], ]; /* var a, b; for ([a,b] of tests) { if (!RotSeq.valid.test(b)) throw new Error('Invalid rotation string: '+b); a = new RotSeq(a); test(''+a,b); } }; // parseRot + CryptoCube.validRotStr utests.rotseq.more = () => { log('

parseRot() + CryptoCube.validRotStr (regexp) tests

'); var tests = [ [ '0:U:U:L:R,1:U,2:D:R,3:U:R', '{"0":["U","U","L","R"],"1":["U"],"2":["D","R"],"3":["U","R"]}' ], [ '0:R:L:U:U,1:U,2:R:D,3:R:U', '{"0":["R","L","U","U"],"1":["U"],"2":["R","D"],"3":["R","U"]}' ], [ '0:U:U:L:R', '{"0":["U","U","L","R"]}' ], [ '0:U:U:L:R,1:U,2:D:R,1:U:R', '{"0":["U","U","L","R"],"1":["U","U","R"],"2":["D","R"]}' ], ]; var a, b; for ([a,b] of tests) { if (!RotSeq.valid.test(a)) throw new Error('Invalid rotation string: '+a); a = parseRot(a); test(JSON.stringify(a),b); } */ }; // ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: // ----------------------------------------------------- cubestring tests // CubeString.toString utests.cubestring.tostring = () => { log('

CubeString.toString() tests

'); var tests = [ ['',' '], ['abc','abc '], ['abcdefgh','abcdefgh'], ['abcdefghij','abcdefgh'], ['abcdef','abcdef '], ]; var a, b; for ([a,b] of tests) { a = new CubeString(a); test(''+a,b); } }; // CubeString.rot.U utests.cubestring.rot_U = () => { log('

CubeString.rot.U() tests

'); var tests = [ ['LeoSralo','rLSoaeol'] ]; var a, b; for ([a,b] of tests) { a = new CubeString(a); test(''+a.rot.U(),b); } }; // CubeString.rot.R utests.cubestring.rot_R = () => { log('

CubeString.rot.R() tests

'); var tests = [ ['SoloLear','LeoSralo'] ]; var a, b; for ([a,b] of tests) { a = new CubeString(a); test(''+a.rot.R(),b); } }; // CubeString.rot.L utests.cubestring.rot_L = () => { log('

CubeString.rot.L() tests

'); var tests = [ ['LeoSralo','SoloLear'] ]; var a, b; for ([a,b] of tests) { a = new CubeString(a); test(''+a.rot.L(),b); } }; // CubeString.rot.D utests.cubestring.rot_D = () => { log('

CubeString.rot.D() tests

'); var tests = [ ['rLSoaeol','LeoSralo'] ]; var a, b; for ([a,b] of tests) { a = new CubeString(a); test(''+a.rot.D(),b); } }; // ------------------------------------------------------- vertex3d tests // Vertex3d.rot.U utests.vertex3d.rot_U = () => { log('

Vertex3d.rot.U() tests

'); var tests = [ ['000','010'], ['010','011'], ['110','111'], ['100','110'], ['001','000'], ['011','001'], ['111','101'], ['101','100'] ]; var a, b; for ([a,b] of tests) { a = i2v(a); test(''+a.rot.U(),b); } }; // Vertex3d.rot.R utests.vertex3d.rot_R = () => { log('

Vertex3d.rot.R() tests

'); var tests = [ ['000','100'], ['010','110'], ['110','111'], ['100','101'], ['001','000'], ['011','010'], ['111','011'], ['101','001'] ]; var a, b; for ([a,b] of tests) { a = i2v(a); test(''+a.rot.R(),b); } }; // Vertex3d.rot.L utests.vertex3d.rot_L = () => { log('

Vertex3d.rot.L() tests

'); var tests = [ ['000','001'], ['010','011'], ['110','010'], ['100','000'], ['001','101'], ['011','111'], ['111','110'], ['101','100'] ]; var a, b; for ([a,b] of tests) { a = i2v(a); test(''+a.rot.L(),b); } }; // Vertex3d.rot.D utests.vertex3d.rot_D = () => { log('

Vertex3d.rot.D() tests

'); var tests = [ ['000','001'], ['010','000'], ['110','100'], ['100','101'], ['001','011'], ['011','010'], ['111','110'], ['101','111'] ]; var a, b; for ([a,b] of tests) { a = i2v(a); test(''+a.rot.D(),b); } }; // ----------------------------------------------------------- misc tests // i2v utests.misc.i2v = () => { log('

i2v() tests

'); var tests = ['000','010','110','100','001','011','111','101']; var i, v; for (i of tests) { v = i2v(i); test(''+v,i); } }; /* // padLeft utests.misc.padleft = () => { log('

padLeft() tests

'); var tests = [ ['','000'], ['123','123'], ['1234','234'], ['1','001'], ['12','012'], ]; var a, b; for ([a,b] of tests) test(padLeft(a),b); }; */ // padRight utests.misc.padright = () => { log('

padRight() tests

'); var tests = [ ['',' '], ['abc','abc '], ['abcdefgh','abcdefgh'], ['abcdefghij','abcdefgh'], ['abcdef','abcdef '], ]; var a, b; for ([a,b] of tests) test(padRight(a),b); }; })(); document.addEventListener('DOMContentLoaded', () => { // Crypto-Cube User Interface handler initializations var inout = document.querySelector('#text-input'), rotsq = document.querySelector('#rot-seq'), rotmn = document.querySelector('#rot-min'), rotmx = document.querySelector('#rot-max'), oview = document.querySelector('#output-view div'), ologs = document.querySelector('#output-log div'), navbt = document.querySelectorAll('nav input[type="button"]'), swbar = document.querySelectorAll('h3.switch-bar'), aside = document.querySelector('aside'), opbar = document.querySelector('aside > h3'), ovbar = document.querySelector('#output-view > h3'), lgbar = document.querySelector('#output-log > h3'), lgbtn = document.querySelector('input[value="logs"]'), clbtn = document.querySelector('input[value="clear log"]'), ehint = document.querySelector('#err-hint'), CC = window.CryptoCube, // todo? use exported regex from static RotSeq.valid property? rsrx = /^(?:\d+(?::[URLD])+(?:,(?=\d)|$))*$/, ui = { 'run tests': utests, encrypt: encrypt, decrypt: decrypt, // options: options, // disabled: still not implemented JS part! 'logs': logs, display: display, 'clear log': (e) => { ologs.innerHTML = ''; } }, log = CC.log, hesc = CC.hesc, encbt, decbt, e; CC.log.out = ologs; navbt = Array.from(navbt); for (e of navbt) { if (ui[e.value]) { e.addEventListener('click',ui[e.value]); e.removeAttribute('disabled'); if (e.value == 'encrypt') encbt = e; else if (e.value == 'decrypt') decbt = e; } } swbar = Array.from(swbar); for (e of swbar) { e.addEventListener('click',switchbar); } inout.disabled = false; rotsq.disabled = false; inout.nextSibling.disabled = false; rotsq.nextSibling.disabled = false; inout.nextSibling.addEventListener('click',clear); rotsq.nextSibling.addEventListener('click',clear); inout.addEventListener('input',view); rotsq.addEventListener('input',check); view(); function check() { // rot seq validity/compatibility checker // todo? refactor as RotSeq.check(t) method? var v, t = inout.value.replace(/\s+$/,''); v = rotsq.validity ? !rotsq.validity.patternMismatch : rsrx.test(t); if (v) { // valid rot. sequence field value syntax: check compatibility var c = Math.ceil(t.length / 8), n = rotsq.value.match(/\d+/g); n = n ? Math.max(...n) : -1; if (c && c <= n) { // incompatible rotsq.classList.add('inept'); // log compatibility error hint ehint.innerHTML = 'Rotate sequence mismatch input string!' +'
(text input require '+c+' cubes but rotate' +' sequence provide values for '+n+' cubes)'; } else { // compatible rotsq.classList.remove('inept'); // delete compatibility error hint ehint.innerHTML = ''; } if (encbt.disabled != !t) encbt.disabled = !t; t = !t || !rotsq.value; if (decbt.disabled != t) decbt.disabled = t; // if validation API not available if (!rotsq.validity) rotsq.classList.remove('invalid'); } else { // invalid rotations sequence field value syntax if (!encbt.disabled) encbt.disabled = true; if (!decbt.disabled) decbt.disabled = true; // log validity error hint ehint.innerHTML = 'Rotate sequence syntax error!'; // if validation API not available if (!rotsq.validity) rotsq.classList.add('invalid'); } ehint.style.display = ehint.innerHTML ? '' : 'none'; } function view() { // text oninput event handler // cubes visualization output (ascii-art) var s = inout.value; oview.innerHTML = ''; for (var i=0; i''+v+''); return `

  ${s[5]}------${s[6]}
 /|     /|
${s[1]}------${s[2]} |
| ${s[4]}----|-${s[7]}
|/     |/
${s[0]}------${s[3]}

`; /* F------G /| /| B------C | | E----|-H |/ |/ A------D */ } function clear(e) { // delete buttons click event handler e.currentTarget.previousSibling.value = ''; view(); check(); } function encrypt(e) { // encrypt button click event handler var c = inout.value; log('

Encryption of:') log('=> "'+c+'"') c = new CC(c); log(oview.innerHTML+'

'); rotsq.value = c.encrypt(rotsq.value); inout.value = c; view(); log('Rotate steps:'+getHTMLlog(c)+'

Encoded text / rotate sequence:'); log('=> "'+inout.value+'
=> '+rotsq.value+'

'); } function decrypt(e) { // decrypt button click event handler var c = inout.value; log('

Decryption of:') log('=> "'+c+'"') log('Rotate sequence used:'); log('=> "'+rotsq.value+'"'); c = new CC(c); inout.value = c.decrypt(rotsq.value); view(); log('Rotate steps:'+getHTMLlog(c)+'

Decoded text:'); log('=> "'+inout.value+'

'); } var dir = {U: 'UP', R: 'RIGHT', L: 'LEFT', D: 'DOWN'}; function getHTMLlog(c) { // format cubes rotations log var n, i, d, s, h = ''; for (i in c.logHTML) { s = c.logHTML[i]; h += ''; for (n=0; n'; } h += '

'; } return h; } function switchbar(e) { // open/close sections: titles onclick handler f = e.currentTarget.classList.toggle('open'); if (e.currentTarget.parentNode.id == 'output-log') clbtn.style.display = f ? '' : 'none'; } function utests(e) { // unit tests button click event handler lgbtn.classList.remove('off'); ologs.parentNode.classList.add('open'); lgbar.classList.add('open'); CC.utests(); log('

'); } function options(e) { // options button click handler: show/hide section if (aside.classList.toggle('open')) { e.currentTarget.classList.remove('off'); opbar.classList.add('open'); } else e.currentTarget.classList.add('off'); } function display(e) { // display button click handler: show/hide section if (oview.parentNode.classList.toggle('open')) { e.currentTarget.classList.remove('off'); ovbar.classList.add('open'); } else e.currentTarget.classList.add('off'); } function logs(e) { // logs button click handler: show/hide section if (ologs.parentNode.classList.toggle('open')) { e.currentTarget.classList.remove('off'); lgbar.classList.add('open'); } else e.currentTarget.classList.add('off'); } setInterval(() => { // dynamical clear log button state update if (ologs.innerHTML) { if (clbtn.disabled) { clbtn.disabled = false; ologs.style.display = ''; } } else if (!clbtn.disabled) { clbtn.disabled = true; ologs.style.display = 'none'; } },300); setTimeout(alert,500,`I did not know about the contest until the day before yesterday... too late to implement the visualization with

Crypto-Cube [SL weekly contest] (+++) RC-2