mirror of
https://github.com/pezkuwichain/pezkuwi-ui.git
synced 2026-04-21 23:47:58 +00:00
Initial add from apps
This commit is contained in:
Jaco Greeff
@@ -0,0 +1 @@
|
|||||||
|
module.exports = require('./babel.config.js');
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
exclude_patterns:
|
||||||
|
- "**/*.spec.js"
|
||||||
|
- "**/flow-typed/*"
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
root = true
|
||||||
|
[*]
|
||||||
|
indent_style=space
|
||||||
|
indent_size=2
|
||||||
|
tab_width=2
|
||||||
|
end_of_line=lf
|
||||||
|
charset=utf-8
|
||||||
|
trim_trailing_whitespace=true
|
||||||
|
max_line_length=120
|
||||||
|
insert_final_newline=true
|
||||||
+13
@@ -0,0 +1,13 @@
|
|||||||
|
build/
|
||||||
|
coverage/
|
||||||
|
node_modules/
|
||||||
|
tmp/
|
||||||
|
.DS_Store
|
||||||
|
.env.local
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
package-lock.json
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"extends": "@polkadot/dev-react/config/stylelint"
|
||||||
|
}
|
||||||
+12
@@ -0,0 +1,12 @@
|
|||||||
|
language: node_js
|
||||||
|
node_js:
|
||||||
|
- "10"
|
||||||
|
before_install:
|
||||||
|
- curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --version 1.10.1
|
||||||
|
- export PATH=$HOME/.yarn/bin:$PATH
|
||||||
|
cache:
|
||||||
|
yarn: true
|
||||||
|
directories:
|
||||||
|
- node_modules
|
||||||
|
script:
|
||||||
|
- yarn polkadot-dev-build-travis
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
[](https://polkadot.js.org)
|
||||||
|
|
||||||
|
[](https://github.com/Flet/semistandard)
|
||||||
|
[](https://www.npmjs.com/package/@polkadot/apps)
|
||||||
|
[](https://travis-ci.org/polkadot-js/apps)
|
||||||
|
[](https://greenkeeper.io/)
|
||||||
|
[](https://david-dm.org/polkadot-js/ui)
|
||||||
|
[](https://david-dm.org/polkadot-js/ui#info=devDependencies)
|
||||||
|
|
||||||
|
# @polkadot/ui
|
||||||
|
|
||||||
|
Basic browser components for creating apps using the polkadot{.js} libraries
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: '@polkadot/dev-react/config/babel'
|
||||||
|
};
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
const config = require('@polkadot/dev-react/config/jest');
|
||||||
|
|
||||||
|
module.exports = Object.assign({}, config, {
|
||||||
|
moduleNameMapper: {
|
||||||
|
'@polkadot/app-(accounts|addresses|democracy|explorer|extrinsics|rpc|settings|staking|storage|toolbox|transfer|vanitygen)(.*)$': '<rootDir>/packages/app-$1/src/$2',
|
||||||
|
'@polkadot/ui-(app|identicon|keyring|react-rx|settings|signer)(.*)$': '<rootDir>/packages/ui-$1/src/$2',
|
||||||
|
'\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': 'empty/object',
|
||||||
|
'\\.(css|less)$': 'empty/object'
|
||||||
|
}
|
||||||
|
});
|
||||||
+14
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"lerna": "2.11.0",
|
||||||
|
"npmClient": "yarn",
|
||||||
|
"useWorkspaces": true,
|
||||||
|
"command": {
|
||||||
|
"publish": {
|
||||||
|
"allowBranch": "master"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"packages": [
|
||||||
|
"packages/*"
|
||||||
|
],
|
||||||
|
"version": "0.22.0"
|
||||||
|
}
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"version": "0.22.0",
|
||||||
|
"private": true,
|
||||||
|
"engines": {
|
||||||
|
"node": "^10.13.0",
|
||||||
|
"yarn": "^1.10.1"
|
||||||
|
},
|
||||||
|
"homepage": ".",
|
||||||
|
"workspaces": [
|
||||||
|
"packages/*"
|
||||||
|
],
|
||||||
|
"resolutions": {
|
||||||
|
"babel-core": "^7.0.0-bridge.0",
|
||||||
|
"rxjs": "^6.3.2",
|
||||||
|
"typescript": "^3.2.1"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "polkadot-dev-build-ts",
|
||||||
|
"check": "tslint --project . && tsc --noEmit --pretty",
|
||||||
|
"clean": "polkadot-dev-clean-build",
|
||||||
|
"postinstall": "polkadot-dev-yarn-only",
|
||||||
|
"test": "jest --coverage",
|
||||||
|
"demo:identicon": "webpack-serve --config packages/ui-identicon/webpack.config.js --content packages/ui-identicon --port 3000"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.1.6",
|
||||||
|
"@polkadot/dev-react": "^0.22.6",
|
||||||
|
"@polkadot/ts": "^0.1.40",
|
||||||
|
"empty": "^0.10.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
# @polkadot/ui-identicon
|
||||||
|
|
||||||
|
A generic identity icon that can render icons based on the theme, be it Substrate or Polkadot
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
To install the component, do `yarn add @polkadot/ui-identicon`
|
||||||
|
|
||||||
|
Inside a React component, you can now render any account with the associated icon -
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
import Identicon from '@polkadot/ui-identicon';
|
||||||
|
|
||||||
|
...
|
||||||
|
render () {
|
||||||
|
// address is an ss58-encoded address or publicKey (hex string or Uint8Array)
|
||||||
|
const { address } = this.props;
|
||||||
|
// size is a number, indicating the size (in pixels, 64 as default)
|
||||||
|
const size = 32;
|
||||||
|
// theme (optional), depicts the type of icon, either 'polkadot' or 'substrate' (default)
|
||||||
|
const theme = 'polkadot';
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Identicon
|
||||||
|
className='my-class'
|
||||||
|
value={address}
|
||||||
|
size={size}
|
||||||
|
theme={theme}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
...
|
||||||
|
```
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 851 KiB |
@@ -0,0 +1,17 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" />
|
||||||
|
<style>
|
||||||
|
#demo {
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
.padded {
|
||||||
|
margin: 0.5em !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="demo"></div>
|
||||||
|
<script src="./demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"name": "@polkadot/ui-identicon",
|
||||||
|
"version": "0.22.0",
|
||||||
|
"description": "Renders an SVG picture representing an address",
|
||||||
|
"main": "index.js",
|
||||||
|
"author": "Jaco Greeff <jacogr@gmail.com>",
|
||||||
|
"maintainers": [
|
||||||
|
"Jaco Greeff <jacogr@gmail.com>"
|
||||||
|
],
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.1.5",
|
||||||
|
"@polkadot/keyring": "^0.33.7",
|
||||||
|
"@polkadot/ui-settings": "^0.22.0",
|
||||||
|
"@polkadot/util-crypto": "^0.33.7",
|
||||||
|
"@types/color": "^3.0.0",
|
||||||
|
"color": "^3.0.0",
|
||||||
|
"react-copy-to-clipboard": "^5.0.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import { encodeAddress } from '@polkadot/keyring';
|
||||||
|
import { randomAsU8a } from '@polkadot/util-crypto';
|
||||||
|
|
||||||
|
import IdentityIcon from './index';
|
||||||
|
|
||||||
|
export default class Demo extends React.PureComponent {
|
||||||
|
render () {
|
||||||
|
const identities: Array<string> = [];
|
||||||
|
|
||||||
|
while (identities.length !== 10) {
|
||||||
|
identities.push(
|
||||||
|
encodeAddress(randomAsU8a(32))
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return identities.map((value) => (
|
||||||
|
<IdentityIcon
|
||||||
|
key={value.toString()}
|
||||||
|
value={value}
|
||||||
|
/>
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Props } from './types';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export default class Empty extends React.PureComponent<Props> {
|
||||||
|
render () {
|
||||||
|
const { className, size, style } = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className={`container ${className}`}
|
||||||
|
style={style}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
height={size}
|
||||||
|
viewBox='0 0 64 64'
|
||||||
|
width={size}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
/* Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
/* This software may be modified and distributed under the terms
|
||||||
|
/* of the Apache-2.0 license. See the LICENSE file for details. */
|
||||||
|
|
||||||
|
.ui--IdentityIcon {
|
||||||
|
cursor: copy;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 0;
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
> div,
|
||||||
|
> svg {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 0 5px 2px #e0e0e0;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.highlight > div:before {
|
||||||
|
box-shadow: 0 0 5px 2px red;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,140 @@
|
|||||||
|
// Copyright 2018 Paritytech via paritytech/oo7/polkadot-identicon
|
||||||
|
// Copyright 2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
// This has been converted from the original version that can be found at
|
||||||
|
//
|
||||||
|
// https://github.com/paritytech/oo7/blob/251ba2b7c45503b68eab4320c270b5afa9bccb60/packages/polkadot-identicon/src/index.jsx
|
||||||
|
//
|
||||||
|
// Here we have done the following to convert the component -
|
||||||
|
// - Converted the code to TypeScript
|
||||||
|
// - Removed the oo7 dependencies (since not initialised properly, it makes additional connections to wrong endpoints)
|
||||||
|
// - Remove encoding functionality, these are catered for in the base
|
||||||
|
// - Remove copy functionality (this is catered from in the base components)
|
||||||
|
// - Move constants to file-level
|
||||||
|
// - Overall it is now just a static component, expecting an address as an input value
|
||||||
|
|
||||||
|
import { Props as BaseProps } from './types';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import { decodeAddress } from '@polkadot/keyring';
|
||||||
|
import blake2b from '@polkadot/util-crypto/blake2/blake2b/asU8a';
|
||||||
|
|
||||||
|
type Props = BaseProps & {
|
||||||
|
sixPoint?: boolean
|
||||||
|
};
|
||||||
|
|
||||||
|
type Scheme = {
|
||||||
|
freq: number,
|
||||||
|
colors: Array<number>
|
||||||
|
};
|
||||||
|
|
||||||
|
const s = 64;
|
||||||
|
const c = s / 2;
|
||||||
|
const z = s / 64 * 5;
|
||||||
|
|
||||||
|
const zero = blake2b(new Uint8Array(32));
|
||||||
|
const schema: { [index: string]: Scheme } = {
|
||||||
|
target: { freq: 1, colors: [0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 1] },
|
||||||
|
cube: { freq: 20, colors: [0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 5] },
|
||||||
|
quazar: { freq: 16, colors: [1, 2, 3, 1, 2, 4, 5, 5, 4, 1, 2, 3, 1, 2, 4, 5, 5, 4, 0] },
|
||||||
|
flower: { freq: 32, colors: [0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 3] },
|
||||||
|
cyclic: { freq: 32, colors: [0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 6] },
|
||||||
|
vmirror: { freq: 128, colors: [0, 1, 2, 3, 4, 5, 3, 4, 2, 0, 1, 6, 7, 8, 9, 7, 8, 6, 10] },
|
||||||
|
hmirror: { freq: 128, colors: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 8, 6, 7, 5, 3, 4, 2, 11] }
|
||||||
|
};
|
||||||
|
|
||||||
|
function findScheme (d: number): Scheme {
|
||||||
|
let cum = 0;
|
||||||
|
const ks = Object.keys(schema);
|
||||||
|
|
||||||
|
for (let i in ks) {
|
||||||
|
cum += schema[ks[i]].freq;
|
||||||
|
|
||||||
|
if (d < cum) {
|
||||||
|
return schema[ks[i]];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
throw new Error('Unable to find schema');
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Identicon extends React.PureComponent<Props> {
|
||||||
|
render () {
|
||||||
|
const { className, sixPoint = false, size, style, value } = this.props;
|
||||||
|
|
||||||
|
const r = sixPoint
|
||||||
|
? (s / 2 / 8 * 5)
|
||||||
|
: (s / 2 / 4 * 3);
|
||||||
|
const rroot3o2 = r * Math.sqrt(3) / 2;
|
||||||
|
const ro2 = r / 2;
|
||||||
|
const rroot3o4 = r * Math.sqrt(3) / 4;
|
||||||
|
const ro4 = r / 4;
|
||||||
|
const r3o4 = r * 3 / 4;
|
||||||
|
const total = Object.keys(schema).map(k => schema[k].freq).reduce((a, b) => a + b);
|
||||||
|
const id = Array.from(blake2b(decodeAddress(value))).map((x, i) =>
|
||||||
|
(x + 256 - zero[i]) % 256
|
||||||
|
);
|
||||||
|
const sat = (Math.floor(id[29] * 70 / 256 + 26) % 80) + 30;
|
||||||
|
const d = Math.floor((id[30] + id[31] * 256) % total);
|
||||||
|
const scheme = findScheme(d);
|
||||||
|
const palette = Array.from(id).map((x, i) => {
|
||||||
|
const b = (x + i % 28 * 58) % 256;
|
||||||
|
|
||||||
|
if (b === 0) {
|
||||||
|
return '#444';
|
||||||
|
} else if (b === 255) {
|
||||||
|
return 'transparent';
|
||||||
|
}
|
||||||
|
|
||||||
|
const h = Math.floor(b % 64 * 360 / 64);
|
||||||
|
const l = [53, 15, 35, 75][Math.floor(b / 64)];
|
||||||
|
|
||||||
|
return `hsl(${h}, ${sat}%, ${l}%)`;
|
||||||
|
});
|
||||||
|
|
||||||
|
const rot = (id[28] % 6) * 3;
|
||||||
|
const colors = scheme.colors.map((_, i) =>
|
||||||
|
palette[scheme.colors[i < 18 ? (i + rot) % 18 : 18]]
|
||||||
|
);
|
||||||
|
|
||||||
|
let i = 0;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className={`container ${className}`}
|
||||||
|
style={style}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
id={value}
|
||||||
|
name={value}
|
||||||
|
width={size}
|
||||||
|
height={size}
|
||||||
|
viewBox='0 0 64 64'
|
||||||
|
>
|
||||||
|
<circle cx={s / 2} cy={s / 2} r={s / 2} fill='#eee'/>
|
||||||
|
<circle cx={c} cy={c - r} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c} cy={c - ro2} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o4} cy={c - r3o4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o2} cy={c - ro2} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o4} cy={c - ro4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o2} cy={c} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o2} cy={c + ro2} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o4} cy={c + ro4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c - rroot3o4} cy={c + r3o4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c} cy={c + r} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c} cy={c + ro2} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o4} cy={c + r3o4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o2} cy={c + ro2} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o4} cy={c + ro4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o2} cy={c} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o2} cy={c - ro2} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o4} cy={c - ro4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c + rroot3o4} cy={c - r3o4} r={z} fill={colors[i++]}/>
|
||||||
|
<circle cx={c} cy={c} r={z} fill={colors[i++]}/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Props } from './types';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
import identicon from './beachball';
|
||||||
|
|
||||||
|
export default class Substrate extends React.PureComponent<Props> {
|
||||||
|
render () {
|
||||||
|
const { className, style } = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className={`container ${className}`}
|
||||||
|
ref={this.appendIcon}
|
||||||
|
style={style}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
private appendIcon = (node: Element | null): void => {
|
||||||
|
const { size, value } = this.props;
|
||||||
|
|
||||||
|
if (node) {
|
||||||
|
node.appendChild(
|
||||||
|
identicon(value, size)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
Apache-2.0 License (Apache-2.0)
|
||||||
|
|
||||||
|
Copyright 2016 Dan Finlay
|
||||||
|
Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
|
||||||
|
Permission to use, copy, modify, and/or distribute this software for any
|
||||||
|
purpose with or without fee is hereby granted, provided that the above
|
||||||
|
copyright notice and this permission notice appear in all copies.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DApache-2.0LAIMS ALL WARRANTIES WITH
|
||||||
|
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
|
||||||
|
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||||
|
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||||
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||||
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||||
|
PERFORMANCE OF THIS SOFTWARE.
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
# @polkadot/ui-identicon/beachball
|
||||||
|
|
||||||
|
Adapted from [Jazzicon](https://github.com/danfinlay/jazzicon) by Dan Finlay with the following changes -
|
||||||
|
|
||||||
|
- Random values now is read from the Uint8Array supplied (as opposed to having the seed as a number). This allows us to give an publicKey/address as an input and use those values in the pattern generation.
|
||||||
|
- Upgrade to the underlying [color](https://github.com/Qix-/color) library
|
||||||
|
- Generate circles as shapes (instead of rectangles)
|
||||||
|
- Interface updated to take in optional className & style
|
||||||
|
- Update everywhere to use ES6
|
||||||
|
- Split source into self-contained functions (TODO: future testing)
|
||||||
|
- Everything has been updated to use flow
|
||||||
|
- Test the library functions
|
||||||
|
- Copyright headers added (original also under Apache-2.0)
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
Also see [src/demo.js](src/demo.js) for a randomly generated example.
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,57 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import newSeeder from './seeder';
|
||||||
|
import newColors from './colors';
|
||||||
|
|
||||||
|
describe('colors', () => {
|
||||||
|
let colors;
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
colors = newColors(newSeeder());
|
||||||
|
});
|
||||||
|
|
||||||
|
it('generates using default alpha', () => {
|
||||||
|
expect(
|
||||||
|
colors()
|
||||||
|
).toEqual(
|
||||||
|
// 'hsla(166.70000000000005, 98.6%, 27.6%, 0.9)'
|
||||||
|
'hsl(37.19999999999999, 100%, 54.9%)'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('applies specified alpha', () => {
|
||||||
|
expect(
|
||||||
|
colors(0.5)
|
||||||
|
).toEqual(
|
||||||
|
// 'hsla(166.70000000000005, 98.6%, 27.6%, 0.5)'
|
||||||
|
'hsla(37.19999999999999, 100%, 54.9%, 0.5)'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('rolates colors', () => {
|
||||||
|
colors();
|
||||||
|
|
||||||
|
expect(
|
||||||
|
colors()
|
||||||
|
).not.toEqual('hsla(166.70000000000005, 98.6%, 27.6%, 0.9)');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('works in edge conditions (0xff)', () => {
|
||||||
|
const u8a = new Uint8Array(32);
|
||||||
|
|
||||||
|
u8a.fill(255);
|
||||||
|
|
||||||
|
expect(
|
||||||
|
colors = newColors(newSeeder(u8a))
|
||||||
|
).not.toThrow();
|
||||||
|
|
||||||
|
expect(
|
||||||
|
colors()
|
||||||
|
).toEqual(
|
||||||
|
// 'hsla(234.39999999999998, 75.9%, 51.2%, 0.9)'
|
||||||
|
'hsl(15, 0%, 100%)'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Seeder } from './types';
|
||||||
|
|
||||||
|
import Color from 'color';
|
||||||
|
|
||||||
|
import { COLORS } from './defaults';
|
||||||
|
|
||||||
|
type ColorGen = {
|
||||||
|
(alpha?: number): string
|
||||||
|
};
|
||||||
|
|
||||||
|
const WOBBLE = 30;
|
||||||
|
|
||||||
|
export default function colors (seeder: Seeder): ColorGen {
|
||||||
|
const amount = (seeder() * WOBBLE) - (WOBBLE / 2);
|
||||||
|
const all = COLORS.map((hex) =>
|
||||||
|
Color(hex).rotate(amount)
|
||||||
|
);
|
||||||
|
|
||||||
|
return (alpha: number = 1): string => {
|
||||||
|
const index = Math.floor(all.length * seeder());
|
||||||
|
|
||||||
|
return all.splice(index, 1)[0]
|
||||||
|
.alpha(alpha)
|
||||||
|
.string();
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import container from './container';
|
||||||
|
|
||||||
|
describe('container', () => {
|
||||||
|
it('applies default styles', () => {
|
||||||
|
expect(
|
||||||
|
container(100).style._values
|
||||||
|
).toMatchObject({
|
||||||
|
'background': 'white',
|
||||||
|
'border-radius': '50px',
|
||||||
|
'display': 'inline-block',
|
||||||
|
'height': '100px',
|
||||||
|
'margin': '0px',
|
||||||
|
'overflow': 'hidden',
|
||||||
|
'padding': '0px',
|
||||||
|
'width': '100px'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it('overrides with supplied styles', () => {
|
||||||
|
expect(
|
||||||
|
container(50, 'black', '', { display: 'block' }).style._values
|
||||||
|
).toMatchObject({
|
||||||
|
'background': 'black',
|
||||||
|
'border-radius': '25px',
|
||||||
|
'display': 'block',
|
||||||
|
'height': '50px',
|
||||||
|
'margin': '0px',
|
||||||
|
'overflow': 'hidden',
|
||||||
|
'padding': '0px',
|
||||||
|
'width': '50px'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it('applies the specified className', () => {
|
||||||
|
expect(
|
||||||
|
container(100, 'blue', 'testClass').className
|
||||||
|
).toEqual('testClass');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
export default function container (diameter: number, background: string = 'white', className: string = '', _style: { [index: string]: string } = {}): HTMLElement {
|
||||||
|
const element = document.createElement('div');
|
||||||
|
const style = Object.assign({
|
||||||
|
background,
|
||||||
|
borderRadius: `${diameter / 2}px`,
|
||||||
|
display: 'inline-block',
|
||||||
|
height: `${diameter}px`,
|
||||||
|
margin: '0px',
|
||||||
|
overflow: 'hidden',
|
||||||
|
padding: '0px',
|
||||||
|
width: `${diameter}px`
|
||||||
|
}, _style);
|
||||||
|
|
||||||
|
element.className = className;
|
||||||
|
element.style.background = background;
|
||||||
|
|
||||||
|
Object.keys(style).forEach((key: any) => {
|
||||||
|
element.style[key] = style[key];
|
||||||
|
});
|
||||||
|
|
||||||
|
return element;
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
const COLORS: Array<string> = [
|
||||||
|
// '#01888C', // teal
|
||||||
|
// '#FC7500', // bright orange
|
||||||
|
// '#034F5D', // dark teal
|
||||||
|
// '#F73F01', // orangered
|
||||||
|
// '#FC1960', // magenta
|
||||||
|
// '#C7144C', // raspberry
|
||||||
|
// '#F3C100', // goldenrod
|
||||||
|
// '#1598F2', // lightning blue
|
||||||
|
// '#2465E1', // sail blue
|
||||||
|
// '#F19E02' // gold
|
||||||
|
// https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/
|
||||||
|
'#ffe119', '#4363d8', '#f58231', '#fabebe', '#e6beff', '#800000', '#000075', '#a9a9a9', '#ffffff', '#000000'
|
||||||
|
];
|
||||||
|
|
||||||
|
const SHAPE_COUNT = 5;
|
||||||
|
|
||||||
|
export {
|
||||||
|
COLORS,
|
||||||
|
SHAPE_COUNT
|
||||||
|
};
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { encodeAddress } from '@polkadot/keyring';
|
||||||
|
import { isNull } from '@polkadot/util';
|
||||||
|
import { randomAsU8a } from '@polkadot/util-crypto';
|
||||||
|
|
||||||
|
import identicon from './index';
|
||||||
|
|
||||||
|
const element = document.getElementById('demo');
|
||||||
|
|
||||||
|
function generateIcon (seed: string = encodeAddress(randomAsU8a(32))): void {
|
||||||
|
const start = Date.now();
|
||||||
|
|
||||||
|
if (isNull(element)) {
|
||||||
|
throw new Error('Unable to find #demo element');
|
||||||
|
}
|
||||||
|
|
||||||
|
element.appendChild(
|
||||||
|
identicon(seed, 100, 'padded')
|
||||||
|
);
|
||||||
|
|
||||||
|
console.log(`Icon generated in ${(Date.now() - start)}ms`);
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateIcons (count: number = 512): void {
|
||||||
|
generateIcon(encodeAddress(new Uint8Array(32)));
|
||||||
|
|
||||||
|
for (let index = 1; index < count; index++) {
|
||||||
|
generateIcon();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
generateIcons();
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import xmlserializer from 'xmlserializer';
|
||||||
|
|
||||||
|
import identicon from './index';
|
||||||
|
|
||||||
|
describe('identicon', () => {
|
||||||
|
it('generates a basic [0,..,0] identicon', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
identicon(new Uint8Array(32))
|
||||||
|
)
|
||||||
|
).toEqual(
|
||||||
|
// '<div xmlns="http://www.w3.org/1999/xhtml" class="" style="background: white; border-radius: 128px; display: inline-block; height: 256px; margin: 0px; overflow: hidden; padding: 0px; width: 256px;"><div class="" style="border-radius: 128px; display: inline-block; height: 256px; margin: 0px; overflow: hidden; padding: 0px; width: 256px;"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="256" height="256"><circle cx="128" cy="140.8" r="128" fill="hsla(12.899999999999977, 100%, 49.4%, 0.9)"/><circle cx="128" cy="153.6" r="102.4" fill="hsla(174.29999999999995, 93.7%, 18.8%, 0.9)"/><circle cx="128" cy="166.4" r="76.8" fill="hsla(0.10000000000002274, 99.2%, 48.6%, 0.9)"/><circle cx="128" cy="179.2" r="51.2" fill="hsla(326.20000000000005, 97.4%, 54.3%, 0.9)"/><circle cx="128" cy="192" r="25.6" fill="hsla(326.20000000000005, 81.7%, 42.9%, 0.9)"/></svg></div></div>'
|
||||||
|
'<div xmlns="http://www.w3.org/1999/xhtml" class="" style="background: white; border-radius: 128px; display: inline-block; height: 256px; margin: 0px; overflow: hidden; padding: 0px; width: 256px;"><div class="" style="border-radius: 128px; display: inline-block; height: 256px; margin: 0px; overflow: hidden; padding: 0px; width: 256px;"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="256" height="256"><circle cx="128" cy="140.8" r="128" fill="hsl(212.10000000000002, 65.6%, 55.5%)"/><circle cx="128" cy="153.6" r="102.4" fill="hsl(9.800000000000011, 90.7%, 57.6%)"/><circle cx="128" cy="166.4" r="76.8" fill="hsl(345, 85.7%, 86.3%)"/><circle cx="128" cy="179.2" r="51.2" fill="hsl(261.9, 100%, 87.3%)"/><circle cx="128" cy="192" r="25.6" fill="hsl(345, 100%, 25.1%)"/></svg></div></div>'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('allows overrides', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
identicon(new Uint8Array(32), 100, 'testClass', { display: 'block' })
|
||||||
|
)
|
||||||
|
).toEqual(
|
||||||
|
// '<div xmlns="http://www.w3.org/1999/xhtml" class="testClass" style="background: white; border-radius: 50px; display: block; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;"><div class="" style="border-radius: 50px; display: inline-block; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100"><circle cx="50" cy="55" r="50" fill="hsla(12.899999999999977, 100%, 49.4%, 0.9)"/><circle cx="50" cy="60" r="40" fill="hsla(174.29999999999995, 93.7%, 18.8%, 0.9)"/><circle cx="50" cy="65" r="30" fill="hsla(0.10000000000002274, 99.2%, 48.6%, 0.9)"/><circle cx="50" cy="70" r="20" fill="hsla(326.20000000000005, 97.4%, 54.3%, 0.9)"/><circle cx="50" cy="75" r="10" fill="hsla(326.20000000000005, 81.7%, 42.9%, 0.9)"/></svg></div></div>'
|
||||||
|
'<div xmlns="http://www.w3.org/1999/xhtml" class="testClass" style="background: white; border-radius: 50px; display: block; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;"><div class="" style="border-radius: 50px; display: inline-block; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100"><circle cx="50" cy="55" r="50" fill="hsl(212.10000000000002, 65.6%, 55.5%)"/><circle cx="50" cy="60" r="40" fill="hsl(9.800000000000011, 90.7%, 57.6%)"/><circle cx="50" cy="65" r="30" fill="hsl(345, 85.7%, 86.3%)"/><circle cx="50" cy="70" r="20" fill="hsl(261.9, 100%, 87.3%)"/><circle cx="50" cy="75" r="10" fill="hsl(345, 100%, 25.1%)"/></svg></div></div>'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import colors from './colors';
|
||||||
|
import newContainer from './container';
|
||||||
|
import newSeeder from './seeder';
|
||||||
|
import newShape from './shape/circle';
|
||||||
|
import newElement from './svg/element';
|
||||||
|
import { SHAPE_COUNT } from './defaults';
|
||||||
|
|
||||||
|
export default function identicon (seed: string, diameter: number = 256, className: string = '', style?: { [index: string]: string }): HTMLElement {
|
||||||
|
const seeder = newSeeder(seed);
|
||||||
|
const colorGen = colors(seeder);
|
||||||
|
const outer = newContainer(diameter, 'white', className, style);
|
||||||
|
const container = newContainer(diameter, colorGen());
|
||||||
|
const svg = newElement(diameter);
|
||||||
|
|
||||||
|
outer.appendChild(container);
|
||||||
|
container.appendChild(svg);
|
||||||
|
|
||||||
|
for (let count = 0; count < SHAPE_COUNT; count++) {
|
||||||
|
const fill = colorGen();
|
||||||
|
const shape = newShape(seeder, fill, diameter, count);
|
||||||
|
|
||||||
|
svg.appendChild(shape);
|
||||||
|
}
|
||||||
|
|
||||||
|
return outer;
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import newSeeder from './seeder';
|
||||||
|
|
||||||
|
describe('seeder', () => {
|
||||||
|
let seeder;
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
seeder = newSeeder(new Uint8Array([1, 2, 3, 4]));
|
||||||
|
});
|
||||||
|
|
||||||
|
it('generates numbers using 2 spaces', () => {
|
||||||
|
expect(
|
||||||
|
seeder()
|
||||||
|
).toEqual(0.0156402587890625);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('generates numbers using 2 spaces (incremented)', () => {
|
||||||
|
seeder();
|
||||||
|
|
||||||
|
expect(
|
||||||
|
seeder()
|
||||||
|
).toEqual(0.0078582763671875);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Seeder } from './types';
|
||||||
|
|
||||||
|
import { isU8a, stringToU8a } from '@polkadot/util';
|
||||||
|
|
||||||
|
const DIVISOR = 256 * 256;
|
||||||
|
|
||||||
|
export default function seeder (_seed: string | Uint8Array = new Uint8Array(32)): Seeder {
|
||||||
|
const seed: Uint8Array = isU8a(_seed)
|
||||||
|
? _seed
|
||||||
|
: stringToU8a(_seed);
|
||||||
|
|
||||||
|
let index = (seed[Math.floor(seed.length / 2)] % seed.length) - 1;
|
||||||
|
|
||||||
|
const next = () => {
|
||||||
|
index += 1;
|
||||||
|
|
||||||
|
if (index === seed.length) {
|
||||||
|
index = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
return seed[index];
|
||||||
|
};
|
||||||
|
|
||||||
|
return (): number => {
|
||||||
|
return ((next() * 256) + next()) / DIVISOR;
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import xmlserializer from 'xmlserializer';
|
||||||
|
|
||||||
|
import seeder from '../seeder';
|
||||||
|
import circle from './circle';
|
||||||
|
|
||||||
|
describe('circle', () => {
|
||||||
|
it('creates a circle shape', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
circle(seeder(), 'blue', 50, 2)
|
||||||
|
)
|
||||||
|
).toEqual('<circle xmlns="http://www.w3.org/2000/svg" cx="25" cy="32.5" r="15" fill="blue"/>');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Seeder } from '../types';
|
||||||
|
|
||||||
|
import newCircle from '../svg/circle';
|
||||||
|
import { SHAPE_COUNT } from '../defaults';
|
||||||
|
|
||||||
|
export default function circle (seeder: Seeder, fill: string, diameter: number, count: number): Element {
|
||||||
|
const center = diameter / 2;
|
||||||
|
const angle = seeder() * 360;
|
||||||
|
const radius = (((SHAPE_COUNT - count) / SHAPE_COUNT) * (diameter / 2)) + ((diameter / 8) * seeder());
|
||||||
|
const offset = (diameter / 4) * (seeder() + ((count + 1) / SHAPE_COUNT));
|
||||||
|
const cx = (offset * Math.sin(angle)) + center;
|
||||||
|
const cy = (offset * Math.cos(angle)) + center;
|
||||||
|
const svg = newCircle(radius, cx, cy);
|
||||||
|
|
||||||
|
svg.setAttributeNS('', 'fill', fill);
|
||||||
|
|
||||||
|
return svg;
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Seeder } from '../types';
|
||||||
|
|
||||||
|
import newRect from '../svg/rect';
|
||||||
|
import { SHAPE_COUNT } from '../defaults';
|
||||||
|
|
||||||
|
export default function square (seeder: Seeder, fill: string, diameter: number, count: number): Element {
|
||||||
|
const center = diameter / 2;
|
||||||
|
const svg = newRect(diameter);
|
||||||
|
const firstRot = seeder();
|
||||||
|
const angle = Math.PI * 2 * firstRot;
|
||||||
|
const scale = count / SHAPE_COUNT;
|
||||||
|
const velocity = ((diameter / SHAPE_COUNT) * seeder()) + (scale * diameter);
|
||||||
|
const tx = (Math.cos(angle) * velocity).toFixed(3);
|
||||||
|
const ty = (Math.sin(angle) * velocity).toFixed(3);
|
||||||
|
const rot = ((firstRot * 360) + (seeder() * 180)).toFixed(1);
|
||||||
|
|
||||||
|
svg.setAttributeNS('', 'transform', `translate(${tx} ${ty}) rotate(${rot} ${center} ${center})`);
|
||||||
|
svg.setAttributeNS('', 'fill', fill);
|
||||||
|
|
||||||
|
return svg;
|
||||||
|
}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import xmlserializer from 'xmlserializer';
|
||||||
|
|
||||||
|
import circle from './circle';
|
||||||
|
|
||||||
|
describe('circle', () => {
|
||||||
|
it('creates a basic SVG circle element', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
circle(123, 12, 34)
|
||||||
|
)
|
||||||
|
).toEqual('<circle xmlns="http://www.w3.org/2000/svg" cx="12" cy="34" r="123"/>');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import createSvg from './svg';
|
||||||
|
|
||||||
|
export default function circle (r: number, cx: number, cy: number): Element {
|
||||||
|
const elem = createSvg('circle');
|
||||||
|
|
||||||
|
elem.setAttributeNS('', 'cx', `${cx}`);
|
||||||
|
elem.setAttributeNS('', 'cy', `${cy}`);
|
||||||
|
elem.setAttributeNS('', 'r', `${r}`);
|
||||||
|
|
||||||
|
return elem;
|
||||||
|
}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import xmlserializer from 'xmlserializer';
|
||||||
|
|
||||||
|
import element from './element';
|
||||||
|
|
||||||
|
describe('element', () => {
|
||||||
|
it('creates a basic SVG element', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
element(123)
|
||||||
|
)
|
||||||
|
).toEqual('<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="123" height="123"/>');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import createSvg from './svg';
|
||||||
|
|
||||||
|
export default function element (size: number, type: string = 'svg', x: number = 0, y: number = 0): Element {
|
||||||
|
const elem = createSvg(type);
|
||||||
|
|
||||||
|
elem.setAttributeNS('', 'x', `${x}`);
|
||||||
|
elem.setAttributeNS('', 'y', `${y}`);
|
||||||
|
elem.setAttributeNS('', 'width', `${size}`);
|
||||||
|
elem.setAttributeNS('', 'height', `${size}`);
|
||||||
|
|
||||||
|
return elem;
|
||||||
|
}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import xmlserializer from 'xmlserializer';
|
||||||
|
|
||||||
|
import rect from './rect';
|
||||||
|
|
||||||
|
describe('rect', () => {
|
||||||
|
it('creates a basic SVG rect element', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
rect(123)
|
||||||
|
)
|
||||||
|
).toEqual('<rect xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="123" height="123" rx="7.6875" ry="7.6875"/>');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import createElement from './element';
|
||||||
|
|
||||||
|
export default function rect (size: number): Element {
|
||||||
|
const elem = createElement(size, 'rect');
|
||||||
|
|
||||||
|
elem.setAttributeNS('', 'rx', `${size / 16}`);
|
||||||
|
elem.setAttributeNS('', 'ry', `${size / 16}`);
|
||||||
|
|
||||||
|
return elem;
|
||||||
|
}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import xmlserializer from 'xmlserializer';
|
||||||
|
|
||||||
|
import svg from './svg';
|
||||||
|
|
||||||
|
describe('svg', () => {
|
||||||
|
it('creates a basic SVG element', () => {
|
||||||
|
expect(
|
||||||
|
xmlserializer.serializeToString(
|
||||||
|
svg('rect')
|
||||||
|
)
|
||||||
|
).toEqual('<rect xmlns="http://www.w3.org/2000/svg"/>');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
// Copyright 2016 Dan Finlay
|
||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
const SVG_NS = 'http://www.w3.org/2000/svg';
|
||||||
|
|
||||||
|
export default function svg (type: string): Element {
|
||||||
|
return document.createElementNS(SVG_NS, type);
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
export type Seeder = () => number;
|
||||||
@@ -0,0 +1,103 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Prefix } from '@polkadot/keyring/address/types';
|
||||||
|
import { IdentityProps as Props } from './types';
|
||||||
|
|
||||||
|
import './IdentityIcon.css';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import CopyToClipboard from 'react-copy-to-clipboard';
|
||||||
|
import { decodeAddress, encodeAddress } from '@polkadot/keyring';
|
||||||
|
import settings from '@polkadot/ui-settings/index';
|
||||||
|
import { isHex, isU8a } from '@polkadot/util';
|
||||||
|
|
||||||
|
import Empty from './Empty';
|
||||||
|
import Polkadot from './Polkadot';
|
||||||
|
import Substrate from './Substrate';
|
||||||
|
|
||||||
|
type State = {
|
||||||
|
address?: string | null
|
||||||
|
};
|
||||||
|
|
||||||
|
const DEFAULT_SIZE = 64;
|
||||||
|
const Components: { [index: string]: React.ComponentType<any> } = {
|
||||||
|
'polkadot': Polkadot,
|
||||||
|
'substrate': Substrate
|
||||||
|
};
|
||||||
|
|
||||||
|
export default class IdentityIcon extends React.PureComponent<Props, State> {
|
||||||
|
state: State = {
|
||||||
|
address: null
|
||||||
|
};
|
||||||
|
|
||||||
|
private static prefix?: Prefix = undefined;
|
||||||
|
|
||||||
|
static setDefaultPrefix (prefix: Prefix) {
|
||||||
|
IdentityIcon.prefix = prefix;
|
||||||
|
}
|
||||||
|
|
||||||
|
static getDerivedStateFromProps ({ prefix = IdentityIcon.prefix, value }: Props, prevState: State): State | null {
|
||||||
|
try {
|
||||||
|
const address = isU8a(value) || isHex(value)
|
||||||
|
? encodeAddress(value, prefix)
|
||||||
|
: value;
|
||||||
|
|
||||||
|
decodeAddress(address as string, prefix);
|
||||||
|
|
||||||
|
return address === prevState.address
|
||||||
|
? null
|
||||||
|
: { address };
|
||||||
|
} catch (error) {
|
||||||
|
// swallow,invalid address or input
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
address: null
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
render () {
|
||||||
|
const { className, isHighlight = false, size = DEFAULT_SIZE, style, theme = settings.uiTheme } = this.props;
|
||||||
|
const { address } = this.state;
|
||||||
|
|
||||||
|
const Component = !address
|
||||||
|
? Empty
|
||||||
|
: Components[theme] || Substrate;
|
||||||
|
const wrapped = (
|
||||||
|
<div
|
||||||
|
className={['ui--IdentityIcon', isHighlight ? 'highlight' : '', className].join(' ')}
|
||||||
|
key={address || ''}
|
||||||
|
style={style}
|
||||||
|
>
|
||||||
|
<Component
|
||||||
|
size={size}
|
||||||
|
value={address || ''}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!address) {
|
||||||
|
return wrapped;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CopyToClipboard
|
||||||
|
onCopy={this.onCopy}
|
||||||
|
text={address}
|
||||||
|
>
|
||||||
|
{wrapped}
|
||||||
|
</CopyToClipboard>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
private onCopy = (): void => {
|
||||||
|
const { onCopy } = this.props;
|
||||||
|
const { address } = this.state;
|
||||||
|
|
||||||
|
if (address && onCopy) {
|
||||||
|
onCopy(address);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
// Copyright 2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Prefix } from '@polkadot/keyring/address/types';
|
||||||
|
|
||||||
|
export type BaseProps = {
|
||||||
|
className?: string,
|
||||||
|
style?: {
|
||||||
|
[index: string]: any
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Props = BaseProps & {
|
||||||
|
size: number,
|
||||||
|
value: string
|
||||||
|
};
|
||||||
|
|
||||||
|
export type IdentityProps = BaseProps & {
|
||||||
|
isHighlight?: boolean,
|
||||||
|
onCopy?: (value: string) => void,
|
||||||
|
prefix?: Prefix,
|
||||||
|
size?: number,
|
||||||
|
theme?: string,
|
||||||
|
value?: string | Uint8Array | null
|
||||||
|
};
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-identicon authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
const ENV = process.env.NODE_ENV || 'development';
|
||||||
|
const isProd = ENV === 'production';
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
context: __dirname,
|
||||||
|
devtool: isProd ? 'source-map' : 'cheap-eval-source-map',
|
||||||
|
entry: './src/demo.ts',
|
||||||
|
mode: ENV,
|
||||||
|
output: {
|
||||||
|
path: __dirname,
|
||||||
|
filename: './demo.js'
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
extensions: ['.js', '.jsx', '.ts', '.tsx']
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.(js|ts|tsx)$/,
|
||||||
|
exclude: /(node_modules)/,
|
||||||
|
use: [
|
||||||
|
'babel-loader'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
plugins: []
|
||||||
|
};
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
# @polkadot/ui-keyring
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
{
|
||||||
|
"name": "@polkadot/ui-keyring",
|
||||||
|
"version": "0.22.0",
|
||||||
|
"main": "index.js",
|
||||||
|
"repository": "https://github.com/polkadot-js/apps.git",
|
||||||
|
"author": "Jaco Greeff <jacogr@gmail.com>",
|
||||||
|
"maintainers": [
|
||||||
|
"Jaco Greeff <jacogr@gmail.com>"
|
||||||
|
],
|
||||||
|
"contributors": [],
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.1.5",
|
||||||
|
"@polkadot/keyring": "^0.33.7",
|
||||||
|
"store": "^2.0.12"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { u8aToHex } from '@polkadot/util';
|
||||||
|
import { decodeAddress } from '@polkadot/keyring';
|
||||||
|
|
||||||
|
const ACCOUNT_PREFIX = 'account:';
|
||||||
|
const ADDRESS_PREFIX = 'address:';
|
||||||
|
const MAX_PASS_LEN = 32;
|
||||||
|
|
||||||
|
function toHex (address: string): string {
|
||||||
|
return u8aToHex(
|
||||||
|
decodeAddress(address)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const accountKey = (address: string): string =>
|
||||||
|
`${ACCOUNT_PREFIX}${toHex(address)}`;
|
||||||
|
|
||||||
|
const addressKey = (address: string): string =>
|
||||||
|
`${ADDRESS_PREFIX}${toHex(address)}`;
|
||||||
|
|
||||||
|
const accountRegex = new RegExp(`^${ACCOUNT_PREFIX}`, '');
|
||||||
|
|
||||||
|
const addressRegex = new RegExp(`^${ADDRESS_PREFIX}`, '');
|
||||||
|
|
||||||
|
export {
|
||||||
|
accountKey,
|
||||||
|
accountRegex,
|
||||||
|
addressKey,
|
||||||
|
addressRegex,
|
||||||
|
MAX_PASS_LEN
|
||||||
|
};
|
||||||
@@ -0,0 +1,337 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { Prefix } from '@polkadot/keyring/address/types';
|
||||||
|
import { KeyringInstance as BaseKeyringInstance, KeyringPair, KeyringPair$Meta, KeyringPair$Json } from '@polkadot/keyring/types';
|
||||||
|
import { AccountSubject, AddressSubject, SingleAddress } from './observable/types';
|
||||||
|
import { KeyringAddress, KeyringJson, KeyringJson$Meta, KeyringStruct } from './types';
|
||||||
|
|
||||||
|
import store from 'store';
|
||||||
|
import createPair from '@polkadot/keyring/pair';
|
||||||
|
import testKeyring from '@polkadot/keyring/testing';
|
||||||
|
import { hexToU8a, isHex, isString } from '@polkadot/util';
|
||||||
|
|
||||||
|
import accounts from './observable/accounts';
|
||||||
|
import addresses from './observable/addresses';
|
||||||
|
import env from './observable/development';
|
||||||
|
import { accountKey, addressKey, accountRegex, addressRegex, MAX_PASS_LEN } from './defaults';
|
||||||
|
import keyringOption from './options';
|
||||||
|
|
||||||
|
// No accounts (or test accounts) should be loaded until after the chain determination.
|
||||||
|
// Chain determination occurs outside of Keyring. Loading `keyring.loadAll()` is triggered
|
||||||
|
// from the API after the chain is received
|
||||||
|
class Keyring implements KeyringStruct {
|
||||||
|
private _accounts: AccountSubject;
|
||||||
|
private _addresses: AddressSubject;
|
||||||
|
private _keyring?: BaseKeyringInstance;
|
||||||
|
private _prefix: Prefix;
|
||||||
|
|
||||||
|
constructor () {
|
||||||
|
this._accounts = accounts;
|
||||||
|
this._addresses = addresses;
|
||||||
|
this._keyring = undefined;
|
||||||
|
this._prefix = 42;
|
||||||
|
}
|
||||||
|
|
||||||
|
get accounts () {
|
||||||
|
return this._accounts;
|
||||||
|
}
|
||||||
|
|
||||||
|
get addresses () {
|
||||||
|
return this._addresses;
|
||||||
|
}
|
||||||
|
|
||||||
|
get keyring (): BaseKeyringInstance {
|
||||||
|
if (this._keyring) {
|
||||||
|
return this._keyring;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw new Error(`Keyring should be initialised via 'loadAll' before use`);
|
||||||
|
}
|
||||||
|
|
||||||
|
decodeAddress (key: string | Uint8Array): Uint8Array {
|
||||||
|
return this.keyring.decodeAddress(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
encodeAddress (key: string | Uint8Array): string {
|
||||||
|
return this.keyring.encodeAddress(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
setAddressPrefix (prefix: number): void {
|
||||||
|
this._prefix = prefix as Prefix;
|
||||||
|
}
|
||||||
|
|
||||||
|
private setKeyring (keyring: BaseKeyringInstance): void {
|
||||||
|
this._keyring = keyring;
|
||||||
|
}
|
||||||
|
|
||||||
|
private addAccountPairs (): void {
|
||||||
|
this.keyring
|
||||||
|
.getPairs()
|
||||||
|
.forEach((pair: KeyringPair) => {
|
||||||
|
const address = pair.address();
|
||||||
|
|
||||||
|
this.accounts.add(address, {
|
||||||
|
address,
|
||||||
|
meta: pair.getMeta()
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private addTimestamp (pair: KeyringPair): void {
|
||||||
|
if (!pair.getMeta().whenCreated) {
|
||||||
|
pair.setMeta({
|
||||||
|
whenCreated: Date.now()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
addAccountPair (pair: KeyringPair, password: string): KeyringPair {
|
||||||
|
this.keyring.addPair(pair);
|
||||||
|
this.saveAccount(pair, password);
|
||||||
|
|
||||||
|
return pair;
|
||||||
|
}
|
||||||
|
|
||||||
|
backupAccount (pair: KeyringPair, password: string): KeyringPair$Json {
|
||||||
|
if (!pair.isLocked()) {
|
||||||
|
pair.lock();
|
||||||
|
}
|
||||||
|
|
||||||
|
pair.decodePkcs8(password);
|
||||||
|
|
||||||
|
return pair.toJson(password);
|
||||||
|
}
|
||||||
|
|
||||||
|
createAccount (seed: Uint8Array, password?: string, meta: KeyringPair$Meta = {}): KeyringPair {
|
||||||
|
const pair = this.keyring.addFromSeed(seed, meta);
|
||||||
|
|
||||||
|
this.saveAccount(pair, password);
|
||||||
|
|
||||||
|
return pair;
|
||||||
|
}
|
||||||
|
|
||||||
|
createAccountMnemonic (seed: string, password?: string, meta: KeyringPair$Meta = {}): KeyringPair {
|
||||||
|
const pair = this.keyring.addFromMnemonic(seed, meta);
|
||||||
|
|
||||||
|
this.saveAccount(pair, password);
|
||||||
|
|
||||||
|
return pair;
|
||||||
|
}
|
||||||
|
|
||||||
|
encryptAccount (pair: KeyringPair, password: string): void {
|
||||||
|
const json = pair.toJson(password);
|
||||||
|
|
||||||
|
json.meta.whenEdited = Date.now();
|
||||||
|
|
||||||
|
this.keyring.addFromJson(json);
|
||||||
|
this.accounts.add(json.address, json);
|
||||||
|
}
|
||||||
|
|
||||||
|
forgetAccount (address: string): void {
|
||||||
|
this.keyring.removePair(address);
|
||||||
|
this.accounts.remove(address);
|
||||||
|
}
|
||||||
|
|
||||||
|
forgetAddress (address: string): void {
|
||||||
|
this.addresses.remove(address);
|
||||||
|
}
|
||||||
|
|
||||||
|
getAccount (address: string | Uint8Array): KeyringAddress {
|
||||||
|
return this.getAddress(address, 'account');
|
||||||
|
}
|
||||||
|
|
||||||
|
getAccounts (): Array<KeyringAddress> {
|
||||||
|
const available = this.accounts.subject.getValue();
|
||||||
|
|
||||||
|
return Object
|
||||||
|
.keys(available)
|
||||||
|
.map((address) =>
|
||||||
|
this.getAddress(address, 'account')
|
||||||
|
)
|
||||||
|
.filter((account) =>
|
||||||
|
env.isDevelopment() || account.getMeta().isTesting !== true
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
getAddress (_address: string | Uint8Array, type: 'account' | 'address' = 'address'): KeyringAddress {
|
||||||
|
const address = isString(_address)
|
||||||
|
? _address
|
||||||
|
: this.encodeAddress(_address);
|
||||||
|
const publicKey = this.decodeAddress(address);
|
||||||
|
const subject = type === 'account'
|
||||||
|
? this.accounts.subject
|
||||||
|
: this.addresses.subject;
|
||||||
|
|
||||||
|
return {
|
||||||
|
address: (): string =>
|
||||||
|
address,
|
||||||
|
isValid: (): boolean =>
|
||||||
|
!!subject.getValue()[address],
|
||||||
|
publicKey: (): Uint8Array =>
|
||||||
|
publicKey,
|
||||||
|
getMeta: (): KeyringJson$Meta =>
|
||||||
|
subject.getValue()[address].json.meta
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
getAddresses (): Array<KeyringAddress> {
|
||||||
|
const available = this.addresses.subject.getValue();
|
||||||
|
|
||||||
|
return Object
|
||||||
|
.keys(available)
|
||||||
|
.map((address) =>
|
||||||
|
this.getAddress(address)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
getPair (address: string | Uint8Array): KeyringPair {
|
||||||
|
return this.keyring.getPair(address);
|
||||||
|
}
|
||||||
|
|
||||||
|
getPairs (): Array<KeyringPair> {
|
||||||
|
return this.keyring.getPairs().filter((pair: KeyringPair) =>
|
||||||
|
env.isDevelopment() || pair.getMeta().isTesting !== true
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
isAvailable (_address: Uint8Array | string): boolean {
|
||||||
|
const accountsValue = this.accounts.subject.getValue();
|
||||||
|
const addressesValue = this.addresses.subject.getValue();
|
||||||
|
const address = isString(_address)
|
||||||
|
? _address
|
||||||
|
: this.encodeAddress(_address);
|
||||||
|
|
||||||
|
return !accountsValue[address] && !addressesValue[address];
|
||||||
|
}
|
||||||
|
|
||||||
|
isPassValid (password: string): boolean {
|
||||||
|
return password.length > 0 && password.length <= MAX_PASS_LEN;
|
||||||
|
}
|
||||||
|
|
||||||
|
loadAll (): void {
|
||||||
|
const keyring = testKeyring();
|
||||||
|
|
||||||
|
keyring.setAddressPrefix(this._prefix);
|
||||||
|
|
||||||
|
this.setKeyring(keyring);
|
||||||
|
this.addAccountPairs();
|
||||||
|
|
||||||
|
store.each((json: KeyringJson, key: string) => {
|
||||||
|
if (accountRegex.test(key)) {
|
||||||
|
if (!json.meta.isTesting && (json as KeyringPair$Json).encoded) {
|
||||||
|
const pair = keyring.addFromJson(json as KeyringPair$Json);
|
||||||
|
|
||||||
|
this.accounts.add(pair.address(), json);
|
||||||
|
}
|
||||||
|
|
||||||
|
const [, hexAddr] = key.split(':');
|
||||||
|
|
||||||
|
if (hexAddr.substr(0, 2) !== '0x') {
|
||||||
|
store.remove(key);
|
||||||
|
store.set(accountKey(hexAddr), json);
|
||||||
|
}
|
||||||
|
} else if (addressRegex.test(key)) {
|
||||||
|
const address = this.encodeAddress(
|
||||||
|
isHex(json.address)
|
||||||
|
? hexToU8a(json.address)
|
||||||
|
: this.decodeAddress(json.address)
|
||||||
|
);
|
||||||
|
const [, hexAddr] = key.split(':');
|
||||||
|
|
||||||
|
this.addresses.add(address, json);
|
||||||
|
|
||||||
|
if (hexAddr.substr(0, 2) !== '0x') {
|
||||||
|
store.remove(key);
|
||||||
|
store.set(addressKey(hexAddr), json);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
keyringOption.init(this);
|
||||||
|
}
|
||||||
|
|
||||||
|
restoreAccount (json: KeyringPair$Json, password: string): KeyringPair {
|
||||||
|
const pair = createPair(
|
||||||
|
{
|
||||||
|
publicKey: this.decodeAddress(json.address),
|
||||||
|
secretKey: new Uint8Array()
|
||||||
|
},
|
||||||
|
json.meta,
|
||||||
|
hexToU8a(json.encoded)
|
||||||
|
);
|
||||||
|
|
||||||
|
// unlock, save account and then lock (locking cleans secretKey, so needs to be last)
|
||||||
|
pair.decodePkcs8(password);
|
||||||
|
this.addAccountPair(pair, password);
|
||||||
|
pair.lock();
|
||||||
|
|
||||||
|
return pair;
|
||||||
|
}
|
||||||
|
|
||||||
|
saveAccount (pair: KeyringPair, password?: string): void {
|
||||||
|
this.addTimestamp(pair);
|
||||||
|
|
||||||
|
const json = pair.toJson(password);
|
||||||
|
|
||||||
|
this.keyring.addFromJson(json);
|
||||||
|
this.accounts.add(json.address, json);
|
||||||
|
}
|
||||||
|
|
||||||
|
saveAccountMeta (pair: KeyringPair, meta: KeyringPair$Meta): void {
|
||||||
|
const address = pair.address();
|
||||||
|
const json = store.get(accountKey(address));
|
||||||
|
|
||||||
|
pair.setMeta(meta);
|
||||||
|
json.meta = pair.getMeta();
|
||||||
|
|
||||||
|
this.accounts.add(json.address, json);
|
||||||
|
}
|
||||||
|
|
||||||
|
saveAddress (address: string, meta: KeyringPair$Meta): void {
|
||||||
|
const available = this.addresses.subject.getValue();
|
||||||
|
|
||||||
|
const json = (available[address] && available[address].json) || {
|
||||||
|
address,
|
||||||
|
meta: {
|
||||||
|
isRecent: void 0,
|
||||||
|
whenCreated: Date.now()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
Object.keys(meta).forEach((key) => {
|
||||||
|
json.meta[key] = meta[key];
|
||||||
|
});
|
||||||
|
|
||||||
|
delete json.meta.isRecent;
|
||||||
|
|
||||||
|
this.addresses.add(address, json);
|
||||||
|
}
|
||||||
|
|
||||||
|
saveRecent (address: string): SingleAddress {
|
||||||
|
const available = this.addresses.subject.getValue();
|
||||||
|
|
||||||
|
if (!available[address]) {
|
||||||
|
const json = {
|
||||||
|
address,
|
||||||
|
meta: {
|
||||||
|
isRecent: true,
|
||||||
|
whenCreated: Date.now()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
this.addresses.add(address, (json as KeyringJson));
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.addresses.subject.getValue()[address];
|
||||||
|
}
|
||||||
|
|
||||||
|
setDevMode (isDevelopment: boolean): void {
|
||||||
|
env.set(isDevelopment);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const keyringInstance = new Keyring();
|
||||||
|
|
||||||
|
export default keyringInstance;
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { accountKey } from '../defaults';
|
||||||
|
|
||||||
|
import genericSubject from './genericSubject';
|
||||||
|
|
||||||
|
export default genericSubject(accountKey, true);
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { addressKey } from '../defaults';
|
||||||
|
|
||||||
|
import genericSubject from './genericSubject';
|
||||||
|
|
||||||
|
export default genericSubject(addressKey);
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { BehaviorSubject } from 'rxjs';
|
||||||
|
|
||||||
|
const subject = new BehaviorSubject(false);
|
||||||
|
|
||||||
|
export default {
|
||||||
|
isDevelopment: (): boolean =>
|
||||||
|
subject.getValue(),
|
||||||
|
set: (isDevelopment: boolean): void => {
|
||||||
|
subject.next(isDevelopment);
|
||||||
|
},
|
||||||
|
subject
|
||||||
|
};
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { BehaviorSubject } from 'rxjs';
|
||||||
|
import { SubjectInfo, AddressSubject, SingleAddress } from './types';
|
||||||
|
import { KeyringJson } from '../types';
|
||||||
|
|
||||||
|
import store from 'store';
|
||||||
|
|
||||||
|
import createOptionItem from '../options/item';
|
||||||
|
import development from './development';
|
||||||
|
|
||||||
|
export default function genericSubject (keyCreator: (address: string) => string, withTest: boolean = false): AddressSubject {
|
||||||
|
let current: SubjectInfo = {};
|
||||||
|
const subject = new BehaviorSubject({});
|
||||||
|
const next = (): void => {
|
||||||
|
const isDevMode = development.isDevelopment();
|
||||||
|
|
||||||
|
subject.next(
|
||||||
|
Object
|
||||||
|
.keys(current)
|
||||||
|
.reduce((filtered, key) => {
|
||||||
|
const { json: { meta: { isTesting = false } = {} } = {} } = current[key];
|
||||||
|
|
||||||
|
if (!withTest || isDevMode || isTesting !== true) {
|
||||||
|
filtered[key] = current[key];
|
||||||
|
}
|
||||||
|
|
||||||
|
return filtered;
|
||||||
|
}, {} as SubjectInfo)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
development.subject.subscribe(next);
|
||||||
|
|
||||||
|
return {
|
||||||
|
add: (address: string, json: KeyringJson): SingleAddress => {
|
||||||
|
current = { ...current };
|
||||||
|
|
||||||
|
current[address] = {
|
||||||
|
json,
|
||||||
|
option: createOptionItem(address, json.meta.name)
|
||||||
|
};
|
||||||
|
|
||||||
|
store.set(keyCreator(address), json);
|
||||||
|
next();
|
||||||
|
|
||||||
|
return current[address];
|
||||||
|
},
|
||||||
|
remove: (address: string) => {
|
||||||
|
current = { ...current };
|
||||||
|
|
||||||
|
delete current[address];
|
||||||
|
|
||||||
|
store.remove(keyCreator(address));
|
||||||
|
next();
|
||||||
|
},
|
||||||
|
subject
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { combineLatest } from 'rxjs';
|
||||||
|
import { map } from 'rxjs/operators';
|
||||||
|
|
||||||
|
import accounts from './accounts';
|
||||||
|
import addresses from './addresses';
|
||||||
|
|
||||||
|
export default combineLatest(
|
||||||
|
accounts.subject,
|
||||||
|
addresses.subject
|
||||||
|
).pipe(
|
||||||
|
map(([accounts, addresses]) => ({
|
||||||
|
accounts,
|
||||||
|
addresses
|
||||||
|
}))
|
||||||
|
);
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { BehaviorSubject } from 'rxjs';
|
||||||
|
import { KeyringSectionOption } from '../options/types';
|
||||||
|
import { KeyringJson } from '../types';
|
||||||
|
|
||||||
|
export type SingleAccount = {
|
||||||
|
json: KeyringJson,
|
||||||
|
option: KeyringSectionOption
|
||||||
|
};
|
||||||
|
|
||||||
|
export type SingleAddress = {
|
||||||
|
json: KeyringJson,
|
||||||
|
option: KeyringSectionOption
|
||||||
|
};
|
||||||
|
|
||||||
|
export type SubjectInfo = {
|
||||||
|
[index: string]: SingleAddress
|
||||||
|
};
|
||||||
|
|
||||||
|
export type AccountSubject = {
|
||||||
|
add: (account: string, json: KeyringJson) => SingleAccount,
|
||||||
|
remove: (account: string) => void,
|
||||||
|
subject: BehaviorSubject<SubjectInfo>
|
||||||
|
};
|
||||||
|
|
||||||
|
export type AddressSubject = {
|
||||||
|
add: (address: string, json: KeyringJson) => SingleAddress,
|
||||||
|
remove: (address: string) => void,
|
||||||
|
subject: BehaviorSubject<SubjectInfo>
|
||||||
|
};
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
/* Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
/* This software may be modified and distributed under the terms
|
||||||
|
/* of the Apache-2.0 license. See the LICENSE file for details. */
|
||||||
|
|
||||||
|
.ui--KeyPair {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui--KeyPair-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: -9px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui--KeyPair-address,
|
||||||
|
.ui--KeyPair-name {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui--KeyPair-address {
|
||||||
|
flex: 1;
|
||||||
|
font-family: monospace;
|
||||||
|
margin-left: 1rem;
|
||||||
|
opacity: 0.5;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: right;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui--KeyPair-name {
|
||||||
|
flex: 1 0;
|
||||||
|
margin-left: 3rem;
|
||||||
|
overflow: hidden;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.dropdown .menu > .disabled.item.ui--KeyPair-header {
|
||||||
|
font-size: .75em;
|
||||||
|
font-weight: 700;
|
||||||
|
opacity: 1;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import './KeyPair.css';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import { AccountId } from '@polkadot/types';
|
||||||
|
import IdentityIcon from '@polkadot/ui-app/IdentityIcon';
|
||||||
|
import { withMulti, withObservable } from '@polkadot/ui-react-rx/with/index';
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
address: string,
|
||||||
|
className?: string,
|
||||||
|
name: string,
|
||||||
|
sessionValidators?: Array<AccountId>,
|
||||||
|
style?: {
|
||||||
|
[index: string]: string
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
class KeyPair extends React.PureComponent<Props> {
|
||||||
|
render () {
|
||||||
|
const { address, className, name, sessionValidators = [], style } = this.props;
|
||||||
|
const isValidator = sessionValidators.find((validator) =>
|
||||||
|
validator.toString() === address
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className={['ui--KeyPair', className].join(' ')}
|
||||||
|
style={style}
|
||||||
|
>
|
||||||
|
<IdentityIcon
|
||||||
|
className='ui--KeyPair-icon'
|
||||||
|
isHighlight={!!isValidator}
|
||||||
|
size={32}
|
||||||
|
value={address}
|
||||||
|
/>
|
||||||
|
<div className='ui--KeyPair-name'>
|
||||||
|
{name}
|
||||||
|
</div>
|
||||||
|
<div className='ui--KeyPair-address'>
|
||||||
|
{address}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default withMulti(
|
||||||
|
KeyPair,
|
||||||
|
withObservable('sessionValidators')
|
||||||
|
);
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import keyringOptionInstance from './index';
|
||||||
|
|
||||||
|
describe('KeyringOption', () => {
|
||||||
|
it('should not allow initOptions to be called more than once', () => {
|
||||||
|
const state = {};
|
||||||
|
// first call
|
||||||
|
keyringOptionInstance.init(state);
|
||||||
|
|
||||||
|
// second call
|
||||||
|
expect(() => {
|
||||||
|
keyringOptionInstance.init(state);
|
||||||
|
}).toThrowError('Unable to initialise options more than once');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,110 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { KeyringStruct } from '../types';
|
||||||
|
import { SingleAddress } from '../observable/types';
|
||||||
|
import { KeyringOptions, KeyringOptionInstance, KeyringSectionOption, KeyringSectionOptions } from './types';
|
||||||
|
|
||||||
|
import { BehaviorSubject } from 'rxjs';
|
||||||
|
|
||||||
|
import observableAll from '../observable';
|
||||||
|
|
||||||
|
let hasCalledInitOptions = false;
|
||||||
|
|
||||||
|
class KeyringOption implements KeyringOptionInstance {
|
||||||
|
optionsSubject: BehaviorSubject<KeyringOptions> = new BehaviorSubject(this.emptyOptions());
|
||||||
|
|
||||||
|
createOptionHeader (name: string): KeyringSectionOption {
|
||||||
|
return {
|
||||||
|
className: 'header disabled',
|
||||||
|
name,
|
||||||
|
key: `header-${name.toLowerCase()}`,
|
||||||
|
text: name,
|
||||||
|
value: null
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
init (keyring: KeyringStruct): void {
|
||||||
|
if (hasCalledInitOptions) {
|
||||||
|
throw new Error('Unable to initialise options more than once');
|
||||||
|
}
|
||||||
|
|
||||||
|
observableAll.subscribe((value) => {
|
||||||
|
const options = this.emptyOptions();
|
||||||
|
|
||||||
|
this.addAccounts(keyring, options);
|
||||||
|
this.addAddresses(keyring, options);
|
||||||
|
|
||||||
|
options.address = ([] as KeyringSectionOptions).concat(
|
||||||
|
options.address.length ? [ this.createOptionHeader('Addresses') ] : [],
|
||||||
|
options.address,
|
||||||
|
options.recent.length ? [ this.createOptionHeader('Recent') ] : [],
|
||||||
|
options.recent
|
||||||
|
);
|
||||||
|
options.account = ([] as KeyringSectionOptions).concat(
|
||||||
|
options.account.length ? [ this.createOptionHeader('Accounts') ] : [],
|
||||||
|
options.account,
|
||||||
|
options.testing.length ? [ this.createOptionHeader('Development') ] : [],
|
||||||
|
options.testing
|
||||||
|
);
|
||||||
|
|
||||||
|
options.all = ([] as KeyringSectionOptions).concat(
|
||||||
|
options.account,
|
||||||
|
options.address
|
||||||
|
);
|
||||||
|
|
||||||
|
this.optionsSubject.next(options);
|
||||||
|
});
|
||||||
|
|
||||||
|
hasCalledInitOptions = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
private addAccounts (keyring: KeyringStruct, options: KeyringOptions): void {
|
||||||
|
const available = keyring.accounts.subject.getValue();
|
||||||
|
|
||||||
|
Object
|
||||||
|
.keys(available)
|
||||||
|
.map((address) =>
|
||||||
|
available[address]
|
||||||
|
)
|
||||||
|
.forEach(({ json: { meta: { isTesting = false } }, option }: SingleAddress) => {
|
||||||
|
if (!isTesting) {
|
||||||
|
options.account.push(option);
|
||||||
|
} else {
|
||||||
|
options.testing.push(option);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private addAddresses (keyring: KeyringStruct, options: KeyringOptions): void {
|
||||||
|
const available = keyring.addresses.subject.getValue();
|
||||||
|
|
||||||
|
Object
|
||||||
|
.keys(available)
|
||||||
|
.map((address) =>
|
||||||
|
available[address]
|
||||||
|
)
|
||||||
|
.forEach(({ json: { meta: { isRecent = false } }, option }: SingleAddress) => {
|
||||||
|
if (isRecent) {
|
||||||
|
options.recent.push(option);
|
||||||
|
} else {
|
||||||
|
options.address.push(option);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private emptyOptions (): KeyringOptions {
|
||||||
|
return {
|
||||||
|
account: [],
|
||||||
|
address: [],
|
||||||
|
all: [],
|
||||||
|
recent: [],
|
||||||
|
testing: []
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const keyringOptionInstance = new KeyringOption();
|
||||||
|
|
||||||
|
export default keyringOptionInstance;
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { KeyringSectionOption } from './types';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import toShortAddress from '@polkadot/ui-app/util/toShortAddress';
|
||||||
|
|
||||||
|
import KeyPair from './KeyPair';
|
||||||
|
|
||||||
|
export default function createItem (address: string, _name?: string): KeyringSectionOption {
|
||||||
|
const name = _name === undefined
|
||||||
|
? toShortAddress(address)
|
||||||
|
: _name;
|
||||||
|
|
||||||
|
return {
|
||||||
|
key: address,
|
||||||
|
name,
|
||||||
|
text: (
|
||||||
|
<KeyPair
|
||||||
|
address={address}
|
||||||
|
name={name}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
value: address
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { KeyringStruct } from '../types';
|
||||||
|
|
||||||
|
export type KeyringSectionOption = {
|
||||||
|
className?: string,
|
||||||
|
disabled?: boolean,
|
||||||
|
content?: any | string, // node?
|
||||||
|
key: string | null,
|
||||||
|
name: string,
|
||||||
|
text: any | string, // node?
|
||||||
|
value: string | null
|
||||||
|
};
|
||||||
|
|
||||||
|
export type KeyringSectionOptions = Array<KeyringSectionOption>;
|
||||||
|
|
||||||
|
export type KeyringOptions = {
|
||||||
|
account: KeyringSectionOptions,
|
||||||
|
address: KeyringSectionOptions,
|
||||||
|
all: KeyringSectionOptions,
|
||||||
|
recent: KeyringSectionOptions,
|
||||||
|
testing: KeyringSectionOptions
|
||||||
|
};
|
||||||
|
|
||||||
|
export type KeyringOption$Type = keyof KeyringOptions;
|
||||||
|
|
||||||
|
export interface KeyringOptionInstance {
|
||||||
|
createOptionHeader: (name: string) => KeyringSectionOption;
|
||||||
|
init: (keyring: KeyringStruct) => void;
|
||||||
|
}
|
||||||
@@ -0,0 +1,57 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-keyring authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { KeyringInstance as BaseKeyringInstance, KeyringPair, KeyringPair$Meta, KeyringPair$Json } from '@polkadot/keyring/types';
|
||||||
|
import { AccountSubject, AddressSubject, SingleAddress } from './observable/types';
|
||||||
|
|
||||||
|
export type KeyringJson$Meta = {
|
||||||
|
isRecent?: boolean,
|
||||||
|
isTesting?: boolean,
|
||||||
|
name?: string,
|
||||||
|
whenCreated?: number,
|
||||||
|
whenEdited?: number,
|
||||||
|
whenUsed?: number,
|
||||||
|
[index: string]: any
|
||||||
|
};
|
||||||
|
|
||||||
|
export type KeyringJson = {
|
||||||
|
address: string,
|
||||||
|
meta: KeyringJson$Meta
|
||||||
|
};
|
||||||
|
|
||||||
|
export type KeyringAddress = {
|
||||||
|
address: () => string,
|
||||||
|
isValid: () => boolean,
|
||||||
|
publicKey: () => Uint8Array,
|
||||||
|
getMeta: () => KeyringJson$Meta
|
||||||
|
};
|
||||||
|
|
||||||
|
export interface KeyringStruct {
|
||||||
|
readonly accounts: AccountSubject;
|
||||||
|
readonly addresses: AddressSubject;
|
||||||
|
readonly keyring: BaseKeyringInstance | undefined;
|
||||||
|
|
||||||
|
addAccountPair: (pair: KeyringPair, password: string) => KeyringPair;
|
||||||
|
backupAccount: (pair: KeyringPair, password: string) => KeyringPair$Json;
|
||||||
|
createAccount: (seed: Uint8Array, password?: string, meta?: KeyringPair$Meta) => KeyringPair;
|
||||||
|
createAccountMnemonic: (seed: string, password?: string, meta?: KeyringPair$Meta) => KeyringPair;
|
||||||
|
encryptAccount: (pair: KeyringPair, password: string) => void;
|
||||||
|
forgetAccount: (address: string) => void;
|
||||||
|
forgetAddress: (address: string) => void;
|
||||||
|
getAccount: (address: string | Uint8Array) => KeyringAddress;
|
||||||
|
getAccounts: () => Array<KeyringAddress>;
|
||||||
|
getAddress: (address: string | Uint8Array) => KeyringAddress;
|
||||||
|
getAddresses: () => Array<KeyringAddress>;
|
||||||
|
getPair: (address: string | Uint8Array) => KeyringPair;
|
||||||
|
getPairs: () => Array<KeyringPair>;
|
||||||
|
isAvailable: (address: string | Uint8Array) => boolean;
|
||||||
|
isPassValid: (password: string) => boolean;
|
||||||
|
loadAll: () => void;
|
||||||
|
restoreAccount: (json: KeyringPair$Json, password: string) => KeyringPair;
|
||||||
|
saveAccount: (pair: KeyringPair, password?: string) => void;
|
||||||
|
saveAccountMeta: (pair: KeyringPair, meta: KeyringPair$Meta) => void;
|
||||||
|
saveAddress: (address: string, meta: KeyringPair$Meta) => void;
|
||||||
|
saveRecent: (address: string) => SingleAddress;
|
||||||
|
setDevMode: (isDevelopment: boolean) => void;
|
||||||
|
}
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
# @polkadot/ui-settings
|
||||||
|
|
||||||
|
Manages app settings including endpoints, themes and prefixes
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"name": "@polkadot/ui-settings",
|
||||||
|
"version": "0.22.0",
|
||||||
|
"description": "Manages app settings",
|
||||||
|
"main": "index.js",
|
||||||
|
"author": "Jaco Greeff <jacogr@gmail.com>",
|
||||||
|
"maintainers": [
|
||||||
|
"Jaco Greeff <jacogr@gmail.com>"
|
||||||
|
],
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.1.5",
|
||||||
|
"store": "^2.0.12"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-settings authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import { ChainsInfo, Options } from './types';
|
||||||
|
|
||||||
|
const CHAINS: ChainsInfo = [
|
||||||
|
{
|
||||||
|
name: 'Development',
|
||||||
|
chainId: 0,
|
||||||
|
decimals: 0,
|
||||||
|
unit: 'Unit'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Local Testnet',
|
||||||
|
chainId: 0,
|
||||||
|
decimals: 0,
|
||||||
|
unit: 'Unit'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'BBQ Birch',
|
||||||
|
chainId: 68,
|
||||||
|
decimals: 15,
|
||||||
|
unit: 'BBQ'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const ENDPOINTS: Options = [
|
||||||
|
{ text: 'BBQ Birch (hosted by Parity)', value: 'wss://substrate-rpc.parity.io/' },
|
||||||
|
{ disabled: true, text: 'Polkadot PoC-3 (hosted by Parity)', value: 'wss://polkadot-rpc.polkadot.io/' },
|
||||||
|
{ text: 'Local Node (127.0.0.1:9944)', value: 'ws://127.0.0.1:9944/' }
|
||||||
|
];
|
||||||
|
|
||||||
|
const LANGUAGES: Options = [
|
||||||
|
{ value: 'default', text: 'Default browser language (auto-detect)' }
|
||||||
|
];
|
||||||
|
|
||||||
|
const UIMODES: Options = [
|
||||||
|
{ value: 'full', text: 'Fully featured' },
|
||||||
|
{ value: 'light', text: 'Basic features only' }
|
||||||
|
];
|
||||||
|
|
||||||
|
const UITHEMES: Options = [
|
||||||
|
{ value: 'substrate', text: 'Substrate' },
|
||||||
|
{ value: 'polkadot', text: 'Polkadot' }
|
||||||
|
];
|
||||||
|
|
||||||
|
export {
|
||||||
|
CHAINS,
|
||||||
|
ENDPOINTS,
|
||||||
|
LANGUAGES,
|
||||||
|
UIMODES,
|
||||||
|
UITHEMES
|
||||||
|
};
|
||||||
@@ -0,0 +1,84 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-settings authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
import store from 'store';
|
||||||
|
|
||||||
|
import { CHAINS, ENDPOINTS, LANGUAGES, UIMODES, UITHEMES } from './defaults';
|
||||||
|
import { ChainsInfo, Options, SettingsStruct } from './types';
|
||||||
|
|
||||||
|
class Settings implements SettingsStruct {
|
||||||
|
private _apiUrl: string;
|
||||||
|
private _i18nLang: string;
|
||||||
|
private _uiMode: string;
|
||||||
|
private _uiTheme: string;
|
||||||
|
|
||||||
|
constructor () {
|
||||||
|
const settings = store.get('settings') || {};
|
||||||
|
|
||||||
|
// FIXME Here we have the defaults for BBQ, swap to Polkadot as soon as poc-3 is there
|
||||||
|
// FIXME WS_URL first, then substrate-rpc
|
||||||
|
this._apiUrl = settings.apiUrl || ENDPOINTS[0].value || process.env.WS_URL;
|
||||||
|
this._i18nLang = settings.i18nLang || LANGUAGES[0].value;
|
||||||
|
this._uiMode = settings.uiMode || process.env.UI_MODE || UIMODES[0].value;
|
||||||
|
this._uiTheme = settings.uiTheme || process.env.UI_THEME || UITHEMES[0].value;
|
||||||
|
}
|
||||||
|
|
||||||
|
get apiUrl (): string {
|
||||||
|
return this._apiUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
get i18nLang (): string {
|
||||||
|
return this._i18nLang;
|
||||||
|
}
|
||||||
|
|
||||||
|
get uiMode (): string {
|
||||||
|
return this._uiMode;
|
||||||
|
}
|
||||||
|
|
||||||
|
get uiTheme (): string {
|
||||||
|
return this._uiTheme;
|
||||||
|
}
|
||||||
|
|
||||||
|
get availableChains (): ChainsInfo {
|
||||||
|
return CHAINS;
|
||||||
|
}
|
||||||
|
|
||||||
|
get availableNodes (): Options {
|
||||||
|
return ENDPOINTS;
|
||||||
|
}
|
||||||
|
|
||||||
|
get availableLanguages (): Options {
|
||||||
|
return LANGUAGES;
|
||||||
|
}
|
||||||
|
|
||||||
|
get availableUIModes (): Options {
|
||||||
|
return UIMODES;
|
||||||
|
}
|
||||||
|
|
||||||
|
get availableUIThemes (): Options {
|
||||||
|
return UITHEMES;
|
||||||
|
}
|
||||||
|
|
||||||
|
get (): SettingsStruct {
|
||||||
|
return {
|
||||||
|
apiUrl: this._apiUrl,
|
||||||
|
i18nLang: this._i18nLang,
|
||||||
|
uiMode: this._uiMode,
|
||||||
|
uiTheme: this._uiTheme
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
set (settings: Partial<SettingsStruct>): void {
|
||||||
|
this._apiUrl = settings.apiUrl || this._apiUrl;
|
||||||
|
this._i18nLang = settings.i18nLang || this._i18nLang;
|
||||||
|
this._uiMode = settings.uiMode || this._uiMode;
|
||||||
|
this._uiTheme = settings.uiTheme || this._uiTheme;
|
||||||
|
|
||||||
|
store.set('settings', this.get());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const settings = new Settings();
|
||||||
|
|
||||||
|
export default settings;
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
// Copyright 2017-2018 @polkadot/ui-settings authors & contributors
|
||||||
|
// This software may be modified and distributed under the terms
|
||||||
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
||||||
|
|
||||||
|
export type ChainsInfo = Array<{
|
||||||
|
name: string,
|
||||||
|
chainId: number,
|
||||||
|
decimals: number,
|
||||||
|
unit: string
|
||||||
|
}>;
|
||||||
|
|
||||||
|
export type Options = Array<{
|
||||||
|
disabled?: boolean,
|
||||||
|
text: string,
|
||||||
|
value: string
|
||||||
|
}>;
|
||||||
|
|
||||||
|
export interface SettingsStruct {
|
||||||
|
apiUrl: string;
|
||||||
|
i18nLang: string;
|
||||||
|
uiMode: string;
|
||||||
|
uiTheme: string;
|
||||||
|
}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
module.exports = require('@polkadot/dev-react/config/postcss');
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"extends": "./node_modules/@polkadot/dev/config/tsconfig",
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": ".",
|
||||||
|
"paths": {
|
||||||
|
"@polkadot/ui-identicon/*": [ "packages/ui-identicon/src/*" ],
|
||||||
|
"@polkadot/ui-keyring/*": [ "packages/ui-keyring/src/*" ],
|
||||||
|
"@polkadot/ui-settings/*": [ "packages/ui-settings/src/*" ]
|
||||||
|
},
|
||||||
|
"typeRoots": [
|
||||||
|
"./node_modules/@polkadot/ts",
|
||||||
|
"./node_modules/@types"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"extends": "@polkadot/dev-react/config/tslint"
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user