Get Started updates

- Update ripple-lib to 1.8.0
- Incomplete "Get Started" widget for playing with RippleAPI for JS

content/tutorials/get-started/get-started.md

@@ -0,0 +1,52 @@
+# Get Started
+
+The XRP Ledger is always online and entirely public. You can access it directly from your browser with [RippleAPI for JavaScript (ripple-lib)](rippleapi-reference.html). Try experimenting with some of the following examples:
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.js"></script>
+<script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
+<link rel="stylesheet" type="text/css" href="assets/vendor/codemirror.css"/>
+<script type="text/javascript" src="assets/vendor/codemirror-js-json-lint.min.js"></script>
+
+<pre><code id="step2code">
+const mainnet = new ripple.RippleAPI({
+  server: 'wss://s1.ripple.com' // Public rippled server
+});
+
+(async function(api) {
+  await api.connect();
+  let ledger = await api.getLedger();
+  console.log(ledger);
+})(mainnet);
+</code></pre>
+<button type="button" id="step2button" class="btn btn-primary">Run</button>
+<h3>Output</h3>
+<div id="step2resp"></div>
+
+<script type="application/javascript">
+const code_ex = $("#step2code");
+const code_text = code_ex.text().trim();
+code_ex.text("");
+const cm = CodeMirror(code_ex.get(0), {
+  mode: 'javascript',
+  json: false,
+  smartIndent: false,
+});
+cm.setValue(code_text);
+const cm_resp = CodeMirror($("#step2resp").get(0), {
+  mode: 'javascript',
+  json: false,
+  readOnly: true
+});
+
+let ret;
+$("#step2button").click((evt) => {
+  const oldconsole = console;
+  console = {
+    log: (...args) => {
+      oldconsole.log(...args);
+      args.forEach(arg => cm_resp.setValue(JSON.stringify(arg, null, 2)))
+    }
+  }
+  Function(cm.getValue())();
+});
+</script>

content/tutorials/use-simple-xrp-payments/send-xrp.ja.md

@@ -6,7 +6,7 @@
 
 <!-- Interactive example use ripple-lib and its prerequisites -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
-<script type="application/javascript" src="assets/js/ripple-lib-1.4.1-min.js"></script>
+<script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
 <!-- Helper for interactive tutorial breadcrumbs -->
 <script type="application/javascript" src="assets/js/interactive-tutorial.js"></script>
 

content/tutorials/use-simple-xrp-payments/send-xrp.md

@@ -6,7 +6,7 @@ This tutorial explains how to send a simple XRP Payment using RippleAPI for Java
 
 <!-- Interactive example use ripple-lib and its prerequisites -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
-<script type="application/javascript" src="assets/js/ripple-lib-1.4.1-min.js"></script>
+<script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
 <!-- Helper for interactive tutorial breadcrumbs -->
 <script type="application/javascript" src="assets/js/interactive-tutorial.js"></script>
 

dactyl-config.yml

@@ -1464,6 +1464,7 @@ pages:
             - ja
 
     -   name: Get Started
+        md: tutorials/get-started/get-started.md
         html: get-started.html
         funnel: Build
         doc_type: Tutorials

tool/template-tx-sender.html

@@ -157,7 +157,7 @@
 
 {% block endbody %}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
-  <script type="application/javascript" src="assets/js/ripple-lib-1.4.1-min.js"></script>
+  <script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
   <script type="application/javascript" src="assets/vendor/bootstrap-growl.jquery.js"></script>
   <script type='application/javascript' src='assets/js/tx-sender.js'></script>
 

tool/template-xrp-ledger-toml-checker.html

@@ -26,7 +26,7 @@
 
 {% block endbody %}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
-  <script type="application/javascript" src="assets/js/ripple-lib-1.4.1-min.js"></script>
+  <script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
   <script type='text/javascript' src='assets/vendor/iarna-toml-parse.js'></script>
   <script type='text/javascript' src='assets/js/xrp-ledger-toml-checker.js'></script>