[CI Skip] release/stable 0.87.6

skip-checks: true

.123trigger

@@ -4,3 +4,21 @@
 0.66.3
 0.71.2
 0.71.3
+
+0.84.2
+0.84.3
+0.85.2
+0.85.3
+0.85.4
+0.85.5
+0.86.2
+0.86.3
+0.86.4
+0.86.5
+0.86.6
+0.86.7
+0.87.2
+0.87.3
+0.87.4
+0.87.5
+0.87.6

.codeclimate.yml

@@ -1,3 +1,17 @@
+checks:
+  argument-count:
+    config:
+      threshold: 5
+  method-complexity:
+    config:
+      threshold: 7
+  method-count:
+    config:
+      threshold: 25
+  method-lines:
+    config:
+      threshold: 30
+
 exclude_patterns:
 - "**/*.spec.js"
 - "**/*.spec.ts"

.eslintrc.js

@@ -6,19 +6,13 @@ const base = require('@polkadot/dev/config/eslint.cjs');
 module.exports = {
   ...base,
   ignorePatterns: [
-    '.eslintrc.js',
-    '.github/**',
-    '.vscode/**',
-    '.yarn/**',
-    '**/build/*',
-    '**/coverage/*',
-    '**/node_modules/*',
+    ...base.ignorePatterns,
     '**/*.d.ts'
   ],
   parserOptions: {
     ...base.parserOptions,
     project: [
-      './tsconfig.json'
+      './tsconfig.eslint.json'
     ]
   },
   rules: {

.github/workflows/lock.yml

@@ -2,7 +2,7 @@ name: 'Lock Threads'
 
 on:
   schedule:
-    - cron: '30 1/2 * * *'
+    - cron: '25 2/3 * * *'
 
 jobs:
   lock:

.github/workflows/stale.yml

@@ -1,7 +1,7 @@
 name: 'Close stale issues and PRs'
 on:
   schedule:
-    - cron: '30 2/2 * * *'
+    - cron: '40 2/3 * * *'
 
 jobs:
   stale:

.gitignore

@@ -3,6 +3,7 @@ build-docs/
 coverage/
 node_modules/
 tmp/
+.idea
 .DS_Store
 .env.local
 .env.development.local
@@ -16,5 +17,6 @@ tmp/
 cc-test-reporter
 package-lock.json
 npm-debug.log*
+tsconfig.*buildinfo
 yarn-debug.log*
 yarn-error.log*

.yarnrc.yml

@@ -10,4 +10,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
     spec: "@yarnpkg/plugin-version"
 
-yarnPath: .yarn/releases/yarn-3.0.0-rc.2.cjs
+yarnPath: .yarn/releases/yarn-3.0.1.cjs

CHANGELOG.md

@@ -1,5 +1,159 @@
 # CHANGELOG
 
+## 0.87.6 Dec 19, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.2.2
+
+
+## 0.87.5 Dec 5, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.1.2
+
+
+## 0.87.4 Dec 5, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.1.1
+
+
+## 0.87.3 Dec 1, 2021
+
+Changes:
+
+- Use `hasProcess` check from `@polkadot/util`
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.0.5
+
+
+## 0.87.2 Nov 30, 2021
+
+Contributed:
+
+- Correct check for `process` variable (Thanks to https://github.com/AndreiEres)
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.0.4
+
+
+## 0.87.1 Nov 28, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 8.0.2
+
+
+## 0.86.7 Nov 22, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.9.2
+
+
+## 0.86.6 Nov 21, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.9.1
+
+
+## 0.86.5 Nov 6, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.8.2
+
+
+## 0.86.4 Nov 6, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.8.1
+
+
+## 0.86.3 Nov 1, 2021
+
+Changes:
+
+- Add publish skip to all examples
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.7.1
+
+
+## 0.86.2 Oct 24, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.6.1
+
+
+## 0.86.1 Oct 16, 2021
+
+Contributed:
+
+- Check for existence of `process` before using (Thanks to https://github.com/wirednkod)
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.5.1
+
+
+## 0.85.5 Oct 10, 2021
+
+Changes:
+
+- Update rxjs to 7.4 (aligning with use in API)
+
+
+## 0.85.4 Sep 17, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.4.1
+
+
+## 0.85.3 Aug 29, 2021
+
+Changes:
+
+- Revert color bump to 4.0.1, keep at 3.2.1 (numeric separators on Vue & react-native)
+
+
+## 0.85.2 Aug 28, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.3.1
+
+
+## 0.85.1 Aug 15, 2021
+
+Contributed:
+
+- Always use `bigint` type to indicate instance (Thanks to https://github.com/ntduan)
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.2.1
+
+
+## 0.84.3 Aug 2, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.1.1
+
+
+## 0.84.2 Jul 26, 2021
+
+Changes:
+
+- Updated to `@polkadot/{hw-ledger, keyring, util, util-crypto}` 7.0.3
+
+
 ## 0.84.1 Jul 11, 2021
 
 Changes:

jest.config.cjs

@@ -12,19 +12,5 @@ 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'
   },
-  modulePathIgnorePatterns: [
-    '<rootDir>/packages/example-react/build',
-    '<rootDir>/packages/example-vue/build',
-    '<rootDir>/packages/exampleReactNative/build',
-    '<rootDir>/packages/react-identicon/build',
-    '<rootDir>/packages/react-qr/build',
-    '<rootDir>/packages/reactnative-identicon/build',
-    '<rootDir>/packages/ui-assets/build',
-    '<rootDir>/packages/ui-keyring/build',
-    '<rootDir>/packages/ui-settings/build',
-    '<rootDir>/packages/ui-shared/build',
-    '<rootDir>/packages/vue-identicon/build'
-  ],
-  testEnvironment: 'jsdom',
-  transformIgnorePatterns: ['/node_modules/(?!@polkadot|@babel/runtime/helpers/esm/)']
+  testEnvironment: 'jsdom'
 };

package.json

@@ -1,49 +1,58 @@
 {
-  "repository": "https://github.com/polkadot-js/ui",
   "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",
   "private": true,
-  "homepage": ".",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "version": "0.87.6",
   "workspaces": [
     "packages/*"
   ],
-  "resolutions": {
-    "typescript": "^4.3.5"
-  },
   "scripts": {
     "build": "polkadot-dev-build-ts",
     "build:release": "polkadot-ci-ghact-build",
     "build:rollup": "polkadot-exec-rollup --config",
-    "lint": "polkadot-dev-run-lint",
     "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:rn:packager": "yarn build && cd packages/exampleReactNative && yarn copy-workspace-packages && yarn start",
-    "example:rn:ios": "cd packages/exampleReactNative && cd ios && pod install && cd .. && yarn ios",
-    "example:rn:android": "cd packages/exampleReactNative && yarn android",
     "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",
+    "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.14.6",
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/dev": "^0.62.57",
-    "@polkadot/ts": "^0.4.4",
-    "@polkadot/x-bundle": "^7.0.1",
-    "@types/jest": "^26.0.23",
+    "@babel/core": "^7.16.5",
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/dev": "^0.64.5",
+    "@polkadot/ts": "^0.4.20",
+    "@polkadot/x-bundle": "^8.2.2",
+    "@types/jest": "^27.0.3",
+    "babel-loader": "^8.2.3",
     "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.64.2",
+    "react-native": "^0.66.4",
+    "stream-browserify": "^3.0.0",
     "vue-template-compiler": "^2.6.14",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12",
-    "webpack-serve": "^3.2.0"
+    "webpack": "^5.65.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-serve": "^4.0.0"
   },
-  "version": "0.84.1"
+  "resolutions": {
+    "typescript": "^4.5.3"
+  }
 }

packages/example-react/package.json

@@ -1,12 +1,22 @@
 {
-  "name": "@polkadot/example-react",
-  "version": "0.84.1",
-  "description": "A very basic example with ui-* & react-* packages",
-  "main": "index.js",
   "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "A very basic example with ui-* & react-* packages",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/example-react#readme",
   "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/example-react",
+  "private": true,
+  "repository": {
+    "directory": "packages/example-react",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6"
+    "@babel/runtime": "^7.16.5"
   }
 }

packages/example-react/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/example-react', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/example-react', version: '0.87.6' };

packages/example-react/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../react-identicon" },
+    { "path": "../ui-keyring" }
+  ]
+}

