git ssb

1+

punkmonk.termux / mvd



forked from ev / mvd

Tree: 981d98437a12081fd3da461d2ec661d2a0f0933f

Files: 981d98437a12081fd3da461d2ec661d2a0f0933f / views.js

5911 bytesRaw
1var pull = require('pull-stream')
2var sbot = require('./scuttlebot')
3var hyperscroll = require('hyperscroll')
4var More = require('pull-more')
5var stream = require('hyperloadmore/stream')
6var h = require('hyperscript')
7var render = require('./render')
8var ref = require('ssb-ref')
9
10var config = require('./config')()
11
12var id = require('./keys').id
13
14var fs = require('fs')
15
16var compose = require('./compose')
17
18var about = function () {
19 var screen = document.getElementById('screen')
20
21 var about = require('./about')
22
23 var content = h('div.content', about)
24
25 screen.appendChild(hyperscroll(content))
26}
27
28var edit = function() {
29 var content = h('div.content')
30
31 var screen = document.getElementById('screen')
32
33 screen.appendChild(hyperscroll(content))
34
35 var nameInput = h('input', {placeholder: 'New name'})
36
37 var locInput = h('input', {placeholder: 'New location'})
38
39 var descInput = h('textarea', {placeholder: 'New description'})
40
41 var editor = h('div.message',
42 h('h1', 'Edit profile'),
43 nameInput,
44 h('button.btn.btn-primary', 'Preview', {onclick: function () {
45 if(nameInput.value) {
46 api.message_confirm({
47 type: 'about',
48 about: id,
49 name: nameInput.value || undefined
50 })
51 }
52 }}),
53 h('hr'),
54 locInput,
55 h('button.btn.btn-primary', 'Preview', {onclick: function () {
56 if(locInput.value) {
57 api.message_confirm({
58 type: 'loc',
59 about: id,
60 loc: locInput.value || undefined
61 })
62 }
63 }}),
64 h('hr'),
65 descInput,
66 h('button.btn.btn-primary', 'Preview', {onclick: function (){
67 if(descInput.value) {
68 api.message_confirm({
69 type: 'description',
70 about: id,
71 description: descInput.value || undefined
72 })
73 }
74 }}),
75 h('hr')
76 )
77
78 content.appendChild(editor)
79}
80
81var mentionsStream = function () {
82 var content = h('div.content')
83
84 var screen = document.getElementById('screen')
85
86 screen.appendChild(hyperscroll(content))
87
88 function createStream (opts) {
89 return pull(
90 sbot.backlinks({query: [{$filter: {dest: id}}], reverse: true}),
91 pull.map(function (msg) {
92 if (msg.value.private == true)
93 return 'ignoring private message'
94 else
95 return render(msg)
96 })
97 )
98 }
99
100 pull(
101 createStream({reverse: true, limit: 10}),
102 stream.bottom(content)
103 )
104}
105
106var logStream = function () {
107 var content = h('div.content')
108 var screen = document.getElementById('screen')
109 screen.appendChild(hyperscroll(content))
110
111 function createStream (opts) {
112 return pull(
113 More(sbot.createLogStream, opts),
114 pull.map(function (msg) {
115 return render(msg)
116 })
117
118 )
119 }
120
121 pull(
122 createStream({old: false, limit: 10}),
123 stream.top(content)
124 )
125
126 pull(
127 createStream({reverse: true, live: false, limit: 10}),
128 stream.bottom(content)
129 )
130}
131
132var userStream = function (src) {
133 var content = h('div.content')
134 var screen = document.getElementById('screen')
135 screen.appendChild(hyperscroll(content))
136 function createStream (opts) {
137 return pull(
138 More(sbot.userStream, opts, ['value', 'sequence']),
139 pull.map(function (msg) {
140 return render(msg)
141 })
142 )
143 }
144
145 pull(
146 createStream({old: false, limit: 10, id: src}),
147 stream.top(content)
148 )
149
150 pull(
151 createStream({reverse: true, live: false, limit: 10, id: src}),
152 stream.bottom(content)
153 )
154
155}
156
157var msgThread = function(src) {
158 var content = h('div.content')
159 var screen = document.getElementById('screen')
160 screen.appendChild(hyperscroll(content))
161 sbot.get(src, function (err, data) {
162 if (err) {console.log('could not find message') }
163 data.value = data
164 var root = src
165 if (data.value.content.root)
166 root = data.value.content.root
167 sbot.get(root, function (err, data) {
168 if (err) { console.log('could not find root')}
169 data.value = data
170 data.key = root
171 content.appendChild(render(data))
172 pull(
173 sbot.links({rel: 'root', dest: root, values: true, keys: true, live: true}),
174 pull.drain(function (msg) {
175 if (msg.value)
176 content.appendChild(render(msg))
177 })
178 )
179 })
180 })
181}
182
183var keyPage = function () {
184 var screen = document.getElementById('screen')
185
186 var importKey = h('textarea.import', {placeholder: 'Import a new public/private key', name: 'textarea', style: 'width: 97%; height: 100px;'})
187
188 var content = h('div.content',
189 h('div.message#key',
190 h('h1', 'Your Key'),
191 h('p', {innerHTML: 'Your public/private key is: <pre><code>' + localStorage[config.caps.shs + '/secret'] + '</code></pre>'},
192 h('button.btn', {onclick: function (e){
193 localStorage[config.caps.shs +'/secret'] = ''
194 alert('Your public/private key has been deleted')
195 e.preventDefault()
196 location.hash = ""
197 location.reload()
198 }}, 'Delete Key')
199 ),
200 h('hr'),
201 h('form',
202 importKey,
203 h('button.btn', {onclick: function (e){
204 if(importKey.value) {
205 localStorage[config.caps.shs + '/secret'] = importKey.value.replace(/\s+/g, ' ')
206 e.preventDefault()
207 alert('Your public/private key has been updated')
208 }
209 location.hash = ""
210 location.reload()
211 }}, 'Import key'),
212 )
213 )
214 )
215
216 screen.appendChild(hyperscroll(content))
217}
218
219
220function hash () {
221 return window.location.hash.substring(1)
222}
223
224module.exports = function () {
225 var src = hash()
226
227 if (ref.isFeed(src)) {
228 userStream(src)
229 } else if (ref.isMsg(src)) {
230 msgThread(src)
231 } else if (src == 'mentions') {
232 mentionsStream()
233 } else if (src == 'about') {
234 about()
235 } else if (src == 'edit') {
236 edit()
237 } else if (src == 'key') {
238 keyPage()
239 } else {
240 logStream()
241 }
242}
243

Built with git-ssb-web