@pezkuwi/vue-identicon 3.16.6 → 3.16.8

package/build/icons/Empty.d.ts

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

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

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

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

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

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

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

package/build/icons/index.js

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

package/build/index.d.ts

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

package/build/index.js

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

package/build/package.json

@@ -1,213 +0,0 @@
-{
-  "author": "Jaco Greeff <jacogr@gmail.com>",
-  "bugs": "https://github.com/pezkuwichain/ui/issues",
-  "description": "Renders an SVG picture representing an address",
-  "engines": {
-    "node": ">=18"
-  },
-  "homepage": "https://github.com/pezkuwichain/ui/tree/master/packages/vue-identicon#readme",
-  "license": "Apache-2.0",
-  "name": "@pezkuwi/vue-identicon",
-  "repository": {
-    "directory": "packages/vue-identicon",
-    "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.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",
-    "@pezkuwi/util-crypto": "^14.0.5",
-    "jdenticon": "3.2.0",
-    "tslib": "^2.8.1"
-  },
-  "peerDependencies": {
-    "@pezkuwi/util": "*",
-    "@pezkuwi/util-crypto": "*",
-    "vue": ">= 2.7"
-  }
-}

package/build/packageDetect.d.ts

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

package/build/packageDetect.js

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

package/build/packageInfo.d.ts

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

package/build/packageInfo.js

@@ -1 +0,0 @@
-export const packageInfo = { name: '@pezkuwi/vue-identicon', 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/util.d.ts

@@ -1,6 +0,0 @@
-/**
- * @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/util.js

@@ -1,12 +0,0 @@
-import { version } from 'vue';
-const isV3 = version.startsWith('3.');
-/**
- * @internal
- *
- * Adjust attributes to be usable in both Vue 2 and Vue 3 components.
- */
-export function adaptVNodeAttrs(data) {
-    return isV3
-        ? data
-        : { attrs: data };
-}

package/build-tsc-cjs/packageDetect.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const packageInfo_1 = require("@pezkuwi/ui-shared/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/index.html

@@ -1,17 +0,0 @@
-<html>
-  <head>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" />
-    <style>
-      #demo {
-        padding: 0.5em;
-      }
-      .padded {
-        margin: 0.5em !important;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script src="./build/Demo.js"></script>
-  </body>
-</html>

package/src/Identicon.ts

@@ -1,141 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/vue-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { VNode } from 'vue';
-import type { Prefix } from '@pezkuwi/util-crypto/address/types';
-
-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';
-
-interface Account {
-  address: string;
-  publicKey: string;
-}
-
-interface Data {
-  address: string;
-  iconSize: number;
-  isAlternativeIcon: boolean;
-  publicKey: string;
-  type: 'beachball' | 'empty' | 'jdenticon' | 'polkadot' | 'substrate';
-}
-
-const DEFAULT_SIZE = 64;
-
-function resolvePublicKey (value: string | Uint8Array, prefix?: Prefix): string {
-  if (isHex(value) && isEthereumAddress(value)) {
-    return value.padEnd(66, '0');
-  }
-
-  return isU8a(value) || isHex(value)
-    ? encodeAddress(value as string, prefix)
-    : value;
-}
-
-export function encodeAccount (value: string | Uint8Array, prefix?: Prefix): Account {
-  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 (): void {
-    this.createData();
-  },
-  data: function (): Data {
-    return {
-      address: '',
-      iconSize: DEFAULT_SIZE,
-      isAlternativeIcon: false,
-      publicKey: '0x',
-      type: 'empty'
-    };
-  },
-  methods: {
-    createData: function (): void {
-      this.iconSize = this.size as number || DEFAULT_SIZE;
-      this.type = this.theme as 'empty';
-      this.isAlternativeIcon = this.isAlternative as boolean || false;
-      this.recodeAddress();
-    },
-    recodeAddress: function (): void {
-      const { address, publicKey } = encodeAccount(this.value as string);
-
-      this.address = address;
-      this.publicKey = publicKey;
-    }
-  },
-  props: ['prefix', 'isAlternative', 'size', 'theme', 'value'],
-  render (): VNode {
-    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 (): void {
-      this.recodeAddress();
-    }
-  }
-});

package/src/bundle.ts

@@ -1,5 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/vue-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export { Identicon } from './Identicon.js';
-export { packageInfo } from './packageInfo.js';

package/src/icons/Beachball.ts

@@ -1,32 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/vue-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { VNode } from 'vue';
-
-import { defineComponent, h } from 'vue';
-
-import { beachballIcon } from '@pezkuwi/ui-shared';
-
-interface PropsType {
-  address: string;
-  size: number;
-  isAlternative: boolean;
-}
-
-/**
- * @name Beachball
- * @description The Beachball identicon
- */
-export const Beachball = defineComponent({
-  props: ['address', 'size', 'isAlternative'],
-  render (): VNode {
-    const { address, isAlternative, size } = this.$props as PropsType;
-
-    return h({
-      template: beachballIcon(address, {
-        isAlternative,
-        size
-      }).outerHTML
-    });
-  }
-});

package/src/icons/Empty.ts

@@ -1,17 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/vue-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-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/src/icons/Jdenticon.ts

@@ -1,27 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/vue-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { VNode } from 'vue';
-
-import * as jdenticon from 'jdenticon';
-import { defineComponent, h } from 'vue';
-
-interface PropsType {
-  publicKey: string,
-  size: number
-}
-
-/**
- * @name Jdenticon
- * @description The substrate default via Jdenticon
- */
-export const Jdenticon = defineComponent({
-  props: ['publicKey', 'size'],
-  render (): VNode {
-    const { publicKey, size } = this.$props as PropsType;
-
-    return h({
-      template: jdenticon.toSvg(publicKey.substring(2), size)
-    });
-  }
-});

package/src/icons/Polkadot.ts

@@ -1,38 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/vue-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { VNode } from 'vue';
-
-import { defineComponent, h } from 'vue';
-
-import { polkadotIcon } from '@pezkuwi/ui-shared';
-
-import { adaptVNodeAttrs } from '../util.js';
-
-interface propsType {
-  address: string;
-  isAlternative: boolean;
-  size: number;
-}
-
-/**
- * @name Polkadot
- * @description The Polkadot default identicon
- */
-export const Polkadot = defineComponent({
-  props: ['address', 'isAlternative', 'size'],
-  render (): VNode {
-    const { address, isAlternative, size } = this.$props as propsType;
-    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/src/icons/index.ts

@@ -1,7 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/reactnative-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export * from './Beachball.js';
-export * from './Empty.js';
-export * from './Jdenticon.js';
-export * from './Polkadot.js';