packages/example-react/webpack.config.js

@@ -3,10 +3,11 @@
 
 const path = require('path');
 const { WebpackPluginServe } = require('webpack-plugin-serve');
+const webpack = require('webpack');
 
 module.exports = {
   context: __dirname,
-  devtool: 'cheap-eval-source-map',
+  devtool: 'eval-cheap-source-map',
   entry: './src/index.tsx',
   mode: 'development',
   module: {
@@ -36,6 +37,12 @@ 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: {
@@ -43,9 +50,15 @@ 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')
+      '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build'),
+      'process/browser': require.resolve('process/browser'),
+      'react/jsx-runtime': require.resolve('react/jsx-runtime')
     },
-    extensions: ['.js', '.ts', '.tsx']
+    extensions: ['.js', '.ts', '.tsx'],
+    fallback: {
+      buffer: require.resolve('buffer'),
+      stream: require.resolve('stream-browserify')
+    }
   },
   watch: true
 };

packages/example-vue/package.json

@@ -1,12 +1,22 @@
 {
-  "name": "@polkadot/example-vue",
-  "version": "0.84.1",
-  "description": "A very basic example with ui-* & vue-* packages",
-  "main": "index.js",
   "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "A very basic example with ui-* & vue-* packages",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/example-vue#readme",
   "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/example-vue",
+  "private": true,
+  "repository": {
+    "directory": "packages/example-vue",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6"
+    "@babel/runtime": "^7.16.5"
   }
 }

packages/example-vue/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/example-vue', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/example-vue', version: '0.87.6' };

packages/example-vue/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../ui-keyring" },
+    { "path": "../vue-identicon" }
+  ]
+}

packages/example-vue/webpack.config.js

@@ -4,10 +4,11 @@
 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,
-  devtool: 'cheap-eval-source-map',
+  devtool: 'eval-cheap-source-map',
   entry: './src/index.ts',
   mode: 'development',
   module: {
@@ -42,14 +43,21 @@ module.exports = {
       progress: false, // since we have hmr off, disable
       static: __dirname
     }),
-    new VueLoaderPlugin()
+    new VueLoaderPlugin(),
+    new webpack.ProvidePlugin({
+      Buffer: ['buffer', 'Buffer']
+    }),
+    new webpack.ProvidePlugin({
+      process: 'process/browser'
+    })
   ],
   resolve: {
     alias: {
       '@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')
+      '@polkadot/vue-identicon': path.resolve(__dirname, '../vue-identicon/build'),
+      'process/browser': require.resolve('process/browser')
     },
     extensions: ['.js', '.ts', '.tsx']
   },

packages/exampleReactNative/App.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2021 @polkadot/example-react authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Button, SafeAreaView, ScrollView, StatusBar, StyleSheet, Text, View } from 'react-native';
 import { Colors } from 'react-native/Libraries/NewAppScreen';
 
