Commit 03d17cff841c2fed3e864e0b507f5e8045e4a356
add channel page viewer
Matt McKegg committed on 2/15/2017, 12:18:36 PMParent: 5eaed9654b9fe9dd9e0038fe8d0cffbe584237d3
Files changed
| modules/page/html/render/channel.js | added |
| modules/page/html/render/channel.js | |||
|---|---|---|---|
| @@ -1,0 +1,77 @@ | |||
| 1 … | +var { h, when, send } = require('mutant') | ||
| 2 … | +var pull = require('pull-stream') | ||
| 3 … | +var nest = require('depnest') | ||
| 4 … | + | ||
| 5 … | +exports.needs = nest({ | ||
| 6 … | + 'channel.obs.subscribed': 'first', | ||
| 7 … | + 'feed.html.rollup': 'first', | ||
| 8 … | + 'sbot.pull.log': 'first', | ||
| 9 … | + 'sbot.async.publish': 'first', | ||
| 10 … | + 'keys.sync.id': 'first' | ||
| 11 … | +}) | ||
| 12 … | + | ||
| 13 … | +exports.gives = nest('page.html.render') | ||
| 14 … | + | ||
| 15 … | +exports.create = function (api) { | ||
| 16 … | + return nest('page.html.render', function channel (path) { | ||
| 17 … | + if (path[0] !== '#') return | ||
| 18 … | + | ||
| 19 … | + var channel = path.substr(1) | ||
| 20 … | + var subscribedChannels = api.channel.obs.subscribed(api.keys.sync.id()) | ||
| 21 … | + | ||
| 22 … | + var prepend = [ | ||
| 23 … | + h('div', {className: 'PageHeading'}, [ | ||
| 24 … | + h('h1', `#${channel}`), | ||
| 25 … | + h('div.meta', [ | ||
| 26 … | + when(subscribedChannels.has(channel), | ||
| 27 … | + h('a -unsubscribe', { | ||
| 28 … | + 'href': '#', | ||
| 29 … | + 'title': 'Click to unsubscribe', | ||
| 30 … | + 'ev-click': send(unsubscribe, channel) | ||
| 31 … | + }, 'Subscribed'), | ||
| 32 … | + h('a -subscribe', { | ||
| 33 … | + 'href': '#', | ||
| 34 … | + 'ev-click': send(subscribe, channel) | ||
| 35 … | + }, 'Subscribe') | ||
| 36 … | + ) | ||
| 37 … | + ]) | ||
| 38 … | + ]), | ||
| 39 … | + //api.message.html.compose({type: 'post', channel: channel}, {placeholder: 'Write a message in this channel\n\n\n\nPeople who follow you or subscribe to this channel will also see this message in their main feed.\n\nTo create a new channel, type the channel name (preceded by a #) into the search box above. e.g #cat-pics'}) | ||
| 40 … | + ] | ||
| 41 … | + | ||
| 42 … | + return api.feed.html.rollup((opts) => { | ||
| 43 … | + return pull( | ||
| 44 … | + api.sbot.pull.log(opts), | ||
| 45 … | + pull.map(matchesChannel) | ||
| 46 … | + ) | ||
| 47 … | + }, { prepend }) | ||
| 48 … | + | ||
| 49 … | + // scoped | ||
| 50 … | + | ||
| 51 … | + function matchesChannel (msg) { | ||
| 52 … | + if (msg.sync) return | ||
| 53 … | + var c = msg && msg.value && msg.value.content | ||
| 54 … | + if (c && c.channel === channel) { | ||
| 55 … | + return msg | ||
| 56 … | + } else { | ||
| 57 … | + return {timestamp: msg.timestamp} | ||
| 58 … | + } | ||
| 59 … | + } | ||
| 60 … | + }) | ||
| 61 … | + | ||
| 62 … | + function subscribe (id) { | ||
| 63 … | + api.sbot.async.publish({ | ||
| 64 … | + type: 'channel', | ||
| 65 … | + channel: id, | ||
| 66 … | + subscribed: true | ||
| 67 … | + }) | ||
| 68 … | + } | ||
| 69 … | + | ||
| 70 … | + function unsubscribe (id) { | ||
| 71 … | + api.sbot.async.publish({ | ||
| 72 … | + type: 'channel', | ||
| 73 … | + channel: id, | ||
| 74 … | + subscribed: false | ||
| 75 … | + }) | ||
| 76 … | + } | ||
| 77 … | +} | ||
Built with git-ssb-web