docs: browser demo fix #302

wdavidw · wdavidw · commit d32a6c72e123 · 2021-02-22T16:06:00.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,6 +19,7 @@ Please join and contribute:
 
 ## Trunk
 
+* docs: browser demo fix #302
 * fix: browserify export parse instead of stringify
 
 ## Version 4.15.1
diff --git a/package.json b/package.json
@@ -60,6 +60,7 @@
     "csv-spectrum": "^1.0.0",
     "each": "^1.2.2",
     "eslint": "^7.13.0",
+    "express": "^4.17.1",
     "mocha": "^8.2.1",
     "pad": "^3.2.0",
     "should": "^13.2.3",
diff --git a/samples/browser/index.html b/samples/browser/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Page Title</title>
+    <script src="lib/index.js"></script>
+    <style>
+      div {
+        width: 60%;
+        margin: 5rem auto;
+        text-align: center;
+      }
+      textarea {
+        width: 100%;
+        height: 200px;
+      }
+      input {
+        margin: 1rem;
+      }
+      pre {
+        text-align: left;
+        padding: 2rem;
+        border: 1px solid black;
+      }
+    </style>  
+  </head>
+  <body>
+    <div>
+      <h1>CSV parse demo</h1>
+      <label for="input">JSON input:</label>
+      <textarea id="input">year,phone
+XXXX,XXX XXXX
+YYYY,YYY YYYY</textarea>
+      <input id="convert" type="submit" value="convert" />
+      <pre><code id="output"></code></pre>
+      <script>
+        const convertEl = document.getElementById('convert')
+        const inputEl = document.getElementById('input')
+        const outputEl = document.getElementById('output')
+        convertEl.onclick = (e) => {
+          let input;
+          parse(inputEl.value, {
+            columns: true
+          }, function(err, data){
+            if(err){
+              return alert('Invalid CSV: '+err.message)
+            }
+            console.log(data)
+            outputEl.innerHTML = JSON.stringify(data, null, 2)
+          })
+        }
+      </script>
+    <div>
+  </body>
+</html> 
diff --git a/samples/browser/index.js b/samples/browser/index.js
@@ -0,0 +1,11 @@
+
+const express = require('express')
+const app = express()
+const port = 3000
+
+app.use(express.static(__dirname))
+app.use('/lib', express.static(`${__dirname}/../../lib/browser`))
+
+app.listen(port, () => {
+  console.log(`Example app listening at http://localhost:${port}`)
+})
