pezkuwichain/pezkuwi-ui
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pezkuwi-ui.git synced 2026-07-22 04:25:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Small adjustments to icon calculations (#741)

Browse Source 
* Small adjustments to icon calculations

* Keep original naming
This commit is contained in:
Jaco
2023-03-23 12:42:16 +02:00
committed by GitHub
parent bf986c079f
commit 6d98c56e7a
1 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-shared/src/icons/polkadot.ts
+19 -21
View File
@@ -13,27 +13,26 @@ import { blake2AsU8a, decodeAddress } from '@polkadot/util-crypto';
interface Scheme { interface Scheme {
freq: number; freq: number;
colors: number[]; colors: readonly number[];
} }
const blake2 = (value: Uint8Array): Uint8Array =>
blake2AsU8a(value, 512);
const S = 64; const S = 64;
const C = S / 2; const C = S / 2;
const Z = S / 64 * 5; const Z = S / 64 * 5;
/* eslint-disable sort-keys */ const SCHEMES: readonly Scheme[] = [
const SCHEMA: { [index: string]: Scheme } = { /* target */ { colors: [0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 1], freq: 1 },
target: { colors: [0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 1], freq: 1 }, /* cube */ { colors: [0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 5], freq: 20 },
cube: { colors: [0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 5], freq: 20 }, /* quazar */ { colors: [1, 2, 3, 1, 2, 4, 5, 5, 4, 1, 2, 3, 1, 2, 4, 5, 5, 4, 0], freq: 16 },
quazar: { colors: [1, 2, 3, 1, 2, 4, 5, 5, 4, 1, 2, 3, 1, 2, 4, 5, 5, 4, 0], freq: 16 }, /* flower */ { colors: [0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 3], freq: 32 },
flower: { colors: [0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 3], freq: 32 }, /* cyclic */ { colors: [0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 6], freq: 32 },
cyclic: { colors: [0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 6], freq: 32 }, /* vmirror */ { colors: [0, 1, 2, 3, 4, 5, 3, 4, 2, 0, 1, 6, 7, 8, 9, 7, 8, 6, 10], freq: 128 },
vmirror: { colors: [0, 1, 2, 3, 4, 5, 3, 4, 2, 0, 1, 6, 7, 8, 9, 7, 8, 6, 10], freq: 128 }, /* hmirror */ { colors: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 8, 6, 7, 5, 3, 4, 2, 11], freq: 128 }
hmirror: { colors: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 8, 6, 7, 5, 3, 4, 2, 11], freq: 128 } ];
};
/* eslint-enable sort-keys */ const SCHEMES_TOTAL = SCHEMES
.map((s): number => s.freq)
.reduce((a, b): number => a + b);
const OUTER_CIRCLE: Circle = { const OUTER_CIRCLE: Circle = {
cx: C, cx: C,
@@ -85,7 +84,7 @@ function getCircleXY (isSixPoint = false): [number, number][] {
function findScheme (d: number): Scheme { function findScheme (d: number): Scheme {
let cum = 0; let cum = 0;
const schema = Object.values(SCHEMA).find((schema): boolean => { const schema = SCHEMES.find((schema): boolean => {
cum += schema.freq; cum += schema.freq;
return d < cum; return d < cum;
@@ -100,16 +99,15 @@ function findScheme (d: number): Scheme {
function addressToId (address: string): Uint8Array { function addressToId (address: string): Uint8Array {
if (!zeroHash.length) { if (!zeroHash.length) {
zeroHash = blake2(new Uint8Array(32)); zeroHash = blake2AsU8a(new Uint8Array(32), 512);
} }
return blake2(decodeAddress(address)).map((x, i) => (x + 256 - zeroHash[i]) % 256); return blake2AsU8a(decodeAddress(address), 512).map((x, i) => (x + 256 - zeroHash[i]) % 256);
} }
function getColors (address: string): string[] { function getColors (address: string): string[] {
const total = Object.values(SCHEMA).map((s): number => s.freq).reduce((a, b): number => a + b);
const id = addressToId(address); const id = addressToId(address);
const d = Math.floor((id[30] + id[31] * 256) % total); const d = Math.floor((id[30] + id[31] * 256) % SCHEMES_TOTAL);
const rot = (id[28] % 6) * 3; const rot = (id[28] % 6) * 3;
const sat = (Math.floor(id[29] * 70 / 256 + 26) % 80) + 30; const sat = (Math.floor(id[29] * 70 / 256 + 26) % 80) + 30;
const scheme = findScheme(d); const scheme = findScheme(d);
@@ -134,7 +132,7 @@ function getColors (address: string): string[] {
} }
/** /**
* @description Generate a array of the circles that make up an identicon * @description Generates an array of the circles that make up an identicon
*/ */
export function polkadotIcon (address: string, { isAlternative }: Options): Circle[] { export function polkadotIcon (address: string, { isAlternative }: Options): Circle[] {
const xy = getCircleXY(isAlternative); const xy = getCircleXY(isAlternative);