aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorkaotisk <kaotisk@arching-kaos.org>2022-06-30 07:44:27 +0300
committerkaotisk <kaotisk@arching-kaos.org>2022-06-30 07:44:27 +0300
commit30fb268804281784968d3104efa479b6862b7be8 (patch)
treea30e1482a088773b78447693d37421dcbe2a9cdc
parent8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8 (diff)
downloadarching-kaos-web-ui-30fb268804281784968d3104efa479b6862b7be8.tar.gz
arching-kaos-web-ui-30fb268804281784968d3104efa479b6862b7be8.tar.bz2
arching-kaos-web-ui-30fb268804281784968d3104efa479b6862b7be8.zip
Documentation added, a lot of clean up from spaces and tabs
also some additions on styling.
Diffstat
-rw-r--r--ak-wallet-dev.html1104
1 files changed, 607 insertions, 497 deletions
diff --git a/ak-wallet-dev.html b/ak-wallet-dev.html
index 9879562..32bdffa 100644
--- a/ak-wallet-dev.html
+++ b/ak-wallet-dev.html
@@ -4,57 +4,63 @@
<meta charset="utf-8">
<title>Dashboard | Arching Kaos</title>
<style type="text/css">
- pre { white-space: pre-wrap; }
- #stellar-freigher-connect-address-button {
- position: fixed;
- top: 0;
- right: 2vw;
- padding: 2vh 2vw;
- }
+ pre { white-space: pre-wrap; }
+ #stellar-freigher-connect-address-button {
+ position: fixed;
+ top: 0;
+ right: 2vw;
+ padding: 2vh 2vw;
+ }
+ #stats-section div {
+ border: #0a0a0a 2px solid;
+ background: darkred;
+ padding: 2px;
+ width: fit-content;
+ }
</style>
- <link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="32x32">
- <link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="192x192">
- <link rel="apple-touch-icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png">
- <meta name="msapplication-TileImage" content="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png">
+ <link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="32x32">
+ <link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="192x192">
+ <link rel="apple-touch-icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png">
+ <meta name="msapplication-TileImage" content="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png">
<link rel="stylesheet" type="text/css" href="//ipfs.arching-kaos.com/ipfs/Qmcusex5HCKKeKAouXtUiwGoFxZzzsvcmo4dGewKBETwDv?filename=style2.css">
<link rel="stylesheet" type="text/css" href="//ipfs.arching-kaos.com/ipfs/Qme4Lao1ffeyDtn4r9z8ZPCUPipRWJHPJig9Kh9XHw1ete?filename=style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/stellar-freighter-api/1.1.2/index.min.js"></script>
</head>
<body>
- <div class="header">
- <img src="//ipfs.arching-kaos.com/ipfs/QmcyDhApg19qDcjdCpTFaezXrjfcUrC9MZq9wKo69trRDH">
- <h1 style="text-align: center;">Arching Kaos</h1>
- </div>
- <hr>
- <div id="menu" class="linkin">
- <span id="mypage-section-link"><a href="#mypage-section" onclick="menusel(this)">My page</a> | </span>
- <a href="#mixtapes-section" onclick="menusel(this)">Mixtapes</a> |
- <a href="#news-section" onclick="menusel(this)">News</a> |
- <span id="stellar-balances-link"><a href="#stellar-balances" onclick="menusel(this)">Balances</a> | </span>
- <span id="stellar-data-config-link"><a href="#stellar-data-config" onclick="menusel(this)">Data</a> | </span>
- <span id="arching-kaos-id-link"><a href="#arching-kaos-id" onclick="menusel(this)">AKID</a> | </span>
- <a href="#zchain-data-section" onclick="menusel(this)">zchain</a> |
- <a href="#stats-section" onclick="menusel(this)">Stats</a> |
- <a href="#chat-section" onclick="menusel(this)">Chat</a> |
- <a href="#about-section" onclick="menusel(this)">About</a>
- </div>
- <hr>
+ <div class="header">
+ <img src="//ipfs.arching-kaos.com/ipfs/QmcyDhApg19qDcjdCpTFaezXrjfcUrC9MZq9wKo69trRDH">
+ <h1 style="text-align: center;">Arching Kaos</h1>
+ </div>
+ <hr>
+ <div id="menu" class="linkin">
+ <span id="mypage-section-link"><a href="#mypage-section" onclick="menusel(this)">My page</a> | </span>
+ <a href="#mixtapes-section" onclick="menusel(this)">Mixtapes</a> |
+ <a href="#news-section" onclick="menusel(this)">News</a> |
+ <span id="stellar-balances-link"><a href="#stellar-balances" onclick="menusel(this)">Balances</a> | </span>
+ <span id="stellar-data-config-link"><a href="#stellar-data-config" onclick="menusel(this)">Data</a> | </span>
+ <span id="arching-kaos-id-link"><a href="#arching-kaos-id" onclick="menusel(this)">AKID</a> | </span>
+ <a href="#zchain-data-section" onclick="menusel(this)">zchain</a> |
+ <a href="#stats-section" onclick="menusel(this)">Stats</a> |
+ <a href="#chat-section" onclick="menusel(this)">Chat</a> |
+ <a href="#about-section" onclick="menusel(this)">About</a>
+ </div>
+ <hr>
<p class="sub-input" id="stellar-freigher-connect-address-button" onclick="connect()" >Connect with Stellar address</p>
<div>
- <div id="about-section">
- <h2>About</h2>
- <p>Arching Kaos is a project about radio, music, communications and decentralization. On site, you can listen to the latest mixes of music (menu entry "Mixtapes"), read latest news of the network and chat.</p>
- <p>Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet (under development).</p>
- <p>Furthermore, if you are using Freighter extension you can additionally see:</p>
- <ol>
- <li>Your balances on your wallet</li>
- <li>Your configuration IPNS address (if any)</li>
- <li>Your Arching Kaos configuration (if any)</li>
- <li>Your zchain (...)</li>
- <li>Your posted newsfeed (...)</li>
- </ol>
- <p>Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin.</p>
+ <div id="about-section">
+ <h2>About</h2>
+ <p>Arching Kaos is a project about radio, music, communications and decentralization. On site, you can listen to the latest mixes of music (menu entry "Mixtapes"), read latest news of the network and chat.</p>
+ <p>Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet (under development).</p>
+ <p>Furthermore, if you are using Freighter extension you can additionally see:</p>
+ <ol>
+ <li>Your balances on your wallet</li>
+ <li>Your configuration IPNS address (if any)</li>
+ <li>Your Arching Kaos configuration (if any)</li>
+ <li>Your zchain (...)</li>
+ <li>Your posted newsfeed (...)</li>
+ </ol>
+ <p>Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin.</p>
</div>
<div id="stellar-balances"><h2>Balances</h2></div>
<div id="stellar-data-config"><h2>Data</h2><p>The following was found on your wallet's "config" variable:</p></div>
@@ -63,474 +69,578 @@
<div id="news-section"><h2>News</h2></div>
<div id="mixtapes-section"><h2>Mixtapes</h2></div>
<div id="chat-section"><h2>Chat</h2>
- <iframe src="https://irc.arching-kaos.com" style="width: -moz-available; height: 80vh;"></iframe>
+ <iframe src="https://irc.arching-kaos.com" style="width: -moz-available; height: 80vh;"></iframe>
</div>
<div id="stats-section"><h2>Stats</h2></div>
<div id="mypage-section">
- <h2>My page</h2>
- <div id="my-news"></div>
- <div id="my-mixtapes"></div>
- <div id="my-zchain"></div>
+ <h2>My page</h2>
+ <div id="my-news"></div>
+ <div id="my-mixtapes"></div>
+ <div id="my-zchain"></div>
</div>
</div>
<hr>
<div class="footer">
- Arching Kaos <a target="_blank" href="https://git.kaotisk-hund.com/arching-kaos-tools/.git">Tools</a>, <a target="_blank" href="https://arching-kaos.org">Org</a>, <a target="_blank" href="https://arching-kaos.net">Net</a> |
- Powered by <a target="_blank" href="https://www.kaotisk-hund.com">Kaotisk Hund</a>.
+ Arching Kaos <a target="_blank" href="https://git.kaotisk-hund.com/arching-kaos-tools/.git">Tools</a>, <a target="_blank" href="https://arching-kaos.org">Org</a>, <a target="_blank" href="https://arching-kaos.net">Net</a> |
+ Powered by <a target="_blank" href="https://www.kaotisk-hund.com">Kaotisk Hund</a>.
</div>
</body>
<script src="//cdnjs.cloudflare.com/ajax/libs/stellar-sdk/10.0.1/stellar-sdk.js"></script>
<script>
- var profilemenuids = []
- var menuids = ['#about-section','#zchain-data-section','#news-section','#stats-section','#mixtapes-section','#chat-section','#mypage-section','#stellar-balances','#stellar-data-config','#arching-kaos-id'];
- function menuinit(){
- menuids.forEach(m=>document.querySelector(m).hidden=true)
- }
- menuinit()
- document.querySelector('#about-section').hidden=false
+ var profilemenuids = []
+ /*
+ * Array of all the menu-panes IDs
+ */
+ var menuids = ['#about-section','#zchain-data-section','#news-section','#stats-section','#mixtapes-section','#chat-section','#mypage-section','#stellar-balances','#stellar-data-config','#arching-kaos-id'];
+ // Function to hide all the panes
+ function menuinit(){
+ menuids.forEach(m=>document.querySelector(m).hidden=true)
+ }
+ // And call
+ menuinit()
+ // We bring up the default pane ( #about-section )
+ document.querySelector('#about-section').hidden=false
- function menusel(m){
- menuinit();
- console.log(m)
- document.querySelector(m.hash).hidden=false
- }
- function gettrustlines(){
- var url='https://horizon.stellar.org/assets?asset_code=ARCHINGKAOS&asset_issuer=GB4QVKD6NW3CSNO5TNPARAWNPPXOPSSTKB35XCWB7PUNBIQTK3DVELB2'
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- var stats = document.querySelector('#stats-section')
- var small = document.createElement("small")
- small.innerHTML = 'Connected trustlines: ' + json._embedded.records[0].accounts.authorized
- stats.appendChild(small)
- })
- }
- })
- }
- gettrustlines()
- function getholders(a=0){
- var url='https://horizon.stellar.org/accounts?asset=ARCHINGKAOS:GB4QVKD6NW3CSNO5TNPARAWNPPXOPSSTKB35XCWB7PUNBIQTK3DVELB2&limit=200'
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- var stats = document.querySelector('#stats-section')
- json._embedded.records.forEach(r=>{
- var p = document.createElement("p")
- p.innerHTML = r.account_id
- p.id = r.account_id
- checkforconfig(r.account_id)
- stats.appendChild(p)
- })
- // if (json._links.next) getholders(json._links.next.href)
- })
- }
- })
- }
- getholders()
+ /*
+ * Function called on clicks on the menu bar
+ * Unhides the pane connected to the clicked menu entry
+ */
+ function menusel(m){
+ menuinit();
+ console.log(m)
+ document.querySelector(m.hash).hidden=false
+ }
- function checkforconfig(addr) {
- url='https://horizon.stellar.org/accounts/'+addr+'/data/config'
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- var cnf = document.createElement("p")
- cnf.innerHTML = atob(json.value)
- document.querySelector('#'+addr).appendChild(cnf)
- getnickname(atob(json.value),addr)
- })
- }
- })
- }
- function getnickname(a,eid){
- url='https://ipfs.arching-kaos.com/ipns/'+a
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- /* Could be json object with
- * - genesis
- * - gpg
- * - profile {
- * - nickname
- * }
- * - zchain
- */
- var divs = document.querySelector('#'+eid)
- if(json.genesis){
- var p = document.createElement("p")
- p.innerHTML="Genesis: " +json.genesis
- divs.appendChild(p)
- }
- if(json.gpg){
- var p = document.createElement("p")
- p.innerHTML="GPG: " +json.gpg
- divs.appendChild(p)
- }
- if(json.profile.nickname){
- var p = document.createElement("p")
- p.innerHTML="Nickname: " +json.profile.nickname
- divs.appendChild(p)
- }
- if(json.zchain){
- var p = document.createElement("p")
- p.innerHTML="zchain: " +json.zchain
- divs.appendChild(p)
- }
- zseek(json.zchain)
- })
- }
- })
- }
- var server = new StellarSdk.Server('https://horizon.stellar.org');
- function letme(a){
- server.accounts()
- .accountId(a)
- .call().then(function(r){ const L = r; putit(r); });
- }
- function putit(i){
- var ta=document.querySelector("#stellar-balances")
- readit(i)
- for (b in i.balances) {
- x = i.balances[b]
- console.log(x)
- var as = document.createElement("p")
- as.innerHTML = x.balance + " "+ ( x.asset_code && x.asset_code != "undefined" ? x.asset_code : 'XLM')
- ta.appendChild(as)
- }
- }
- async function dataf(i){
- url='https://horizon.stellar.org/accounts/'+i+'/data/config'
-
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- var cnf = document.createElement("p")
- cnf.innerHTML = atob(json.value)
- document.querySelector('#stellar-data-config').appendChild(cnf)
- akiseek(atob(json.value))
- })
- }
- })
- }
- function akiseek(i){
- url='https://ipfs.arching-kaos.com/ipns/'+i
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- /* Could be json object with
- * - genesis
- * - gpg
- * - profile {
- * - nickname
- * }
- * - zchain
- */
- var divs = document.querySelector('#arching-kaos-id');
- if(json.genesis){
- var p = document.createElement("p")
- p.innerHTML="Genesis: " +json.genesis
- divs.appendChild(p)
- }
- if(json.gpg){
- var p = document.createElement("p")
- p.innerHTML="GPG: " +json.gpg
- divs.appendChild(p)
- }
- if(json.profile.nickname){
- var p = document.createElement("p")
- p.innerHTML="Nickname: " +json.profile.nickname
- divs.appendChild(p)
- }
- if(json.zchain){
- var p = document.createElement("p")
- p.innerHTML="zchain: " +json.zchain
- divs.appendChild(p)
- }
- zseek(json.zchain)
- })
- }
- })
- }
- function zseek(i){
- url = 'https://ipfs.arching-kaos.com/ipns/'+i
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- /* Could be json object with
- * - block
- * - block_signature
- */
- var divs = document.querySelector('#zchain-data-section');
- if(json.block){
- var p = document.createElement("p")
- p.innerHTML="Block: " +json.block
- divs.appendChild(p)
- }
- if(json.block_signature){
- var p = document.createElement("p")
- p.innerHTML="Signature: " +json.block_signature
- divs.appendChild(p)
- }
- divs.appendChild(document.createElement("hr"));
- seekblock(json.block)
- })
- }
- })
- }
- function seekblock(i){
- url = 'https://ipfs.arching-kaos.com/ipfs/'+i
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- /* Could be json object with
- * - action
- * - data
- * - gpg
- * - timestamp
- * - previous
- * - detach
- */
- var divs = document.querySelector('#zchain-data-section');
- if(json.action){
- var p = document.createElement("p")
- p.innerHTML="Action: " +json.action
- divs.appendChild(p)
- }
- if(json.detach){
- var p = document.createElement("p")
- p.innerHTML="Detach: " +json.detach
- divs.appendChild(p)
- }
- if(json.gpg){
- var p = document.createElement("p")
- p.innerHTML="GPG: " +json.gpg
- divs.appendChild(p)
- }
- if(json.data){
- var p = document.createElement("p")
- var a = document.createElement("a")
- a.href = 'https://ipfs.arching-kaos.com/ipfs/'+json.data
- a.innerHTML = json.data
- p.innerHTML="Data: "
- p.appendChild(a)
- divs.appendChild(p)
- }
- if(json.timestamp){
- var p = document.createElement("p")
- p.innerHTML="Timestamp: " +json.timestamp
- divs.appendChild(p)
- }
- if(json.previous){
- var p = document.createElement("p")
- p.innerHTML="Previous: " +json.previous
- divs.appendChild(p)
- }
- divs.appendChild(document.createElement("hr"));
- exe(json.action,json.data)
- if(json.previous!="QmbFMke1KXqnYyBBWxB74N4c5SBnJMVAiMNRcGu6x1AwQH") seekzblock(json.previous)
- })
- }
- })
- }
- function seekzblock(i){
- url = 'https://ipfs.arching-kaos.com/ipfs/'+i
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- /* Could be json object with
- * - block
- * - block_signature
- */
- var divs = document.querySelector('#zchain-data-section');
- if(json.block){
- var p = document.createElement("p")
- p.innerHTML="Block: " +json.block
- p.id=i
- divs.appendChild(p)
- }
- if(json.block_signature){
- var p = document.createElement("p")
- p.innerHTML="Signature: " +json.block_signature
- divs.appendChild(p)
- }
- divs.appendChild(document.createElement("hr"));
- seekblock(json.block)
- })
- }
- })
- }
- function exe(a,d){
- gurl = 'https://ipfs.arching-kaos.com/ipfs/'
- fetch(gurl+d, {
- method:'GET',
- headers:{
- Accept: 'application/json'
- }
- }).then(response=>{
- if(response.ok){
- response.json().then(json=>{
- /* Could be json object with
- * - block
- * - block_signature
- */
- if (a == "news/add") {
- var divs = document.querySelector('#news-section');
- var art = document.createElement("article");
- art.id = d
- if(json.title){
- var h3 = document.createElement("h3")
- h3.innerHTML = json.title
- art.appendChild(h3)
- }
- if(json.datetime){
- var small = document.createElement("small")
- small.innerHTML="Published: " +json.datetime
- art.appendChild(small)
- }
- if(json.ipfs){
- getipfstext(json.ipfs,art.id)
- }
- divs.appendChild(art)
- divs.appendChild(document.createElement("hr"));
+ /*
+ * Get Trustlines for ARCHINGKAOS asset
+ * Returns DOM element with number of trustlines
+ */
+ function gettrustlines(){
+ var url='https://horizon.stellar.org/assets?asset_code=ARCHINGKAOS&asset_issuer=GB4QVKD6NW3CSNO5TNPARAWNPPXOPSSTKB35XCWB7PUNBIQTK3DVELB2'
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ var stats = document.querySelector('#stats-section')
+ var small = document.createElement("small")
+ small.innerHTML = 'Connected trustlines: ' + json._embedded.records[0].accounts.authorized
+ stats.appendChild(small)
+ })
+ }
+ })
+ }
+ gettrustlines()
+ /*
+ * Get addresses that trust the asset
+ * Limit is 200 addresses cause horizon API limitations.
+ *
+ * TODO: Crawl through the pagination
+ *
+ * Returns div DOM elements for each found address, embedding
+ * the address both in innerHTML and in id of the div.
+ */
+ function getholders(a=0){
+ var url='https://horizon.stellar.org/accounts?asset=ARCHINGKAOS:GB4QVKD6NW3CSNO5TNPARAWNPPXOPSSTKB35XCWB7PUNBIQTK3DVELB2&limit=200'
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ var stats = document.querySelector('#stats-section')
+ json._embedded.records.forEach(r=>{
+ var p = document.createElement("div")
+ p.innerHTML = r.account_id
+ p.id = r.account_id
+ checkforconfig(r.account_id)
+ stats.appendChild(p)
+ })
+ // if (json._links.next) getholders(json._links.next.href)
+ })
+ }
+ })
+ }
+ getholders()
- }
- if (a == "mixtape/add") {
- var divs = document.querySelector('#mixtapes-section');
- var art = document.createElement("article");
- art.id = d
- if(json.title){
- var h3 = document.createElement("h3")
- h3.innerHTML = json.title
- art.appendChild(h3)
- }
- if(json.artist){
- var h4 = document.createElement("h4")
- h4.innerHTML = json.artist
- art.appendChild(h4)
- }
- if(json.datetime){
- var small = document.createElement("small")
- small.innerHTML="Published: " +json.datetime
- art.appendChild(small)
- }
- if(json.ipfs){
- var audio = document.createElement("audio")
- audio.setAttribute('controls','')
- var source = document.createElement("source")
- source.src = 'https://ipfs.arching-kaos.com/ipfs/' + json.ipfs
- audio.appendChild(source)
- art.appendChild(audio)
- }
- divs.appendChild(art)
- }
- // seekblock(json.block)
- })
- }
- })
- }
- function getipfstext(ipfs,articleid){
- url = 'https://ipfs.arching-kaos.com/ipfs/'+ipfs
- fetch(url, {
- method:'GET',
- headers:{
- Accept: 'text/plain'
- }
- }).then(response=>{
- if(response.ok){
- response.text().then(text=>{
- var divs = document.querySelector('#'+articleid);
- if(text){
- var pre = document.createElement("pre")
- var lines = text.split('\n');
- // remove one line, starting at the first position
- lines.splice(0,1);
- // join the array back into a single string
- var newtext = lines.join('\n');
- pre.innerHTML = newtext
- divs.appendChild(pre)
- }
- // seekblock(json.block)
- })
- }
- })
- }
- function readit(i){
- console.log(i)
- }
- function putKeyToField(k){
- let base = document.querySelector("#stellar-freigher-connect-address-button")
- dataf(k)
- base.innerHTML=k
- base.onclick=''
- }
- if (!window.freighterApi.isConnected()) {
- document.querySelector("#stellar-freigher-connect-address-button").hidden=true;
- document.querySelector("#stellar-balances-link").hidden=true;
- document.querySelector("#stellar-data-config-link").hidden=true;
- document.querySelector("#arching-kaos-id-link").hidden=true;
- document.querySelector("#mypage-section-link").hidden=true;
- }
- const retrievePublicKey = async () => {
- let publicKey = "";
- let error = "";
+ /*
+ * Function that checks the address' variable 'config' to see
+ * if it's set up.
+ *
+ * Returns the IPNS link in the DOM as p element and proceeds to
+ * get nickname from the variables
+ */
+ function checkforconfig(addr) {
+ url='https://horizon.stellar.org/accounts/'+addr+'/data/config'
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ var cnf = document.createElement("p")
+ cnf.innerHTML = atob(json.value)
+ document.querySelector('#'+addr).appendChild(cnf)
+ document.querySelector('#'+addr).style="background: darkgreen;"
+ getnickname(atob(json.value),addr)
+ })
+ }
+ })
+ }
- try {
- publicKey = await window.freighterApi.getPublicKey()
- .then(publicKey => {putKeyToField(publicKey);letme(publicKey)});
- } catch (e) {
- error = e;
- }
- if (error) {
- return error;
- }
- return publicKey;
- };
- function connect(){
- const result = retrievePublicKey();
- }
+ /*
+ * Function that gets nickname and parses the config variable.
+ *
+ * Returns the key:value pairs of the configuration and proceeds
+ * to get the zchain
+ */
+ function getnickname(a,eid){
+ url='https://ipfs.arching-kaos.com/ipns/'+a
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ /* Could be json object with
+ * - genesis
+ * - gpg
+ * - profile {
+ * - nickname
+ * }
+ * - zchain
+ */
+ var divs = document.querySelector('#'+eid)
+ if(json.genesis){
+ var p = document.createElement("p")
+ p.innerHTML="Genesis: " +json.genesis
+ divs.appendChild(p)
+ }
+ if(json.gpg){
+ var p = document.createElement("p")
+ p.innerHTML="GPG: " +json.gpg
+ divs.appendChild(p)
+ }
+ if(json.profile.nickname){
+ var p = document.createElement("p")
+ p.innerHTML="Nickname: " +json.profile.nickname
+ divs.appendChild(p)
+ }
+ if(json.zchain){
+ var p = document.createElement("p")
+ p.innerHTML="zchain: " +json.zchain
+ divs.appendChild(p)
+ }
+ zseek(json.zchain)
+ })
+ }
+ })
+ }
+
+ /*
+ * We now connect our client to horizon
+ */
+ var server = new StellarSdk.Server('https://horizon.stellar.org');
+ // We ask for the 'a' stellar address the balances
+ function letme(a){
+ server.accounts()
+ .accountId(a)
+ .call().then(function(r){ const L = r; putit(r); });
+ }
+ // We print them
+ function putit(i){
+ var ta=document.querySelector("#stellar-balances")
+ readit(i)
+ for (b in i.balances) {
+ x = i.balances[b]
+ console.log(x)
+ var as = document.createElement("p")
+ as.innerHTML = x.balance + " "+ ( x.asset_code && x.asset_code != "undefined" ? x.asset_code : 'XLM')
+ ta.appendChild(as)
+ }
+ }
+ // We also search for a config file and display it
+ async function dataf(i){
+ url='https://horizon.stellar.org/accounts/'+i+'/data/config'
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ var cnf = document.createElement("p")
+ cnf.innerHTML = atob(json.value)
+ document.querySelector('#stellar-data-config').appendChild(cnf)
+ akiseek(atob(json.value))
+ })
+ }
+ })
+ }
+ // Although we implemented something similar already,
+ // it seems like I was not happy so JRM
+ // #TODO : Revisit this
+
+ /*
+ * Function to seek configuration for any address i
+ * it's used to seek specifically the Freighter user's address.
+ *
+ * Returns p DOM elements on #arching-kaos-id pane
+ */
+ function akiseek(i){
+ url='https://ipfs.arching-kaos.com/ipns/'+i
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ /* Could be json object with
+ * - genesis
+ * - gpg
+ * - profile {
+ * - nickname
+ * }
+ * - zchain
+ */
+ var divs = document.querySelector('#arching-kaos-id');
+ if(json.genesis){
+ var p = document.createElement("p")
+ p.innerHTML="Genesis: " +json.genesis
+ divs.appendChild(p)
+ }
+ if(json.gpg){
+ var p = document.createElement("p")
+ p.innerHTML="GPG: " +json.gpg
+ divs.appendChild(p)
+ }
+ if(json.profile.nickname){
+ var p = document.createElement("p")
+ p.innerHTML="Nickname: " +json.profile.nickname
+ divs.appendChild(p)
+ }
+ if(json.zchain){
+ var p = document.createElement("p")
+ p.innerHTML="zchain: " +json.zchain
+ divs.appendChild(p)
+ }
+ zseek(json.zchain,eid,json)
+ })
+ }
+ })
+ }
+ /*
+ * Function to seek Zblocks
+ *
+ * Returns Block and Signature for each ZBLOCK found.
+ *
+ * Proceeds to the blocks found.
+ */
+ function zseek(i,d,j){
+ url = 'https://ipfs.arching-kaos.com/ipns/'+i
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ /* Could be json object with
+ * - block
+ * - block_signature
+ */
+ var divs = document.querySelector('#zchain-data-section');
+ if(json.block){
+ var p = document.createElement("p")
+ p.innerHTML="Block: " +json.block
+ divs.appendChild(p)
+ }
+ if(json.block_signature){
+ var p = document.createElement("p")
+ p.innerHTML="Signature: " +json.block_signature
+ divs.appendChild(p)
+ }
+ divs.appendChild(document.createElement("hr"));
+ seekblock(json.block,i,d,j)
+ })
+ }
+ })
+ }
+
+ /*
+ * Seeks a block and parses it.
+ *
+ * Returns each element found in #zchain-data-section pane.
+ *
+ * Proceeds to execute the block.
+ */
+ function seekblock(i,l,d,j){
+ console.log(i)
+ url = 'https://ipfs.arching-kaos.com/ipfs/'+i
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ /* Could be json object with
+ * - action
+ * - data
+ * - gpg
+ * - timestamp
+ * - previous
+ * - detach
+ */
+ var divs = document.querySelector('#zchain-data-section');
+ if(json.action){
+ var p = document.createElement("p")
+ p.innerHTML="Action: " +json.action
+ divs.appendChild(p)
+ }
+ if(json.detach){
+ var p = document.createElement("p")
+ p.innerHTML="Detach: " +json.detach
+ divs.appendChild(p)
+ }
+ if(json.gpg){
+ var p = document.createElement("p")
+ p.innerHTML="GPG: " +json.gpg
+ divs.appendChild(p)
+ }
+ if(json.data){
+ var p = document.createElement("p")
+ var a = document.createElement("a")
+ a.href = 'https://ipfs.arching-kaos.com/ipfs/'+json.data
+ a.innerHTML = json.data
+ p.innerHTML="Data: "
+ p.appendChild(a)
+ divs.appendChild(p)
+ }
+ if(json.timestamp){
+ var p = document.createElement("p")
+ p.innerHTML="Timestamp: " +json.timestamp
+ divs.appendChild(p)
+ }
+ if(json.previous){
+ var p = document.createElement("p")
+ p.innerHTML="Previous: " +json.previous
+ divs.appendChild(p)
+ }
+ divs.appendChild(document.createElement("hr"));
+ exe(json.action,json.data,json,l,d,j)
+ if(json.previous!="QmbFMke1KXqnYyBBWxB74N4c5SBnJMVAiMNRcGu6x1AwQH") seekzblock(json.previous)
+ })
+ }
+ })
+ }
+
+ // seeks a zblock obviously. another double function
+ // TODO: figure out why the second one exists
+
+ /*
+ * Function gets ZBLOCK and parses it
+ *
+ * Returns Block and Signature elements on DOM as p
+ *
+ * Proceeds to seek the block found
+ */
+ function seekzblock(i){
+ url = 'https://ipfs.arching-kaos.com/ipfs/'+i
+ fetch(url, {
+ method:'GET',
+ headers:{
+ Accept: 'application/json'
+ }
+ }).then(response=>{
+ if(response.ok){
+ response.json().then(json=>{
+ /* Could be json object with
+ * - block
+ * - block_signature
+ */
+ var divs = document.querySelector('#zchain-data-section');
+ if(json.block){
+ var p = document.createElement("p")
+ p.innerHTML="Block: " +json.block
+ p.id=i
+ divs.appendChild(p)
+ }
+ if(json.block_signature){