@pezkuwi/ui-shared 3.16.6

package/build/package.json

@@ -0,0 +1,336 @@
+{
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/pezkuwichain/ui/issues",
+  "description": "Shared logic that is usable accross all frameworks-specific areas",
+  "engines": {
+    "node": ">=18"
+  },
+  "homepage": "https://github.com/pezkuwichain/ui/tree/master/packages/ui-shared#readme",
+  "license": "Apache-2.0",
+  "name": "@pezkuwi/ui-shared",
+  "repository": {
+    "directory": "packages/ui-shared",
+    "type": "git",
+    "url": "https://github.com/pezkuwichain/ui.git"
+  },
+  "sideEffects": [
+    "./packageDetect.js",
+    "./cjs/packageDetect.js"
+  ],
+  "type": "module",
+  "version": "3.16.6",
+  "main": "./cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./cjs/package.json": "./cjs/package.json",
+    "./cjs/*": "./cjs/*.js",
+    ".": {
+      "module": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "require": {
+        "types": "./cjs/index.d.ts",
+        "default": "./cjs/index.js"
+      },
+      "default": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
+    },
+    "./bundle": {
+      "module": {
+        "types": "./bundle.d.ts",
+        "default": "./bundle.js"
+      },
+      "require": {
+        "types": "./cjs/bundle.d.ts",
+        "default": "./cjs/bundle.js"
+      },
+      "default": {
+        "types": "./bundle.d.ts",
+        "default": "./bundle.js"
+      }
+    },
+    "./icons": {
+      "module": {
+        "types": "./icons/index.d.ts",
+        "default": "./icons/index.js"
+      },
+      "require": {
+        "types": "./cjs/icons/index.d.ts",
+        "default": "./cjs/icons/index.js"
+      },
+      "default": {
+        "types": "./icons/index.d.ts",
+        "default": "./icons/index.js"
+      }
+    },
+    "./icons/beachball": {
+      "module": {
+        "types": "./icons/beachball/index.d.ts",
+        "default": "./icons/beachball/index.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/index.d.ts",
+        "default": "./cjs/icons/beachball/index.js"
+      },
+      "default": {
+        "types": "./icons/beachball/index.d.ts",
+        "default": "./icons/beachball/index.js"
+      }
+    },
+    "./icons/beachball/colors": {
+      "module": {
+        "types": "./icons/beachball/colors.d.ts",
+        "default": "./icons/beachball/colors.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/colors.d.ts",
+        "default": "./cjs/icons/beachball/colors.js"
+      },
+      "default": {
+        "types": "./icons/beachball/colors.d.ts",
+        "default": "./icons/beachball/colors.js"
+      }
+    },
+    "./icons/beachball/container": {
+      "module": {
+        "types": "./icons/beachball/container.d.ts",
+        "default": "./icons/beachball/container.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/container.d.ts",
+        "default": "./cjs/icons/beachball/container.js"
+      },
+      "default": {
+        "types": "./icons/beachball/container.d.ts",
+        "default": "./icons/beachball/container.js"
+      }
+    },
+    "./icons/beachball/defaults": {
+      "module": {
+        "types": "./icons/beachball/defaults.d.ts",
+        "default": "./icons/beachball/defaults.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/defaults.d.ts",
+        "default": "./cjs/icons/beachball/defaults.js"
+      },
+      "default": {
+        "types": "./icons/beachball/defaults.d.ts",
+        "default": "./icons/beachball/defaults.js"
+      }
+    },
+    "./icons/beachball/demo": {
+      "module": {
+        "types": "./icons/beachball/demo.d.ts",
+        "default": "./icons/beachball/demo.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/demo.d.ts",
+        "default": "./cjs/icons/beachball/demo.js"
+      },
+      "default": {
+        "types": "./icons/beachball/demo.d.ts",
+        "default": "./icons/beachball/demo.js"
+      }
+    },
+    "./icons/beachball/README.md": "./icons/beachball/README.md",
+    "./icons/beachball/seeder": {
+      "module": {
+        "types": "./icons/beachball/seeder.d.ts",
+        "default": "./icons/beachball/seeder.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/seeder.d.ts",
+        "default": "./cjs/icons/beachball/seeder.js"
+      },
+      "default": {
+        "types": "./icons/beachball/seeder.d.ts",
+        "default": "./icons/beachball/seeder.js"
+      }
+    },
+    "./icons/beachball/shape/circle": {
+      "module": {
+        "types": "./icons/beachball/shape/circle.d.ts",
+        "default": "./icons/beachball/shape/circle.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/shape/circle.d.ts",
+        "default": "./cjs/icons/beachball/shape/circle.js"
+      },
+      "default": {
+        "types": "./icons/beachball/shape/circle.d.ts",
+        "default": "./icons/beachball/shape/circle.js"
+      }
+    },
+    "./icons/beachball/shape/square": {
+      "module": {
+        "types": "./icons/beachball/shape/square.d.ts",
+        "default": "./icons/beachball/shape/square.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/shape/square.d.ts",
+        "default": "./cjs/icons/beachball/shape/square.js"
+      },
+      "default": {
+        "types": "./icons/beachball/shape/square.d.ts",
+        "default": "./icons/beachball/shape/square.js"
+      }
+    },
+    "./icons/beachball/svg/circle": {
+      "module": {
+        "types": "./icons/beachball/svg/circle.d.ts",
+        "default": "./icons/beachball/svg/circle.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/circle.d.ts",
+        "default": "./cjs/icons/beachball/svg/circle.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/circle.d.ts",
+        "default": "./icons/beachball/svg/circle.js"
+      }
+    },
+    "./icons/beachball/svg/element": {
+      "module": {
+        "types": "./icons/beachball/svg/element.d.ts",
+        "default": "./icons/beachball/svg/element.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/element.d.ts",
+        "default": "./cjs/icons/beachball/svg/element.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/element.d.ts",
+        "default": "./icons/beachball/svg/element.js"
+      }
+    },
+    "./icons/beachball/svg/rect": {
+      "module": {
+        "types": "./icons/beachball/svg/rect.d.ts",
+        "default": "./icons/beachball/svg/rect.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/rect.d.ts",
+        "default": "./cjs/icons/beachball/svg/rect.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/rect.d.ts",
+        "default": "./icons/beachball/svg/rect.js"
+      }
+    },
+    "./icons/beachball/svg/svg": {
+      "module": {
+        "types": "./icons/beachball/svg/svg.d.ts",
+        "default": "./icons/beachball/svg/svg.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/svg.d.ts",
+        "default": "./cjs/icons/beachball/svg/svg.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/svg.d.ts",
+        "default": "./icons/beachball/svg/svg.js"
+      }
+    },
+    "./icons/beachball/types": {
+      "module": {
+        "types": "./icons/beachball/types.d.ts",
+        "default": "./icons/beachball/types.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/types.d.ts",
+        "default": "./cjs/icons/beachball/types.js"
+      },
+      "default": {
+        "types": "./icons/beachball/types.d.ts",
+        "default": "./icons/beachball/types.js"
+      }
+    },
+    "./icons/polkadot": {
+      "module": {
+        "types": "./icons/polkadot.d.ts",
+        "default": "./icons/polkadot.js"
+      },
+      "require": {
+        "types": "./cjs/icons/polkadot.d.ts",
+        "default": "./cjs/icons/polkadot.js"
+      },
+      "default": {
+        "types": "./icons/polkadot.d.ts",
+        "default": "./icons/polkadot.js"
+      }
+    },
+    "./icons/types": {
+      "module": {
+        "types": "./icons/types.d.ts",
+        "default": "./icons/types.js"
+      },
+      "require": {
+        "types": "./cjs/icons/types.d.ts",
+        "default": "./cjs/icons/types.js"
+      },
+      "default": {
+        "types": "./icons/types.d.ts",
+        "default": "./icons/types.js"
+      }
+    },
+    "./package.json": {
+      "require": "./cjs/package.json",
+      "default": "./package.json"
+    },
+    "./packageDetect": {
+      "module": {
+        "types": "./packageDetect.d.ts",
+        "default": "./packageDetect.js"
+      },
+      "require": {
+        "types": "./cjs/packageDetect.d.ts",
+        "default": "./cjs/packageDetect.js"
+      },
+      "default": {
+        "types": "./packageDetect.d.ts",
+        "default": "./packageDetect.js"
+      }
+    },
+    "./packageInfo.js": {
+      "module": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      },
+      "require": {
+        "types": "./cjs/packageInfo.d.ts",
+        "default": "./cjs/packageInfo.js"
+      },
+      "default": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      }
+    },
+    "./packageInfo": {
+      "module": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      },
+      "require": {
+        "types": "./cjs/packageInfo.d.ts",
+        "default": "./cjs/packageInfo.js"
+      },
+      "default": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      }
+    }
+  },
+  "dependencies": {
+    "colord": "^2.9.3",
+    "tslib": "^2.8.1"
+  },
+  "peerDependencies": {
+    "@pezkuwi/util": "*",
+    "@pezkuwi/util-crypto": "*"
+  }
+}

