mr/WebTools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add base 36

Browse Source
This commit is contained in:
MrLetsplay 2023-12-05 20:23:17 +01:00
parent 0d45c9b1de
commit e813d3e5ba
Signed by: mr
SSH Key Fingerprint: SHA256:92jBH80vpXyaZHjaIl47pjRq+Yt7XGTArqQg1V7hSqg
1 changed files with 57 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/pages/ConvertBase.tsx
View File

@ -3,6 +3,9 @@ import { Component, Setter, createEffect, createSignal, on } from 'solid-js';
import styles from './Page.module.css';
import Page from './Page';
const basicChars = '0123456789abcdefghijklmnopqrstuvwxyz';
// const base64Chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz01234567890+/';
function group(str: string, groupSize: number) {
const subs = [];
for (let i = 0; i < Math.ceil(str.length / groupSize); i++) {
@ -18,6 +21,32 @@ function parse(value: string, base: number) {
return [...value].reduce((r, v) => r * BigInt(base) + BigInt(parseInt(v, base)), 0n);
}
/*function parseBase64(value: string) {
return [...value].reduce((r, v) => r * BigInt(64) + BigInt(base64Chars.indexOf(v)), 0n);
}
function toBase64(value: bigint) {
let str = '';
while (value > 0) {
str = base64Chars[(Number(value % 64n))] + str;
value /= 64n;
}
return str;
}*/
function parseAscii(value: string) {
return [...value].reduce((r, v) => r * BigInt(256) + BigInt(v.charCodeAt(0)), 0n);
}
function toAscii(value: bigint) {
let str = '';
while (value > 0) {
str = String.fromCharCode(Number(value % 256n)) + str;
value /= 256n;
}
return str;
}
const ConvertBase: Component = () => {
const [error, setError] = createSignal(' ');
const [value, setValue] = createSignal(BigInt(0));
@ -28,41 +57,46 @@ const ConvertBase: Component = () => {
const [octalTriplets, setOctalTriplet] = createSignal(true);
const [hex, setHex] = createSignal('0');
const [hexPairs, setHexPairs] = createSignal(true);
const [base36, setBase36] = createSignal('0');
//const [base64, setBase64] = createSignal('');
const [ascii, setAscii] = createSignal('');
function updateExcept(value: string, base: number, except: Setter<string>) {
const raw = value.replaceAll(/ /g, '');
setError('');
if (base == 2) { // TODO: common validation method
if ([...raw].find(c => !['0', '1'].includes(c))) {
setError('Invalid binary number');
let num;
if (base <= 36) {
if ([...raw].find(c => !basicChars.slice(0, base).includes(c) && !basicChars.toUpperCase().slice(0, base).includes(c))) {
setError('Invalid base ' + base + ' number');
return;
}
} else if (base == 8) {
if ([...raw].find(c => !['0', '1', '2', '3', '4', '5', '6', '7'].includes(c))) {
setError('Invalid octal number');
return;
}
} else if (base == 10) {
if ([...raw].find(c => !['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(c))) {
setError('Invalid decimal number');
return;
}
} else if (base == 16) {
if ([...raw].find(c => !['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'A', 'B', 'C', 'D', 'E', 'F'].includes(c))) {
setError('Invalid hex number');
num = parse(raw, base);
}/* else if (base == 64) {
if ([...raw].find(c => !base64Chars.includes(c))) {
setError('Invalid base 64 string');
return;
}
num = parseBase64(raw);
}*/ else if (base == 256) {
num = parseAscii(raw);
} else {
setError('Invalid base');
return;
}
const num = parse(raw, base);
setValue(num);
if (setDecimal != except) setDecimal(num.toString());
if (setBinary != except) setBinary(binaryOctets() ? group(num.toString(2), 8) : num.toString(2));
if (setOctal != except) setOctal(octalTriplets() ? group(num.toString(8), 3) : num.toString(8));
if (setHex != except) setHex(hexPairs() ? group(num.toString(16), 2) : num.toString(16));
if (setBase36 != except) setBase36(num.toString(36));
//if (setBase64 != except) setBase64(toBase64(num));
if (setAscii != except) setAscii(toAscii(num));
}
createEffect(on(binaryOctets, () => setBinary(binaryOctets() ? group(value().toString(2), 8) : value().toString(2))));
@ -92,6 +126,12 @@ const ConvertBase: Component = () => {
<input id={'pairs'} type={'checkbox'} checked={hexPairs()} onchange={e => setHexPairs(e.currentTarget.checked)} />
<label for={'pairs'}>Pairs</label>
</div>
<h2>Base 36</h2>
<textarea value={base36()} oninput={e => updateExcept(e.currentTarget.value, 36, setBase36)} />
{/*<h2>Base 64</h2>
<textarea value={base64()} oninput={e => updateExcept(e.currentTarget.value, 64, setBase64)} />*/}
<h2>ASCII</h2>
<textarea value={ascii()} oninput={e => updateExcept(e.currentTarget.value, 256, setAscii)} />
</Page >
);
};