@pezkuwi/ui-shared 3.16.8 → 3.17.0

package/build/README.md

@@ -0,0 +1,3 @@
+# @pezkuwi/ui-shared
+
+Shared logic for various logic. For identicon generation used inside the `@pezkuwi/{react, reactnative, vue}-identicon` icons.

package/build/bundle.js

@@ -0,0 +1,2 @@
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';

package/build/cjs/bundle.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';

package/build/cjs/bundle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageInfo = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./icons/index.js"), exports);
+var packageInfo_js_1 = require("./packageInfo.js");
+Object.defineProperty(exports, "packageInfo", { enumerable: true, get: function () { return packageInfo_js_1.packageInfo; } });

package/build/cjs/icons/beachball/colors.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = colors;
+const colord_1 = require("colord");
+const defaults_js_1 = require("./defaults.js");
+const WOBBLE = 30;
+function colors(seeder) {
+    const amount = (seeder() * WOBBLE) - (WOBBLE / 2);
+    const all = defaults_js_1.COLORS.map((hex) => (0, colord_1.colord)(hex).rotate(amount));
+    return (alpha = 1) => {
+        const index = Math.floor(all.length * seeder());
+        return all.splice(index, 1)[0]
+            .alpha(alpha)
+            .toHslString();
+    };
+}

package/build/cjs/icons/beachball/container.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.container = container;
+function container(diameter, background = 'white', className = '', _style = {}) {
+    const element = document.createElement('div');
+    const style = Object.assign({
+        background,
+        borderRadius: `${diameter / 2}px`,
+        display: 'inline-block',
+        height: `${diameter}px`,
+        margin: '0px',
+        overflow: 'hidden',
+        padding: '0px',
+        width: `${diameter}px`
+    }, _style);
+    element.className = className;
+    element.style.background = background;
+    Object.keys(style).forEach((key) => {
+        element.style[key] = style[key];
+    });
+    return element;
+}

package/build/cjs/icons/beachball/defaults.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SHAPE_COUNT = exports.COLORS = void 0;
+exports.COLORS = [
+    // https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/
+    '#ffe119', '#4363d8', '#f58231', '#fabebe', '#e6beff', '#800000', '#000075', '#a9a9a9', '#ffffff', '#000000'
+];
+exports.SHAPE_COUNT = 5;

package/build/cjs/icons/beachball/demo.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const util_1 = require("@pezkuwi/util");
+const util_crypto_1 = require("@pezkuwi/util-crypto");
+const index_js_1 = require("./index.js");
+const element = document.getElementById('demo');
+function generateIcon(seed = (0, util_crypto_1.encodeAddress)((0, util_crypto_1.randomAsU8a)(32))) {
+    const start = Date.now();
+    if ((0, util_1.isNull)(element)) {
+        throw new Error('Unable to find #demo element');
+    }
+    element.appendChild((0, index_js_1.beachballIcon)(seed, { isAlternative: false, size: 100 }, 'padded'));
+    console.log(`Icon generated in ${(Date.now() - start)}ms`);
+}
+function generateIcons(count = 512) {
+    generateIcon((0, util_crypto_1.encodeAddress)(new Uint8Array(32)));
+    for (let index = 1; index < count; index++) {
+        generateIcon();
+    }
+}
+generateIcons();

package/build/cjs/icons/beachball/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.beachballIcon = beachballIcon;
+const circle_js_1 = require("./shape/circle.js");
+const element_js_1 = require("./svg/element.js");
+const colors_js_1 = require("./colors.js");
+const container_js_1 = require("./container.js");
+const defaults_js_1 = require("./defaults.js");
+const seeder_js_1 = require("./seeder.js");
+function beachballIcon(seed, { size = 256 }, className = '', style) {
+    const seeder = (0, seeder_js_1.seeder)(seed);
+    const colorGen = (0, colors_js_1.colors)(seeder);
+    const outer = (0, container_js_1.container)(size, 'white', className, style);
+    const container = (0, container_js_1.container)(size, colorGen());
+    const svg = (0, element_js_1.element)(size);
+    outer.appendChild(container);
+    container.appendChild(svg);
+    for (let count = 0; count < defaults_js_1.SHAPE_COUNT; count++) {
+        const fill = colorGen();
+        const shape = (0, circle_js_1.circle)(seeder, fill, size, count);
+        svg.appendChild(shape);
+    }
+    return outer;
+}

