@pezkuwi/vue-identicon 3.16.6

package/build/bundle.d.ts

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

package/build/bundle.js

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

package/build/cjs/Identicon.d.ts

@@ -0,0 +1,28 @@
+import type { Prefix } from '@pezkuwi/util-crypto/address/types';
+interface Account {
+    address: string;
+    publicKey: string;
+}
+interface Data {
+    address: string;
+    iconSize: number;
+    isAlternativeIcon: boolean;
+    publicKey: string;
+    type: 'beachball' | 'empty' | 'jdenticon' | 'polkadot' | 'substrate';
+}
+export declare function encodeAccount(value: string | Uint8Array, prefix?: Prefix): Account;
+/**
+ * @name Identicon
+ * @description The main Identicon component, taking a number of properties
+ * @example
+ * ```html
+ * <Identicon :size="128" :theme="polkadot" :value="..." />
+ * ```
+ */
+export declare const Identicon: import("vue").DefineComponent<string[], {}, Data, {}, {
+    createData: () => void;
+    recodeAddress: () => void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export {};

package/build/cjs/Identicon.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Identicon = void 0;
+exports.encodeAccount = encodeAccount;
+const vue_1 = require("vue");
+const util_1 = require("@pezkuwi/util");
+const util_crypto_1 = require("@pezkuwi/util-crypto");
+const index_js_1 = require("./icons/index.js");
+const util_js_1 = require("./util.js");
+const DEFAULT_SIZE = 64;
+function resolvePublicKey(value, prefix) {
+    if ((0, util_1.isHex)(value) && (0, util_crypto_1.isEthereumAddress)(value)) {
+        return value.padEnd(66, '0');
+    }
+    return (0, util_1.isU8a)(value) || (0, util_1.isHex)(value)
+        ? (0, util_crypto_1.encodeAddress)(value, prefix)
+        : value;
+}
+function encodeAccount(value, prefix) {
+    try {
+        const address = resolvePublicKey(value, prefix);
+        const publicKey = (0, util_1.u8aToHex)((0, util_crypto_1.decodeAddress)(address, false, prefix));
+        return { address, publicKey };
+    }
+    catch {
+        return { address: '', publicKey: '0x' };
+    }
+}
+/**
+ * @name Identicon
+ * @description The main Identicon component, taking a number of properties
+ * @example
+ * ```html
+ * <Identicon :size="128" :theme="polkadot" :value="..." />
+ * ```
+ */
+exports.Identicon = (0, vue_1.defineComponent)({
+    components: {
+        Beachball: index_js_1.Beachball,
+        Empty: index_js_1.Empty,
+        Jdenticon: index_js_1.Jdenticon,
+        Polkadot: index_js_1.Polkadot
+    },
+    created: function () {
+        this.createData();
+    },
+    data: function () {
+        return {
+            address: '',
+            iconSize: DEFAULT_SIZE,
+            isAlternativeIcon: false,
+            publicKey: '0x',
+            type: 'empty'
+        };
+    },
+    methods: {
+        createData: function () {
+            this.iconSize = this.size || DEFAULT_SIZE;
+            this.type = this.theme;
+            this.isAlternativeIcon = this.isAlternative || false;
+            this.recodeAddress();
+        },
+        recodeAddress: function () {
+            const { address, publicKey } = encodeAccount(this.value);
+            this.address = address;
+            this.publicKey = publicKey;
+        }
+    },
+    props: ['prefix', 'isAlternative', 'size', 'theme', 'value'],
+    render() {
+        const { address, iconSize, isAlternativeIcon, publicKey, type } = this.$data;
+        if (type === 'empty') {
+            return (0, vue_1.h)(index_js_1.Empty, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    key: address,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else if (type === 'jdenticon') {
+            return (0, vue_1.h)(index_js_1.Jdenticon, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    key: address,
+                    publicKey,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else if (type === 'substrate') {
+            throw new Error('substrate type is not supported');
+        }
+        const cmp = type.charAt(0).toUpperCase() + type.slice(1);
+        if (['Beachball', 'Polkadot'].includes(cmp)) {
+            const component = cmp === 'Beachball'
+                ? index_js_1.Beachball
+                : index_js_1.Polkadot;
+            return (0, vue_1.h)(component, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    address,
+                    isAlternative: isAlternativeIcon,
+                    key: address,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else {
+            return (0, vue_1.h)(cmp, {}, []);
+        }
+    },
+    watch: {
+        value: function () {
+            this.recodeAddress();
+        }
+    }
+});

package/build/cjs/bundle.d.ts

@@ -0,0 +1,2 @@
+export { Identicon } from './Identicon.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 = exports.Identicon = void 0;
+var Identicon_js_1 = require("./Identicon.js");
+Object.defineProperty(exports, "Identicon", { enumerable: true, get: function () { return Identicon_js_1.Identicon; } });
+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.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+export declare const Beachball: import("vue").DefineComponent<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>>>, {
+    readonly address?: any;
+    readonly size?: any;
+    readonly isAlternative?: any;
+}>;

package/build/cjs/icons/Beachball.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Beachball = void 0;
+const vue_1 = require("vue");
+const ui_shared_1 = require("@pezkuwi/ui-shared");
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+exports.Beachball = (0, vue_1.defineComponent)({
+    props: ['address', 'size', 'isAlternative'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        return (0, vue_1.h)({
+            template: (0, ui_shared_1.beachballIcon)(address, {
+                isAlternative,
+                size
+            }).outerHTML
+        });
+    }
+});

package/build/cjs/icons/Empty.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+export declare const Empty: import("vue").DefineComponent<Readonly<{
+    size?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+}>>>, {
+    readonly size?: any;
+}>;

package/build/cjs/icons/Empty.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = void 0;
+const vue_1 = require("vue");
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+exports.Empty = (0, vue_1.defineComponent)({
+    props: ['size'],
+    template: `
+    <svg :height="size" :width="size" viewBox="0 0 64 64">
+      <circle cx="50%" cy="50%" fill="#eee" r="50%" />
+    </svg>
+  `
+});

package/build/cjs/icons/Jdenticon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @name Jdenticon
+ * @description The substrate default via Jdenticon
+ */
+export declare const Jdenticon: import("vue").DefineComponent<Readonly<{
+    size?: any;
+    publicKey?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+    publicKey?: any;
+}>>>, {
+    readonly size?: any;
+    readonly publicKey?: any;
+}>;

package/build/cjs/icons/Jdenticon.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Jdenticon = void 0;
+const tslib_1 = require("tslib");
+const jdenticon = tslib_1.__importStar(require("jdenticon"));
+const vue_1 = require("vue");
+/**
+ * @name Jdenticon
+ * @description The substrate default via Jdenticon
+ */
+exports.Jdenticon = (0, vue_1.defineComponent)({
+    props: ['publicKey', 'size'],
+    render() {
+        const { publicKey, size } = this.$props;
+        return (0, vue_1.h)({
+            template: jdenticon.toSvg(publicKey.substring(2), size)
+        });
+    }
+});

package/build/cjs/icons/Polkadot.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @name Polkadot
+ * @description The Polkadot default identicon
+ */
+export declare const Polkadot: import("vue").DefineComponent<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>>>, {
+    readonly address?: any;
+    readonly size?: any;
+    readonly isAlternative?: any;
+}>;

package/build/cjs/icons/Polkadot.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Polkadot = void 0;
+const vue_1 = require("vue");
+const ui_shared_1 = require("@pezkuwi/ui-shared");
+const util_js_1 = require("../util.js");
+/**
+ * @name Polkadot
+ * @description The Polkadot default identicon
+ */
+exports.Polkadot = (0, vue_1.defineComponent)({
+    props: ['address', 'isAlternative', 'size'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        const circles = (0, ui_shared_1.polkadotIcon)(address, { isAlternative }).map(({ cx, cy, fill, r }) => (0, vue_1.h)('circle', { ...(0, util_js_1.adaptVNodeAttrs)({ cx, cy, fill, r }) }, []));
+        return (0, vue_1.h)('svg', {
+            ...(0, util_js_1.adaptVNodeAttrs)({
+                height: size,
+                viewBox: '0 0 64 64',
+                width: size
+            })
+        }, circles);
+    }
+});

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

@@ -0,0 +1,4 @@
+export * from './Beachball.js';
+export * from './Empty.js';
+export * from './Jdenticon.js';
+export * from './Polkadot.js';

package/build/cjs/icons/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Beachball.js"), exports);
+tslib_1.__exportStar(require("./Empty.js"), exports);
+tslib_1.__exportStar(require("./Jdenticon.js"), exports);
+tslib_1.__exportStar(require("./Polkadot.js"), exports);

package/build/cjs/index.d.ts

@@ -0,0 +1,4 @@
+import './packageDetect.js';
+import { Identicon } from './bundle.js';
+export * from './bundle.js';
+export default Identicon;

package/build/cjs/index.js

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

package/build/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/build/cjs/packageDetect.d.ts

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

package/build/cjs/packageDetect.js

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

package/build/cjs/packageInfo.d.ts

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

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/vue-identicon', path: typeof __dirname === 'string' ? __dirname : 'auto', type: 'cjs', version: '3.16.6' };

package/build/cjs/util.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @internal
+ *
+ * Adjust attributes to be usable in both Vue 2 and Vue 3 components.
+ */
+export declare function adaptVNodeAttrs(data: Record<string, unknown>): Record<string, unknown>;

package/build/cjs/util.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adaptVNodeAttrs = adaptVNodeAttrs;
+const vue_1 = require("vue");
+const isV3 = vue_1.version.startsWith('3.');
+/**
+ * @internal
+ *
+ * Adjust attributes to be usable in both Vue 2 and Vue 3 components.
+ */
+function adaptVNodeAttrs(data) {
+    return isV3
+        ? data
+        : { attrs: data };
+}

package/build/icons/Beachball.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+export declare const Beachball: import("vue").DefineComponent<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>>>, {
+    readonly address?: any;
+    readonly size?: any;
+    readonly isAlternative?: any;
+}>;

package/build/icons/Beachball.js

@@ -0,0 +1,18 @@
+import { defineComponent, h } from 'vue';
+import { beachballIcon } from '@pezkuwi/ui-shared';
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+export const Beachball = defineComponent({
+    props: ['address', 'size', 'isAlternative'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        return h({
+            template: beachballIcon(address, {
+                isAlternative,
+                size
+            }).outerHTML
+        });
+    }
+});

package/build/icons/Empty.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+export declare const Empty: import("vue").DefineComponent<Readonly<{
+    size?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+}>>>, {
+    readonly size?: any;
+}>;

package/build/icons/Empty.js

@@ -0,0 +1,13 @@
+import { defineComponent } from 'vue';
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+export const Empty = defineComponent({
+    props: ['size'],
+    template: `
+    <svg :height="size" :width="size" viewBox="0 0 64 64">
+      <circle cx="50%" cy="50%" fill="#eee" r="50%" />
+    </svg>
+  `
+});

package/build/icons/Jdenticon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @name Jdenticon
+ * @description The substrate default via Jdenticon
+ */
+export declare const Jdenticon: import("vue").DefineComponent<Readonly<{
+    size?: any;
+    publicKey?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+    publicKey?: any;
+}>>>, {
+    readonly size?: any;
+    readonly publicKey?: any;
+}>;

package/build/icons/Jdenticon.js

@@ -0,0 +1,15 @@
+import * as jdenticon from 'jdenticon';
+import { defineComponent, h } from 'vue';
+/**
+ * @name Jdenticon
+ * @description The substrate default via Jdenticon
+ */
+export const Jdenticon = defineComponent({
+    props: ['publicKey', 'size'],
+    render() {
+        const { publicKey, size } = this.$props;
+        return h({
+            template: jdenticon.toSvg(publicKey.substring(2), size)
+        });
+    }
+});

package/build/icons/Polkadot.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @name Polkadot
+ * @description The Polkadot default identicon
+ */
+export declare const Polkadot: import("vue").DefineComponent<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>>>, {
+    readonly address?: any;
+    readonly size?: any;
+    readonly isAlternative?: any;
+}>;

package/build/icons/Polkadot.js

@@ -0,0 +1,21 @@
+import { defineComponent, h } from 'vue';
+import { polkadotIcon } from '@pezkuwi/ui-shared';
+import { adaptVNodeAttrs } from '../util.js';
+/**
+ * @name Polkadot
+ * @description The Polkadot default identicon
+ */
+export const Polkadot = defineComponent({
+    props: ['address', 'isAlternative', 'size'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        const circles = polkadotIcon(address, { isAlternative }).map(({ cx, cy, fill, r }) => h('circle', { ...adaptVNodeAttrs({ cx, cy, fill, r }) }, []));
+        return h('svg', {
+            ...adaptVNodeAttrs({
+                height: size,
+                viewBox: '0 0 64 64',
+                width: size
+            })
+        }, circles);
+    }
+});

package/build/icons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Beachball.js';
+export * from './Empty.js';
+export * from './Jdenticon.js';
+export * from './Polkadot.js';

package/build/icons/index.js

@@ -0,0 +1,4 @@
+export * from './Beachball.js';
+export * from './Empty.js';
+export * from './Jdenticon.js';
+export * from './Polkadot.js';

package/build/index.d.ts

@@ -0,0 +1,4 @@
+import './packageDetect.js';
+import { Identicon } from './bundle.js';
+export * from './bundle.js';
+export default Identicon;

package/build/index.js

@@ -0,0 +1,4 @@
+import './packageDetect.js';
+import { Identicon } from './bundle.js';
+export * from './bundle.js';
+export default Identicon;