package/build/packageDetect.d.ts

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

package/build/packageDetect.js

@@ -0,0 +1,3 @@
+import { detectPackage } from '@pezkuwi/util';
+import { packageInfo } from './packageInfo.js';
+detectPackage(packageInfo, null, []);

package/build/packageInfo.d.ts

@@ -0,0 +1,6 @@
+export declare const packageInfo: {
+    name: string;
+    path: string;
+    type: string;
+    version: string;
+};

package/build/packageInfo.js

@@ -0,0 +1 @@
+export const packageInfo = { name: '@pezkuwi/ui-shared', path: (import.meta && import.meta.url) ? new URL(import.meta.url).pathname.substring(0, new URL(import.meta.url).pathname.lastIndexOf('/') + 1) : 'auto', type: 'esm', version: '3.16.6' };

package/build-tsc/bundle.d.ts

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

package/build-tsc/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-tsc/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-tsc/icons/beachball/defaults.d.ts

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

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

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

package/build-tsc/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-tsc/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-tsc/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-tsc/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-tsc/icons/beachball/svg/circle.d.ts

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

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

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

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

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

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

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

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

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

package/build-tsc/icons/index.d.ts

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

package/build-tsc/icons/polkadot.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 polkadotIcon(address: string, { isAlternative }: Options): Circle[];

package/build-tsc/icons/types.d.ts

@@ -0,0 +1,10 @@
+export interface Circle {
+    cx: number;
+    cy: number;
+    fill: string;
+    r: number;
+}
+export interface Options {
+    isAlternative?: boolean;
+    size?: number;
+}

package/build-tsc/index.d.ts

@@ -0,0 +1,2 @@
+import './packageDetect.js';
+export * from './bundle.js';

package/build-tsc/packageDetect.d.ts

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

package/build-tsc/packageInfo.d.ts

@@ -0,0 +1,6 @@
+export declare const packageInfo: {
+    name: string;
+    path: string;
+    type: string;
+    version: string;
+};

package/build-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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-tsc-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;
+}