[CI Skip] release/stable 2.8.2

skip-checks: true

.123current

@@ -0,0 +1 @@
+2.8.2

.123trigger

@@ -1,10 +1,11 @@
-2
-0.57.20.57.3
+3
+
+0.57.2
+0.57.3
 0.66.2
 0.66.3
 0.71.2
 0.71.3
-
 0.84.2
 0.84.3
 0.85.2
@@ -22,4 +23,10 @@
 0.87.4
 0.87.5
 0.87.6
-0.87.7
+0.87.7
+0.89.2
+0.89.3
+
+2.6.2
+2.7.2
+2.8.2

.eslintrc.cjs

@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/ui authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const base = require('@polkadot/dev/config/eslint.cjs');
+
+module.exports = {
+  ...base,
+  ignorePatterns: [
+    ...base.ignorePatterns,
+    'jest/**/*',
+    '**/*.d.ts'
+  ],
+  parserOptions: {
+    ...base.parserOptions,
+    project: [
+      './tsconfig.eslint.json'
+    ]
+  }
+};

.eslintrc.js

@@ -1,27 +0,0 @@
-// Copyright 2017-2021 @polkadot/ui authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-const base = require('@polkadot/dev/config/eslint.cjs');
-
-module.exports = {
-  ...base,
-  ignorePatterns: [
-    ...base.ignorePatterns,
-    '**/*.d.ts'
-  ],
-  parserOptions: {
-    ...base.parserOptions,
-    project: [
-      './tsconfig.eslint.json'
-    ]
-  },
-  rules: {
-    ...base.rules,
-    // add override for any (a metric ton of them, initial conversion)
-    '@typescript-eslint/no-explicit-any': 'off',
-    // these should be removed, there are 8 of them as errors
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    // this seems very broken atm, false positives
-    '@typescript-eslint/unbound-method': 'off'
-  }
-};

.github/issue_template.md

@@ -0,0 +1,86 @@
+<!--
+
+For general support, howto, coding and bundling questions, please
+use the Substrate & Polkadot StackExchange at
+
+  https://substrate.stackexchange.com/
+
+and get other ecosystem developers involved. This issues in this
+repository are meant for the tracking of feature requests and bug
+reports.
+
+While all issues are looked at non-bug and non-features would take
+quite a bit longer to get to and may yield less than satisfactory
+responses in this format.
+
+Additionally, please ensure you have done a search on the existing
+and closed issues before logging a new request. This saves time on
+all sides.
+
+-->
+
+
+* **I'm submitting a ...**
+
+<!---
+
+REQUIRED:
+
+Classify the type of report your are submitting
+
+-->
+
+  - [ ] Bug report
+  - [ ] Feature request
+  - [ ] Support request
+  - [ ] Other
+
+
+* **What is the current behavior and expected behavior?**
+
+<!---
+
+REQUIRED:
+
+If you're describing a bug, tell us what should happen. If you're
+suggesting a change/improvement, tell us how it should work.
+
+-->
+
+
+* **What is the motivation for changing the behavior?**
+
+<!---
+
+OPTIONAL:
+
+Suggest a motivation for the request or ideas how to implement the
+addition or change
+
+-->
+
+
+* **Please tell us about your environment:**
+
+<!---
+
+REQUIRED:
+
+Include as many relevant details about the environment in which you
+experienced the issue. Also ensure that you have tested against the
+latest stable releases if you believe this to be a bug
+
+-->
+
+  - Version:
+  - Environment:
+
+    - [ ] Node.js
+    - [ ] Browser
+    - [ ] Other (limited support for other environments)
+
+  - Language:
+
+    - [ ] JavaScript
+    - [ ] TypeScript (include tsc --version)
+    - [ ] Other

.github/workflows/auto-approve.yml

@@ -0,0 +1,16 @@
+name: bot
+
+on:
+  pull_request:
+    types: [labeled]
+
+jobs:
+  approve:
+    if: "! startsWith(github.event.head_commit.message, '[CI Skip]') && (!github.event.pull_request || github.event.pull_request.head.repo.full_name == github.repository)"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: jacogr/action-approve@master
+        with:
+          authors: jacogr
+          labels: -auto
+          token: ${{ secrets.GH_PAT_BOT }}

.github/workflows/auto-merge.yml

@@ -0,0 +1,16 @@
+name: bot
+
+on:
+  pull_request:
+    types: [labeled]
+
+jobs:
+  merge:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: jacogr/action-merge@master
+        with:
+          checks: build,lint,test
+          labels: -auto
+          strategy: squash
+          token: ${{ secrets.GH_PAT_BOT }}

.github/workflows/lock.yml

@@ -7,6 +7,8 @@ on:
 jobs:
   lock:
     runs-on: ubuntu-latest
+    env:
+      YARN_ENABLE_SCRIPTS: false
     steps:
       - uses: dessant/lock-threads@v2
         with:

.github/workflows/pr-any.yml

@@ -8,6 +8,8 @@ jobs:
         step: ['lint', 'test', 'build']
     name: ${{ matrix.step }}
     runs-on: ubuntu-latest
+    env:
+      YARN_ENABLE_SCRIPTS: false
     steps:
     - uses: actions/checkout@v2
     - name: ${{ matrix.step }}

.github/workflows/push-master.yml

@@ -12,16 +12,18 @@ jobs:
         step: ['build:release']
     name: ${{ matrix.step }}
     runs-on: ubuntu-latest
+    env:
+      YARN_ENABLE_SCRIPTS: false
+      CC_TEST_REPORTER_ID: ${{ secrets.CC_TEST_REPORTER_ID }}
+      GH_PAT: ${{ secrets.GH_PAT }}
+      GH_RELEASE_GITHUB_API_TOKEN: ${{ secrets.GH_PAT }}
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
     steps:
     - uses: actions/checkout@v2
       with:
+        fetch-depth: 0
         token: ${{ secrets.GH_PAT }}
     - name: ${{ matrix.step }}
-      env:
-        CC_TEST_REPORTER_ID: ${{ secrets.CC_TEST_REPORTER_ID }}
-        GH_PAT: ${{ secrets.GH_PAT }}
-        GH_RELEASE_GITHUB_API_TOKEN: ${{ secrets.GH_PAT }}
-        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
       run: |
         yarn install --immutable | grep -v 'YN0013'
         yarn ${{ matrix.step }}

.github/workflows/semgrep.yml

@@ -9,6 +9,8 @@ jobs:
   check:
     if: "! startsWith(github.event.head_commit.message, '[CI Skip]') && (!github.event.pull_request || github.event.pull_request.head.repo.full_name == github.repository)"
     runs-on: ubuntu-latest
