pezkuwichain/pezkuwi-ui
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pezkuwi-ui.git synced 2026-04-25 10:37:58 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
0dbdc7e0b7b7154d9719ba68cba82afa52fce7e0
pezkuwi-ui/docs/ui-keyring/index.html
T
Travis CI b74f8de6ff [CI Skip] 0.28.4
2019-02-27 10:22:45 +00:00

124 lines
31 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>polkadot-js/ui</title>
<meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
<link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/35.29dac2f1.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
<link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="active sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="polkadot-ui-keyring"><a href="#polkadot-ui-keyring" aria-hidden="true" class="header-anchor">#</a> @polkadot/ui-keyring</h1> <p>A wrapper extending the base @polkadot/keyring interface for usage in the browser: Key management of user accounts including generation and retrieval of keyring pairs from a variety of input combinations.</p> <h2 id="usage-examples"><a href="#usage-examples" aria-hidden="true" class="header-anchor">#</a> Usage Examples</h2> <p>All module methods are exposed through a single default export.</p> <h3 id="regular"><a href="#regular" aria-hidden="true" class="header-anchor">#</a> Regular</h3> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> keyring <span class="token keyword">from</span> @polkadot<span class="token operator">/</span>ui<span class="token operator">-</span>keyring
<span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment">// encode publicKey to ss58 address</span>
<span class="token keyword">const</span> address <span class="token operator">=</span> keyring<span class="token punctuation">.</span><span class="token function">encodeAddress</span><span class="token punctuation">(</span>publicKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// get keyring pair from ss58 address</span>
<span class="token keyword">const</span> pair <span class="token operator">=</span> keyring<span class="token punctuation">.</span><span class="token function">getPair</span><span class="token punctuation">(</span>address<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// ask questions about that particular keyring pair</span>
<span class="token keyword">const</span> isLocked <span class="token operator">=</span> pair<span class="token punctuation">.</span><span class="token function">isLocked</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> meta <span class="token operator">=</span> pair<span class="token punctuation">.</span><span class="token function">getMeta</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// save account from pair</span>
keyring<span class="token punctuation">.</span><span class="token function">saveAccount</span><span class="token punctuation">(</span>pair<span class="token punctuation">,</span> password<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// save address without unlocking it</span>
keyring<span class="token punctuation">.</span><span class="token function">saveAddress</span><span class="token punctuation">(</span>address<span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token operator">...</span>meta <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div><h2 id="observables"><a href="#observables" aria-hidden="true" class="header-anchor">#</a> Observables</h2> <p>Option 1: Declarative subscribe/unsubscribe w/ react-with-observable (recommended 'React' way)</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> accountObservable <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/accounts'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> SingleAddress<span class="token punctuation">,</span> SubjectInfo <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/types'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> Subscribe <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'react-with-observable'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> map <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'rxjs/operators'</span><span class="token punctuation">;</span>
<span class="token keyword">class</span> <span class="token class-name">MyReactComponent</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>PureComponent</span> <span class="token punctuation">{</span>
<span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token operator">&lt;</span>Subscribe<span class="token operator">&gt;</span>
<span class="token punctuation">{</span>accountObservable<span class="token punctuation">.</span>subject<span class="token punctuation">.</span><span class="token function">pipe</span><span class="token punctuation">(</span>
<span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>allAccounts<span class="token punctuation">:</span> SubjectInfo<span class="token punctuation">)</span> <span class="token operator">=&gt;</span>
<span class="token operator">!</span>allAccounts
<span class="token operator">?</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">renderEmpty</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token punctuation">:</span> Object<span class="token punctuation">.</span><span class="token function">values</span><span class="token punctuation">(</span>allAccounts<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>account<span class="token punctuation">:</span> SingleAddress<span class="token punctuation">)</span> <span class="token operator">=&gt;</span>
<span class="token comment">// Your component goes here</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>account<span class="token punctuation">.</span>json<span class="token punctuation">.</span>address<span class="token punctuation">)</span>
<span class="token punctuation">)</span>
<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>Subscribe<span class="token operator">&gt;</span>
<span class="token punctuation">}</span>
<span class="token function">renderEmpty</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">return</span> <span class="token punctuation">(</span>
<span class="token operator">&lt;</span>div<span class="token operator">&gt;</span> no accounts to display <span class="token operator">...</span> <span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><p>Option 2: Imperative subscribe/unsubscribe</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> accountObservable <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/accounts'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> SingleAddress<span class="token punctuation">,</span> SubjectInfo <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/types'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> Subscription <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'rxjs'</span><span class="token punctuation">;</span>
type State <span class="token operator">=</span> <span class="token punctuation">{</span>
allAccounts<span class="token operator">?</span><span class="token punctuation">:</span> SubjectInfo<span class="token punctuation">,</span>
subscriptions<span class="token operator">?</span><span class="token punctuation">:</span> <span class="token punctuation">[</span>Subscription<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token keyword">class</span> <span class="token class-name">MyReactComponent</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>PureComponent</span><span class="token operator">&lt;</span>State<span class="token operator">&gt;</span> <span class="token punctuation">{</span>
<span class="token function">componentDidMount</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> accountSubscription <span class="token operator">=</span> accountObservable<span class="token punctuation">.</span>subject<span class="token punctuation">.</span><span class="token function">subscribe</span><span class="token punctuation">(</span><span class="token punctuation">(</span>observedAccounts<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
accounts<span class="token punctuation">:</span> observedAccounts
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
subscriptions<span class="token punctuation">:</span> <span class="token punctuation">[</span>accountSubscription<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token function">componentWillUnmount</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> <span class="token punctuation">{</span> subscriptions <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">;</span>
<span class="token keyword">for</span> <span class="token punctuation">(</span>s <span class="token keyword">in</span> subscriptions<span class="token punctuation">)</span> <span class="token punctuation">{</span>
s<span class="token punctuation">.</span>subject<span class="token punctuation">.</span><span class="token function">unsubscribe</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> <span class="token punctuation">{</span> accounts <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">;</span>
<span class="token keyword">return</span> <span class="token punctuation">(</span>
<span class="token operator">&lt;</span>h1<span class="token operator">&gt;</span>All Accounts<span class="token operator">&lt;</span><span class="token operator">/</span>h1<span class="token operator">&gt;</span>
<span class="token punctuation">{</span>
Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>accounts<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>address<span class="token punctuation">:</span> SingleAddress<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token keyword">return</span> <span class="token operator">&lt;</span>p<span class="token operator">&gt;</span> <span class="token punctuation">{</span>address<span class="token punctuation">}</span> <span class="token operator">&lt;</span><span class="token operator">/</span>p<span class="token operator">&gt;</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br></div></div><h2 id="faq"><a href="#faq" aria-hidden="true" class="header-anchor">#</a> FAQ</h2> <ul><li>Difference between Keyring Accounts and Addresses?
<ul><li>From the perspective of the keyring, it saves a particular user's unlocked identities as an account, a la keyring.saveAccount(pair, password). So with these accounts you are able to send and sign transactions.</li> <li>To save addresses without unlocking them (i.e. because a user might want to have easy access to addresses they frequently transact with), use keyring.saveAddress(address, meta)</li></ul></li> <li>What are 'external' accounts, i.e. when to set the <code>isExternal</code> meta key to true?
<ul><li>An external account is one where the keys are not managed by keyring, e.g. in Parity Signer or Ledger Nano.</li></ul></li> <li>SS58 Encode / Decode?
<ul><li>SS58 is a simple address format designed for Substrate based chains. You can read about its specification in more detail in the <a href="https://wiki.parity.io/External-Address-Format-(SS58)" target="_blank" rel="noopener noreferrer">Parity Wiki<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>.</li></ul></li></ul> <p><strong>If you have any unanswered/undocumented questions, please raise an issue <a href="https://github.com/polkadot-js/ui/issues" target="_blank" rel="noopener noreferrer">here<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>.</strong></p> <h2 id="users"><a href="#users" aria-hidden="true" class="header-anchor">#</a> Users</h2> <p>Keyring is core to many polkadot/substrate apps.</p> <ul><li><a href="https://github.com/polkadot-js/apps" target="_blank" rel="noopener noreferrer">polkadot-js/apps<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><a href="https://github.com/paritytech/substrate-light-ui" target="_blank" rel="noopener noreferrer">paritytech/substrate-light-ui<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/ui/ui-identicon/" class="prev">
@polkadot/ui-identicon
</a></span> <span class="next"><a href="/ui/ui-settings/">
@polkadot/ui-settings
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/35.29dac2f1.js" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink