WIP

Author: queerviolet

app/components/WhoAmI.jsx

@@ -1,16 +1,26 @@
 import React from 'react'
+import firebase from 'APP/fire'
+const auth = firebase.auth()
 
-export const WhoAmI = ({ user, logout }) => (
+export const WhoAmI = ({ user }) => (
   <div className="whoami">
     <span className="whoami-user-name">{user && user.name}</span>
-    <button className="logout" onClick={logout}>Logout</button>
   </div>
 )
 
 import {logout} from 'APP/app/reducers/auth'
 import {connect} from 'react-redux'
 
-export default connect(
-  ({ auth }) => ({ user: auth }),
-  {logout},
-)(WhoAmI)
+export default class extends React.Component {
+  componentDidMount() {
+    this.unsubscribe = auth.onAuthStateChanged(user => this.setState({user}))
+  }
+  componentWillUnmount() {
+    this.unsubscribe()
+  }
+  render() {
+    return (
+      <WhoAmI user={this.state.user}/>
+    )
+  }
+}

app/main.jsx

@@ -9,18 +9,17 @@ import Jokes from './components/Jokes'
 import Login from './components/Login'
 import WhoAmI from './components/WhoAmI'
 import NotFound from './components/NotFound'
+import firebase from 'APP/fire'
 
-const ExampleApp = connect(
-  ({ auth }) => ({ user: auth })
-)(
-  ({ user, children }) =>
-    <div>
-      <nav>
-        {user ? <WhoAmI/> : <Login/>}
-      </nav>
-      {children}
-    </div>
-)
+firebase.auth().onAuthStateChanged(user => user || firebase.auth().signInAnonymously())
+
+const ExampleApp = ({children}) =>
+  <div>
+    <nav>
+      <WhoAmI/>
+    </nav>
+    {children}
+  </div>
 
 render(
   <Provider store={store}>

dev.js

@@ -8,7 +8,7 @@ const app = require('.')
     , chalk = require('chalk'), {bold} = chalk
     , {red, green, blue, cyan, yellow} = bold
     , dev = module.exports = () => run({
-      server: task(app.package.scripts['start-watch'], {color: blue}),
+      server: task(app.package.scripts['start'], {color: blue}),
       build: task(app.package.scripts['build-watch'], {color: green}),
       lint: task(app.package.scripts['lint-watch'], {color: cyan}),
       test: task(app.package.scripts['test-watch'], {color: yellow})

fire/index.js

@@ -0,0 +1,13 @@
+const firebase = require('firebase')
+
+// Initialize Firebase
+var config = {
+  apiKey: 'AIzaSyBzz-Wq2dzMgM7E8cdSYnYoX5fbVUT-XQo',
+  authDomain: 'firebones-6bc2a.firebaseapp.com',
+  databaseURL: 'https://firebones-6bc2a.firebaseio.com',
+  projectId: 'firebones-6bc2a',
+  storageBucket: 'firebones-6bc2a.appspot.com',
+  messagingSenderId: '1030378391678'
+}
+
+module.exports = firebase.initializeApp(config)