Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add Skynet to demo tool #8

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

add Skynet to demo tool #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dea8ff2
add Skynet to demo tool
dghelm Aug 12, 2021
1515f9b
link to built project
dghelm Aug 12, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,15 @@
>This is a simple package made for encoding and decoding content hashes as specified in the [EIP 1577](https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1577.md).
This package will be useful for every [Ethereum](https://www.ethereum.org/) developer wanting to interact with [EIP 1577](https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1577.md) compliant [ENS resolvers](http://docs.ens.domains/en/latest/introduction.html).

Here you can find a [live demo](https://content-hash.surge.sh/) of this package.
Here you can find a [live demo](https://5g0ab4bfifpa1rcvdainjdc9h6ldmmg4rlgke3rc1g1372mspdeevfg.siasky.net/) of this package.
* link to [npm](https://www.npmjs.com/package/content-hash)
* link to [Github](https://github.com/pldespaigne/content-hash)

## 🔠 Supported Codec
- `swarm-ns`
- `ipfs-ns`
- `ipns-ns`
- `skynet-ns`
- Every other codec supported by [multicodec](https://github.com/multiformats/multicodec) will be encoded by default in `utf-8`.
> You can see the full list of codec supported [here](https://github.com/multiformats/multicodec/blob/master/table.csv)

Expand Down
110 changes: 68 additions & 42 deletions demo/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,48 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Content Hash Calculator</title>

<!-- <script type="text/javascript" src="../dist/index.js"></script> -->
<script type="text/javascript" src="https://unpkg.com/content-hash/dist/index.js"></script>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Content Hash Calculator</title>

<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<link rel="icon" href="gear.png" size="32x32">
</head>
<body>
<h1 class="title is-size-1 has-text-centered">Content Hash Calculator</h1>
<p class="has-text-centered">A simple tool to encode/decode content hashes for <a href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1577.md" target="_blank">EIP 1577</a> compliant <a href="https://ens.readthedocs.io/en/latest/introduction.html" target="_blank">ENS Resolvers</a>.</p>
<p class="has-text-centered">You can find content-hash resolvers here :</p>
<p class="has-text-centered">MainNet <a href="https://etherscan.io/address/0xd3ddccdd3b25a8a7423b5bee360a42146eb4baf3" target="_blank">0xd3ddccdd3b25a8a7423b5bee360a42146eb4baf3</a></p>
<p class="has-text-centered">Ropsten <a href="https://ropsten.etherscan.io/address/0xde469c7106a9fbc3fb98912bb00be983a89bddca" target="_blank">0xde469c7106a9fbc3fb98912bb00be983a89bddca</a></p>
<p class="has-text-centered">Open the console to use the 'contentHash' object !</p>
<div class="section">
<h3 class="title">IPFS -> content hash</h3>
<input id="ipfs-input" class="level-item input" type="text" value="QmRcDsEJUdpg6EDaVeZGFJHU1WYCKHXaUXBCzHHuCZLNXw">
<button id="ipfs-encode" class="button is-primary">Encode</button>
<p id="ipfs-result"></p>
</div>
<div class="section">
<h3 class="title">Swarm -> content hash</h3>
<input id="swarm-input" class="input" type="text" value="d1de9994b4d039f6548d191eb26786769f580809256b4685ef316805265ea162">
<button id="swarm-encode" class="button is-primary">Encode</button>
<p id="swarm-result"></p>
</div>
<div class="section">
<h3 class="title">Decode Content hash</h3>
<input id="content-input" class="input" type="text" value="e40101701b20d1de9994b4d039f6548d191eb26786769f580809256b4685ef316805265ea162">
<button id="content-decode" class="button is-primary">Decode</button>
<p id="codec-result"></p>
<a href="#" target="_blank" id="content-result"></a>
<!-- <script type="text/javascript" src="../dist/index.js"></script> -->
<!-- <script type="text/javascript" src="https://unpkg.com/content-hash/dist/index.js"></script> -->
<script type="text/javascript"
src="https://siasky.net/3ABmPw6vurLVi_8aYsGCajCoohQ7Z11-UTV1qtSJ35LdwQ/"></script>

<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<link rel="icon" href="gear.png" size="32x32">
</head>

<body>
<h1 class="title is-size-1 has-text-centered">Content Hash Calculator</h1>
<p class="has-text-centered">A simple tool to encode/decode content hashes for <a
href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1577.md" target="_blank">EIP
1577</a> compliant <a href="https://ens.readthedocs.io/en/latest/introduction.html"
target="_blank">ENS Resolvers</a>.</p>
<p class="has-text-centered">You can find content-hash resolvers here :</p>
<p class="has-text-centered">MainNet <a
href="https://etherscan.io/address/0xd3ddccdd3b25a8a7423b5bee360a42146eb4baf3"
target="_blank">0xd3ddccdd3b25a8a7423b5bee360a42146eb4baf3</a></p>
<p class="has-text-centered">Ropsten <a
href="https://ropsten.etherscan.io/address/0xde469c7106a9fbc3fb98912bb00be983a89bddca"
target="_blank">0xde469c7106a9fbc3fb98912bb00be983a89bddca</a></p>
<p class="has-text-centered">Open the console to use the 'contentHash' object !</p>
<div class="section">
<h3 class="title">IPFS -> content hash</h3>
<input id="ipfs-input" class="level-item input" type="text"
value="QmRcDsEJUdpg6EDaVeZGFJHU1WYCKHXaUXBCzHHuCZLNXw">
<button id="ipfs-encode" class="button is-primary">Encode</button>
<p id="ipfs-result"></p>
</div>
<div class="section">
<h3 class="title">Skynet Skylink -> content hash</h3>
<input id="skynet-input" class="input" type="text"
value="CABAB_1Dt0FJsxqsu_J4TodNCbCGvtFf1Uys_3EgzOlTcg">
<button id="skynet-encode" class="button is-primary">Encode</button>
<p id="skynet-result"></p>
</div>
<div class="section">
<h3 class="title">Swarm -> content hash</h3>
<input id="swarm-input" class="input" type="text"
value="d1de9994b4d039f6548d191eb26786769f580809256b4685ef316805265ea162">
<button id="swarm-encode" class="button is-primary">Encode</button>
<p id="swarm-result"></p>
</div>
<div class="section">
<h3 class="title">Decode Content hash</h3>
<input id="content-input" class="input" type="text"
value="e40101701b20d1de9994b4d039f6548d191eb26786769f580809256b4685ef316805265ea162">
<button id="content-decode" class="button is-primary">Decode</button>
<p id="codec-result"></p>
<a href="#" target="_blank" id="content-result"></a>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p><strong>content-hash</strong> by <a href="https://twitter.com/pldespaigne"
target="_blank">@pldespaigne</a></p>
<p>Get the code on <a href="https://github.com/pldespaigne/content-hash"
target="_blank">Github</a> or download the <a
href="https://www.npmjs.com/package/content-hash" target="_blank">NPM
package</a> !</p>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p><strong>content-hash</strong> by <a href="https://twitter.com/pldespaigne" target="_blank">@pldespaigne</a></p>
<p>Get the code on <a href="https://github.com/pldespaigne/content-hash" target="_blank">Github</a> or download the <a href="https://www.npmjs.com/package/content-hash" target="_blank">NPM package</a> !</p>
</div>
</footer>
</body>
</footer>
</body>

</html>
9 changes: 9 additions & 0 deletions demo/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,13 @@ window.onload = () => {
ipfsResultElem.innerHTML = contentHash.fromIpfs(ipfsInputElem.value)
})

const skynetInputElem = document.getElementById('skynet-input')
const skynetButtonElem = document.getElementById('skynet-encode')
const skynetResultElem = document.getElementById('skynet-result')
skynetButtonElem.addEventListener('click', () => {
skynetResultElem.innerHTML = contentHash.encode("skynet-ns", skynetInputElem.value)
})

const swarmInputElem = document.getElementById('swarm-input')
const swarmButtonElem = document.getElementById('swarm-encode')
const swarmResultElem = document.getElementById('swarm-result')
Expand All @@ -27,10 +34,12 @@ window.onload = () => {

if(contentHash.getCodec(contentInputElem.value) === 'ipfs-ns')codec = 'ipfs'
else if(contentHash.getCodec(contentInputElem.value) === 'swarm-ns')codec = 'swarm'
else if(contentHash.getCodec(contentInputElem.value) === 'skynet-ns')codec = 'skynet'

let url = 'https://'
if(codec === 'ipfs') url += 'gateway.ipfs.io/ipfs/' + cth + '/'
else if(codec === 'swarm') url += 'swarm-gateways.net/bzz:/' + cth + '/'
else if(codec === 'skynet') url += 'siasky.net/' + cth + '/'
else url = '#'

codecResultElem.innerHTML = 'codec : ' + codec
Expand Down
2 changes: 1 addition & 1 deletion package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,10 +37,11 @@
"resolver",
"ipfs",
"swarm",
"skynet",
"content-hash",
"content",
"hash",
"contenthash",
"contentHash"
]
}
}