package/build/cjs/icons/beachball/seeder.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.seeder = seeder;
+const util_1 = require("@pezkuwi/util");
+const DIVISOR = 256 * 256;
+function seeder(_seed = new Uint8Array(32)) {
+    const seed = (0, util_1.isU8a)(_seed)
+        ? _seed
+        : (0, util_1.stringToU8a)(_seed);
+    let index = (seed[Math.floor(seed.length / 2)] % seed.length) - 1;
+    const next = () => {
+        index += 1;
+        if (index === seed.length) {
+            index = 0;
+        }
+        return seed[index];
+    };
+    return () => {
+        return ((next() * 256) + next()) / DIVISOR;
+    };
+}

package/build/cjs/icons/beachball/shape/circle.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.circle = circle;
+const defaults_js_1 = require("../defaults.js");
+const circle_js_1 = require("../svg/circle.js");
+function circle(seeder, fill, diameter, count) {
+    const center = diameter / 2;
+    const angle = seeder() * 360;
+    const radius = (((defaults_js_1.SHAPE_COUNT - count) / defaults_js_1.SHAPE_COUNT) * (diameter / 2)) + ((diameter / 8) * seeder());
+    const offset = (diameter / 4) * (seeder() + ((count + 1) / defaults_js_1.SHAPE_COUNT));
+    const cx = (offset * Math.sin(angle)) + center;
+    const cy = (offset * Math.cos(angle)) + center;
+    const svg = (0, circle_js_1.circle)(radius, cx, cy);
+    svg.setAttributeNS('', 'fill', fill);
+    return svg;
+}

package/build/cjs/icons/beachball/shape/square.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.square = square;
+const defaults_js_1 = require("../defaults.js");
+const rect_js_1 = require("../svg/rect.js");
+function square(seeder, fill, diameter, count) {
+    const center = diameter / 2;
+    const svg = (0, rect_js_1.rect)(diameter);
+    const firstRot = seeder();
+    const angle = Math.PI * 2 * firstRot;
+    const scale = count / defaults_js_1.SHAPE_COUNT;
+    const velocity = ((diameter / defaults_js_1.SHAPE_COUNT) * seeder()) + (scale * diameter);
+    const tx = (Math.cos(angle) * velocity).toFixed(3);
+    const ty = (Math.sin(angle) * velocity).toFixed(3);
+    const rot = ((firstRot * 360) + (seeder() * 180)).toFixed(1);
+    svg.setAttributeNS('', 'transform', `translate(${tx} ${ty}) rotate(${rot} ${center} ${center})`);
+    svg.setAttributeNS('', 'fill', fill);
+    return svg;
+}

package/build/cjs/icons/beachball/svg/circle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.circle = circle;
+const svg_js_1 = require("./svg.js");
+function circle(r, cx, cy) {
+    const elem = (0, svg_js_1.svg)('circle');
+    elem.setAttributeNS('', 'cx', `${cx}`);
+    elem.setAttributeNS('', 'cy', `${cy}`);
+    elem.setAttributeNS('', 'r', `${r}`);
+    return elem;
+}

package/build/cjs/icons/beachball/svg/element.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.element = element;
+const svg_js_1 = require("./svg.js");
+function element(size, type = 'svg', x = 0, y = 0) {
+    const elem = (0, svg_js_1.svg)(type);
+    elem.setAttributeNS('', 'x', `${x}`);
+    elem.setAttributeNS('', 'y', `${y}`);
+    elem.setAttributeNS('', 'width', `${size}`);
+    elem.setAttributeNS('', 'height', `${size}`);
+    return elem;
+}

package/build/cjs/icons/beachball/svg/rect.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rect = rect;
+const element_js_1 = require("./element.js");
+function rect(size) {
+    const elem = (0, element_js_1.element)(size, 'rect');
+    elem.setAttributeNS('', 'rx', `${size / 16}`);
+    elem.setAttributeNS('', 'ry', `${size / 16}`);
+    return elem;
+}

