Files: 3451510316992d414ec76ba5b29681fe359b7428 / lib / depject / message / html / render / about.js
3023 bytesRaw
1 | const h = require('mutant/h') |
2 | const computed = require('mutant/computed') |
3 | const nest = require('depnest') |
4 | const extend = require('xtend') |
5 | const ref = require('ssb-ref') |
6 | const addContextMenu = require('../../../../message/html/decorate/context-menu') |
7 | |
8 | exports.needs = nest({ |
9 | 'message.html': { |
10 | layout: 'first', |
11 | markdown: 'first' |
12 | }, |
13 | 'profile.html.person': 'first', |
14 | 'about.obs.name': 'first', |
15 | 'blob.sync.url': 'first', |
16 | 'intl.sync.i18n': 'first' |
17 | }) |
18 | |
19 | exports.gives = nest('message.html', { |
20 | canRender: true, |
21 | render: true |
22 | }) |
23 | |
24 | exports.create = function (api) { |
25 | const i18n = api.intl.sync.i18n |
26 | return nest('message.html', { |
27 | canRender: isRenderable, |
28 | render: function (msg, opts) { |
29 | if (!isRenderable(msg)) return |
30 | |
31 | const c = msg.value.content |
32 | const self = msg.value.author === c.about |
33 | |
34 | const miniContent = [] |
35 | const content = [] |
36 | |
37 | if (c.name) { |
38 | const target = api.profile.html.person(c.about, c.name) |
39 | miniContent.push(computed([self, api.about.obs.name(c.about), c.name], (self, a, b) => { |
40 | if (self) { |
41 | return [i18n('self identifies as '), '"', target, '"'] |
42 | } else if (a === b) { |
43 | return [i18n('identified '), api.profile.html.person(c.about)] |
44 | } else { |
45 | return [i18n('identifies '), api.profile.html.person(c.about), i18n(' as "'), target, '"'] |
46 | } |
47 | })) |
48 | } |
49 | |
50 | if (c.image) { |
51 | if (!miniContent.length) { |
52 | const imageAction = self ? i18n('self assigned a display image') : [i18n('assigned a display image to '), api.profile.html.person(c.about)] |
53 | miniContent.push(imageAction) |
54 | } |
55 | |
56 | content.push(h('a AboutImage', { |
57 | href: c.about |
58 | }, [ |
59 | h('img', { src: api.blob.sync.url(c.image) }) |
60 | ])) |
61 | } |
62 | |
63 | const elements = [] |
64 | |
65 | if (miniContent.length) { |
66 | const element = api.message.html.layout(msg, extend({ |
67 | showActions: true, |
68 | miniContent, |
69 | content, |
70 | layout: 'mini' |
71 | }, opts)) |
72 | elements.push(addContextMenu(element, { msg })) |
73 | } |
74 | |
75 | if (c.description) { |
76 | elements.push(addContextMenu(api.message.html.layout(msg, extend({ |
77 | showActions: true, |
78 | miniContent: self ? i18n('self assigned a description') : [i18n('assigned a description to '), api.profile.html.person(c.about)], |
79 | content: api.message.html.markdown(c.description), |
80 | layout: 'mini' |
81 | }, opts)), { msg })) |
82 | } |
83 | |
84 | return elements |
85 | } |
86 | }) |
87 | |
88 | function isRenderable (msg) { |
89 | if (msg.value.content.type !== 'about') return |
90 | if (!ref.isFeed(msg.value.content.about)) return |
91 | const c = msg.value.content |
92 | if (!c || (!c.description && !isBlobLink(c.image) && !c.name)) return |
93 | return true |
94 | } |
95 | } |
96 | |
97 | function isBlobLink (link) { |
98 | if (link && typeof link.link === 'string') { |
99 | link = link.link |
100 | } |
101 | const parsed = ref.parseLink(link) |
102 | if (parsed && ref.isBlob(parsed.link)) { |
103 | return true |
104 | } |
105 | } |
106 |
Built with git-ssb-web