git ssb - add message/thread view · Matt McKegg/patchwork@47416e4c

Matt McKegg committed on 2/15/2017, 12:20:30 PM
Parent: 03d17cff841c2fed3e864e0b507f5e8045e4a356

modules/feed/html/thread.js	added
modules/page/html/render/message.js	added
plugs/message/html/layout/default.js	changed
styles/feed-event.mcss	changed
styles/message.mcss	changed
styles/thread.mcss	added

modules/feed/html/thread.jsView
		@@ -1,0 +1,26 @@
	1 …	+var { h, computed, map } = require('mutant')
	2 …	+var nest = require('depnest')
	3 …	+
	4 …	+exports.needs = nest({
	5 …	+ 'feed.obs.thread': 'first',
	6 …	+ 'message.html.render': 'first'
	7 …	+})
	8 …	+
	9 …	+exports.gives = nest('feed.html.thread')
	10 …	+
	11 …	+exports.create = function (api) {
	12 …	+ return nest('feed.html.thread', function (rootId) {
	13 …	+ var thread = api.feed.obs.thread(rootId)
	14 …	+
	15 …	+ var container = h('div', {className: 'Thread'}, [
	16 …	+ map(thread.messages, (msg) => {
	17 …	+ return computed([msg, thread.previousKey(msg)], (msg, previousId) => {
	18 …	+ return api.message.html.render(msg, {previousId})
	19 …	+ })
	20 …	+ })
	21 …	+ ])
	22 …	+
	23 …	+ container.sync = thread.sync
	24 …	+ return container
	25 …	+ })
	26 …	+}

modules/page/html/render/message.jsView
		@@ -1,0 +1,40 @@
	1 …	+var { h, when, send, Value, Proxy, watch } = require('mutant')
	2 …	+var pull = require('pull-stream')
	3 …	+var nest = require('depnest')
	4 …	+var ref = require('ssb-ref')
	5 …	+
	6 …	+exports.needs = nest({
	7 …	+ 'keys.sync.id': 'first',
	8 …	+ 'feed.html.thread': 'first',
	9 …	+ 'message.html.render': 'first',
	10 …	+ 'sbot.async.get': 'first'
	11 …	+})
	12 …	+
	13 …	+exports.gives = nest('page.html.render')
	14 …	+
	15 …	+exports.create = function (api) {
	16 …	+ return nest('page.html.render', function channel (id) {
	17 …	+ if (!ref.isMsg(id)) return
	18 …	+ var loader = h('div', {className: 'Loading -large'})
	19 …	+ var result = Proxy(loader)
	20 …	+
	21 …	+ api.sbot.async.get(id, (err, value) => {
	22 …	+ if (err) return result.set(h('div', {className: 'Error'}, ['Cannot load thead']))
	23 …	+ if (value.content.root) {
	24 …	+ result.set(h('div', {className: 'FeedEvent'}, [
	25 …	+ h('a.full', {href: value.content.root}, ['View full thread']),
	26 …	+ h('div.replies', [
	27 …	+ api.message.html.render({key: id, value})
	28 …	+ ])
	29 …	+ ]))
	30 …	+ } else {
	31 …	+ var thread = api.feed.html.thread(id)
	32 …	+ result.set(when(thread.sync, thread, loader))
	33 …	+ }
	34 …	+ })
	35 …	+
	36 …	+ return h('div', {className: 'SplitView'}, [
	37 …	+ h('div.main', result)
	38 …	+ ])
	39 …	+ })
	40 …	+}

plugs/message/html/layout/default.jsView
		@@ -24,12 +24,13 @@
24	24 …	var replyInfo = null
25	25 …
26	26 …	if (msg.value.content.root) {
27	27 …	classList.push('-reply')
28		- if (!opts.previousId) {
29		- replyInfo = h('span', ['in reply to ', api.message.html.link(msg.value.content.root)])
30		- } else if (opts.previousId && last(msg.value.content.branch) && opts.previousId !== last(msg.value.content.branch)) {
31		- replyInfo = h('span', ['in reply to ', api.message.html.link(last(msg.value.content.branch))])
	28 …	+ var branch = msg.value.content.branch
	29 …	+ if (branch) {
	30 …	+ if (!opts.previousId \|\| (opts.previousId && last(branch) && opts.previousId !== last(branch))) {
	31 …	+ replyInfo = h('span', ['in reply to ', api.message.html.link(last(branch))])
	32 …	+ }
32	33 …	}
33	34 …	}
34	35 …
35	36 …	return h('div', {

Matt McKegg / patchwork