+    env:
+      YARN_ENABLE_SCRIPTS: false
     steps:
       - uses: actions/checkout@v2
       - uses: returntocorp/semgrep-action@v1

.github/workflows/stale.yml

@@ -6,6 +6,8 @@ on:
 jobs:
   stale:
     runs-on: ubuntu-latest
+    env:
+      YARN_ENABLE_SCRIPTS: false
     steps:
       - uses: actions/stale@v3
         with:

.gitignore

@@ -1,4 +1,6 @@
 build/
+build-cjs/
+build-esm/
 build-docs/
 coverage/
 node_modules/

.mailmap

@@ -0,0 +1,3 @@
+Jaco <jacogr@gmail.com>
+github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> <action@github.com>
+github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Github Actions <action@github.com>

.prettierrc.cjs

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui authors & contributors
+// Copyright 2017-2022 @polkadot/ui authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 module.exports = require('@polkadot/dev/config/prettier.cjs');

.yarnrc.yml

@@ -10,4 +10,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
     spec: "@yarnpkg/plugin-version"
 
-yarnPath: .yarn/releases/yarn-3.1.1.cjs
+yarnPath: .yarn/releases/yarn-3.2.0.cjs

CHANGELOG.md

@@ -1,5 +1,171 @@
 # CHANGELOG
 