package/build/cjs/icons/beachball/svg/svg.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.svg = svg;
+const SVG_NS = 'http://www.w3.org/2000/svg';
+function svg(type) {
+    return document.createElementNS(SVG_NS, type);
+}

package/build/cjs/icons/beachball/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{cjs → build/cjs}/icons/index.d.ts

@@ -1,2 +1,2 @@
 export { beachballIcon } from './beachball/index.js';
-export { polkadotIcon } from './polkadot.js';
+export { pezkuwiIcon } from './pezkuwi.js';

package/build/cjs/icons/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pezkuwiIcon = exports.beachballIcon = void 0;
+var index_js_1 = require("./beachball/index.js");
+Object.defineProperty(exports, "beachballIcon", { enumerable: true, get: function () { return index_js_1.beachballIcon; } });
+var pezkuwi_js_1 = require("./pezkuwi.js");
+Object.defineProperty(exports, "pezkuwiIcon", { enumerable: true, get: function () { return pezkuwi_js_1.pezkuwiIcon; } });

package/{icons/polkadot.d.ts → build/cjs/icons/pezkuwi.d.ts}

@@ -2,4 +2,4 @@ import type { Circle, Options } from './types.js';
 /**
  * @description Generates an array of the circles that make up an identicon
  */
-export declare function polkadotIcon(address: string, { isAlternative }: Options): Circle[];
+export declare function pezkuwiIcon(address: string, { isAlternative }: Options): Circle[];

package/build/cjs/icons/pezkuwi.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pezkuwiIcon = pezkuwiIcon;
+const util_crypto_1 = require("@pezkuwi/util-crypto");
+const S = 64;
+const C = S / 2;
+const Z = S / 64 * 5;
+const SCHEMES = [
+    /* 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 },
+    /* 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 },
+    /* 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 },
+    /* hmirror */ { colors: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 8, 6, 7, 5, 3, 4, 2, 11], freq: 128 }
+];
+const SCHEMES_TOTAL = SCHEMES
+    .map((s) => s.freq)
+    .reduce((a, b) => a + b);
+const OUTER_CIRCLE = {
+    cx: C,
+    cy: C,
+    fill: '#eee',
+    r: C
+};
+let zeroHash = new Uint8Array();
+function getRotation(isSixPoint) {
+    const r = isSixPoint
+        ? (C / 8 * 5)
+        : (C / 4 * 3);
+    const rroot3o2 = r * Math.sqrt(3) / 2;
+    const ro2 = r / 2;
+    const rroot3o4 = r * Math.sqrt(3) / 4;
+    const ro4 = r / 4;
+    const r3o4 = r * 3 / 4;
+    return { r, r3o4, ro2, ro4, rroot3o2, rroot3o4 };
+}
+function getCircleXY(isSixPoint = false) {
+    const { r, r3o4, ro2, ro4, rroot3o2, rroot3o4 } = getRotation(isSixPoint);
+    return [
+        [C, C - r],
+        [C, C - ro2],
+        [C - rroot3o4, C - r3o4],
+        [C - rroot3o2, C - ro2],
+        [C - rroot3o4, C - ro4],
+        [C - rroot3o2, C],
+        [C - rroot3o2, C + ro2],
+        [C - rroot3o4, C + ro4],
+        [C - rroot3o4, C + r3o4],
+        [C, C + r],
+        [C, C + ro2],
+        [C + rroot3o4, C + r3o4],
+        [C + rroot3o2, C + ro2],
+        [C + rroot3o4, C + ro4],
+        [C + rroot3o2, C],
+        [C + rroot3o2, C - ro2],
+        [C + rroot3o4, C - ro4],
+        [C + rroot3o4, C - r3o4],
+        [C, C]
+    ];
+}
+function findScheme(d) {
+    let cum = 0;
+    const schema = SCHEMES.find((schema) => {
+        cum += schema.freq;
+        return d < cum;
+    });
+    if (!schema) {
+        throw new Error('Unable to find schema');
+    }
+    return schema;
+}
+function addressToId(address) {
+    if (!zeroHash.length) {
+        zeroHash = (0, util_crypto_1.blake2AsU8a)(new Uint8Array(32), 512);
+    }
+    return (0, util_crypto_1.blake2AsU8a)((0, util_crypto_1.decodeAddress)(address), 512).map((x, i) => (x + 256 - zeroHash[i]) % 256);
+}
+function getColors(address) {
+    const id = addressToId(address);
+    const d = Math.floor((id[30] + id[31] * 256) % SCHEMES_TOTAL);
+    const rot = (id[28] % 6) * 3;
+    const sat = (Math.floor(id[29] * 70 / 256 + 26) % 80) + 30;
+    const scheme = findScheme(d);
+    const palette = Array.from(id).map((x, i) => {
+        const b = (x + i % 28 * 58) % 256;
+        if (b === 0) {
+            return '#444';
+        }
+        else if (b === 255) {
+            return 'transparent';
+        }
+        const h = Math.floor(b % 64 * 360 / 64);
+        const l = [53, 15, 35, 75][Math.floor(b / 64)];
+        return `hsl(${h}, ${sat}%, ${l}%)`;
+    });
+    return scheme.colors.map((_, i) => palette[scheme.colors[i < 18 ? (i + rot) % 18 : 18]]);
+}
+/**
+ * @description Generates an array of the circles that make up an identicon
+ */
+function pezkuwiIcon(address, { isAlternative }) {
+    const xy = getCircleXY(isAlternative);
+    let colors;
+    try {
+        // in some cases, e.g. RN where crypto may not be initialized, chaos can
+        // happen when hashing, in these cases we just fill with a placeholder
+        colors = getColors(address);
+    }
+    catch {
+        colors = new Array(xy.length).fill('#ddd');
+    }
+    return [OUTER_CIRCLE].concat(xy.map(([cx, cy], index) => ({
+        cx, cy, fill: colors[index], r: Z
+    })));
+}