@@ -57,17 +57,22 @@ export default function App (): React.ReactElement | null {
   const [phrase, setPhrase] = useState<string | null>(null);
   const [ss58Format, setSS58Format] = useState(42);
 
-  const _onClickNew = (): void => {
-    const phrase = mnemonicGenerate(12);
-    const { address } = keyring.createFromUri(phrase);
+  const _onClickNew = useCallback(
+    (): void => {
+      const phrase = mnemonicGenerate(12);
+      const { address } = keyring.createFromUri(phrase);
 
-    setAddress(keyring.encodeAddress(address, ss58Format));
-    setPhrase(phrase);
-  };
+      setAddress(keyring.encodeAddress(address, ss58Format));
+      setPhrase(phrase);
+    },
+    [ss58Format]
+  );
 
-  const _onChangeSS58Format = (value: string): void => {
-    setSS58Format(parseInt(value, 10));
-  };
+  const _onChangeSS58Format = useCallback(
+    (value: string) =>
+      () => setSS58Format(parseInt(value, 10)),
+    []
+  );
 
   useEffect((): void => {
     isReady && _onClickNew();
@@ -108,7 +113,8 @@ export default function App (): React.ReactElement | null {
       <SafeAreaView>
         <ScrollView
           contentInsetAdjustmentBehavior='automatic'
-          style={styles.scrollView}>
+          style={styles.scrollView}
+        >
           <View style={styles.body}>
             <View style={styles.sectionContainer}>
               <Text style={styles.mainTitle}>React-Native Example</Text>
@@ -144,7 +150,7 @@ export default function App (): React.ReactElement | null {
                   .map(({ text, value }): React.ReactNode => (
                     <Button
                       key={value}
-                      onPress={(): void => _onChangeSS58Format(value.toString())}
+                      onPress={_onChangeSS58Format(value.toString())}
                       title={text}
                     />
                   ))

packages/exampleReactNative/nodeGlobalsShim.js

@@ -21,27 +21,27 @@ class Storage {
     this.loading = false;
 
     return [...data];
-  }
+  };
 
   getItem = (key) => {
     return this.dataMap.get(key);
-  }
+  };
 
   setItem = (key, value) => {
     this.dataMap.set(key, value);
 
     return AsyncStorage.setItem(key, value);
-  }
+  };
 
   remove = (key) => {
     this.dataMap.delete(key);
 
     return AsyncStorage.removeItem(key);
-  }
+  };
 
   saveItem = (item) => {
     this.dataMap.set(item[0], item[1]);
-  }
+  };
 }
 
 // Set global process variable expected by some classes.

packages/exampleReactNative/package.json

@@ -1,6 +1,7 @@
 {
   "name": "exampleReactNative",
-  "version": "0.84.1",
+  "version": "0.87.6",
+  "license": "Apache-2.0",
   "private": true,
   "scripts": {
     "copy-workspace-packages": "yarn copy-identicon && yarn copy-ui-shared",
@@ -11,31 +12,39 @@
     "start": "NODE_OPTIONS=--max_old_space_size=8192 react-native start",
     "test": "jest"
   },
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "homepage": "https://github.com/polkadot-js/ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git",
+    "directory": "packages/exampleReactNative"
+  },
+  "sideEffects": false,
   "dependencies": {
-    "@polkadot/keyring": "^7.0.1",
-    "@polkadot/reactnative-identicon": "0.84.1",
-    "@polkadot/ui-keyring": "0.84.1",
-    "@polkadot/ui-settings": "0.84.1",
-    "@polkadot/util": "^7.0.1",
-    "@polkadot/util-crypto": "^7.0.1",
+    "@polkadot/keyring": "^8.2.2",
+    "@polkadot/reactnative-identicon": "0.87.6",
+    "@polkadot/ui-keyring": "0.87.6",
+    "@polkadot/ui-settings": "0.87.6",
+    "@polkadot/util": "^8.2.2",
+    "@polkadot/util-crypto": "^8.2.2",
     "@react-native-community/async-storage": "^1.12.1",
     "fast-text-encoding": "^1.0.3",
     "get-yarn-workspaces": "^1.0.2",
     "os-browserify": "^0.3.0",
     "process": "^0.11.10",
     "react": "^17.0.2",
-    "react-native": "^0.64.2",
+    "react-native": "^0.66.4",
     "react-native-crypto": "^2.2.0",
     "react-native-randombytes": "^3.6.1",
     "stream-http": "^3.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/runtime": "^7.14.6",
-    "@react-native-community/cli-platform-ios": "^5.0.1",
+    "@babel/core": "^7.16.5",
+    "@babel/runtime": "^7.16.5",
+    "@react-native-community/cli-platform-ios": "^6.2.0",
     "@types/react-test-renderer": "17.0.1",
-    "babel-jest": "^27.0.6",
-    "metro-react-native-babel-preset": "^0.66.0",
+    "babel-jest": "^27.4.5",
+    "metro-react-native-babel-preset": "^0.66.2",
     "react-test-renderer": "17.0.2"
   },
   "jest": {

packages/exampleReactNative/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "."
+  },
+  "references": [
+    { "path": "../reactnative-identicon" },
+    { "path": "../ui-keyring" },
+    { "path": "../ui-settings" }
+  ]
+}

packages/react-identicon/package.json

