streamr-dev · aapzu · Jun 4, 2018 · May 31, 2018 · Jun 1, 2018 · Jun 1, 2018
diff --git a/.babelrc b/.babelrc
@@ -1,8 +1,4 @@
 {
-  "presets": ["env"],
-  "plugins": ["babel-plugin-add-module-exports",
-    ["transform-runtime", {
-      "polyfill": false,
-      "regenerator": true
-    }]]
+  "presets": ["env", "stage-2"],
+  "plugins": ["babel-plugin-add-module-exports"]
 }
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,8 +1,9 @@
 module.exports = exports = {
     extends: 'streamr',
+    env: {
+        mocha: true,
+    },
     rules: {
-        // Transpiling for node would add a lot of complexity, se let's accept having to write CommonJS modules
-
         'no-plusplus': ["error", { "allowForLoopAfterthoughts": true }],
         'no-underscore-dangle': ["error", { "allowAfterThis": true }]
     }

diff --git a/.gitignore b/.gitignore
@@ -30,3 +30,4 @@ node_modules
 *.iml
 .DS_Store
 dist/*
+examples/webpack/dist/*
diff --git a/examples/node/package-lock.json b/examples/node/package-lock.json
diff --git a/examples/node/package.json b/examples/node/package.json
@@ -4,6 +4,6 @@
   "description": "Using streamr-client in node",
   "main": "node.js",
   "dependencies": {
-    "streamr-client": "0.10.0"
+    "streamr-client": "^0.10.2"
   }
 }
diff --git a/examples/web/browser.html b/examples/web/browser.html
diff --git a/examples/web/web-example-produce.html b/examples/web/web-example-produce.html
@@ -0,0 +1,42 @@
+<html>
+<head>
+    <!-- For debug messages, include debug.js and set localStorage.debug = 'StreamrClient'. See from https://github.com/visionmedia/debug -->
+    <script src="../../dist/streamr-client.web.min.js"></script>
+
+    <script>
+        const log = (msg) => {
+            var elem = document.createElement('p')
+            elem.innerHTML = msg
+            document.body.appendChild(elem)
+        }
+
+        const STREAM_ID = 'MY-STREAM-ID'
+        const API_KEY = 'MY-API-KEY'
+
+        // Create the client and give the API key to use by default
+        const client = new StreamrClient({
+            restUrl: 'http://localhost:8890/api/v1',
+            apiKey: API_KEY
+        })
+
+        function produce() {
+            // Here is the event we'll be sending
+            const msg = {
+                hello: 'world',
+                random: Math.random()
+            }
+
+            // Produce the event to the Stream
+            client.produceToStream(STREAM_ID, msg)
+                .then(() => console.log('Sent successfully: ', msg))
+                .catch((err) => log(err))
+        }
+    </script>
+</head>
+<body>
+    <button id="produce">Produce</button>
+    <script>
+        document.getElementById('produce').addEventListener('click', produce)
+    </script>
+</body>
+</html>
diff --git a/examples/web/web-example-subscribe.html b/examples/web/web-example-subscribe.html
@@ -0,0 +1,50 @@
+<html>
+<head>
+    <!-- For debug messages, include debug.js and set localStorage.debug = 'StreamrClient'. See from https://github.com/visionmedia/debug -->
+    <script src="../../dist/streamr-client.web.min.js"></script>
+
+    <script>
+        const log = (msg) => {
+            var elem = document.createElement('p')
+            elem.innerHTML = msg
+            document.body.appendChild(elem)
+        }
+
+        // Create the client with default options
+        const client = new StreamrClient()
+
+        // Subscribe to a stream
+        const subscription = client.subscribe({
+            stream: '7wa7APtlTq6EC5iTCBy6dw',
+            // Resend the last 10 messages on connect
+            resend_last: 10,
+        }, (message) => {
+            // Handle the messages in this stream
+            log(JSON.stringify(message))
+        })
+
+        // Event binding examples
+        client.on('connected', function() {
+            log('A connection has been established!')
+        })
+
+        subscription.on('subscribed', function() {
+            log('Subscribed to ' + subscription.streamId)
+        })
+
+        subscription.on('resending', function() {
+            log('Resending from ' + subscription.streamId)
+        })
+
+        subscription.on('resent', function() {
+            log('Resend complete for ' + subscription.streamId)
+        })
+
+        subscription.on('no_resend', function() {
+            log('Nothing to resend for ' + subscription.streamId)
+        })
+    </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/examples/webpack/.babelrc b/examples/webpack/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["env", "stage-2"],
+  "plugins": ["babel-plugin-add-module-exports"]
+}
diff --git a/examples/webpack/dist/.gitkeep b/examples/webpack/dist/.gitkeep
diff --git a/examples/webpack/index.html b/examples/webpack/index.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+    <button id="subscribe">Subscribe</button>
+    <button id="produce">Produce</button>
+    <script src="./dist/webpack-example.js"></script>
+</body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,3 +30,4 @@ node_modules @@
     *.iml
     .DS_Store
     dist/*
+    examples/webpack/dist/*