photos
The UI for a photo viewing application. Does not include a backend/protocol.
install
npm i @nichoth/photos
example
var photos = require('@nichoth/photos')
var evs = require('@nichoth/photos/EVENTS')
import { render } from 'preact'
var { bus, setRoute, photosComponent, state } = photos()
bus.on('*', (eventName, data) => {
console.log('*', eventName, data)
})
bus.on(evs.route.change, route => {
state.route.set(route)
})
render(html`<${photosComponent}>
<p>woooo</p>
</${photosComponent}`, document.getElementById('content'))
events
var evs = require('@nichoth/events/namespace')({
test: ['foo'],
profile: ['setAvatar', 'save', 'get'],
route: ['change'],
posts: ['get'],
post: ['new'],
followed: ['get'],
follow: ['start'],
pub: ['join'],
feed: ['get'],
people: ['getProfile']
})
state
var state = struct({
route: observ('/'),
me: observ({}),
posts: observ(null),
postUrls: observ({}),
people: observ({}),
followed: observ([]),
feeds: observ({}),
pubs: struct({
list: observ([]),
err: observ(null)
})
})