Merge pull request #6 from pubnub/develop

Develop

.pubnub.yml

@@ -1,11 +1,16 @@
 name: pubnub-react
-version: 1.0.2
+version: 1.1.0
 schema: 1
 scm: github.com/pubnub/pubnub-react
 files:
   - dist/pubnub-react.js
   - dist/pubnub-react.min.js
 changelog:
+  - version: v1.1.0
+    changes:
+      - type: feature
+        text: keep the stack of messages with only the latest 100
+    date: 2017-10-01
   - version: v1.0.2
     changes:
       - type: feature

CHANGELOG.md

@@ -1,3 +1,13 @@
+[Full Changelog](https://github.com/pubnub/pubnub-react/compare/v1.0.2...v1.1.0)
+
+
+
+
+- 🌟keep the stack of messages with only the latest 100
+
+
+
+
 [Full Changelog](https://github.com/pubnub/pubnub-react/compare/v1.0.1...v1.0.2)
 
 

README.md

@@ -196,6 +196,42 @@ componentWillMount() {
 ...
 ```
 
+When you are using `getMessage` this is going to keep the latest 100 messages received by default. But you can change this
+value when you attach the channel for first time with `getMesage`.
+
+```
+...
+
+// the stack for the channel1 will always have the latest 20 messages.
+componentWillMount() {
+  this.pubnub.init(this);
+  
+  this.pubnub.getMessage('channel1', (msg) => {
+    console.log(msg);
+  }, 20);
+  
+  ...
+}
+
+...
+```
+or
+
+```
+...
+
+// the stack for the channel1 will always have the latest 20 messages.
+componentWillMount() {
+  this.pubnub.init(this);
+  
+  this.pubnub.getMessage('channel1', 20);
+  
+  ...
+}
+
+...
+```
+
 ### getPresence
 
 **Rendering presence object from react**

dist/pubnub-react.js

@@ -109,6 +109,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	      this._component = component;
 	      this._broadcast = new _broadcast.Broadcast();
 	      this._listener = {};
+	      this._keepMessages = {};
 
 	      this.addListener(this._listener);
 	      this._autoload.initialize(this);
@@ -996,21 +997,42 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 	function emit(instance, channel, message) {
+	  var messages = instance._component.state.pn_messages[channel];
+	  var keepMessages = instance._keepMessages[channel];
+
+	  messages.push(message);
+
+	  if (keepMessages && messages.length > keepMessages) {
+	    messages = messages.slice(messages.length - keepMessages);
+	  }
+
 	  instance._component.setState(function (prevState) {
 	    return {
-	      pn_messages: (0, _immutabilityHelper2.default)(prevState.pn_messages, _defineProperty({}, channel, { $push: [message] }))
+	      pn_messages: (0, _immutabilityHelper2.default)(prevState.pn_messages, _defineProperty({}, channel, { $set: messages }))
 	    };
 	  });
 
 	  instance._broadcast.emit('message', channel, message);
 	}
 
-	function getMessage(channel, callback) {
+	function getMessage(channel) {
 	  var _this = this;
 
 	  var component = this._component;
+	  var callback = void 0;
+	  var keepMessages = 100;
+
+	  if (arguments.length === 2 && typeof arguments[1] === 'function') {
+	    callback = arguments[1];
+	  } else if (arguments.length === 2 && typeof arguments[1] === 'number') {
+	    keepMessages = arguments[1];
+	  } else if (arguments.length === 3) {
+	    callback = arguments[1];
+	    keepMessages = arguments[2];
+	  }
 
 	  if (init(component, channel)) {
+	    this._keepMessages[channel] = keepMessages;
 	    this._autoload.getHistory(channel, callback);
 	  }
 

dist/stats.json

@@ -1 +1 @@
-{"errors":[],"warnings":[],"version":"1.15.0","hash":"de2757e0bca00089f972","publicPath":"","assetsByChunkName":{"main":"pubnub-react.js"},"assets":[{"name":"pubnub-react.js","size":116513,"chunks":[0],"chunkNames":["main"],"emitted":true},{"name":"stats.json","size":0,"chunks":[],"chunkNames":[]}],"chunks":[{"id":0,"rendered":true,"initial":true,"entry":true,"extraAsync":false,"size":112754,"names":["main"],"files":["pubnub-react.js"],"hash":"6ec28fe444d77d81729e","parents":[],"modules":[],"filteredModules":15,"origins":[{"moduleId":0,"module":"/Users/ManuelFernando/GitHub/pubNub/react/node_modules/babel-loader/lib/index.js!/Users/ManuelFernando/GitHub/pubNub/react/src/pubnub-react.js","moduleIdentifier":"/Users/ManuelFernando/GitHub/pubNub/react/node_modules/babel-loader/lib/index.js!/Users/ManuelFernando/GitHub/pubNub/react/src/pubnub-react.js","moduleName":"./src/pubnub-react.js","loc":"","name":"main","reasons":[]}]}],"modules":[],"filteredModules":15,"children":[]}
+{"errors":[],"warnings":[],"version":"1.15.0","hash":"98d6ec9bd7cccb6dfb48","publicPath":"","assetsByChunkName":{"main":"pubnub-react.js"},"assets":[{"name":"pubnub-react.js","size":117233,"chunks":[0],"chunkNames":["main"],"emitted":true},{"name":"stats.json","size":0,"chunks":[],"chunkNames":[]}],"chunks":[{"id":0,"rendered":true,"initial":true,"entry":true,"extraAsync":false,"size":113456,"names":["main"],"files":["pubnub-react.js"],"hash":"23e10d89938f9d652a8c","parents":[],"modules":[],"filteredModules":15,"origins":[{"moduleId":0,"module":"/Users/ManuelFernando/GitHub/pubNub/react/node_modules/babel-loader/lib/index.js!/Users/ManuelFernando/GitHub/pubNub/react/src/pubnub-react.js","moduleIdentifier":"/Users/ManuelFernando/GitHub/pubNub/react/node_modules/babel-loader/lib/index.js!/Users/ManuelFernando/GitHub/pubNub/react/src/pubnub-react.js","moduleName":"./src/pubnub-react.js","loc":"","name":"main","reasons":[]}]}],"modules":[],"filteredModules":15,"children":[]}