package/build/cjs/icons/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+require("./packageDetect.js");
+tslib_1.__exportStar(require("./bundle.js"), exports);

package/build/cjs/packageDetect.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const util_1 = require("@pezkuwi/util");
+const packageInfo_js_1 = require("./packageInfo.js");
+(0, util_1.detectPackage)(packageInfo_js_1.packageInfo, null, []);

package/build/cjs/packageInfo.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageInfo = void 0;
+exports.packageInfo = { name: '@pezkuwi/ui-shared', path: typeof __dirname === 'string' ? __dirname : 'auto', type: 'cjs', version: '3.17.0' };

package/build/icons/beachball/colors.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGen, Seeder } from './types.js';
+export declare function colors(seeder: Seeder): ColorGen;

package/build/icons/beachball/colors.js

@@ -0,0 +1,13 @@
+import { colord } from 'colord';
+import { COLORS } from './defaults.js';
+const WOBBLE = 30;
+export function colors(seeder) {
+    const amount = (seeder() * WOBBLE) - (WOBBLE / 2);
+    const all = COLORS.map((hex) => colord(hex).rotate(amount));
+    return (alpha = 1) => {
+        const index = Math.floor(all.length * seeder());
+        return all.splice(index, 1)[0]
+            .alpha(alpha)
+            .toHslString();
+    };
+}

package/build/icons/beachball/container.d.ts

@@ -0,0 +1 @@
+export declare function container(diameter: number, background?: string, className?: string, _style?: Record<string, string>): HTMLElement;

package/build/icons/beachball/container.js

@@ -0,0 +1,19 @@
+export function container(diameter, background = 'white', className = '', _style = {}) {
+    const element = document.createElement('div');
+    const style = Object.assign({
+        background,
+        borderRadius: `${diameter / 2}px`,
+        display: 'inline-block',
+        height: `${diameter}px`,
+        margin: '0px',
+        overflow: 'hidden',
+        padding: '0px',
+        width: `${diameter}px`
+    }, _style);
+    element.className = className;
+    element.style.background = background;
+    Object.keys(style).forEach((key) => {
+        element.style[key] = style[key];
+    });
+    return element;
+}

package/build/icons/beachball/defaults.d.ts

@@ -0,0 +1,2 @@
+export declare const COLORS: readonly string[];
+export declare const SHAPE_COUNT: 5;

package/build/icons/beachball/defaults.js

@@ -0,0 +1,5 @@
+export const COLORS = [
+    // https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/
+    '#ffe119', '#4363d8', '#f58231', '#fabebe', '#e6beff', '#800000', '#000075', '#a9a9a9', '#ffffff', '#000000'
+];
+export const SHAPE_COUNT = 5;

