add Finder & update main.js & cleanup some old files

browser/main/Components/BlueprintForm.jsx

@@ -7,9 +7,11 @@ var Select = require('react-select')
 var request = require('superagent')
 var PlanetActions = require('../Actions/PlanetActions')
 
+var apiUrl = require('../../../config').apiUrl
+
 var getOptions = function (input, callback) {
   request
-    .get('http://localhost:8000/tags/search')
+    .get(apiUrl + 'tags/search')
     .query({name: input})
     .send()
     .end(function (err, res) {

browser/main/Components/PersonalSettingModal.jsx

@@ -8,7 +8,7 @@ var AuthActions = require('../Actions/AuthActions')
 
 var AuthStore = require('../Stores/AuthStore')
 
-var apiUrl = 'http://localhost:8000/'
+var apiUrl = require('../../../config').apiUrl
 
 module.exports = React.createClass({
   mixins: [Catalyst.LinkedStateMixin],

browser/main/Components/PlanetAddUserModal.jsx

@@ -7,9 +7,11 @@ var Catalyst = require('../Mixins/Catalyst')
 
 var PlanetActions = require('../Actions/PlanetActions')
 
+var apiUrl = require('../../../config').apiUrl
+
 var getOptions = function (input, callback) {
   request
-    .get('http://localhost:8000/users/search')
+    .get(apiUrl + 'users/search')
     .query({name: input})
     .send()
     .end(function (err, res) {

browser/main/Components/PlanetSettingModal.jsx

@@ -6,9 +6,11 @@ var Catalyst = require('../Mixins/Catalyst')
 
 var PlanetActions = require('../Actions/PlanetActions')
 
+var apiUrl = require('../../../config').apiUrl
+
 var getOptions = function (input, callback) {
   request
-    .get('http://localhost:8000/users/search')
+    .get(apiUrl + 'users/search')
     .query({name: input})
     .send()
     .end(function (err, res) {

browser/main/Components/SnippetForm.jsx

@@ -6,9 +6,11 @@ var Select = require('react-select')
 var request = require('superagent')
 var PlanetActions = require('../Actions/PlanetActions')
 
+var apiUrl = require('../../../config').apiUrl
+
 var getOptions = function (input, callback) {
   request
-    .get('http://localhost:8000/tags/search')
+    .get(apiUrl + 'tags/search')
     .query({name: input})
     .send()
     .end(function (err, res) {
@@ -22,7 +24,7 @@ var getOptions = function (input, callback) {
               label: tag.name,
               value: tag.name
             }
-          }),
+        }),
           complete: false
       })
     })

browser/main/Containers/MainContainer.jsx

@@ -1,47 +1,87 @@
+/* global localStorage */
 var React = require('react/addons')
 var ReactRouter = require('react-router')
 var RouteHandler = ReactRouter.RouteHandler
+var request = require('superagent')
 
 var AuthStore = require('../Stores/AuthStore')
 
+var apiUrl = require('../../../config').apiUrl
+
+function fetchPlanet (planet) {
+  request
+    .get(apiUrl + planet.userName + '/' + planet.name)
+    .send()
+    .end(function (err, res) {
+      if (err) {
+        console.error(err)
+        return
+      }
+
+      var _planet = res.body
+      _planet.userName = planet.userName
+
+      _planet.Snippets = _planet.Snippets.map(function (snippet) {
+        snippet.type = 'snippet'
+        return snippet
+      })
+
+      _planet.Blueprints = _planet.Blueprints.map(function (blueprint) {
+        blueprint.type = 'blueprint'
+        return blueprint
+      })
+
+      localStorage.setItem('planet-' + _planet.id, JSON.stringify(_planet))
+      console.log('planet-' + _planet.id + ' fetched')
+    })
+}
+
 module.exports = React.createClass({
-    mixins: [ReactRouter.Navigation, ReactRouter.State],
-    componentDidMount: function () {
-      this.unsubscribe = AuthStore.listen(this.onListen)
-    },
-    componentWillUnmount: function () {
-      this.unsubscribe()
-    },
-    onListen: function (res) {
-      if (res == null || res.status == null) {
-        return
-      }
+  mixins: [ReactRouter.Navigation, ReactRouter.State],
+  componentDidMount: function () {
+    this.unsubscribe = AuthStore.listen(this.onListen)
 
-      if (res.status === 'loggedIn' || res.status === 'registered') {
-        var user = res.data
-        var planet = user.Planets.length > 0 ? user.Planets[0] : null
-        if (planet == null) {
-          this.transitionTo('user', {userName: user.name})
-          return
-        }
-        this.transitionTo('planetHome', {userName: user.name, planetName: planet.name})
-        return
-      }
-
-      if (res.status === 'loggedOut') {
-        this.transitionTo('login')
-        return
-      }
-    },
-    render: function () {
-      // Redirect Login state
-      if (this.getPath() === '/') {
-        this.transitionTo('/login')
-      }
-      return (
-        <div className='Main'>
-          <RouteHandler/>
-        </div>
-      )
+    var user = JSON.parse(localStorage.getItem('user'))
+    if (user != null) {
+      user.Planets.forEach(fetchPlanet)
+      return
     }
+    this.transitionTo('login')
+  },
+  componentWillUnmount: function () {
+    this.unsubscribe()
+  },
+  onListen: function (res) {
+    if (res == null || res.status == null) {
+      return
+    }
+
+    if (res.status === 'loggedIn' || res.status === 'registered') {
+      var user = res.data
+      var planet = user.Planets.length > 0 ? user.Planets[0] : null
+      if (planet == null) {
+        this.transitionTo('user', {userName: user.name})
+        return
+      }
+      this.transitionTo('planetHome', {userName: user.name, planetName: planet.name})
+
+      return
+    }
+
+    if (res.status === 'loggedOut') {
+      this.transitionTo('login')
+      return
+    }
+  },
+  render: function () {
+    // Redirect Login state
+    if (this.getPath() === '/') {
+      this.transitionTo('/login')
+    }
+    return (
+      <div className='Main'>
+        <RouteHandler/>
+      </div>
+    )
+  }
 })

browser/main/Containers/UserContainer.jsx

@@ -10,6 +10,8 @@ var UserNavigator = require('../Components/UserNavigator')
 var AuthStore = require('../Stores/AuthStore')
 var PlanetStore = require('../Stores/PlanetStore')
 
+var apiUrl = require('../../../config').apiUrl
+
 module.exports = React.createClass({
   mixins: [React.addons.LinkedStateMixin, ReactRouter.Navigation, ReactRouter.State],
   propTypes: {
@@ -44,7 +46,7 @@ module.exports = React.createClass({
   },
   fetchUser: function (userName) {
     request
-      .get('http://localhost:8000/' + userName)
+      .get(apiUrl + userName)
       .send()
       .end(function (err, res) {
         if (err) {

browser/main/Stores/AuthStore.js

@@ -4,7 +4,7 @@ var request = require('superagent')
 
 var AuthActions = require('../Actions/AuthActions')
 
-var apiUrl = 'http://localhost:8000/'
+var apiUrl = require('../../../config').apiUrl
 
 var AuthStore = Reflux.createStore({
     init: function () {

browser/main/Stores/PlanetStore.js

@@ -4,7 +4,7 @@ var request = require('superagent')
 
 var PlanetActions = require('../Actions/PlanetActions')
 
-var apiUrl = 'http://localhost:8000/'
+var apiUrl = require('../../../config').apiUrl
 
 var PlanetStore = Reflux.createStore({
   init: function () {
@@ -70,6 +70,8 @@ var PlanetStore = Reflux.createStore({
           return blueprint
         })
 
+        localStorage.setItem('planet-' + planet.id, JSON.stringify(planet))
+
         planet.Articles = planet.Snippets.concat(planet.Blueprints).sort(function (a, b) {
           a = new Date(a.updatedAt)
           b = new Date(b.updatedAt)
@@ -94,6 +96,7 @@ var PlanetStore = Reflux.createStore({
         }
 
         var planet = res.body
+        localStorage.remove('planet-' + planet.id)
 
         this.trigger({
           status: 'planetDeleted',
@@ -186,6 +189,11 @@ var PlanetStore = Reflux.createStore({
       .end(function (req, res) {
         var snippet = res.body
         snippet.type = 'snippet'
+
+        var planet = JSON.parse(localStorage.getItem('planet-' + snippet.PlanetId))
+        planet.Snippets.unshift(snippet)
+        localStorage.setItem('planet-' + snippet.PlanetId, JSON.stringify(planet))
+
         this.trigger({
           status: 'articleCreated',
           data: snippet
@@ -209,6 +217,17 @@ var PlanetStore = Reflux.createStore({
 
         var snippet = res.body
         snippet.type = 'snippet'
+
+        var planet = JSON.parse(localStorage.getItem('planet-' + snippet.PlanetId))
+        planet.Snippets.some(function (_snippet, index) {
+          if (snippet.id === _snippet) {
+            planet.Snippets[index] = snippet
+            return true
+          }
+          return false
+        })
+        localStorage.setItem('planet-' + snippet.PlanetId, JSON.stringify(planet))
+
         this.trigger({
           status: 'articleUpdated',
           data: snippet
@@ -230,6 +249,17 @@ var PlanetStore = Reflux.createStore({
         }
 
         var snippet = res.body
+
+        var planet = JSON.parse(localStorage.getItem('planet-' + snippet.PlanetId))
+        planet.Snippets.some(function (_snippet, index) {
+          if (snippet.id === _snippet) {
+            planet.splice(index, 1)
+            return true
+          }
+          return false
+        })
+        localStorage.setItem('planet-' + snippet.PlanetId, JSON.stringify(planet))
+
         this.trigger({
           status: 'articleDeleted',
           data: snippet
@@ -247,6 +277,11 @@ var PlanetStore = Reflux.createStore({
       .end(function (req, res) {
         var blueprint = res.body
         blueprint.type = 'blueprint'
+
+        var planet = JSON.parse(localStorage.getItem('planet-' + blueprint.PlanetId))
+        planet.Blueprints.unshift(blueprint)
+        localStorage.setItem('planet-' + blueprint.PlanetId, JSON.stringify(planet))
+
         this.trigger({
           status: 'articleCreated',
           data: blueprint
@@ -270,6 +305,17 @@ var PlanetStore = Reflux.createStore({
 
         var blueprint = res.body
         blueprint.type = 'blueprint'
+
+        var planet = JSON.parse(localStorage.getItem('planet-' + blueprint.PlanetId))
+        planet.Blueprints.some(function (_blueprint, index) {
+          if (blueprint.id === _blueprint) {
+            planet.Blueprints[index] = blueprint
+            return true
+          }
+          return false
+        })
+        localStorage.setItem('planet-' + blueprint.PlanetId, JSON.stringify(blueprint))
+
         this.trigger({
           status: 'articleUpdated',
           data: blueprint
@@ -291,6 +337,17 @@ var PlanetStore = Reflux.createStore({
         }
 
         var blueprint = res.body
+
+        var planet = JSON.parse(localStorage.getItem('planet-' + blueprint.PlanetId))
+        planet.Blueprints.some(function (_blueprint, index) {
+          if (blueprint.id === _blueprint) {
+            planet.splice(index, 1)
+            return true
+          }
+          return false
+        })
+        localStorage.setItem('planet-' + blueprint.PlanetId, JSON.stringify(planet))
+
         this.trigger({
           status: 'articleDeleted',
           data: blueprint

browser/main/index.electron.html

@@ -5,7 +5,7 @@
 
   <link rel="stylesheet" href="../vendor/fontawesome/css/font-awesome.min.css" media="screen" title="no title" charset="utf-8">
   <link rel="shortcut icon" href="favicon.ico">
-  <link rel="stylesheet" href="style.css">
+
   <script>
   if (!Object.assign) {
     Object.defineProperty(Object, 'assign', {
@@ -39,6 +39,8 @@
       }
     });
   }
+
+  require('electron-stylus')(__dirname + '/../styles/main/index.styl')
   </script>
 </head>
 <body>