Offline mode: enable for items

insin · May 9, 2016 · 710c131 · 710c131
1 parent e0a2eda
commit 710c131
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 5 deletions.
diff --git a/src/Item.js b/src/Item.js
@@ -3,6 +3,7 @@ var ReactFireMixin = require('reactfire')
 var TimeAgo = require('react-timeago').default
 
 var HNService = require('./services/HNService')
+var HNServiceRest = require('./services/HNServiceRest')
 var StoryCommentThreadStore = require('./stores/StoryCommentThreadStore')
 var ItemStore = require('./stores/ItemStore')
 
@@ -14,6 +15,8 @@ var ItemMixin = require('./mixins/ItemMixin')
 var cx = require('./utils/buildClassName')
 var setTitle = require('./utils/setTitle')
 
+var SettingsStore = require('./stores/SettingsStore')
+
 function timeUnitsAgo(value, unit, suffix) {
   if (value === 1) {
     return unit
@@ -31,7 +34,17 @@ var Item = React.createClass({
   },
 
   componentWillMount() {
-    this.bindAsObject(HNService.itemRef(this.props.params.id), 'item')
+    if (SettingsStore.offlineMode) {
+      HNServiceRest.itemRef(this.props.params.id).then(function(res) {
+        return res.json()
+      }).then(function(snapshot) {
+        this.replaceState({ item: snapshot })
+      }.bind(this))
+    }
+    else {
+      this.bindAsObject(HNService.itemRef(this.props.params.id), 'item')
+    }
+
     if (this.state.item.id) {
       this.threadStore = new StoryCommentThreadStore(this.state.item, this.handleCommentsChanged, {cached: true})
       setTitle(this.state.item.title)
@@ -58,8 +71,18 @@ var Item = React.createClass({
         this.threadStore = new StoryCommentThreadStore(item, this.handleCommentsChanged, {cached: true})
         setTitle(item.title)
       }
-      this.bindAsObject(HNService.itemRef(nextProps.params.id), 'item')
-      this.setState({item: item || {}})
+
+      if (SettingsStore.offlineMode) {
+        HNServiceRest.itemRef(nextProps.params.id).then(function(res) {
+          return res.json()
+        }).then(function(snapshot) {
+          this.replaceState({ item: snapshot })
+        }.bind(this))
+      }
+      else {
+        this.bindAsObject(HNService.itemRef(nextProps.params.id), 'item')
+        this.setState({item: item || {}})
+      }
     }
   },
 

diff --git a/src/stores/ItemStore.js b/src/stores/ItemStore.js
@@ -1,8 +1,9 @@
 var HNService = require('../services/HNService')
+var HNServiceRest = require('../services/HNServiceRest')
 
 var StoryStore = require('./StoryStore')
 var UpdatesStore = require('./UpdatesStore')
-
+var SettingsStore = require('./SettingsStore')
 var commentParentLookup = {}
 var titleCache = {}
 
@@ -72,7 +73,12 @@ var ItemStore = {
       setImmediate(cb, cachedItem)
     }
     else {
-      HNService.fetchItem(id, cb)
+      if (SettingsStore.offlineMode) {
+        HNServiceRest.fetchItem(id, cb)
+      }
+      else {
+        HNService.fetchItem(id, cb)
+      }
     }
   },