@@ -1,28 +1,43 @@
 {
-  "name": "@polkadot/react-identicon",
-  "version": "0.84.1",
-  "type": "module",
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
   "description": "Renders an SVG picture representing an address",
-  "main": "index.js",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/react-identicon#readme",
+  "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/react-identicon",
+  "repository": {
+    "directory": "packages/react-identicon",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
   "sideEffects": [
     "./detectPackage.js",
     "./detectPackage.cjs"
   ],
-  "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
-  "license": "Apache-2.0",
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/keyring": "^7.0.1",
-    "@polkadot/ui-settings": "0.84.1",
-    "@polkadot/ui-shared": "0.84.1",
-    "@polkadot/util": "^7.0.1",
-    "@polkadot/util-crypto": "^7.0.1",
-    "color": "^3.1.3",
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/keyring": "^8.2.2",
+    "@polkadot/ui-settings": "0.87.6",
+    "@polkadot/ui-shared": "0.87.6",
+    "@polkadot/util": "^8.2.2",
+    "@polkadot/util-crypto": "^8.2.2",
+    "color": "^3.2.1",
     "ethereum-blockies-base64": "^1.0.2",
-    "jdenticon": "3.1.0",
-    "react-copy-to-clipboard": "^5.0.3",
-    "styled-components": "^5.3.0"
+    "jdenticon": "3.1.1",
+    "react-copy-to-clipboard": "^5.0.4",
+    "styled-components": "^5.3.3"
+  },
+  "devDependencies": {
+    "@types/react-copy-to-clipboard": "^5.0.2",
+    "@types/react-dom": "^17.0.11",
+    "@types/styled-components": "^5.1.18",
+    "styled-components": "^5.3.3",
+    "xmlserializer": "^0.6.1"
   },
   "peerDependencies": {
     "@polkadot/keyring": "*",
@@ -32,12 +47,5 @@
     "react-dom": "*",
     "react-is": "*",
     "styled-components": "*"
-  },
-  "devDependencies": {
-    "@types/react-copy-to-clipboard": "^5.0.0",
-    "@types/react-dom": "^17.0.8",
-    "@types/styled-components": "^5.1.11",
-    "styled-components": "^5.3.0",
-    "xmlserializer": "^0.6.1"
   }
 }

packages/react-identicon/src/Identicon.tsx

@@ -144,7 +144,7 @@ class BaseIcon extends React.PureComponent<Props, State> {
     if (address && onCopy) {
       onCopy(address);
     }
-  }
+  };
 }
 
 function Icon (props: Props): React.ReactElement<Props> {

packages/react-identicon/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/react-identicon', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/react-identicon', version: '0.87.6' };

packages/react-identicon/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../ui-shared" },
+    { "path": "../ui-settings" }
+  ]
+}

packages/react-identicon/webpack.config.js

@@ -2,13 +2,13 @@
 // 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' : 'cheap-eval-source-map',
+  devtool: isProd ? 'source-map' : 'eval-cheap-source-map',
   entry: './src/Demo.tsx',
   mode: ENV,
   module: {
@@ -26,11 +26,19 @@ module.exports = {
     filename: './Demo.js',
     path: path.join(__dirname, 'build')
   },
-  plugins: [],
+  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')
+      '@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

@@ -1,24 +1,32 @@
 {
-  "name": "@polkadot/react-qr",
-  "version": "0.84.1",
-  "type": "module",
-  "description": "Generates and reads QR codes",
-  "main": "index.js",
-  "sideEffects": false,
   "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "Generates and reads QR codes",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/react-qr#readme",
   "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/react-qr",
+  "repository": {
+    "directory": "packages/react-qr",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/util": "^7.0.1",
-    "@polkadot/util-crypto": "^7.0.1",
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/util": "^8.2.2",
+    "@polkadot/util-crypto": "^8.2.2",
     "qrcode-generator": "^1.4.4",
     "react-qr-reader": "^2.2.1",
-    "styled-components": "^5.3.0"
+    "styled-components": "^5.3.3"
   },
   "devDependencies": {
-    "@types/react-qr-reader": "^2.1.3",
-    "@types/styled-components": "^5.1.11"
+    "@types/react-qr-reader": "^2.1.4",
+    "@types/styled-components": "^5.1.18"
   },
   "peerDependencies": {
     "@polkadot/util": "*",

packages/react-qr/src/Display.tsx

@@ -4,6 +4,7 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
 
+import { objectSpread } from '@polkadot/util';
 import { xxhashAsHex } from '@polkadot/util-crypto';
 
 import { qrcode } from './qrcode';
@@ -37,8 +38,7 @@ function getDataUrl (value: Uint8Array): string {
 
   // HACK See our qrcode stringToBytes override as used internally. This
   // will only work for the case where we actually pass `Bytes` in here
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  qr.addData(value as any, 'Byte');
+  qr.addData(value as unknown as string, 'Byte');
   qr.make();
 
   return qr.createDataURL(16, 0);
@@ -74,11 +74,10 @@ function Display ({ className, size, skipEncoding, style, value }: Props): React
       // 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 {
-        ...state,
+      return objectSpread({}, state, {
         frameIdx,
         image: getDataUrl(state.frames[frameIdx])
-      };
+      });
     });
 
     timerRef.current.timerId = window.setTimeout(nextFrame, FRAME_DELAY);

packages/react-qr/src/ScanSignature.tsx

@@ -1,12 +1,14 @@
 // Copyright 2017-2021 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
+import type { HexString } from '@polkadot/util/types';
+
 import React, { useCallback } from 'react';
 
 import { QrScan } from './Scan';
 
 interface ScanType {
-  signature: string;
+  signature: HexString;
 }
 
 interface Props {

packages/react-qr/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/react-qr', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/react-qr', version: '0.87.6' };

packages/react-qr/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../ui-settings" }
+  ]
+}

packages/reactnative-identicon/package.json

@@ -1,30 +1,38 @@
 {
-  "name": "@polkadot/reactnative-identicon",
-  "version": "0.84.1",
-  "type": "module",
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
   "description": "Renders an SVG picture representing an address",
-  "main": "index.js",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/reactnative-identicon#readme",
+  "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/reactnative-identicon",
+  "repository": {
+    "directory": "packages/reactnative-identicon",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
   "sideEffects": [
     "./detectPackage.js",
     "./detectPackage.cjs"
   ],
-  "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
-  "license": "Apache-2.0",
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/ui-shared": "0.84.1",
-    "@polkadot/util": "^7.0.1",
-    "@polkadot/util-crypto": "^7.0.1",
-    "react-native-svg": "^12.1.1"
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/ui-shared": "0.87.6",
+    "@polkadot/util": "^8.2.2",
+    "@polkadot/util-crypto": "^8.2.2",
+    "react-native-svg": "^12.2.0"
+  },
+  "devDependencies": {
+    "@types/react-native": "^0.66.9"
   },
   "peerDependencies": {
     "@polkadot/util": "*",
     "@polkadot/util-crypto": "*",
     "react": "*",
     "react-native": "*"
-  },
-  "devDependencies": {
-    "@types/react-native": "^0.64.10"
   }
 }

