updating barebones samples

Author: prettydiff

test/barebones/barebones.js

@@ -1,15 +1,21 @@
 /*global document, global*/
 
-var args   = JSON.parse(document.getElementById("object").value),
+var args = JSON.parse(document.getElementById("object").value),
     button = document.getElementById("button");
 button.onclick = function () {
     "use strict";
     args.source = document
         .getElementById("input")
         .value;
-    document
-        .getElementById("output")
-        .value = global
-        .prettydiff
-        .prettydiff(args);
+    if (args.mode === "parse") {
+        document
+            .getElementById("output")
+            .value = JSON.stringify(global.prettydiff.prettydiff(args));
+    } else {
+        document
+            .getElementById("output")
+            .value = global
+            .prettydiff
+            .prettydiff(args);
+    }
 };

test/barebones/barebones.xhtml

@@ -15,7 +15,8 @@
             <label for="object" style="display:block">Options object</label>
             <textarea id="object" style="height:200px;white-space:pre;min-width:400px" data-prettydiff-ignore="true">{
     "mode": "beautify",
-    "lang": "auto"
+    "lang": "auto",
+    "wrap": 80
 }</textarea>
         </p>
         <p>

test/barebones/barebones_requirejs.js

@@ -8,19 +8,24 @@
         <h1>Pretty Diff, barebones example</h1>
         <p><a href="documentation.xhtml">documentation</a></p>
         <p>
-            <label for="input" style="display:block">Input</label>
-            <textarea id="input" style="height:200px;white-space:pre;min-width:400px">var a;function g(){return function y() {return q;};};</textarea>
+            <label for="input" style="display:block">Source Sample</label>
+            <textarea id="input" style="height:120px;white-space:pre;min-width:400px">var a;function g(){return function y() {return q;};};</textarea>
         </p>
         <p>
-            <label for="object" style="display:block">Options object</label>
-            <textarea id="object" style="height:200px;white-space:pre;min-width:400px" data-prettydiff-ignore="true">{
+            <label for="diff" style="display:block">Diff Sample</label>
+            <textarea id="diff" style="height:120px;white-space:pre;min-width:400px">var b;function h(){return function y() {return z;};};</textarea>
+        </p>
+        <p>
+            <label for="object" style="display:block">Options Object</label>
+            <textarea id="object" style="height:120px;white-space:pre;min-width:400px" data-prettydiff-ignore="true">{
     "mode": "beautify",
-    "lang": "auto"
+    "lang": "auto",
+    "wrap": 80
 }</textarea>
         </p>
         <p>
             <label for="output" style="display:block">Output</label>
-            <textarea id="output" style="height:200px;white-space:pre;min-width:400px"></textarea>
+            <textarea id="output" style="height:120px;white-space:pre;min-width:400px"></textarea>
         </p>
         <p><button type="button" id="button">Beautify Code</button></p>
         <script src="barebones_requirejs.js" type="application/javascript"></script>

test/barebones/barebones_requirejs.xhtml

@@ -1 +1 @@
-/*global module*/var today=20160811;module.exports=today;
+/*global module*/(function () {"use strict";var today=20170418;module.exports=today;}());