add titles

Author: joehand

client/js/app.js

@@ -15,6 +15,7 @@ app.use(require('./models/township'))
 app.use(require('./models/profile'))
 app.use(require('./models/message'))
 app.use(require('./models/preview'))
+app.use(require('./plugins/analytics'))
 
 css('tachyons')
 css('dat-colors')

client/js/pages/archive/index.js

@@ -22,6 +22,7 @@ const archivePage = (state, emit) => {
   var err = state.archive.error
   if (!module.parent && state.archive.retries < 3) emit('archive:getMetadata', {timeout: 3000})
   if (err) {
+    emit(state.events.DOMTITLECHANGE, 'Error Loading Dat | datBase')
     if (err.message === 'Block not downloaded') err.message = 'timed out'
     if (!state.archive.entries.length) {
       if (state.archive.retries >= 3) err = {message: 'too many retries'}
@@ -39,6 +40,9 @@ const archivePage = (state, emit) => {
   var meta = state.archive.metadata
   var title = meta && meta.title || meta.shortname || state.archive.key
   var description = meta && meta.description
+
+  emit(state.events.DOMTITLECHANGE, `${title} | DatBase`)
+
   var styles = css`
     :host {
       .dat-header {

client/js/pages/auth/edit-profile.js

@@ -12,6 +12,8 @@ var prefix = css`
 `
 
 module.exports = (state, emit) => {
+  emit(state.events.DOMTITLECHANGE, 'Edit Profile | datBase')
+
   function onSubmit (e) {
     const data = form(e.target)
     data.id = state.township.profile.id

client/js/pages/auth/login.js

@@ -3,6 +3,7 @@ const header = require('./../../components/header')
 const login = require('./../../components/auth/login')
 
 module.exports = (state, emit) => {
+  emit(state.events.DOMTITLECHANGE, 'Login | datBase')
   return html`
     <div class="landing">
       ${header(state, emit)}

client/js/pages/auth/profile.js

@@ -36,13 +36,15 @@ function placeholder () {
 
 module.exports = (state, emit) => {
   if (state.error) {
+    emit(state.events.DOMTITLECHANGE, 'Error | datBase')
     return html`
     <div>
       ${header(state, emit)}
       ${fourohfour()}
     </div>
     `
   }
+  emit(state.events.DOMTITLECHANGE, `${state.profile.username} | datBase`)
 
   var username = state.profile.username
   var email = state.profile.email

client/js/pages/auth/register.js

@@ -3,6 +3,7 @@ const register = require('./../../components/auth/register')
 const header = require('./../../components/header')
 
 module.exports = (state, emit) => {
+  emit(state.events.DOMTITLECHANGE, 'Register | datBase')
   return html`
     <div class="landing">
       ${header(state, emit)}

client/js/pages/auth/reset-password.js

@@ -5,7 +5,8 @@ const header = require('./../../components/header')
 const form = require('get-form-data')
 
 function body (state, emit) {
-//  const authenticated = state.township.username
+  emit(state.events.DOMTITLECHANGE, 'Reset Password | datBase')
+  // const authenticated = state.township.username
   var query = {}
   if (!module.parent) query = url.parse(window.location.href).query
   const {accountKey, resetToken, email} = querystring.parse(query)

client/js/pages/fourohfour.js

@@ -3,6 +3,7 @@ const wrapper = require('./wrapper')
 const four = require('../elements/404')
 
 module.exports = wrapper(function fourohfour (state, emit) {
+  emit(state.events.DOMTITLECHANGE, '404 - Page Not Found')
   return html`
     <div>
       ${four()}

client/js/pages/landing/index.js

@@ -118,22 +118,4 @@ module.exports = function (state, emit) {
       ${footer()}
     </div>
   `
-
-  function search () {
-    const keydown = (e) => {
-      if (e.keyCode === 13) {
-        var link = e.target.value
-        e.target.value = ''
-        emit('archive:view', link)
-      }
-    }
-
-    const searchIcon = datIcon('search', {class: 'bg-white absolute top-1 ml1 left-0 h2 w2 color-green'})
-    return html`
-      <div class="relative dat-input db">
-        ${searchIcon}
-        <input style="overflow:hidden;" class="f3 pv3 pr4 pl3 indent w-100 dat-input__input h3" name="import-dat" type="text" placeholder="preview dat://" onkeydown=${keydown} />
-      </div>
-    `
-  }
 }

client/js/pages/publish/index.js

@@ -2,6 +2,7 @@ const html = require('choo/html')
 const wrapper = require('../wrapper')
 
 const publish = (state, emit) => {
+  emit(state.events.DOMTITLECHANGE, 'Publish Data | datBase')
   return html`
     <div class="">
     <section class="section bg-splash-02" id="publish">