packages/reactnative-identicon/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/reactnative-identicon', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/reactnative-identicon', version: '0.87.6' };

packages/reactnative-identicon/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../ui-shared" }
+  ]
+}

packages/ui-assets/package.json

@@ -1,12 +1,21 @@
 {
-  "name": "@polkadot/ui-assets",
-  "version": "0.84.1",
-  "description": "Static assets shared accross projects",
-  "main": "index.js",
   "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "Static assets shared accross projects",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-assets#readme",
   "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/ui-assets",
+  "repository": {
+    "directory": "packages/ui-assets",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6"
+    "@babel/runtime": "^7.16.5"
   }
 }

packages/ui-assets/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/ui-assets', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/ui-assets', version: '0.87.6' };

packages/ui-assets/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}

packages/ui-keyring/package.json

@@ -1,29 +1,35 @@
 {
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-keyring#readme",
+  "license": "Apache-2.0",
+  "maintainers": [],
   "name": "@polkadot/ui-keyring",
-  "version": "0.84.1",
-  "type": "module",
-  "main": "index.js",
+  "repository": {
+    "directory": "packages/ui-keyring",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
   "sideEffects": [
     "./detectPackage.js",
     "./detectPackage.cjs"
   ],
-  "repository": "github:polkadot-js/apps",
-  "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
-  "contributors": [],
-  "license": "Apache-2.0",
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/hw-ledger": "^7.0.1",
-    "@polkadot/keyring": "^7.0.1",
-    "@polkadot/ui-settings": "0.84.1",
-    "@polkadot/util": "^7.0.1",
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/hw-ledger": "^8.2.2",
+    "@polkadot/keyring": "^8.2.2",
+    "@polkadot/ui-settings": "0.87.6",
+    "@polkadot/util": "^8.2.2",
     "mkdirp": "^1.0.4",
-    "rxjs": "^7.2.0",
+    "rxjs": "^7.4.0",
     "store": "^2.0.12"
   },
   "devDependencies": {
-    "@types/mkdirp": "^1.0.1",
+    "@types/mkdirp": "^1.0.2",
     "@types/store": "^2.0.2"
   },
   "peerDependencies": {

packages/ui-keyring/src/Base.ts

@@ -61,11 +61,11 @@ export class Base {
 
   public decodeAddress = (key: string | Uint8Array, ignoreChecksum?: boolean, ss58Format?: Prefix): Uint8Array => {
     return this.keyring.decodeAddress(key, ignoreChecksum, ss58Format);
-  }
+  };
 
   public encodeAddress = (key: string | Uint8Array, ss58Format?: Prefix): string => {
     return this.keyring.encodeAddress(key, ss58Format);
-  }
+  };
 
   public getPair (address: string | Uint8Array): KeyringPair {
     return this.keyring.getPair(address);

packages/ui-keyring/src/Keyring.ts

@@ -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, stringToU8a, u8aSorted, u8aToString } from '@polkadot/util';
+import { bnToBn, hexToU8a, isHex, isString, objectSpread, stringToU8a, u8aSorted, u8aToString } from '@polkadot/util';
 import { base64Decode, createKeyMulti, jsonDecrypt, jsonEncrypt } from '@polkadot/util-crypto';
 
 import { env } from './observable/env';
@@ -33,7 +33,7 @@ export class Keyring extends Base implements KeyringStruct {
   };
 
   public addExternal (address: string | Uint8Array, meta: KeyringPair$Meta = {}): CreateResult {
-    const pair = this.keyring.addFromAddress(address, { ...meta, isExternal: true }, null);
+    const pair = this.keyring.addFromAddress(address, objectSpread<KeyringJson$Meta>({}, meta, { isExternal: true }), null);
 
     return {
       json: this.saveAccount(pair),
@@ -42,16 +42,16 @@ export class Keyring extends Base implements KeyringStruct {
   }
 
   public addHardware (address: string | Uint8Array, hardwareType: string, meta: KeyringPair$Meta = {}): CreateResult {
-    return this.addExternal(address, { ...meta, hardwareType, isHardware: true });
+    return this.addExternal(address, objectSpread<KeyringPair$Meta>({}, meta, { hardwareType, isHardware: true }));
   }
 
-  public addMultisig (addresses: (string | Uint8Array)[], threshold: BigInt | BN | number, meta: KeyringPair$Meta = {}): CreateResult {
+  public addMultisig (addresses: (string | Uint8Array)[], threshold: bigint | BN | number, meta: KeyringPair$Meta = {}): CreateResult {
     const address = createKeyMulti(addresses, threshold);
 
     // we could use `sortAddresses`, but rather use internal encode/decode so we are 100%
     const who = u8aSorted(addresses.map((who) => this.decodeAddress(who))).map((who) => this.encodeAddress(who));
 
-    return this.addExternal(address, { ...meta, isMultisig: true, threshold: bnToBn(threshold).toNumber(), who });
+    return this.addExternal(address, objectSpread<KeyringPair$Meta>({}, meta, { isMultisig: true, threshold: bnToBn(threshold).toNumber(), who }));
   }
 
   public addPair (pair: KeyringPair, password: string): CreateResult {
@@ -91,17 +91,20 @@ export class Keyring extends Base implements KeyringStruct {
 
     const accounts = await Promise.all(accountPromises);
 
-    return {
-      ...jsonEncrypt(stringToU8a(JSON.stringify(accounts)), ['batch-pkcs8'], password),
+    return objectSpread({}, jsonEncrypt(stringToU8a(JSON.stringify(accounts)), ['batch-pkcs8'], password), {
       accounts: accounts.map((account) => ({
         address: account.address,
         meta: account.meta
       }))
-    };
+    });
   }
 
   public createFromJson (json: KeyringPair$Json, meta: KeyringPair$Meta = {}): KeyringPair {
-    return this.keyring.createFromJson({ ...json, meta: { ...(json.meta || {}), meta } });
+    return this.keyring.createFromJson(
+      objectSpread({}, json, {
+        meta: objectSpread({}, json.meta, meta)
+      })
+    );
   }
 
   public createFromUri (suri: string, meta: KeyringPair$Meta = {}, type?: KeypairType): KeyringPair {
@@ -249,10 +252,7 @@ export class Keyring extends Base implements KeyringStruct {
   private loadInjected (address: string, meta: KeyringJson$Meta, type?: KeypairType): void {
     const json = {
       address,
-      meta: {
-        ...meta,
-        isInjected: true
-      }
+      meta: objectSpread<KeyringJson$Meta>({}, meta, { isInjected: true })
     };
     const pair = this.keyring.addFromAddress(address, json.meta, null, type);
 

packages/ui-keyring/src/observable/genericSubject.ts

@@ -7,6 +7,8 @@ import type { AddressSubject, SingleAddress, SubjectInfo } from './types';
 
 import { BehaviorSubject } from 'rxjs';
 
+import { objectCopy, objectSpread } from '@polkadot/util';
+
 import { createOptionItem } from '../options/item';
 import { env } from './env';
 
@@ -34,10 +36,10 @@ export function genericSubject (keyCreator: (address: string) => string, withTes
 
   return {
     add: (store: KeyringStore, address: string, json: KeyringJson, type?: KeypairType): SingleAddress => {
-      current = { ...current };
+      current = objectCopy(current);
 
       current[address] = {
-        json: { ...json, address },
+        json: objectSpread({}, json, { address }),
         option: createOptionItem(address, json.meta.name),
         type
       };
@@ -52,7 +54,7 @@ export function genericSubject (keyCreator: (address: string) => string, withTes
       return current[address];
     },
     remove: (store: KeyringStore, address: string): void => {
-      current = { ...current };
+      current = objectCopy(current);
 
       delete current[address];
 

packages/ui-keyring/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/ui-keyring', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/ui-keyring', version: '0.87.6' };

packages/ui-keyring/src/stores/Browser.ts

@@ -13,7 +13,8 @@ export class BrowserStore implements KeyringStore {
   }
 
   public get (key: string, cb: (value: KeyringJson) => void): void {
-    cb(store.get(key));
+    // eslint-disable-next-line node/no-callback-literal
+    cb(store.get(key) as KeyringJson);
   }
 
   public remove (key: string, cb?: () => void): void {

packages/ui-keyring/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../ui-settings" }
+  ]
+}

packages/ui-settings/package.json

@@ -1,17 +1,25 @@
 {
-  "name": "@polkadot/ui-settings",
-  "version": "0.84.1",
-  "type": "module",
-  "description": "Manages app settings",
-  "main": "index.js",
-  "sideEffects": false,
   "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "Manages app settings",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-settings#readme",
   "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/ui-settings",
+  "repository": {
+    "directory": "packages/ui-settings",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/networks": "^7.0.1",
-    "@polkadot/util": "^7.0.1",
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/networks": "^8.2.2",
+    "@polkadot/util": "^8.2.2",
     "eventemitter3": "^4.0.7",
     "store": "^2.0.12"
   },

packages/ui-settings/src/Settings.ts

@@ -6,7 +6,7 @@ import type { Endpoint, EndpointType, Option, SettingsStruct } from './types';
 import EventEmitter from 'eventemitter3';
 import store from 'store';
 
-import { isUndefined } from '@polkadot/util';
+import { hasProcess, isUndefined } from '@polkadot/util';
 
 import { CAMERA, CAMERA_DEFAULT, CRYPTOS, CRYPTOS_ETH, CRYPTOS_LEDGER, ENDPOINT_DEFAULT, ENDPOINTS, ICON_DEFAULT, ICONS, LANGUAGE_DEFAULT, LEDGER_CONN, LEDGER_CONN_DEFAULT, LOCKING, LOCKING_DEFAULT, NOTIFICATION_DEFAULT, PREFIX_DEFAULT, PREFIXES, UIMODE_DEFAULT, UIMODES, UITHEME_DEFAULT, UITHEMES } from './defaults';
 
@@ -53,7 +53,7 @@ export class Settings implements SettingsStruct {
     this.#emitter = new EventEmitter();
 
     // will become deprecated for supporting substrate connect light clients. apiType structure should be used instead
-    this.#apiUrl = (typeof settings.apiUrl === 'string' && settings.apiUrl) || process.env.WS_URL || (ENDPOINT_DEFAULT.value as string);
+    this.#apiUrl = (typeof settings.apiUrl === 'string' && settings.apiUrl) || (hasProcess && process.env && process.env.WS_URL) || (ENDPOINT_DEFAULT.value as string);
     this.#apiType = { param: this.#apiUrl, type: 'json-rpc' as EndpointType };
     this.#camera = withDefault(CAMERA, settings.camera, CAMERA_DEFAULT);
     this.#ledgerConn = withDefault(LEDGER_CONN, settings.ledgerConn, LEDGER_CONN_DEFAULT);

packages/ui-settings/src/defaults/chains.ts

@@ -2,11 +2,12 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { selectableNetworks } from '@polkadot/networks';
+import { objectSpread } from '@polkadot/util';
 
 type ChainDef = string[];
 
 const chains: Record <string, ChainDef> = selectableNetworks
   .filter((n) => n.genesisHash.length)
-  .reduce((chains, { genesisHash, network }) => ({ ...chains, [network]: genesisHash }), {});
+  .reduce((chains, { genesisHash, network }) => objectSpread(chains, { [network]: genesisHash }), {});
 
 export { chains };

packages/ui-settings/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/ui-settings', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/ui-settings', version: '0.87.6' };

packages/ui-settings/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}

packages/ui-shared/package.json

@@ -1,25 +1,33 @@
 {
-  "name": "@polkadot/ui-shared",
-  "version": "0.84.1",
-  "type": "module",
-  "description": "Shared logic that is usable accross all frameworks-specific areas",
-  "main": "index.js",
-  "sideEffects": false,
   "author": "Jaco Greeff <jacogr@gmail.com>",
-  "maintainers": [],
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "Shared logic that is usable accross all frameworks-specific areas",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-shared#readme",
   "license": "Apache-2.0",
+  "maintainers": [],
+  "name": "@polkadot/ui-shared",
+  "repository": {
+    "directory": "packages/ui-shared",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "color": "^3.1.3"
+    "@babel/runtime": "^7.16.5",
+    "color": "^3.2.1"
+  },
+  "devDependencies": {
+    "@polkadot/util": "^8.2.2",
+    "@polkadot/util-crypto": "^8.2.2",
+    "@types/color": "^3.0.2",
+    "@types/xmlserializer": "^0.6.2"
   },
   "peerDependencies": {
     "@polkadot/util": "*",
     "@polkadot/util-crypto": "*"
-  },
-  "devDependencies": {
-    "@polkadot/util": "^7.0.1",
-    "@polkadot/util-crypto": "^7.0.1",
-    "@types/color": "^3.0.1",
-    "@types/xmlserializer": "^0.6.2"
   }
 }

packages/ui-shared/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/ui-shared', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/ui-shared', version: '0.87.6' };

packages/ui-shared/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}

packages/vue-identicon/package.json

@@ -1,29 +1,37 @@
 {
-  "name": "@polkadot/vue-identicon",
-  "version": "0.84.1",
-  "type": "module",
-  "description": "Renders an SVG picture representing an address",
   "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/polkadot-js/ui/issues",
+  "contributors": [],
+  "description": "Renders an SVG picture representing an address",
+  "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/vue-identicon#readme",
+  "license": "Apache-2.0",
   "maintainers": [],
-  "main": "index.js",
+  "name": "@polkadot/vue-identicon",
+  "repository": {
+    "directory": "packages/vue-identicon",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/ui.git"
+  },
   "sideEffects": [
     "./detectPackage.js",
     "./detectPackage.cjs"
   ],
-  "license": "Apache-2.0",
+  "type": "module",
+  "version": "0.87.6",
+  "main": "index.js",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "@polkadot/ui-shared": "0.84.1",
-    "@polkadot/util": "^7.0.1",
-    "@polkadot/util-crypto": "^7.0.1",
-    "jdenticon": "3.1.0"
+    "@babel/runtime": "^7.16.5",
+    "@polkadot/ui-shared": "0.87.6",
+    "@polkadot/util": "^8.2.2",
+    "@polkadot/util-crypto": "^8.2.2",
+    "jdenticon": "3.1.1"
+  },
+  "devDependencies": {
+    "vue": "^2.6.14"
   },
   "peerDependencies": {
     "@polkadot/util": "*",
     "@polkadot/util-crypto": "*",
     "vue": "*"
-  },
-  "devDependencies": {
-    "vue": "^2.6.14"
   }
 }

packages/vue-identicon/src/Identicon.ts

@@ -71,7 +71,7 @@ export const Identicon = Vue.extend({
       this.recodeAddress();
     },
     recodeAddress: function (): void {
-      const { address, publicKey } = encodeAccount(this.value);
+      const { address, publicKey } = encodeAccount(this.value as string);
 
       this.address = address;
       this.publicKey = publicKey;

packages/vue-identicon/src/icons/Beachball.ts

@@ -1,6 +1,8 @@
 // Copyright 2017-2021 @polkadot/vue-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
+import type { Options } from '@polkadot/ui-shared/icons/types';
+
 import Vue from 'vue';
 
 import { beachballIcon } from '@polkadot/ui-shared';
@@ -25,7 +27,7 @@ export const Beachball = Vue.extend({
   },
   methods: {
     createHtml: function (): void {
-      this.html = beachballIcon(this.address, this.size).outerHTML;
+      this.html = beachballIcon(this.address as string, this.size as Options).outerHTML;
     }
   },
   props: ['address', 'size'],

packages/vue-identicon/src/icons/Jdenticon.ts

@@ -24,7 +24,7 @@ export const Jdenticon = Vue.extend({
   },
   methods: {
     createSvgHtml: function (): void {
-      this.svgHtml = jdenticon.toSvg((this.publicKey as string).substr(2), this.size);
+      this.svgHtml = jdenticon.toSvg((this.publicKey as string).substr(2), this.size as number);
     }
   },
   props: ['publicKey', 'size'],

packages/vue-identicon/src/icons/Polkadot.ts

@@ -30,7 +30,7 @@ export const Polkadot = Vue.extend({
   },
   methods: {
     createSvgHtml: function (): void {
-      const circles = polkadotIcon(this.address, { isAlternative: (this as This).isAlternative || false }).map(({ cx, cy, fill, r }) =>
+      const circles = polkadotIcon(this.address as string, { isAlternative: (this as This).isAlternative || false }).map(({ cx, cy, fill, r }) =>
         `<circle cx=${cx} cy=${cy} fill="${fill}" r=${r} />`
       ).join('');
 

packages/vue-identicon/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Auto-generated by @polkadot/dev, do not edit
 
-export const packageInfo = { name: '@polkadot/vue-identicon', version: '0.84.1' };
+export const packageInfo = { name: '@polkadot/vue-identicon', version: '0.87.6' };

packages/vue-identicon/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": [
+    { "path": "../ui-shared" }
+  ]
+}

packages/vue-identicon/webpack.config.js

@@ -3,13 +3,13 @@
 
 const path = require('path');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
-
+const webpack = require('webpack');
 const ENV = process.env.NODE_ENV || 'development';
 const isProd = ENV === 'production';
 
 module.exports = {
   context: __dirname,
-  devtool: isProd ? 'source-map' : 'cheap-eval-source-map',
+  devtool: isProd ? 'source-map' : 'eval-cheap-source-map',
   entry: './src/Demo.ts',
   mode: ENV,
   module: {
@@ -32,11 +32,18 @@ module.exports = {
     path: path.join(__dirname, 'build')
   },
   plugins: [
-    new VueLoaderPlugin()
+    new VueLoaderPlugin(),
+    new webpack.ProvidePlugin({
+      Buffer: ['buffer', 'Buffer']
+    }),
+    new webpack.ProvidePlugin({
+      process: 'process/browser'
+    })
   ],
   resolve: {
     alias: {
-      '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build')
+      '@polkadot/ui-shared': path.resolve(__dirname, '../ui-shared/build'),
+      'process/browser': require.resolve('process/browser')
     },
     extensions: ['.js', '.ts']
   }

tsconfig.base.json

@@ -0,0 +1,29 @@
+{
+  "extends": "@polkadot/dev/config/tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "paths": {
+      "@polkadot/react-identicon": [ "react-identicon/src" ],
+      "@polkadot/react-identicon/*": [ "react-identicon/src/*" ],
+      "@polkadot/react-qr": [ "react-qr/src" ],
+      "@polkadot/react-qr/*": [ "react-qr/src/*" ],
+      "@polkadot/reactnative-identicon": [ "reactnative-identicon/src" ],
+      "@polkadot/reactnative-identicon/*": [ "reactnative-identicon/src/*" ],
+      "@polkadot/ui-assets": [ "ui-assets/src" ],
+      "@polkadot/ui-assets/*": [ "ui-assets/src/*" ],
+      "@polkadot/ui-keyring": [ "ui-keyring/src" ],
+      "@polkadot/ui-keyring/*": [ "ui-keyring/src/*" ],
+      "@polkadot/ui-settings": [ "ui-settings/src" ],
+      "@polkadot/ui-settings/*": [ "ui-settings/src/*" ],
+      "@polkadot/ui-shared": [ "ui-shared/src" ],
+      "@polkadot/ui-shared/*": [ "ui-shared/src/*" ],
+      "@polkadot/vue-identicon": [ "vue-identicon/src" ],
+      "@polkadot/vue-identicon/*": [ "vue-identicon/src/*" ]
+    },
+    "skipLibCheck": true,
+    "typeRoots": [
+      "./node_modules/@polkadot/ts",
+      "./node_modules/@types"
+    ]
+  }
+ }

tsconfig.eslint.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "./packages"
+  },
+  "include": ["packages/**/src/**/*", "packages/**/*.js"],
+  "exclue": ["**/node_modules/**/*"]
+}

tsconfig.json

@@ -1,33 +1,19 @@
 {
-  "extends": "@polkadot/dev/config/tsconfig.json",
-  "exclude": [
-    "build/**/*",
-    "**/build/**/*"
-  ],
   "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@polkadot/react-identicon": [ "packages/react-identicon/src" ],
-      "@polkadot/react-identicon/*": [ "packages/react-identicon/src/*" ],
-      "@polkadot/react-qr": [ "packages/react-qr/src" ],
-      "@polkadot/react-qr/*": [ "packages/react-qr/src/*" ],
-      "@polkadot/reactnative-identicon": [ "packages/reactnative-identicon/src" ],
-      "@polkadot/reactnative-identicon/*": [ "packages/reactnative-identicon/src/*" ],
-      "@polkadot/ui-assets": [ "packages/ui-assets/src" ],
-      "@polkadot/ui-assets/*": [ "packages/ui-assets/src/*" ],
-      "@polkadot/ui-keyring": [ "packages/ui-keyring/src" ],
-      "@polkadot/ui-keyring/*": [ "packages/ui-keyring/src/*" ],
-      "@polkadot/ui-settings": [ "packages/ui-settings/src" ],
-      "@polkadot/ui-settings/*": [ "packages/ui-settings/src/*" ],
-      "@polkadot/ui-shared": [ "packages/ui-shared/src" ],
-      "@polkadot/ui-shared/*": [ "packages/ui-shared/src/*" ],
-      "@polkadot/vue-identicon": [ "packages/vue-identicon/src" ],
-      "@polkadot/vue-identicon/*": [ "packages/vue-identicon/src/*" ]
-    },
-    "skipLibCheck": true,
-    "typeRoots": [
-      "./node_modules/@polkadot/ts",
-      "./node_modules/@types"
-    ]
-  }
+    "composite": true
+  },
+  "files": [],
+  "references": [
+    { "path": "./packages/example-react" },
+    { "path": "./packages/example-vue" },
+    { "path": "./packages/exampleReactNative" },
+    { "path": "./packages/react-identicon" },
+    { "path": "./packages/react-qr" },
+    { "path": "./packages/reactnative-identicon" },
+    { "path": "./packages/ui-assets" },
+    { "path": "./packages/ui-keyring" },
+    { "path": "./packages/ui-settings" },
+    { "path": "./packages/ui-shared" },
+    { "path": "./packages/vue-identicon" }
+  ]
 }