@pezkuwi/vue-identicon 3.16.6 → 3.16.8

package/package.json

@@ -15,11 +15,189 @@
   },
   "sideEffects": [
     "./packageDetect.js",
-    "./packageDetect.cjs"
+    "./cjs/packageDetect.js"
   ],
   "type": "module",
-  "version": "3.16.6",
-  "main": "index.js",
+  "version": "3.16.8",
+  "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.d.ts",
+        "default": "./icons/Beachball.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Beachball.d.ts",
+        "default": "./cjs/icons/Beachball.js"
+      },
+      "default": {
+        "types": "./icons/Beachball.d.ts",
+        "default": "./icons/Beachball.js"
+      }
+    },
+    "./icons/Empty": {
+      "module": {
+        "types": "./icons/Empty.d.ts",
+        "default": "./icons/Empty.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Empty.d.ts",
+        "default": "./cjs/icons/Empty.js"
+      },
+      "default": {
+        "types": "./icons/Empty.d.ts",
+        "default": "./icons/Empty.js"
+      }
+    },
+    "./icons/Jdenticon": {
+      "module": {
+        "types": "./icons/Jdenticon.d.ts",
+        "default": "./icons/Jdenticon.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Jdenticon.d.ts",
+        "default": "./cjs/icons/Jdenticon.js"
+      },
+      "default": {
+        "types": "./icons/Jdenticon.d.ts",
+        "default": "./icons/Jdenticon.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"
+      }
+    },
+    "./Identicon": {
+      "module": {
+        "types": "./Identicon.d.ts",
+        "default": "./Identicon.js"
+      },
+      "require": {
+        "types": "./cjs/Identicon.d.ts",
+        "default": "./cjs/Identicon.js"
+      },
+      "default": {
+        "types": "./Identicon.d.ts",
+        "default": "./Identicon.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"
+      }
+    },
+    "./util": {
+      "module": {
+        "types": "./util.d.ts",
+        "default": "./util.js"
+      },
+      "require": {
+        "types": "./cjs/util.d.ts",
+        "default": "./cjs/util.js"
+      },
+      "default": {
+        "types": "./util.d.ts",
+        "default": "./util.js"
+      }
+    }
+  },
   "dependencies": {
     "@pezkuwi/ui-shared": "3.16.6",
     "@pezkuwi/util": "^14.0.5",
@@ -27,9 +205,6 @@
     "jdenticon": "3.2.0",
     "tslib": "^2.8.1"
   },
-  "devDependencies": {
-    "vue": "^2.7.16"
-  },
   "peerDependencies": {
     "@pezkuwi/util": "*",
     "@pezkuwi/util-crypto": "*",

package/build/Identicon.js

@@ -1,111 +0,0 @@
-import { defineComponent, h } from 'vue';
-import { isHex, isU8a, u8aToHex } from '@pezkuwi/util';
-import { decodeAddress, encodeAddress, isEthereumAddress } from '@pezkuwi/util-crypto';
-import { Beachball, Empty, Jdenticon, Polkadot } from './icons/index.js';
-import { adaptVNodeAttrs } from './util.js';
-const DEFAULT_SIZE = 64;
-function resolvePublicKey(value, prefix) {
-    if (isHex(value) && isEthereumAddress(value)) {
-        return value.padEnd(66, '0');
-    }
-    return isU8a(value) || isHex(value)
-        ? encodeAddress(value, prefix)
-        : value;
-}
-export function encodeAccount(value, prefix) {
-    try {
-        const address = resolvePublicKey(value, prefix);
-        const publicKey = u8aToHex(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="..." />
- * ```
- */
-export const Identicon = defineComponent({
-    components: {
-        Beachball,
-        Empty,
-        Jdenticon,
-        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 h(Empty, {
-                ...adaptVNodeAttrs({
-                    key: address,
-                    size: iconSize
-                })
-            }, []);
-        }
-        else if (type === 'jdenticon') {
-            return h(Jdenticon, {
-                ...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'
-                ? Beachball
-                : Polkadot;
-            return h(component, {
-                ...adaptVNodeAttrs({
-                    address,
-                    isAlternative: isAlternativeIcon,
-                    key: address,
-                    size: iconSize
-                })
-            }, []);
-        }
-        else {
-            return h(cmp, {}, []);
-        }
-    },
-    watch: {
-        value: function () {
-            this.recodeAddress();
-        }
-    }
-});

package/build/README.md

@@ -1,37 +0,0 @@
-# @pezkuwi/vue-identicon
-
-A generic identity icon that can render icons based on an address.
-
-## Usage Examples
-
-To install the component, do `yarn add @pezkuwi/vue-identicon` and then use it with `import Identicon from '@pezkuwi/vue-identicon';`
-
-Inside a Vue component, you can now render any account with the associated icon, with associated props -
-
-- `value` - the address you wish to display
-- `size` (optional, defaults to `64`) - the size in pixels
-- `theme` (optional, defaults to `substrate`) - the theme to use, one of
-  - `polkadot` or
-  - `substrate` (equivalent to `jdenticon`) or
-  - `beachball` or
-  - `empty` (displays nothing)
-
-```
-<template>
-  <Identicon
-    :size="128"
-    :theme="'polkadot'"
-    :value="'5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'"
-  />
-</template>
-
-<script>
-  import Identicon from '@pezkuwi/vue-identicon';
-
-  export default {
-    ...
-    components: { Identicon }
-    ...
-  };
-</script>
-```

package/build/bundle.js

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

package/build/cjs/Identicon.d.ts

@@ -1,28 +0,0 @@
-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

@@ -1,115 +0,0 @@
-"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

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

package/build/cjs/bundle.js

@@ -1,7 +0,0 @@
-"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.js

@@ -1,21 +0,0 @@
-"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.js

@@ -1,16 +0,0 @@
-"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.js

@@ -1,19 +0,0 @@
-"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.js

@@ -1,24 +0,0 @@
-"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.js

@@ -1,7 +0,0 @@
-"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.js

@@ -1,7 +0,0 @@
-"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/packageInfo.js

@@ -1,4 +0,0 @@
-"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.js

@@ -1,15 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-/**
- * @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

@@ -1,18 +0,0 @@
-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
-        });
-    }
-});