package/build/icons/beachball/demo.d.ts

@@ -0,0 +1 @@
+export {};

package/build/icons/beachball/demo.js

@@ -0,0 +1,19 @@
+import { isNull } from '@pezkuwi/util';
+import { encodeAddress, randomAsU8a } from '@pezkuwi/util-crypto';
+import { beachballIcon } from './index.js';
+const element = document.getElementById('demo');
+function generateIcon(seed = encodeAddress(randomAsU8a(32))) {
+    const start = Date.now();
+    if (isNull(element)) {
+        throw new Error('Unable to find #demo element');
+    }
+    element.appendChild(beachballIcon(seed, { isAlternative: false, size: 100 }, 'padded'));
+    console.log(`Icon generated in ${(Date.now() - start)}ms`);
+}
+function generateIcons(count = 512) {
+    generateIcon(encodeAddress(new Uint8Array(32)));
+    for (let index = 1; index < count; index++) {
+        generateIcon();
+    }
+}
+generateIcons();

package/build/icons/beachball/index.d.ts

@@ -0,0 +1,2 @@
+import type { Options } from '../types.js';
+export declare function beachballIcon(seed: string | Uint8Array, { size }: Options, className?: string, style?: Record<string, string>): HTMLElement;

package/build/icons/beachball/index.js

@@ -0,0 +1,21 @@
+import { circle } from './shape/circle.js';
+import { element } from './svg/element.js';
+import { colors } from './colors.js';
+import { container as newContainer } from './container.js';
+import { SHAPE_COUNT } from './defaults.js';
+import { seeder as newSeeder } from './seeder.js';
+export function beachballIcon(seed, { size = 256 }, className = '', style) {
+    const seeder = newSeeder(seed);
+    const colorGen = colors(seeder);
+    const outer = newContainer(size, 'white', className, style);
+    const container = newContainer(size, colorGen());
+    const svg = element(size);
+    outer.appendChild(container);
+    container.appendChild(svg);
+    for (let count = 0; count < SHAPE_COUNT; count++) {
+        const fill = colorGen();
+        const shape = circle(seeder, fill, size, count);
+        svg.appendChild(shape);
+    }
+    return outer;
+}

package/build/icons/beachball/seeder.d.ts

@@ -0,0 +1,2 @@
+import type { Seeder } from './types.js';
+export declare function seeder(_seed?: string | Uint8Array): Seeder;

package/build/icons/beachball/seeder.js

@@ -0,0 +1,18 @@
+import { isU8a, stringToU8a } from '@pezkuwi/util';
+const DIVISOR = 256 * 256;
+export function seeder(_seed = new Uint8Array(32)) {
+    const seed = isU8a(_seed)
+        ? _seed
+        : stringToU8a(_seed);
+    let index = (seed[Math.floor(seed.length / 2)] % seed.length) - 1;
+    const next = () => {
+        index += 1;
+        if (index === seed.length) {
+            index = 0;
+        }
+        return seed[index];
+    };
+    return () => {
+        return ((next() * 256) + next()) / DIVISOR;
+    };
+}

package/build/icons/beachball/shape/circle.d.ts

@@ -0,0 +1,2 @@
+import type { Seeder } from '../types.js';
+export declare function circle(seeder: Seeder, fill: string, diameter: number, count: number): Element;

package/build/icons/beachball/shape/circle.js

@@ -0,0 +1,13 @@
+import { SHAPE_COUNT } from '../defaults.js';
+import { circle as newCircle } from '../svg/circle.js';
+export function circle(seeder, fill, diameter, count) {
+    const center = diameter / 2;
+    const angle = seeder() * 360;
+    const radius = (((SHAPE_COUNT - count) / SHAPE_COUNT) * (diameter / 2)) + ((diameter / 8) * seeder());
+    const offset = (diameter / 4) * (seeder() + ((count + 1) / SHAPE_COUNT));
+    const cx = (offset * Math.sin(angle)) + center;
+    const cy = (offset * Math.cos(angle)) + center;
+    const svg = newCircle(radius, cx, cy);
+    svg.setAttributeNS('', 'fill', fill);
+    return svg;
+}