+## 2.8.2 Jul 10, 2022
+
+Changes:
+
+- Bump to `@polkadot/util` 10.0.2
+
+
+## 2.8.1 Jul 9, 2022
+
+Changes:
+
+- Bump to `@polkadot/util` 10.0.1
+
+
+## 2.7.2 Jul 4, 2022
+
+Changes:
+
+- Bump to `@polkadot/util-crypto` 9.7.2 (w/ `@polkadot/wasm-crypto` 6.2.2)
+
+
+## 2.7.1 Jul 1, 2022
+
+Contributed:
+
+- Remove extra div wrappers in `vue-identicon` (Thanks to https://github.com/dcolley)
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.7.1
+
+
+## 2.6.2 Jun 25, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.6.2
+
+
+## 2.6.1 Jun 23, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.6.1
+- Upgrade libs to latest stable versions
+
+
+## 2.5.1 Jun 19, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.5.1
+- Upgrade libs to latest stable versions
+
+
+## 2.4.1 Jun 4, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.4.1
+
+
+## 2.3.1 May 30, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.3.1
+
+
+## 2.2.1 May 14, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.2.1
+
+
+## 2.1.1 Apr 30, 2022
+
+Changes:
+
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.1.1
+- Adjust Jest test init for latest `@polkadot/dev`
+
+
+## 2.0.1 Apr 9, 2022
+
+- **Breaking change** In this major version the commonjs outputs are moved to a sub-folder. Since the export map and main field in package.json does reflect this change, there should be no usage changes. However the packages here will all need to be on the same version for internal linkage.
+
+Changes:
+
+- Adjust Polkadot icon generation with lazy init
+- Output commonjs files under the `cjs/**` root
+- Upgrade to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 9.0.1
+
+
+## 1.4.1 Mar 27, 2022
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.7.1
+
+
+## 1.3.1 Mar 19, 2022
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.6.1
+- Additional workaround for Vite bundling
+
+
+## 1.2.1 Mar 12, 2022
+
+Changes:
+
+- Adjust for bundlers where `import.meta.url` is undefined
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.5.1
+
+
+## 1.1.1 Feb 14, 2022
+
+Changes:
+
+- Adjust ordering in state & timeouts for QR display
+- Add `timerDelay` property to QR display to control frame timeouts
+- Adjust webpack example config (cleanups, remove unneeded plugins)
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.4.1
+
+
+## 1.0.1 Jan 29, 2022
+
+**Breaking change** The `Ledger` export from `@polkadot/ui-keyring` has been removed. For users of this class, import it directly from `@polkadot/hw-ledger`
+
+**Important** This is the first release in the long-outstanding `1.x` range. Apart from the notable breaking changes, it has no functional differences to the previous versions.
+
+Changes:
+
+- Remove `Ledger` export in `ui-keyring`
+
+
+## 0.89.3 Jan 23, 2022
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.3.3
+
+
+## 0.89.2 Jan 15, 2022
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.3.2
+
+
+## 0.89.1 Jan 9, 2022
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.3.1
+
+
+## 0.88.1 Jan 2, 2022
+
+- Allow for loading of accounts on additional genesisHashes
+- Ensure package path is availble under ESM & CJS
+
+
 ## 0.87.7 Dec 27, 2021
 
 Changes:

CONTRIBUTORS

@@ -0,0 +1,34 @@
+     628	Jaco                          	2.8.2 (#664)
+       7	YJ                            	fix #224: decrease frame size to 1024, set multipart bool (#225)
+       4	Antoine Estienne              	Refactor logic to better use prefix (#491)
+       4	kwingram25                    	fix ff api url issue (#289)
+       4	Thibaut Sardan                	store hardware wallets (#431)
+       3	Luke Sugiura                  	remove language options (#244)
+       3	Stefanie Doll                 	Replace isUndefined util with explicit typeof check (#107)
+       2	Drew Stone                    	Add Edgeware testnet and mainnet updated endpoints (#274)
+       2	Hanwen Cheng                  	allow qr to scan seed qr (#330)
+       2	Nikos Kontakis                	Fix undefined process error that may appear when using ui (#524)
+       2	Vlad Proshchavaiev            	Add Subsocial to ss58 defaults (#358)
+       2	Xiliang Chen                  	Update UNfrastructure node label (#160)
+       2	雪霁                            	Batch export patch up (#455)
+       1	Adam Dossa                    	Add Polymesh Ledger Integration (#427)
+       1	Alex Siman                    	Fix typo in README: stiorage -> storage (#69)
+       1	Alexander Krupenkin           	Added ECDSA crypto type (#313)
+       1	Andrei Eres                   	Fix raising error if process has not defined yet (#548)
+       1	Axel Chalon                   	Simplify KeyringAddress interface (#144)
+       1	Cameron Franz                 	react-native example app port (#223)
+       1	carumusan                     	Add kulupu (#342)
+       1	Derek Colley                  	Remove redundant `div` wrappers in vue-identicon (#643)
+       1	Harry Liu                     	Update README.md (#166)
+       1	Jake Naviasky                 	Add Edgeware chain prefix to settings. (#317)
+       1	Logan Saether                 	Propose W3F node (#188)
+       1	Lovesh Harchandani            	Allow Ledger support for Dock (#425)
+       1	Luke Schoen                   	Fix typo in heading (#114)
+       1	Nantian                       	fix bigint type (#510)
+       1	Nikhil Ranjan                 	Updated to valid javascript (#271)
+       1	Shawn Tabrizi                 	Add a new `notification` setting (#498)
+       1	Wei Tang                      	Add Kulupu to the network selection list (#254)
+       1	WoeOm                         	add darwinia ss58 (#379)
+       1	yuhui1208                     	[Stores] make FileStroe read key safely  (#338)
+       1	Yuri                          	Add webpack 5 support (#557)
+       1	菩提                            	fix some bugs  (#260)

README.md

@@ -30,5 +30,4 @@ Additionally some shared libraries, that is not dependent on any framework -
 In addition to the above packages, there are examples available for intergation  of `ui-keyring`, `ui-settings` & the relevant `*-identicon` package. These are
 
 - [example-react](packages/example-react) - start with `yarn example:react` and view on `http://localhost:8080`
-- [example-reactnative](packages/exampleReactNative) - start with `yarn example:rn:packager` to start the packager service and then either `yarn example:rn:android` or `yarn example:rn:ios` in another terminal
 - [example-vue](packages/example-vue) - start with `yarn example:vue` and view on `http://localhost:8080`

babel.config.cjs

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui authors & contributors
+// Copyright 2017-2022 @polkadot/ui authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 const base = require('@polkadot/dev/config/babel-config-cjs.cjs');

jest.config.cjs

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui authors & contributors
+// Copyright 2017-2022 @polkadot/ui authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 const config = require('@polkadot/dev/config/jest.cjs');
@@ -12,5 +12,6 @@ module.exports = {
     '\\.(css|less)$': 'empty/object',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': 'empty/object'
   },
+  setupFilesAfterEnv: ['<rootDir>/jest/setupEnv.js'],
   testEnvironment: 'jsdom'
 };

jest/setupEnv.js

@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/ui authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const nodeCrypto = require('crypto');
+
+window.crypto = {
+  getRandomValues: function (buffer) {
+    return nodeCrypto.randomFillSync(buffer);
+  }
+};

package.json

@@ -2,15 +2,16 @@
   "author": "Jaco Greeff <jacogr@gmail.com>",
   "bugs": "https://github.com/polkadot-js/ui/issues",
   "homepage": "https://github.com/polkadot-js/ui#readme",
-  "license": "Apache-2",
-  "packageManager": "yarn@3.0.1",
+  "license": "Apache-2.0",
+  "packageManager": "yarn@3.2.0",
   "private": true,
   "repository": {
     "type": "git",
     "url": "https://github.com/polkadot-js/ui.git"
   },
   "sideEffects": false,
-  "version": "0.87.7",
+  "type": "module",
+  "version": "2.8.2",
   "workspaces": [
     "packages/*"
   ],
@@ -19,39 +20,34 @@
     "build:release": "polkadot-ci-ghact-build",
     "build:rollup": "polkadot-exec-rollup --config",
     "clean": "polkadot-dev-clean-build",
-    "demo:identicon:react": "yarn build && webpack-serve --config packages/react-identicon/webpack.config.js --content packages/react-identicon --port 8080",
-    "demo:identicon:vue": "yarn build && webpack-serve --config packages/vue-identicon/webpack.config.js --content packages/vue-identicon --port 8080",
-    "example:react": "yarn build && cd packages/example-react && webpack --config webpack.config.js",
-    "example:rn:android": "cd packages/exampleReactNative && yarn android",
-    "example:rn:ios": "cd packages/exampleReactNative && cd ios && pod install && cd .. && yarn ios",
-    "example:rn:packager": "yarn build && cd packages/exampleReactNative && yarn copy-workspace-packages && yarn start",
-    "example:vue": "yarn build && cd packages/example-vue && webpack --config webpack.config.js",
+    "example:react": "yarn build && cd packages/example-react && webpack --config webpack.config.cjs",
+    "example:vue": "yarn build && cd packages/example-vue && webpack --config webpack.config.cjs",
     "lint": "polkadot-dev-run-lint",
     "postinstall": "polkadot-dev-yarn-only",
     "test": "polkadot-dev-run-test --coverage --runInBand",
     "test:one": "polkadot-dev-run-test"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.5",
-    "@babel/runtime": "^7.16.5",
-    "@polkadot/dev": "^0.64.22",
-    "@polkadot/x-bundle": "^8.2.2",
-    "@types/jest": "^27.0.3",
-    "babel-loader": "^8.2.3",
+    "@babel/core": "^7.18.6",
+    "@babel/runtime": "^7.18.6",
+    "@polkadot/dev": "^0.67.68",
+    "@polkadot/x-bundle": "^10.0.2",
+    "@types/jest": "^28.1.4",
+    "babel-loader": "^8.2.5",
     "babel-plugin-transform-vue-template": "^0.4.2",
     "empty": "^0.10.1",
     "process": "^0.11.10",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "react-native": "^0.66.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "react-native": "^0.69.1",
     "stream-browserify": "^3.0.0",
     "vue-template-compiler": "^2.6.14",
-    "webpack": "^5.65.0",
-    "webpack-cli": "^4.9.1",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0",
     "webpack-serve": "^4.0.0"
   },
   "resolutions": {
-    "typescript": "^4.5.3"
+    "typescript": "^4.7.4"
   }
 }

packages/example-react/package.json

@@ -14,9 +14,9 @@
     "url": "https://github.com/polkadot-js/ui.git"
   },
   "sideEffects": false,
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5"
+    "@babel/runtime": "^7.18.6"
   }
 }

packages/example-react/src/detectOther.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/example-react authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Empty template, auto-generated by @polkadot/dev
+
+export default [];

packages/example-react/src/detectPackage.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/example-react authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+import { detectPackage } from '@polkadot/util';
+
+import others from './detectOther';
+import { packageInfo } from './packageInfo';
+
+detectPackage(packageInfo, null, others);

packages/example-react/src/index.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/example-react authors & contributors
+// Copyright 2017-2022 @polkadot/example-react authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useCallback, useEffect, useState } from 'react';

packages/example-react/src/packageInfo.ts

@@ -1,6 +1,6 @@
-// Copyright 2017-2021 @polkadot/example-react authors & contributors
+// Copyright 2017-2022 @polkadot/example-react authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// Auto-generated by @polkadot/dev, do not edit
+// Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/example-react', version: '0.87.7' };
+export const packageInfo = { name: '@polkadot/example-react', path: 'auto', type: 'auto', version: '2.8.2' };

packages/example-react/tsconfig.build.json

@@ -6,7 +6,7 @@
     "rootDir": "./src"
   },
   "references": [
-    { "path": "../react-identicon" },
-    { "path": "../ui-keyring" }
+    { "path": "../react-identicon/tsconfig.build.json" },
+    { "path": "../ui-keyring/tsconfig.build.json" }
   ]
 }

packages/example-react/webpack.config.cjs

@@ -1,9 +1,8 @@
-// Copyright 2017-2021 @polkadot/example-react authors & contributors
+// Copyright 2017-2022 @polkadot/example-react authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 const path = require('path');
 const { WebpackPluginServe } = require('webpack-plugin-serve');
-const webpack = require('webpack');
 
 module.exports = {
   context: __dirname,
@@ -37,12 +36,6 @@ module.exports = {
       port: 8080,
       progress: false, // since we have hmr off, disable
       static: __dirname
-    }),
-    new webpack.ProvidePlugin({
-      Buffer: ['buffer', 'Buffer']
-    }),
-    new webpack.ProvidePlugin({
-      process: 'process/browser'
     })
   ],
   resolve: {
@@ -50,15 +43,11 @@ module.exports = {
       '@polkadot/react-identicon': path.resolve(__dirname, '../react-identicon/build'),
       '@polkadot/ui-keyring': path.resolve(__dirname, '../ui-keyring/build'),
       '@polkadot/ui-settings': path.resolve(__dirname, '../ui-settings/build'),
-      '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build'),
-      'process/browser': require.resolve('process/browser'),
-      'react/jsx-runtime': require.resolve('react/jsx-runtime')
+      '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build')
     },
     extensions: ['.js', '.ts', '.tsx'],
-    fallback: {
-      buffer: require.resolve('buffer'),
-      stream: require.resolve('stream-browserify')
-    }
+    fallback: {}
   },
+  target: 'web',
   watch: true
 };

packages/example-vue/package.json

@@ -14,9 +14,9 @@
     "url": "https://github.com/polkadot-js/ui.git"
   },
   "sideEffects": false,
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5"
+    "@babel/runtime": "^7.18.6"
   }
 }

packages/example-vue/src/detectOther.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/example-vue authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Empty template, auto-generated by @polkadot/dev
+
+export default [];

packages/example-vue/src/detectPackage.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/example-vue authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+import { detectPackage } from '@polkadot/util';
+
+import others from './detectOther';
+import { packageInfo } from './packageInfo';
+
+detectPackage(packageInfo, null, others);

packages/example-vue/src/index.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/example-vue authors & contributors
+// Copyright 2017-2022 @polkadot/example-vue authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';

packages/example-vue/src/packageInfo.ts

@@ -1,6 +1,6 @@
-// Copyright 2017-2021 @polkadot/example-vue authors & contributors
+// Copyright 2017-2022 @polkadot/example-vue authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// Auto-generated by @polkadot/dev, do not edit
+// Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/example-vue', version: '0.87.7' };
+export const packageInfo = { name: '@polkadot/example-vue', path: 'auto', type: 'auto', version: '2.8.2' };

packages/example-vue/tsconfig.build.json

@@ -6,7 +6,7 @@
     "rootDir": "./src"
   },
   "references": [
-    { "path": "../ui-shared" },
-    { "path": "../ui-settings" }
+    { "path": "../ui-keyring/tsconfig.build.json" },
+    { "path": "../vue-identicon/tsconfig.build.json" }
   ]
 }

packages/example-vue/webpack.config.cjs

@@ -1,10 +1,8 @@
-// Copyright 2017-2021 @polkadot/example-vue authors & contributors
+// Copyright 2017-2022 @polkadot/example-vue authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 const path = require('path');
-const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const { WebpackPluginServe } = require('webpack-plugin-serve');
-const webpack = require('webpack');
 
 module.exports = {
   context: __dirname,
@@ -22,10 +20,6 @@ module.exports = {
             options: require('../../babel.config.cjs')
           }
         ]
-      },
-      {
-        loader: 'vue-loader',
-        test: /\.vue$/
       }
     ]
   },
@@ -42,13 +36,6 @@ module.exports = {
       port: 8080,
       progress: false, // since we have hmr off, disable
       static: __dirname
-    }),
-    new VueLoaderPlugin(),
-    new webpack.ProvidePlugin({
-      Buffer: ['buffer', 'Buffer']
-    }),
-    new webpack.ProvidePlugin({
-      process: 'process/browser'
     })
   ],
   resolve: {
@@ -56,10 +43,10 @@ module.exports = {
       '@polkadot/ui-keyring': path.resolve(__dirname, '../ui-keyring/build'),
       '@polkadot/ui-settings': path.resolve(__dirname, '../ui-settings/build'),
       '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build'),
-      '@polkadot/vue-identicon': path.resolve(__dirname, '../vue-identicon/build'),
-      'process/browser': require.resolve('process/browser')
+      '@polkadot/vue-identicon': path.resolve(__dirname, '../vue-identicon/build')
     },
     extensions: ['.js', '.ts', '.tsx']
   },
+  target: 'web',
   watch: true
 };

packages/react-identicon/package.json

@@ -17,26 +17,26 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5",
-    "@polkadot/keyring": "^8.2.2",
-    "@polkadot/ui-settings": "0.87.7",
-    "@polkadot/ui-shared": "0.87.7",
-    "@polkadot/util": "^8.2.2",
-    "@polkadot/util-crypto": "^8.2.2",
+    "@babel/runtime": "^7.18.6",
+    "@polkadot/keyring": "^10.0.2",
+    "@polkadot/ui-settings": "2.8.2",
+    "@polkadot/ui-shared": "2.8.2",
+    "@polkadot/util": "^10.0.2",
+    "@polkadot/util-crypto": "^10.0.2",
     "color": "^3.2.1",
     "ethereum-blockies-base64": "^1.0.2",
     "jdenticon": "3.1.1",
-    "react-copy-to-clipboard": "^5.0.4",
-    "styled-components": "^5.3.3"
+    "react-copy-to-clipboard": "^5.1.0",
+    "styled-components": "^5.3.5"
   },
   "devDependencies": {
     "@types/react-copy-to-clipboard": "^5.0.2",
-    "@types/react-dom": "^17.0.11",
-    "@types/styled-components": "^5.1.19",
-    "styled-components": "^5.3.3",
+    "@types/react-dom": "^18.0.6",
+    "@types/styled-components": "^5.1.25",
+    "styled-components": "^5.3.5",
     "xmlserializer": "^0.6.1"
   },
   "peerDependencies": {

packages/react-identicon/src/Demo.tsx

@@ -1,54 +0,0 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import { encodeAddress, randomAsU8a } from '@polkadot/util-crypto';
-
-import { Identicon } from '.';
-
-const THEMES = ['beachball', 'polkadot', 'substrate'];
-
-export default class Demo extends React.PureComponent {
-  public override render (): React.ReactNode {
-    const identities: string[] = [];
-
-    while (identities.length !== 50) {
-      identities.push(
-        encodeAddress(randomAsU8a(32))
-      );
-    }
-
-    return (
-      <div>
-        <div>
-          {identities.map((value, index): React.ReactNode => (
-            <Identicon
-              key={value.toString()}
-              theme={THEMES[index % THEMES.length] as 'empty'}
-              value={value}
-            />
-          ))}
-        </div>
-        <div>
-          {THEMES.map((theme): React.ReactNode => (
-            <Identicon
-              key={theme}
-              theme={theme as 'empty'}
-              value='5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'
-            />
-          ))}
-        </div>
-      </div>
-    );
-  }
-}
-
-const rootElement = document.getElementById('demo');
-
-if (!rootElement) {
-  throw new Error('Unable to find element with id \'demo\'');
-}
-
-ReactDOM.render(<Demo />, rootElement);

packages/react-identicon/src/Identicon.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';

packages/react-identicon/src/bundle.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 export * from './icons';

packages/react-identicon/src/detectOther.ts

@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { packageInfo as settingsInfo } from '@polkadot/ui-settings/packageInfo';
+import { packageInfo as sharedInfo } from '@polkadot/ui-shared/packageInfo';
+
+export default [settingsInfo, sharedInfo];

packages/react-identicon/src/detectPackage.ts

@@ -1,10 +1,11 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { packageInfo as settingsInfo } from '@polkadot/ui-settings/packageInfo';
-import { packageInfo as sharedInfo } from '@polkadot/ui-shared/packageInfo';
+// Do not edit, auto-generated by @polkadot/dev
+
 import { detectPackage } from '@polkadot/util';
 
+import others from './detectOther';
 import { packageInfo } from './packageInfo';
 
-detectPackage(packageInfo, typeof __dirname !== 'undefined' && __dirname, [settingsInfo, sharedInfo]);
+detectPackage(packageInfo, null, others);

packages/react-identicon/src/icons/Beachball.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Props } from '../types';

packages/react-identicon/src/icons/Empty.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Props } from '../types';

packages/react-identicon/src/icons/Ethereum.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Props } from '../types';

packages/react-identicon/src/icons/Jdenticon.tsx

@@ -1,18 +1,21 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Props } from '../types';
 
 import * as jdenticon from 'jdenticon';
-import React from 'react';
+import React, { useMemo } from 'react';
 
 function Identicon ({ className = '', publicKey, size, style }: Props): React.ReactElement<Props> {
+  const html = useMemo(
+    () => ({ __html: jdenticon.toSvg(publicKey.substr(2), size) }),
+    [publicKey, size]
+  );
+
   return (
     <div
       className={className}
-      dangerouslySetInnerHTML={{
-        __html: jdenticon.toSvg(publicKey.substr(2), size)
-      }}
+      dangerouslySetInnerHTML={html}
       style={style}
     />
   );

packages/react-identicon/src/icons/Polkadot.tsx

@@ -1,4 +1,4 @@
-// Copyright 2018-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2018-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 // Copyright 2018 Paritytech via paritytech/oo7/polkadot-identicon
@@ -19,7 +19,7 @@
 import type { Circle } from '@polkadot/ui-shared/icons/types';
 import type { Props } from '../types';
 
-import React from 'react';
+import React, { useMemo } from 'react';
 
 import { polkadotIcon } from '@polkadot/ui-shared';
 
@@ -36,6 +36,11 @@ function renderCircle ({ cx, cy, fill, r }: Circle, key: number): React.ReactNod
 }
 
 function Identicon ({ address, className = '', isAlternative = false, size, style }: Props): React.ReactElement<Props> {
+  const circles = useMemo(
+    () => polkadotIcon(address, { isAlternative }),
+    [address, isAlternative]
+  );
+
   return (
     <svg
       className={className}
@@ -46,7 +51,7 @@ function Identicon ({ address, className = '', isAlternative = false, size, styl
       viewBox='0 0 64 64'
       width={size}
     >
-      {polkadotIcon(address, { isAlternative }).map(renderCircle)}
+      {circles.map(renderCircle)}
     </svg>
   );
 }

packages/react-identicon/src/icons/index.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 export { Beachball } from './Beachball';

packages/react-identicon/src/index.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import './detectPackage';

packages/react-identicon/src/packageInfo.ts

@@ -1,6 +1,6 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// Auto-generated by @polkadot/dev, do not edit
+// Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/react-identicon', version: '0.87.7' };
+export const packageInfo = { name: '@polkadot/react-identicon', path: 'auto', type: 'auto', version: '2.8.2' };

packages/react-identicon/src/types.ts

@@ -1,4 +1,4 @@
-// Copyright 2018-2021 @polkadot/react-identicon authors & contributors
+// Copyright 2018-2022 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';

packages/react-identicon/tsconfig.build.json

@@ -6,7 +6,7 @@
     "rootDir": "./src"
   },
   "references": [
-    { "path": "../ui-keyring" },
-    { "path": "../vue-identicon" }
+    { "path": "../ui-shared/tsconfig.build.json" },
+    { "path": "../ui-settings/tsconfig.build.json" }
   ]
 }

packages/react-identicon/webpack.config.js

@@ -1,45 +0,0 @@
-// Copyright 2017-2021 @polkadot/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-const path = require('path');
-const webpack = require('webpack');
-const ENV = process.env.NODE_ENV || 'development';
-const isProd = ENV === 'production';
-
-module.exports = {
-  context: __dirname,
-  devtool: isProd ? 'source-map' : 'eval-cheap-source-map',
-  entry: './src/Demo.tsx',
-  mode: ENV,
-  module: {
-    rules: [
-      {
-        exclude: /(node_modules)/,
-        test: /\.(js|ts|tsx)$/,
-        use: [
-          'babel-loader'
-        ]
-      }
-    ]
-  },
-  output: {
-    filename: './Demo.js',
-    path: path.join(__dirname, 'build')
-  },
-  plugins: [
-    new webpack.ProvidePlugin({
-      Buffer: ['buffer', 'Buffer']
-    }),
-    new webpack.ProvidePlugin({
-      process: 'process/browser'
-    })
-  ],
-  resolve: {
-    alias: {
-      '@polkadot/ui-settings': path.resolve(__dirname, '../ui-settings/build'),
-      '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build'),
-      'process/browser': require.resolve('process/browser')
-    },
-    extensions: ['.js', '.jsx', '.ts', '.tsx']
-  }
-};

packages/react-qr/package.json

@@ -12,22 +12,25 @@
     "type": "git",
     "url": "https://github.com/polkadot-js/ui.git"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "./detectPackage.js",
+    "./detectPackage.cjs"
+  ],
   "type": "module",
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5",
-    "@polkadot/ui-settings": "0.87.7",
-    "@polkadot/util": "^8.2.2",
-    "@polkadot/util-crypto": "^8.2.2",
+    "@babel/runtime": "^7.18.6",
+    "@polkadot/ui-settings": "2.8.2",
+    "@polkadot/util": "^10.0.2",
+    "@polkadot/util-crypto": "^10.0.2",
     "qrcode-generator": "^1.4.4",
     "react-qr-reader": "^2.2.1",
-    "styled-components": "^5.3.3"
+    "styled-components": "^5.3.5"
   },
   "devDependencies": {
     "@types/react-qr-reader": "^2.1.4",
-    "@types/styled-components": "^5.1.19"
+    "@types/styled-components": "^5.1.25"
   },
   "peerDependencies": {
     "@polkadot/util": "*",

packages/react-qr/src/Display.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useEffect, useMemo, useRef, useState } from 'react';
@@ -15,6 +15,7 @@ interface Props {
   size?: string | number;
   skipEncoding?: boolean;
   style?: React.CSSProperties;
+  timerDelay?: number;
   value: Uint8Array;
 }
 
@@ -30,7 +31,7 @@ interface TimerState {
   timerId: number | null;
 }
 
-const FRAME_DELAY = 2500;
+const DEFAULT_FRAME_DELAY = 2750;
 const TIMER_INC = 500;
 
 function getDataUrl (value: Uint8Array): string {
@@ -44,9 +45,9 @@ function getDataUrl (value: Uint8Array): string {
   return qr.createDataURL(16, 0);
 }
 
-function Display ({ className, size, skipEncoding, style, value }: Props): React.ReactElement<Props> | null {
+function Display ({ className, size, skipEncoding, style, timerDelay = DEFAULT_FRAME_DELAY, value }: Props): React.ReactElement<Props> | null {
   const [{ image }, setFrameState] = useState<FrameState>({ frameIdx: 0, frames: [], image: null, valueHash: null });
-  const timerRef = useRef<TimerState>({ timerDelay: FRAME_DELAY, timerId: null });
+  const timerRef = useRef<TimerState>({ timerDelay, timerId: null });
 
   const containerStyle = useMemo(
     () => createImgSize(size),
@@ -69,18 +70,21 @@ function Display ({ className, size, skipEncoding, style, value }: Props): React
         timerRef.current.timerDelay = timerRef.current.timerDelay + TIMER_INC;
       }
 
-      timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-
       // only encode the frames on demand, not above as part of the
       // state derivation - in the case of large payloads, this should
       // be slightly more responsive on initial load
-      return objectSpread({}, state, {
+      const newState = objectSpread<FrameState>({}, state, {
         frameIdx,
         image: getDataUrl(state.frames[frameIdx])
       });
+
+      // set the new timer last
+      timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
+
+      return newState;
     });
 
-    timerRef.current.timerId = window.setTimeout(nextFrame, FRAME_DELAY);
+    timerRef.current.timerId = window.setTimeout(nextFrame, timerRef.current.timerDelay);
 
     return (): void => {
       // eslint-disable-next-line react-hooks/exhaustive-deps

packages/react-qr/src/DisplayAddress.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useMemo } from 'react';
@@ -12,9 +12,10 @@ interface Props {
   className?: string;
   size?: string | number;
   style?: React.CSSProperties;
+  timerDelay?: number;
 }
 
-function DisplayAddress ({ address, className, genesisHash, size, style }: Props): React.ReactElement<Props> | null {
+function DisplayAddress ({ address, className, genesisHash, size, style, timerDelay }: Props): React.ReactElement<Props> | null {
   const data = useMemo(
     () => createAddressPayload(address, genesisHash),
     [address, genesisHash]
@@ -30,6 +31,7 @@ function DisplayAddress ({ address, className, genesisHash, size, style }: Props
       size={size}
       skipEncoding
       style={style}
+      timerDelay={timerDelay}
       value={data}
     />
   );

packages/react-qr/src/DisplayPayload.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useMemo } from 'react';
@@ -10,13 +10,15 @@ interface Props {
   address: string;
   className?: string;
   cmd: number;
+  delay?: number;
   genesisHash: Uint8Array | string;
   payload: Uint8Array;
   size?: string | number;
   style?: React.CSSProperties;
+  timerDelay?: number;
 }
 
-function DisplayPayload ({ address, className, cmd, genesisHash, payload, size, style }: Props): React.ReactElement<Props> | null {
+function DisplayPayload ({ address, className, cmd, genesisHash, payload, size, style, timerDelay }: Props): React.ReactElement<Props> | null {
   const data = useMemo(
     () => createSignPayload(address, cmd, payload, genesisHash),
     [address, cmd, payload, genesisHash]
@@ -31,6 +33,7 @@ function DisplayPayload ({ address, className, cmd, genesisHash, payload, size,
       className={className}
       size={size}
       style={style}
+      timerDelay={timerDelay}
       value={data}
     />
   );

packages/react-qr/src/NetworkSpecs.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { NetworkSpecsStruct } from '@polkadot/ui-settings/types';

packages/react-qr/src/Scan.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useCallback, useMemo } from 'react';

packages/react-qr/src/ScanAddress.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useCallback } from 'react';

packages/react-qr/src/ScanSignature.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { HexString } from '@polkadot/util/types';

packages/react-qr/src/bundle.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 export { QrDisplayAddress } from './DisplayAddress';

packages/react-qr/src/constants.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 const ADDRESS_PREFIX = 'substrate';

packages/react-qr/src/detectOther.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Empty template, auto-generated by @polkadot/dev
+
+export default [];

packages/react-qr/src/detectPackage.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+import { detectPackage } from '@polkadot/util';
+
+import others from './detectOther';
+import { packageInfo } from './packageInfo';
+
+detectPackage(packageInfo, null, others);

packages/react-qr/src/index.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import './detectPackage';
+
+export * from './bundle';

packages/react-qr/src/packageInfo.ts

@@ -1,6 +1,6 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// Auto-generated by @polkadot/dev, do not edit
+// Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/react-qr', version: '0.87.7' };
+export const packageInfo = { name: '@polkadot/react-qr', path: 'auto', type: 'auto', version: '2.8.2' };

packages/react-qr/src/qrcode.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import _qrcode from 'qrcode-generator';

packages/react-qr/src/util.spec.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import { u8aConcat, u8aToHex, u8aToString } from '@polkadot/util';

packages/react-qr/src/util.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/react-qr authors & contributors
+// Copyright 2017-2022 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import { isString, u8aConcat, u8aToU8a } from '@polkadot/util';

packages/react-qr/tsconfig.build.json

@@ -6,6 +6,6 @@
     "rootDir": "./src"
   },
   "references": [
-    { "path": "../ui-shared" }
+    { "path": "../ui-settings/tsconfig.build.json" }
   ]
 }

packages/reactnative-identicon/package.json

@@ -17,17 +17,17 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5",
-    "@polkadot/ui-shared": "0.87.7",
-    "@polkadot/util": "^8.2.2",
-    "@polkadot/util-crypto": "^8.2.2",
-    "react-native-svg": "^12.2.0"
+    "@babel/runtime": "^7.18.6",
+    "@polkadot/ui-shared": "2.8.2",
+    "@polkadot/util": "^10.0.2",
+    "@polkadot/util-crypto": "^10.0.2",
+    "react-native-svg": "^12.3.0"
   },
   "devDependencies": {
-    "@types/react-native": "^0.66.10"
+    "@types/react-native": "^0.69.2"
   },
   "peerDependencies": {
     "@polkadot/util": "*",

packages/reactnative-identicon/src/Identicon.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';

packages/reactnative-identicon/src/bundle.ts

@@ -0,0 +1,5 @@
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './icons';
+export { packageInfo } from './packageInfo';

packages/reactnative-identicon/src/detectOther.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { packageInfo as sharedInfo } from '@polkadot/ui-shared/packageInfo';
+
+export default [sharedInfo];

packages/reactnative-identicon/src/detectPackage.ts

@@ -1,9 +1,11 @@
-// Copyright 2017-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { packageInfo as sharedInfo } from '@polkadot/ui-shared/packageInfo';
+// Do not edit, auto-generated by @polkadot/dev
+
 import { detectPackage } from '@polkadot/util';
 
+import others from './detectOther';
 import { packageInfo } from './packageInfo';
 
-detectPackage(packageInfo, typeof __dirname !== 'undefined' && __dirname, [sharedInfo]);
+detectPackage(packageInfo, null, others);

packages/reactnative-identicon/src/icons/Empty.tsx

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Props } from '../types';

packages/reactnative-identicon/src/icons/Polkadot.tsx

@@ -1,10 +1,10 @@
-// Copyright 2018-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2018-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Circle as CircleType } from '@polkadot/ui-shared/icons/types';
 import type { Props } from '../types';
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import Svg, { Circle as SvgCircle } from 'react-native-svg';
 
@@ -23,6 +23,11 @@ function renderCircle ({ cx, cy, fill, r }: CircleType, key: number): React.Reac
 }
 
 export default function Identicon ({ address, isAlternative = false, size }: Props): React.ReactElement<Props> {
+  const circles = useMemo(
+    () => polkadotIcon(address, { isAlternative }),
+    [address, isAlternative]
+  );
+
   return (
     <View>
       <Svg
@@ -31,7 +36,7 @@ export default function Identicon ({ address, isAlternative = false, size }: Pro
         viewBox='0 0 64 64'
         width={size}
       >
-        {polkadotIcon(address, { isAlternative }).map(renderCircle)}
+        {circles.map(renderCircle)}
       </Svg>
     </View>
   );

packages/reactnative-identicon/src/icons/index.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 export { default as Empty } from './Empty';

packages/reactnative-identicon/src/index.ts

@@ -1,11 +1,10 @@
-// Copyright 2017-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import './detectPackage';
 
 import Identicon from './Identicon';
 
-export * from './icons';
-export { packageInfo } from './packageInfo';
+export * from './bundle';
 
 export default Identicon;

packages/reactnative-identicon/src/packageInfo.ts

@@ -1,6 +1,6 @@
-// Copyright 2017-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2017-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// Auto-generated by @polkadot/dev, do not edit
+// Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/reactnative-identicon', version: '0.87.7' };
+export const packageInfo = { name: '@polkadot/reactnative-identicon', path: 'auto', type: 'auto', version: '2.8.2' };

packages/reactnative-identicon/src/types.ts

@@ -1,4 +1,4 @@
-// Copyright 2018-2021 @polkadot/reactnative-identicon authors & contributors
+// Copyright 2018-2022 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 export interface Props {

packages/reactnative-identicon/tsconfig.build.json

@@ -6,6 +6,6 @@
     "rootDir": "./src"
   },
   "references": [
-    { "path": "../ui-settings" }
+    { "path": "../ui-shared/tsconfig.build.json" }
   ]
 }

packages/ui-assets/package.json

@@ -13,9 +13,10 @@
     "url": "https://github.com/polkadot-js/ui.git"
   },
   "sideEffects": false,
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5"
+    "@babel/runtime": "^7.18.6",
+    "@polkadot/util": "^10.0.2"
   }
 }

packages/ui-assets/src/detectOther.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/ui-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Empty template, auto-generated by @polkadot/dev
+
+export default [];

packages/ui-assets/src/detectPackage.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/ui-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+import { detectPackage } from '@polkadot/util';
+
+import others from './detectOther';
+import { packageInfo } from './packageInfo';
+
+detectPackage(packageInfo, null, others);

packages/ui-assets/src/index.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui-assets authors & contributors
+// Copyright 2017-2022 @polkadot/ui-assets authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// empty
+export {};

packages/ui-assets/src/packageInfo.ts

@@ -1,6 +1,6 @@
-// Copyright 2017-2021 @polkadot/ui-assets authors & contributors
+// Copyright 2017-2022 @polkadot/ui-assets authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// Auto-generated by @polkadot/dev, do not edit
+// Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-assets', version: '0.87.7' };
+export const packageInfo = { name: '@polkadot/ui-assets', path: 'auto', type: 'auto', version: '2.8.2' };

packages/ui-assets/src/types.d.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui-assets authors & contributors
+// Copyright 2017-2022 @polkadot/ui-assets authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 declare module '*.svg' {

packages/ui-keyring/package.json

@@ -16,17 +16,16 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "0.87.7",
+  "version": "2.8.2",
   "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.16.5",
-    "@polkadot/hw-ledger": "^8.2.2",
-    "@polkadot/keyring": "^8.2.2",
-    "@polkadot/ui-settings": "0.87.7",
-    "@polkadot/util": "^8.2.2",
-    "@polkadot/util-crypto": "^8.2.2",
+    "@babel/runtime": "^7.18.6",
+    "@polkadot/keyring": "^10.0.2",
+    "@polkadot/ui-settings": "2.8.2",
+    "@polkadot/util": "^10.0.2",
+    "@polkadot/util-crypto": "^10.0.2",
     "mkdirp": "^1.0.4",
-    "rxjs": "^7.4.0",
+    "rxjs": "^7.5.5",
     "store": "^2.0.12"
   },
   "devDependencies": {

packages/ui-keyring/src/Base.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui-keyring authors & contributors
+// Copyright 2017-2022 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { KeyringInstance, KeyringPair } from '@polkadot/keyring/types';
@@ -28,6 +28,8 @@ export class Base {
 
   protected _genesisHash?: string;
 
+  protected _genesisHashAdd: string[] = [];
+
   constructor () {
     this.#accounts = accounts;
     this.#addresses = addresses;
@@ -59,6 +61,12 @@ export class Base {
     return this._genesisHash;
   }
 
+  public get genesisHashes (): string[] {
+    return this._genesisHash
+      ? [this._genesisHash, ...this._genesisHashAdd]
+      : [...this._genesisHashAdd];
+  }
+
   public decodeAddress = (key: string | Uint8Array, ignoreChecksum?: boolean, ss58Format?: Prefix): Uint8Array => {
     return this.keyring.decodeAddress(key, ignoreChecksum, ss58Format);
   };
@@ -115,6 +123,7 @@ export class Base {
         ? options.genesisHash.toString()
         : options.genesisHash.toHex()
     );
+    this._genesisHashAdd = options.genesisHashAdd || [];
     this._store = options.store || this._store;
 
     this.addAccountPairs();

packages/ui-keyring/src/Keyring.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui-keyring authors & contributors
+// Copyright 2017-2022 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import type { KeyringPair, KeyringPair$Json, KeyringPair$Meta } from '@polkadot/keyring/types';
@@ -10,7 +10,7 @@ import type { CreateResult, KeyringAddress, KeyringAddressType, KeyringItemType,
 
 import { createPair } from '@polkadot/keyring';
 import { chains } from '@polkadot/ui-settings';
-import { bnToBn, hexToU8a, isHex, isString, objectSpread, stringToU8a, u8aSorted, u8aToString } from '@polkadot/util';
+import { bnToBn, hexToU8a, isFunction, isHex, isString, objectSpread, stringify, stringToU8a, u8aSorted, u8aToString } from '@polkadot/util';
 import { base64Decode, createKeyMulti, jsonDecrypt, jsonEncrypt } from '@polkadot/util-crypto';
 
 import { env } from './observable/env';
@@ -185,7 +185,7 @@ export class Keyring extends Base implements KeyringStruct {
       .filter(([, { json: { meta: { contract } } }]): boolean =>
         !!contract && contract.genesisHash === this.genesisHash
       )
-      .map(([address]): KeyringAddress => this.getContract(address) as KeyringAddress);
+      .map(([address]) => this.getContract(address) as KeyringAddress);
   }
 
   private rewriteKey (json: KeyringJson, key: string, hexAddr: string, creator: (addr: string) => string): void {
@@ -199,7 +199,6 @@ export class Keyring extends Base implements KeyringStruct {
 
   private loadAccount (json: KeyringJson, key: string): void {
     if (!json.meta.isTesting && (json as KeyringPair$Json).encoded) {
-      // FIXME Just for the transition period (ignoreChecksum)
       const pair = this.keyring.addFromJson(json as KeyringPair$Json, true);
 
       this.accounts.add(this._store, pair.address, json, pair.type);
@@ -266,7 +265,7 @@ export class Keyring extends Base implements KeyringStruct {
       ) || [this.genesisHash];
 
       if (json.meta.genesisHash) {
-        return hashes.includes(json.meta.genesisHash);
+        return hashes.includes(json.meta.genesisHash) || this.genesisHashes.includes(json.meta.genesisHash);
       } else if (json.meta.contract) {
         return hashes.includes(json.meta.contract.genesisHash);
       }
@@ -279,7 +278,7 @@ export class Keyring extends Base implements KeyringStruct {
     super.initKeyring(options);
 
     this._store.all((key: string, json: KeyringJson): void => {
-      if (options.filter ? options.filter(json) : true) {
+      if (!isFunction(options.filter) || options.filter(json)) {
         try {
           if (this.allowGenesis(json)) {
             if (accountRegex.test(key)) {
@@ -291,7 +290,7 @@ export class Keyring extends Base implements KeyringStruct {
             }
           }
         } catch (error) {
-          // ignore
+          console.warn(`Keyring: Unable to load ${key}:${stringify(json)}`);
         }
       }
     });
@@ -301,7 +300,7 @@ export class Keyring extends Base implements KeyringStruct {
         try {
           this.loadInjected(account.address, account.meta, account.type);
         } catch (error) {
-          // ignore
+          console.warn(`Keyring: Unable to inject ${stringify(account)}`);
         }
       }
     });

packages/ui-keyring/src/bundle.ts

@@ -1,9 +1,8 @@
-// Copyright 2017-2021 @polkadot/ui-keyring authors & contributors
+// Copyright 2017-2022 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import { Keyring } from './Keyring';
 
-export { Ledger } from '@polkadot/hw-ledger';
 export { packageInfo } from './packageInfo';
 
 const keyring = new Keyring();

packages/ui-keyring/src/defaults.ts

@@ -1,4 +1,4 @@
-// Copyright 2017-2021 @polkadot/ui-keyring authors & contributors
+// Copyright 2017-2022 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
 import { decodeAddress } from '@polkadot/keyring';

packages/ui-keyring/src/detectOther.ts

@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/ui-keyring authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { packageInfo as settingsInfo } from '@polkadot/ui-settings/packageInfo';
+
+export default [settingsInfo];

packages/ui-keyring/src/detectPackage.ts

@@ -1,9 +1,11 @@
-// Copyright 2017-2021 @polkadot/ui-keyring authors & contributors
+// Copyright 2017-2022 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { packageInfo as settingsInfo } from '@polkadot/ui-settings/packageInfo';
+// Do not edit, auto-generated by @polkadot/dev
+
 import { detectPackage } from '@polkadot/util';
 
+import others from './detectOther';
 import { packageInfo } from './packageInfo';
 
-detectPackage(packageInfo, typeof __dirname !== 'undefined' && __dirname, [settingsInfo]);
+detectPackage(packageInfo, null, others);