Going LIte

browser/main/HomePage.js

@@ -1,65 +1,43 @@
 import React, { PropTypes} from 'react'
 import { connect } from 'react-redux'
-import { CREATE_MODE, IDLE_MODE, switchUser, NEW, refreshArticles } from 'boost/actions'
-import UserNavigator from './HomePage/UserNavigator'
+import { CREATE_MODE, IDLE_MODE, NEW } from 'boost/actions'
+// import UserNavigator from './HomePage/UserNavigator'
 import ArticleNavigator from './HomePage/ArticleNavigator'
 import ArticleTopBar from './HomePage/ArticleTopBar'
 import ArticleList from './HomePage/ArticleList'
 import ArticleDetail from './HomePage/ArticleDetail'
-import _, { findWhere, findIndex, pick } from 'lodash'
+import _ from 'lodash'
 import keygen from 'boost/keygen'
-import api from 'boost/api'
-import auth from 'boost/auth'
-import io from 'boost/socket'
 
 const TEXT_FILTER = 'TEXT_FILTER'
 const FOLDER_FILTER = 'FOLDER_FILTER'
 const TAG_FILTER = 'TAG_FILTER'
 
 class HomePage extends React.Component {
-  componentDidMount () {
-    const { dispatch } = this.props
-
-    dispatch(switchUser(this.props.params.userId))
-
-    let currentUser = auth.user()
-
-    let users = currentUser.Teams != null ? [currentUser].concat(currentUser.Teams) : [currentUser]
-    users.forEach(user => {
-      api.fetchArticles(user.id)
-        .then(res => {
-          dispatch(refreshArticles(user.id, res.body))
-        })
-        .catch(err => {
-          if (err.status == null) throw err
-          console.error(err)
-        })
-    })
-
-    let token = auth.token()
-    if (token != null) {
-      io.emit('JOIN', {token})
-    }
-  }
-
-  componentWillReceiveProps (nextProps) {
-    const { dispatch, status } = this.props
-
-    if (nextProps.params.userId !== status.userId) {
-      dispatch(switchUser(nextProps.params.userId))
-    }
-  }
-
   render () {
-    const { dispatch, status, users, activeUser, articles, activeArticle } = this.props
+    let { dispatch, status, articles, activeArticle, folders } = this.props
 
     return (
       <div className='HomePage'>
-        <UserNavigator users={users} />
-        <ArticleNavigator dispatch={dispatch} activeUser={activeUser} status={status}/>
+        <ArticleNavigator
+          dispatch={dispatch}
+          folders={folders}
+          status={status}
+        />
         <ArticleTopBar dispatch={dispatch} status={status}/>
-        <ArticleList dispatch={dispatch} articles={articles} status={status} activeArticle={activeArticle}/>
-        <ArticleDetail dispatch={dispatch} activeUser={activeUser} activeArticle={activeArticle} status={status}/>
+        <ArticleList
+          dispatch={dispatch}
+          folders={folders}
+          articles={articles}
+          status={status}
+          activeArticle={activeArticle}
+        />
+        <ArticleDetail
+          dispatch={dispatch}
+          activeArticle={activeArticle}
+          folders={folders}
+          status={status}
+        />
       </div>
     )
   }
@@ -67,17 +45,9 @@ class HomePage extends React.Component {
 
 function remap (state) {
   let status = state.status
-
-  let currentUser = state.currentUser
-  if (currentUser == null) return state
-  let teams = Array.isArray(currentUser.Teams) ? currentUser.Teams : []
-
-  let users = [currentUser, ...teams]
-  let activeUser = findWhere(users, {id: parseInt(status.userId, 10)})
-  if (activeUser == null) activeUser = users[0]
-
   // Fetch articles
-  let articles = state.articles['team-' + activeUser.id]
+  let data = JSON.parse(localStorage.getItem('local'))
+  let { folders, articles } = data
   if (articles == null) articles = []
   articles.sort((a, b) => {
     return new Date(b.updatedAt) - new Date(a.updatedAt)
@@ -97,17 +67,18 @@ function remap (state) {
   let textFilters = filters.filter(filter => filter.type === TEXT_FILTER)
   let tagFilters = filters.filter(filter => filter.type === TAG_FILTER)
 
-  if (activeUser.Folders != null) {
-    let targetFolders = activeUser.Folders.filter(folder => {
-      return findWhere(folderFilters, {value: folder.name})
+  if (folders != null) {
+    let targetFolders = folders.filter(folder => {
+      return _.findWhere(folderFilters, {value: folder.name})
     })
     status.targetFolders = targetFolders
 
     if (targetFolders.length > 0) {
       articles = articles.filter(article => {
-        return findWhere(targetFolders, {id: article.FolderId})
+        return _.findWhere(targetFolders, {key: article.FolderKey})
       })
     }
+
     if (textFilters.length > 0) {
       articles = textFilters.reduce((articles, textFilter) => {
         return articles.filter(article => {
@@ -119,19 +90,19 @@ function remap (state) {
     if (tagFilters.length > 0) {
       articles = tagFilters.reduce((articles, tagFilter) => {
         return articles.filter(article => {
-          return _.find(article.Tags, tag => tag.name.match(new RegExp(tagFilter.value, 'i')))
+          return _.find(article.tags, tag => tag.match(new RegExp(tagFilter.value, 'i')))
         })
       }, articles)
     }
   }
 
   // Grab active article
-  let activeArticle = findWhere(articles, {key: status.articleKey})
+  let activeArticle = _.findWhere(articles, {key: status.articleKey})
   if (activeArticle == null) activeArticle = articles[0]
 
   // remove Unsaved new article if user is not CREATE_MODE
   if (status.mode !== CREATE_MODE) {
-    let targetIndex = findIndex(articles, article => article.status === NEW)
+    let targetIndex = _.findIndex(articles, article => article.status === NEW)
 
     if (targetIndex >= 0) articles.splice(targetIndex, 1)
   }
@@ -140,8 +111,8 @@ function remap (state) {
   // restrict
   // 1. team have one folder at least
   // or Change IDLE MODE
-  if (status.mode === CREATE_MODE && activeUser.Folders.length > 0) {
-    var newArticle = findWhere(articles, {status: 'NEW'})
+  if (status.mode === CREATE_MODE) {
+    var newArticle = _.findWhere(articles, {status: 'NEW'})
     if (newArticle == null) {
       newArticle = {
         id: null,
@@ -149,9 +120,8 @@ function remap (state) {
         title: '',
         content: '',
         mode: 'markdown',
-        Tags: [],
-        User: pick(currentUser, ['email', 'name', 'profileName']),
-        FolderId: activeUser.Folders[0].id,
+        tags: [],
+        FolderKey: folders[0].key,
         status: NEW
       }
       articles.unshift(newArticle)
@@ -162,8 +132,7 @@ function remap (state) {
   }
 
   let props = {
-    users,
-    activeUser,
+    folders,
     status,
     articles,
     activeArticle
@@ -173,8 +142,6 @@ function remap (state) {
 }
 
 HomePage.propTypes = {
-  users: PropTypes.array,
-  activeUser: PropTypes.object,
   params: PropTypes.shape({
     userId: PropTypes.string
   }),
@@ -183,7 +150,8 @@ HomePage.propTypes = {
   }),
   articles: PropTypes.array,
   activeArticle: PropTypes.shape(),
-  dispatch: PropTypes.func
+  dispatch: PropTypes.func,
+  folders: PropTypes.array
 }
 
 export default connect(remap)(HomePage)

browser/main/HomePage/ArticleDetail.js

@@ -1,16 +1,16 @@
 import React, { PropTypes } from 'react'
 import moment from 'moment'
-import { findWhere, uniq } from 'lodash'
+import _ from 'lodash'
 import ModeIcon from 'boost/components/ModeIcon'
 import MarkdownPreview from 'boost/components/MarkdownPreview'
 import CodeEditor from 'boost/components/CodeEditor'
-import { UNSYNCED, IDLE_MODE, CREATE_MODE, EDIT_MODE, switchMode, switchArticle, updateArticle, destroyArticle } from 'boost/actions'
+import { IDLE_MODE, CREATE_MODE, EDIT_MODE, switchMode, updateArticle, destroyArticle } from 'boost/actions'
 import aceModes from 'boost/ace-modes'
 import Select from 'react-select'
 import linkState from 'boost/linkState'
-import api from 'boost/api'
 import FolderMark from 'boost/components/FolderMark'
 import TagLink from 'boost/components/TagLink'
+import TagSelect from 'boost/components/TagSelect'
 
 var modeOptions = aceModes.map(function (mode) {
   return {
@@ -20,9 +20,7 @@ var modeOptions = aceModes.map(function (mode) {
 })
 
 function makeInstantArticle (article) {
-  let instantArticle = Object.assign({}, article)
-  instantArticle.Tags = Array.isArray(instantArticle.Tags) ? instantArticle.Tags.map(tag => tag.name) : []
-  return instantArticle
+  return Object.assign({}, article)
 }
 
 export default class ArticleDetail extends React.Component {
@@ -35,7 +33,7 @@ export default class ArticleDetail extends React.Component {
   }
 
   componentWillReceiveProps (nextProps) {
-    if (nextProps.activeArticle != null && nextProps.activeArticle.id !== this.state.article.id) {
+    if (nextProps.activeArticle != null && (nextProps.activeArticle.key !== this.state.article.key) || (nextProps.status.mode !== this.props.status.mode)) {
       this.setState({article: makeInstantArticle(nextProps.activeArticle)}, function () {
         console.log('receive props')
       })
@@ -44,8 +42,8 @@ export default class ArticleDetail extends React.Component {
 
   renderEmpty () {
     return (
-      <div className='ArticleDetail'>
-        Empty article
+      <div className='ArticleDetail empty'>
+        Command(⌘) + Enter to create a new post
       </div>
     )
   }
@@ -60,23 +58,9 @@ export default class ArticleDetail extends React.Component {
   }
 
   handleDeleteConfirmButtonClick (e) {
-    let { dispatch, activeUser, activeArticle } = this.props
+    let { dispatch, activeArticle } = this.props
 
-    api.destroyArticle(activeArticle.id)
-      .then(res => {
-        console.log(res.body)
-      })
-      .catch(err => {
-        // connect failed need to queue data
-        if (err.code === 'ECONNREFUSED') {
-          return
-        }
-
-        if (err.status != null) throw err
-        else console.log(err)
-      })
-
-    dispatch(destroyArticle(activeUser.id, activeArticle.id))
+    dispatch(destroyArticle(activeArticle.key))
     this.setState({openDeleteConfirmMenu: false})
   }
 
@@ -85,17 +69,16 @@ export default class ArticleDetail extends React.Component {
   }
 
   renderIdle () {
-    let { activeArticle, activeUser } = this.props
+    let { activeArticle, folders } = this.props
 
-    let tags = activeArticle.Tags.length > 0
-      ? activeArticle.Tags.map(tag => {
-        return (<TagLink key={tag.name} tag={tag}/>)
+    let tags = activeArticle.tags != null ? activeArticle.tags.length > 0
+      ? activeArticle.tags.map(tag => {
+        return (<TagLink key={tag} tag={tag}/>)
       })
       : (
         <span className='noTags'>Not tagged yet</span>
-      )
-    let folder = findWhere(activeUser.Folders, {id: activeArticle.FolderId})
-    let folderName = folder != null ? folder.name : '(unknown)'
+      ) : null
+    let folder = _.findWhere(folders, {key: activeArticle.FolderKey})
 
     return (
       <div className='ArticleDetail idle'>
@@ -117,8 +100,7 @@ export default class ArticleDetail extends React.Component {
             <div className='detailInfo'>
               <div className='left'>
                 <div className='info'>
-                  <FolderMark id={folder.id}/> {folderName}&nbsp;
-                  by {activeArticle.User.profileName}&nbsp;
+                  <FolderMark color={folder.color}/> {folder.name}&nbsp;
                   Created {moment(activeArticle.createdAt).format('YYYY/MM/DD')}&nbsp;
                   Updated {moment(activeArticle.updatedAt).format('YYYY/MM/DD')}
                 </div>
@@ -127,7 +109,6 @@ export default class ArticleDetail extends React.Component {
               <div className='right'>
                 <button onClick={e => this.handleEditButtonClick(e)}><i className='fa fa-fw fa-edit'/></button>
                 <button onClick={e => this.handleDeleteButtonClick(e)}><i className='fa fa-fw fa-trash'/></button>
-                <button><i className='fa fa-fw fa-share-alt'/></button>
               </div>
             </div>
           )
@@ -141,7 +122,7 @@ export default class ArticleDetail extends React.Component {
             </div>
             {activeArticle.mode === 'markdown'
               ? <MarkdownPreview content={activeArticle.content}/>
-              : <CodeEditor readOnly onChange={this.handleContentChange} mode={activeArticle.mode} code={activeArticle.content}/>
+              : <CodeEditor readOnly onChange={(e, value) => this.handleContentChange(e, value)} mode={activeArticle.mode} code={activeArticle.content}/>
             }
           </div>
         </div>
@@ -154,86 +135,30 @@ export default class ArticleDetail extends React.Component {
   }
 
   handleSaveButtonClick (e) {
-    let { activeArticle } = this.props
-
-    if (activeArticle.id == null) this.saveAsNew()
-    else this.save()
-  }
-
-  saveAsNew () {
-    let { dispatch, activeUser } = this.props
-    let article = this.state.article
-    let newArticle = Object.assign({}, article)
-    article.tags = article.Tags
-
-    api.createArticle(article)
-      .then(res => {
-        console.log('saved as new')
-        console.log(res.body)
-      })
-      .catch(err => {
-        // connect failed need to queue data
-        if (err.code === 'ECONNREFUSED') {
-          return
-        }
-
-        if (err.status != null) throw err
-        else console.log(err)
-      })
-
-    newArticle.status = UNSYNCED
-    newArticle.Tags = newArticle.Tags.map(tag => { return {name: tag} })
-
-    dispatch(updateArticle(activeUser.id, newArticle))
-    dispatch(switchMode(IDLE_MODE))
-    dispatch(switchArticle(article.id))
-  }
-
-  save () {
-    let { dispatch, activeUser } = this.props
+    let { dispatch, folders } = this.props
     let article = this.state.article
     let newArticle = Object.assign({}, article)
 
-    article.tags = article.Tags
+    let folder = _.findWhere(folders, {key: article.FolderKey})
+    if (folder == null) return false
 
-    api.saveArticle(article)
-      .then(res => {
-        console.log('saved')
-        console.log(res.body)
-      })
-      .catch(err => {
-        // connect failed need to queue data
-        if (err.code === 'ECONNREFUSED') {
-          return
-        }
+    delete newArticle.status
+    newArticle.updatedAt = new Date()
 
-        if (err.status != null) throw err
-        else console.log(err)
-      })
-
-    newArticle.status = UNSYNCED
-    newArticle.Tags = newArticle.Tags.map(tag => { return {name: tag} })
-
-    dispatch(updateArticle(activeUser.id, newArticle))
+    dispatch(updateArticle(newArticle))
     dispatch(switchMode(IDLE_MODE))
-    dispatch(switchArticle(article.id))
   }
 
-  handleFolderIdChange (value) {
+  handleFolderKeyChange (e) {
     let article = this.state.article
-    article.FolderId = value
+    article.FolderKey = e.target.value
+
     this.setState({article: article})
   }
 
-  handleTagsChange (tag, tags) {
-    tags = uniq(tags, function (tag) {
-      return tag.value
-    })
-
-    var article = this.state.article
-    article.Tags = tags.map(function (tag) {
-      return tag.value
-    })
+  handleTagsChange (newTag, tags) {
+    let article = this.state.article
+    article.tags = tags
 
     this.setState({article: article})
   }
@@ -251,21 +176,31 @@ export default class ArticleDetail extends React.Component {
   }
 
   renderEdit () {
-    let { activeUser } = this.props
+    let { folders } = this.props
 
-    let folderOptions = activeUser.Folders.map(folder => {
-      return {
-        label: folder.name,
-        value: folder.id
-      }
+    let folderOptions = folders.map(folder => {
+      return (
+        <option key={folder.key} value={folder.key}>{folder.name}</option>
+      )
     })
+    console.log('edit rendered')
 
     return (
       <div className='ArticleDetail edit'>
         <div className='detailInfo'>
           <div className='left'>
-            <Select ref='folder' onChange={value => this.handleFolderIdChange(value)} clearable={false} placeholder='select folder...' options={folderOptions} value={this.state.article.FolderId} className='folder'/>
-            <Select onChange={(tag, tags) => this.handleTagsChange(tag, tags)} clearable={false} multi placeholder='add some tags...' allowCreate value={this.state.article.Tags} className='tags'/>
+            <select
+              className='folder'
+              value={this.state.article.FolderKey}
+              onChange={e => this.handleFolderKeyChange(e)}
+            >
+              {folderOptions}
+            </select>
+
+            <TagSelect
+              tags={this.state.article.tags}
+              onChange={(tags, tag) => this.handleTagsChange(tags, tag)}
+            />
           </div>
           <div className='right'>
             <button onClick={e => this.handleCancelButtonClick(e)}>Cancel</button>
@@ -278,9 +213,22 @@ export default class ArticleDetail extends React.Component {
               <div className='title'>
                 <input placeholder='Title' ref='title' valueLink={this.linkState('article.title')}/>
               </div>
-              <Select ref='mode' onChange={value => this.handleModeChange(value)} clearable={false} options={modeOptions}placeholder='select mode...' value={this.state.article.mode} className='mode'/>
+              <Select
+                ref='mode'
+                onChange={value => this.handleModeChange(value)}
+                clearable={false}
+                options={modeOptions}
+                placeholder='select mode...'
+                value={this.state.article.mode}
+                className='mode'
+              />
             </div>
-            <CodeEditor onChange={(e, value) => this.handleContentChange(e, value)} mode={this.state.article.mode} code={this.state.article.content}/>
+            <CodeEditor
+              onChange={(e, value) => this.handleContentChange(e, value)}
+              readOnly={false}
+              mode={this.state.article.mode}
+              code={this.state.article.content}
+            />
           </div>
         </div>
       </div>

browser/main/HomePage/ArticleList.js

@@ -1,42 +1,54 @@
 import React, { PropTypes } from 'react'
-import ProfileImage from 'boost/components/ProfileImage'
 import ModeIcon from 'boost/components/ModeIcon'
 import moment from 'moment'
 import { switchArticle, NEW } from 'boost/actions'
 import FolderMark from 'boost/components/FolderMark'
 import TagLink from 'boost/components/TagLink'
+import _ from 'lodash'
 
 export default class ArticleList extends React.Component {
-  handleArticleClick (key) {
+  componentDidMount () {
+    this.refreshTimer = setInterval(() => this.forceUpdate(), 60 * 1000)
+  }
+
+  componentWillUnmount () {
+    clearInterval(this.refreshTimer)
+  }
+
+  handleArticleClick (article) {
     let { dispatch } = this.props
     return function (e) {
-      dispatch(switchArticle(key))
+      if (article.status === NEW) return null
+      dispatch(switchArticle(article.key))
     }
   }
 
   render () {
-    let { articles, activeArticle } = this.props
+    let { articles, activeArticle, folders } = this.props
 
-    let articlesEl = articles.map(article => {
-      let tags = Array.isArray(article.Tags) && article.Tags.length > 0
-        ? article.Tags.map(tag => {
-          return (<TagLink key={tag.name} tag={tag}/>)
+    let articleElements = articles.map(article => {
+      let tagElements = Array.isArray(article.tags) && article.tags.length > 0
+        ? article.tags.map(tag => {
+          return (<TagLink key={tag} tag={tag}/>)
         })
         : (<span>Not tagged yet</span>)
+      let folder = _.findWhere(folders, {key: article.FolderKey})
 
       return (
         <div key={'article-' + article.key}>
-          <div onClick={e => this.handleArticleClick(article.key)(e)} className={'articleItem' + (activeArticle.key === article.key ? ' active' : '')}>
+          <div onClick={e => this.handleArticleClick(article)(e)} className={'articleItem' + (activeArticle.key === article.key ? ' active' : '')}>
             <div className='top'>
-              <FolderMark id={article.FolderId}/>
-              by <ProfileImage className='profileImage' size='20' email={article.User.email}/> {article.User.profileName}
+              {folder != null
+                ? <span><FolderMark color={folder.color}/>{folder.name}</span>
+                : <span><FolderMark color={-1}/>Unknown</span>
+              }
             <span className='updatedAt'>{article.status != null ? article.status : moment(article.updatedAt).fromNow()}</span>
             </div>
             <div className='middle'>
               <ModeIcon className='mode' mode={article.mode}/> <div className='title'>{article.status !== NEW ? article.title : '(New article)'}</div>
             </div>
             <div className='bottom'>
-              <div className='tags'><i className='fa fa-fw fa-tags'/>{tags}</div>
+              <div className='tags'><i className='fa fa-fw fa-tags'/>{tagElements}</div>
             </div>
           </div>
           <div className='divider'></div>
@@ -46,13 +58,14 @@ export default class ArticleList extends React.Component {
 
     return (
       <div className='ArticleList'>
-        {articlesEl}
+        {articleElements}
       </div>
     )
   }
 }
 
 ArticleList.propTypes = {
+  folders: PropTypes.array,
   articles: PropTypes.array,
   activeArticle: PropTypes.shape(),
   dispatch: PropTypes.func

browser/main/HomePage/ArticleNavigator.js

@@ -36,38 +36,25 @@ export default class ArticleNavigator extends React.Component {
   }
 
   render () {
-    let { activeUser, status } = this.props
-    if (activeUser == null) return (<div className='ArticleNavigator'/>)
+    let { status, folders } = this.props
     let { targetFolders } = status
     if (targetFolders == null) targetFolders = []
 
-    let folders = activeUser.Folders != null
-      ? activeUser.Folders.map((folder, index) => {
-        let isActive = findWhere(targetFolders, {id: folder.id})
+    let folderElememts = folders.map((folder, index) => {
+      let isActive = findWhere(targetFolders, {key: folder.key})
 
-        return (
-          <button onClick={e => this.handleFolderButtonClick(folder.name)(e)} key={'folder-' + folder.id} className={isActive ? 'active' : ''}>
-          <FolderMark id={folder.id}/> {folder.name} {folder.public ? null : <i className='fa fa-fw fa-lock'/>}</button>
-        )
-      })
-      : []
-
-    let members = Array.isArray(activeUser.Members) ? activeUser.Members.sort((a, b) => {
-      return new Date(a._pivot_createdAt) - new Date(b._pivot_createdAt)
-    }).map(member => {
       return (
-        <div key={'member-' + member.id}>
-          <ProfileImage className='memberImage' email={member.email} size='22'/>
-          <div className='memberProfileName'>{member.profileName}</div>
-        </div>
+        <button onClick={e => this.handleFolderButtonClick(folder.name)(e)} key={'folder-' + folder.key} className={isActive ? 'active' : ''}>
+          <FolderMark color={folder.color}/> {folder.name}
+        </button>
       )
-    }) : null
+    })
 
     return (
       <div className='ArticleNavigator'>
         <div className='userInfo'>
-          <div className='userProfileName'>{activeUser.profileName}</div>
-          <div className='userName'>{activeUser.name}</div>
+          <div className='userProfileName'>{process.env.USER}</div>
+          <div className='userName'>local</div>
           <button onClick={e => this.handlePreferencesButtonClick(e)} className='settingBtn'><i className='fa fa-fw fa-chevron-down'/></button>
         </div>
 
@@ -82,22 +69,9 @@ export default class ArticleNavigator extends React.Component {
           </div>
           <div className='folderList'>
             <button onClick={e => this.handleAllFoldersButtonClick(e)} className={targetFolders.length === 0 ? 'active' : ''}>All folders</button>
-            {folders}
+            {folderElememts}
           </div>
         </div>
-
-        {activeUser.userType === 'team' ? (
-          <div className='members'>
-            <div className='header'>
-              <div className='title'>Members</div>
-              <button className='addBtn'><i className='fa fa-fw fa-plus'/></button>
-            </div>
-            <div className='memberList'>
-              {members}
-            </div>
-          </div>
-        ) : null}
-
       </div>
     )
   }
@@ -105,6 +79,7 @@ export default class ArticleNavigator extends React.Component {
 
 ArticleNavigator.propTypes = {
   activeUser: PropTypes.object,
+  folders: PropTypes.array,
   status: PropTypes.shape({
     folderId: PropTypes.number
   }),

browser/main/HomePage/ArticleTopBar.js

@@ -17,11 +17,9 @@ export default class ArticleTopBar extends React.Component {
             <i className='fa fa-search fa-fw' />
             <input value={this.props.status.search} onChange={e => this.handleSearchChange(e)} placeholder='Search' type='text'/>
           </div>
-          <button className='refreshBtn'><i className='fa fa-fw fa-refresh'/></button>
         </div>
         <div className='right'>
           <button>?</button>
-          <button>i</button>
           <ExternalLink className='logo' href='http://b00st.io'>
             <img src='../../resources/favicon-230x230.png' width='44' height='44'/>
           </ExternalLink>

browser/main/index.html

@@ -6,7 +6,6 @@
 
   <link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.min.css" media="screen" charset="utf-8">
   <link rel="stylesheet" href="../../node_modules/devicon/devicon.min.css">
-  <!-- <link rel="stylesheet" href="../styles/main/index.css" media="screen" charset="utf-8"> -->
   <link rel="shortcut icon" href="favicon.ico">
 
   <style>
@@ -53,7 +52,7 @@
   <div id="content"></div>
 
   <script src="../../submodules/ace/src-min/ace.js"></script>
-  <script>
+  <script type='text/javascript'>
     var version = require('remote').require('app').getVersion()
     document.title = 'Boost' + ((version == null || version.length === 0) ? ' DEV' : '')
     document.addEventListener('mousewheel', function(e) {
@@ -62,7 +61,7 @@
       }
     })
     var scriptUrl = process.env.BOOST_ENV === 'development'
-      ? 'http://localhost:8080/assets/bundle.js'
+      ? 'http://localhost:8080/assets/main.js'
       : '../../compiled/main.js'
     var scriptEl=document.createElement('script')
     scriptEl.setAttribute("type","text/javascript")

browser/main/index.js

@@ -1,29 +1,23 @@
 import React from 'react'
 import { Provider } from 'react-redux'
-import { updateUser } from 'boost/actions'
-import { fetchCurrentUser } from 'boost/api'
+// import { updateUser } from 'boost/actions'
 import { Router, Route, IndexRoute } from 'react-router'
 import MainPage from './MainPage'
-import LoginPage from './LoginPage'
-import SignupPage from './SignupPage'
 import HomePage from './HomePage'
-import auth from 'boost/auth'
-import store, { devToolElement } from 'boost/store'
+// import auth from 'boost/auth'
+import store from 'boost/store'
 let ReactDOM = require('react-dom')
 require('../styles/main/index.styl')
 
 function onlyUser (state, replaceState) {
-  let currentUser = auth.user()
-  if (currentUser == null) return replaceState('login', '/login')
-  if (state.location.pathname === '/') return replaceState('user', '/users/' + currentUser.id)
+  // let currentUser = auth.user()
+  // if (currentUser == null) return replaceState('login', '/login')
+  // if (state.location.pathname === '/') return replaceState('user', '/users/' + currentUser.id)
 }
 
 let routes = (
   <Route path='/' component={MainPage}>
-    <Route name='login' path='login' component={LoginPage}/>
-    <Route name='signup' path='signup' component={SignupPage}/>
-    <IndexRoute name='home' component={HomePage} onEnter={onlyUser}/>
-    <Route name='user' path='/users/:userId' component={HomePage} onEnter={onlyUser}/>
+    <IndexRoute name='home' component={HomePage}/>
   </Route>
 )
 
@@ -34,26 +28,25 @@ ReactDOM.render((
     <Provider store={store}>
       <Router>{routes}</Router>
     </Provider>
-    {devToolElement}
   </div>
 ), el, function () {
   let loadingCover = document.getElementById('loadingCover')
   loadingCover.parentNode.removeChild(loadingCover)
 
   // Refresh user information
-  if (auth.user() != null) {
-    fetchCurrentUser()
-      .then(function (res) {
-        let user = res.body
-        store.dispatch(updateUser(user))
-      })
-      .catch(function (err) {
-        if (err.status === 401) {
-          auth.clear()
-          if (window != null) window.location.reload()
-        }
-        console.error(err.message)
-        console.log('Fetch failed')
-      })
-  }
+  // if (auth.user() != null) {
+  //   fetchCurrentUser()
+  //     .then(function (res) {
+  //       let user = res.body
+  //       store.dispatch(updateUser(user))
+  //     })
+  //     .catch(function (err) {
+  //       if (err.status === 401) {
+  //         auth.clear()
+  //         if (window != null) window.location.reload()
+  //       }
+  //       console.error(err.message)
+  //       console.log('Fetch failed')
+  //     })
+  // }
 })