package/build/icons/beachball/shape/square.d.ts

@@ -0,0 +1,2 @@
+import type { Seeder } from '../types.js';
+export declare function square(seeder: Seeder, fill: string, diameter: number, count: number): Element;

package/build/icons/beachball/shape/square.js

@@ -0,0 +1,16 @@
+import { SHAPE_COUNT } from '../defaults.js';
+import { rect as newRect } from '../svg/rect.js';
+export function square(seeder, fill, diameter, count) {
+    const center = diameter / 2;
+    const svg = newRect(diameter);
+    const firstRot = seeder();
+    const angle = Math.PI * 2 * firstRot;
+    const scale = count / SHAPE_COUNT;
+    const velocity = ((diameter / SHAPE_COUNT) * seeder()) + (scale * diameter);
+    const tx = (Math.cos(angle) * velocity).toFixed(3);
+    const ty = (Math.sin(angle) * velocity).toFixed(3);
+    const rot = ((firstRot * 360) + (seeder() * 180)).toFixed(1);
+    svg.setAttributeNS('', 'transform', `translate(${tx} ${ty}) rotate(${rot} ${center} ${center})`);
+    svg.setAttributeNS('', 'fill', fill);
+    return svg;
+}

package/build/icons/beachball/svg/circle.d.ts

@@ -0,0 +1 @@
+export declare function circle(r: number, cx: number, cy: number): Element;

package/build/icons/beachball/svg/circle.js

@@ -0,0 +1,8 @@
+import { svg } from './svg.js';
+export function circle(r, cx, cy) {
+    const elem = svg('circle');
+    elem.setAttributeNS('', 'cx', `${cx}`);
+    elem.setAttributeNS('', 'cy', `${cy}`);
+    elem.setAttributeNS('', 'r', `${r}`);
+    return elem;
+}

package/build/icons/beachball/svg/element.d.ts

@@ -0,0 +1 @@
+export declare function element(size: number, type?: string, x?: number, y?: number): Element;

package/build/icons/beachball/svg/element.js

@@ -0,0 +1,9 @@
+import { svg } from './svg.js';
+export function element(size, type = 'svg', x = 0, y = 0) {
+    const elem = svg(type);
+    elem.setAttributeNS('', 'x', `${x}`);
+    elem.setAttributeNS('', 'y', `${y}`);
+    elem.setAttributeNS('', 'width', `${size}`);
+    elem.setAttributeNS('', 'height', `${size}`);
+    return elem;
+}

package/build/icons/beachball/svg/rect.d.ts

@@ -0,0 +1 @@
+export declare function rect(size: number): Element;

package/build/icons/beachball/svg/rect.js

@@ -0,0 +1,7 @@
+import { element } from './element.js';
+export function rect(size) {
+    const elem = element(size, 'rect');
+    elem.setAttributeNS('', 'rx', `${size / 16}`);
+    elem.setAttributeNS('', 'ry', `${size / 16}`);
+    return elem;
+}

package/build/icons/beachball/svg/svg.d.ts

@@ -0,0 +1 @@
+export declare function svg(type: string): Element;

package/build/icons/beachball/svg/svg.js

@@ -0,0 +1,4 @@
+const SVG_NS = 'http://www.w3.org/2000/svg';
+export function svg(type) {
+    return document.createElementNS(SVG_NS, type);
+}

package/build/icons/beachball/types.d.ts

@@ -0,0 +1,2 @@
+export type Seeder = () => number;
+export type ColorGen = (alpha?: number) => string;

package/build/icons/beachball/types.js

@@ -0,0 +1 @@
+export {};

package/build/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { beachballIcon } from './beachball/index.js';
+export { pezkuwiIcon } from './pezkuwi.js';

package/build/icons/index.js

@@ -0,0 +1,2 @@
+export { beachballIcon } from './beachball/index.js';
+export { pezkuwiIcon } from './pezkuwi.js';

package/build/icons/pezkuwi.d.ts

@@ -0,0 +1,5 @@
+import type { Circle, Options } from './types.js';
+/**
+ * @description Generates an array of the circles that make up an identicon
+ */
+export declare function pezkuwiIcon(address: string, { isAlternative }: Options): Circle[];