Saving config and checking modified date.

android/app/src/main/assets/index.android.bundle.meta

@@ -1,2 +1 @@
-�z
-";�k��c���D��Oh��
+�!5�lU�k��c�>�FLp��

src/frames/Stage.js

@@ -170,6 +170,12 @@ export default class Stage extends React.Component {
                 <Text style={ styles.ziteDetailsText }>
                     { stores.Stage.ziteLastUpdate }
                 </Text>
+                <Text style={ styles.ziteDetailsText }>
+                    LIVE: { stores.Stage.ziteModified }
+                </Text>
+                <Text style={ styles.ziteDetailsText }>
+                    CACHED: { stores.Stage.ziteCachedConfig.modified }
+                </Text>
             </View>
         }
     }

src/frames/Webview.js

@@ -197,8 +197,11 @@ const styles = StyleSheet.create({
     },
     navBar: {
         flexDirection: 'row',
-        width: '100%',
-        height: 40
+        // width: '100%',
+        height: 40,
+        justifyContent: 'center',
+        alignItems: 'center',        
+        backgroundColor: 'rgba(30, 30, 180, 0.2)'
     },
     navBarButton: {
         flex: 1

src/lib/host0.js

@@ -25,16 +25,17 @@ class Host0 {
         const self = this
 
         const filePath = self.fs.DocumentDirectoryPath + '/' + _address + '/' + _path
+console.log('FILEPATH', filePath)
 
         return new Promise(async function (resolve, reject) {
             const exists = await self.fs.exists(filePath)
                 .catch(reject)
-// console.log('getPath EXISTS', exists)
+console.log('getPath EXISTS', exists)
 
             if (exists) {
                 let contents = null
 
-                if (_path.slice(-3) === 'png') {
+                if (_path.slice(-3) === 'png' || _path.slice(-3) === 'jpg') {
                     contents = await self.fs.readFile(filePath, 'base64')
                         .catch(err => { throw err })
 

src/stores/Stage.js

@@ -21,6 +21,8 @@ class Store {
     @observable ziteTitle = ''
     @observable ziteDescription = ''
     @observable ziteLastUpdate = ''
+    @observable ziteModified = 0
+    @observable ziteCachedConfig = {}
     @observable ziteFiles = []
 
     /* FIXME Will only display blockchain ads on Android devices to avoid
@@ -64,6 +66,16 @@ class Store {
         this.ziteLastUpdate = _lastUpdate
     }
 
+    /* Set the zite modified. */
+    @action setZiteModified(_modified) {
+        this.ziteModified = _modified
+    }
+
+    /* Set the zite modified. */
+    @action setZiteCachedConfig(_cachedConfig) {
+        this.ziteCachedConfig = _cachedConfig
+    }
+
     /* Set the zite files list. */
     @action setZiteFiles(_files) {
         this.ziteFiles = _files

src/stores/controllers/Zite.js

@@ -23,6 +23,26 @@ const Zite = {
         /* Initailize Peer0. */
         this.peer0 = new Peer0(net)
 
+        try {
+            /* Check the config (if available) cached on disk. */
+            let cachedConfig = await this.host0.getFile(this.address, 'content.json')
+                .catch(err => { throw err })
+
+            /* Decode the cache. */
+            cachedConfig = JSON.parse(cachedConfig)
+    console.log('CACHED CONFIG', cachedConfig)
+
+            /* Set cached config (if available). */
+            if (cachedConfig) {
+                /* Set the cached config.json. */
+                Stage.setZiteCachedConfig(cachedConfig)
+            }
+        } catch (e) {
+            /* Something has gone wrong if we cannot parse the content.json. */
+            // FIXME Handle this better in the UI
+            throw e
+        }
+
         /* Initialize caching flag. */
         const noCache = false
 
@@ -45,6 +65,7 @@ const Zite = {
             Stage.setZiteTitle(this.config['title'])
             Stage.setZiteAddress(this.config['address'])
             Stage.setZiteDescription(this.config['description'])
+            Stage.setZiteModified(this.config['modified'])
 
             const lastUpdate = moment.unix(this.config['modified']).fromNow() +
                 ' [ ' + moment.unix(this.config['modified']).format('ll') + ' ]'
@@ -88,6 +109,13 @@ const Zite = {
     },
 
     open: async function(_address, _path) {
+        /* Retrieve and decode content.json. */
+        const config = JSON.stringify(this.config)
+
+        /* Save the latest content.json. */
+        await this.host0.saveFile(_address, 'content.json', config)
+            .catch(err => { throw err })
+
         /* Initialize files holder. */
         const files = this.config['files']