mirror of
https://github.com/embarklabs/embark.git
synced 2025-01-13 15:26:10 +00:00
991d958436
[PR 1318][PR1318] introduces a monorepo member that's used as a DApp dependency, but the present arrangement whereby `test_dapps/` is an embedded monorepo makes it difficult to develop and test such packages in tandem with changes to `test_dapps/packages/*`. Reorganize `test_dapps/*` as members of the root monorepo and make various adjustments accordingly. This makes it easy to develop test dapps and any packages they depend on simultaneously, but we lose the CI/QA arrangement where test dapps are run with an embark installed from fresh tarballs. That arrangement, which is quite worthwhile as a means to detect problems arising from transitive dependencies as soon as possible, will be re-introduced in another PR, possibly involving an auxiliary repository such as embark-framework/dapp-bin. Since the `package.json` `"test"` scripts of `test_dapps/*` are now kicked off as part of `yarn test` in the root, and since port allocation isn't fully dynamic, it's important to run `yarn test` with `lerna run`'s `--concurrency=1` option. For the same reasons, the root `ci` and `qa` scripts are similarly restricted. In the future, this setup can be refactored and improved, along with use of `lerna run`'s `--since` option to increase testing efficiency in CI. [PR1318]: https://github.com/embark-framework/embark/pull/1318
114 lines
5.0 KiB
HTML
114 lines
5.0 KiB
HTML
<html>
|
|
<head>
|
|
<title>Embark - SimpleStorage Demo</title>
|
|
<!-- <link rel="stylesheet" href="css/app.css"> -->
|
|
<!--<script src="js/jquery.js"></script> -->
|
|
<!-- <script src="js/bootstrap.js"></script> -->
|
|
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
|
|
</head>
|
|
<body class="container">
|
|
|
|
<div id="root"></div>
|
|
|
|
<h3>Embark - Usage Example</h3>
|
|
|
|
<ul class="nav nav-tabs" role="tablist" id="myTabs">
|
|
<li role="presentation" class="active"><a href="#blockchain" aria-controls="blockchain" role="tab" data-toggle="tab">Blockchain</a></li>
|
|
<li role="presentation"><a href="#storage" aria-controls="storage" role="tab" data-toggle="tab">Decentralized Storage (IPFS)<span class="pull-right" id="status-storage"></a></li>
|
|
<li role="presentation"><a href="#communication" aria-controls="communication" role="tab" data-toggle="tab">P2P communication (Whisper/Orbit)<span class="pull-right" id="status-communication"></span></a></li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="blockchain">
|
|
<h3> 1. Set the value in the blockchain</h3>
|
|
<div class="form-group form-inline">
|
|
<input type="text" class="text form-control" value="10">
|
|
<button class="set btn btn-primary">Set Value</button>
|
|
<p>Once you set the value, the transaction will need to be mined and then the value will be updated on the blockchain.</p>
|
|
</div>
|
|
|
|
<h3> 2. Get the current value</h3>
|
|
<div class="form-group">
|
|
<div>
|
|
current value is <span class="value"></span>
|
|
</div>
|
|
<button class="get btn btn-primary">Get Value</button>
|
|
<p>Click the button to get the current value. The initial value is 100.</p>
|
|
</div>
|
|
|
|
<h3> 3. Contract Calls </h3>
|
|
<p>Javascript calls being made: </p>
|
|
<div class="logs">
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="storage">
|
|
<div class="error alert alert-danger" role="alert">The node you are using does not support IPFS. Please ensure <a href="https://github.com/ipfs/js-ipfs-api#cors" target="_blank">CORS</a> is setup for the IPFS node.</div>
|
|
<div id="storage-controls">
|
|
|
|
<h3>Save text to IPFS</h3>
|
|
<div class="form-group form-inline">
|
|
<input type="text" class="ipfsText text form-control" value="hello world!">
|
|
<button class="setIpfsText btn btn-primary">Save</button>
|
|
<p>generated Hash: <span class="textHash"></span></p>
|
|
</div>
|
|
|
|
<h3>Load text from IPFS given an hash</h3>
|
|
<div class="form-group form-inline">
|
|
<input type="text" class="textHash text form-control" size="60">
|
|
<button class="loadIpfsHash set btn btn-primary">Load</button>
|
|
<p>result: <span class="ipfsText"></span></p>
|
|
</div>
|
|
|
|
<h3>upload file to ipfs</h3>
|
|
<div class="form-group form-inline">
|
|
<input type="file" class="form-control">
|
|
<button class="uploadFile set btn btn-primary">upload</button>
|
|
<p>generated hash: <span class="fileIpfsHash"></span></p>
|
|
</div>
|
|
|
|
<h3>Get file or image from ipfs</h3>
|
|
<div class="form-group form-inline">
|
|
<input type="text" class="fileIpfsHash form-control" size="60">
|
|
<button class="loadIpfsFile set btn btn-primary">Load</button>
|
|
<p>file available at: <span class="ipfsFileUrl"></span></p>
|
|
<p><img class="ipfsImage" src=""></p>
|
|
</div>
|
|
|
|
<p>Javascript calls being made: </p>
|
|
<div class="logs">
|
|
<br> EmbarkJS.Storage.setProvider('ipfs',{server: 'localhost', port: '5001'})
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="communication">
|
|
<div class="error alert alert-danger" role="alert">The node you are using does not support Whisper</div>
|
|
<div class="errorVersion alert alert-danger" role="alert">The node uses an unsupported version of Whisper</div>
|
|
<div id="communication-controls">
|
|
<h3>Listen To channel</h3>
|
|
<div class="form-group form-inline listen">
|
|
<input type="text" class="channel text form-control" placeholder="channel">
|
|
<button class="listenToChannel set btn btn-primary">Start Listening</button>
|
|
<div id="subscribeList"></div>
|
|
<p>messages received:<p>
|
|
<div id="messagesList"></div>
|
|
</div>
|
|
|
|
<h3>Send Message</h3>
|
|
<div class="form-group form-inline send">
|
|
<input type="text" class="channel text form-control" placeholder="channel">
|
|
<input type="text" class="message text form-control" placeholder="message">
|
|
<button class="sendMessage set btn btn-primary">Send Message</button>
|
|
</div>
|
|
|
|
<p>Javascript calls being made: </p>
|
|
<div class="logs">
|
|
<br> EmbarkJS.Messages.setProvider('whisper')
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|