git ssb

modules_basic/feed.jsView
		@@ -4,8 +4,9 @@
4	4 …	var pull = require('pull-stream')
5	5 …	var u = require('../util')
6	6 …
7	7 …	exports.needs = {
	8 …	+ build_scroller: 'first',
8	9 …	sbot_user_feed: 'first',
9	10 …	message_render: 'first',
10	11 …	avatar_profile: 'first',
11	12 …	signifier: 'first'
		@@ -18,44 +19,33 @@
18	19 …
19	20 …	return function (id) {
20	21 …	//TODO: header of user info, avatars, names, follows.
21	22 …
22		- if(ref.isFeed(id)) {
	23 …	+ if(!ref.isFeed(id)) return
23	24 …
24		- var content = h('div.column.scroller__content')
25		- var div = h('div.column.scroller',
26		- {style: {'overflow':'auto'}},
27		- h('div.scroller__wrapper',
28		- h('div', api.avatar_profile(id)),
29		- h('header', 'Activity'),
30		- content
31		- )
32		- )
	25 …	+ const profile = h('div', api.avatar_profile(id))
	26 …	+ var { container, content } = api.build_scroller({ prepend: [profile, h('header', 'Activity')] })
	27 …	+
	28 …	+ api.signifier(id, function (_, names) {
	29 …	+ if(names.length) container.title = names[0].name
	30 …	+ })
33	31 …
34		- api.signifier(id, function (_, names) {
35		- if(names.length) div.title = names[0].name
36		- })
	32 …	+ pull(
	33 …	+ api.sbot_user_feed({id: id, old: false, live: true}),
	34 …	+ Scroller(container, content, api.message_render, true, false)
	35 …	+ )
37	36 …
	37 …	+ //how to handle when have scrolled past the start???
38	38 …
39		- pull(
40		- api.sbot_user_feed({id: id, old: false, live: true}),
41		- Scroller(div, content, api.message_render, true, false)
42		- )
	39 …	+ pull(
	40 …	+ u.next(api.sbot_user_feed, {
	41 …	+ id: id, reverse: true,
	42 …	+ limit: 50, live: false
	43 …	+ }, ['value', 'sequence']),
	44 …	+ // pull.through(console.log.bind(console)),
	45 …	+ Scroller(container, content, api.message_render, false, false)
	46 …	+ )
43	47 …
44		- //how to handle when have scrolled past the start???
45		-
46		- pull(
47		- u.next(api.sbot_user_feed, {
48		- id: id, reverse: true,
49		- limit: 50, live: false
50		- }, ['value', 'sequence']),
51		- // pull.through(console.log.bind(console)),
52		- Scroller(div, content, api.message_render, false, false)
53		- )
54		-
55		- return div
56		-
57		- }
	48 …	+ return container
58	49 …	}
59		-
60	50 …	}
61	51 …

modules_basic/index.jsView
		@@ -14,8 +14,9 @@
14	14 …	'pub': require('./pub'),
15	15 …	'public': require('./public'),
16	16 …	'relationships': require('./relationships'),
17	17 …	'reply': require('./reply'),
	18 …	+ 'scroller': require('./scroller'),
18	19 …	'setup': require('./setup'),
19	20 …	'thread': require('./thread'),
20	21 …	'timestamp': require('./timestamp')
21	22 …	}

modules_basic/message/confirm.mcssView
		@@ -6,10 +6,8 @@
6	6 …	-message_preview {
7	7 …	background-color: white
8	8 …
9	9 …	div {
10		- border: none
11		-
12	10 …	header.author {
13	11 …	div {
14	12 …	section {
15	13 …	-timestamp {

modules_basic/message/render.mcssView
		@@ -1,7 +1,6 @@
1	1 …	Message {
2	2 …	padding: 1rem .5rem 1rem 7.5rem
3		- border-top: solid 1px gainsboro
4	3 …	min-height: 5rem
5	4 …
6	5 …	position: relative
7	6 …	display: flex

modules_basic/private.jsView
		@@ -9,8 +9,9 @@
9	9 …	if(Array.isArray(ary)) return ary.map(iter)
10	10 …	}
11	11 …
12	12 …	exports.needs = {
	13 …	+ build_scroller: 'first',
13	14 …	message_render: 'first',
14	15 …	message_compose: 'first',
15	16 …	message_unbox: 'first',
16	17 …	sbot_log: 'first',
		@@ -47,55 +48,50 @@
47	48 …
48	49 …	screen_view: function (path) {
49	50 …	if(path !== '/private') return
50	51 …
51		- var div = h('div.column.scroller',
52		- {style: {'overflow':'auto'}})
	52 …	+ var composer = api.message_compose(
	53 …	+ {type: 'post', recps: [], private: true},
	54 …	+ {
	55 …	+ prepublish: function (msg) {
	56 …	+ msg.recps = [id].concat(msg.mentions).filter(function (e) {
	57 …	+ return ref.isFeed('string' === typeof e ? e : e.link)
	58 …	+ })
	59 …	+ if(!msg.recps.length)
	60 …	+ throw new Error('cannot make private message without recipients - just mention the user in an at reply in the message you send')
	61 …	+ return msg
	62 …	+ },
	63 …	+ placeholder: 'Write a private message'
	64 …	+ }
	65 …	+ )
	66 …	+ var { container, content } = api.build_scroller({ prepend: composer })
53	67 …
54	68 …	// if local id is different from sbot id, sbot won't have indexes of
55	69 …	// private threads
56	70 …	//TODO: put all private indexes client side.
57	71 …	var id = require('../keys').id
58	72 …	api.sbot_whoami(function (err, feed) {
59	73 …	if (err) return console.error(err)
60	74 …	if(id !== feed.id)
61		- return div.appendChild(h('h4',
	75 …	+ return container.appendChild(h('h4',
62	76 …	'Private messages are not supported in the lite client.'))
63	77 …
64		- var compose = api.message_compose(
65		- {type: 'post', recps: [], private: true},
66		- {
67		- prepublish: function (msg) {
68		- msg.recps = [id].concat(msg.mentions).filter(function (e) {
69		- return ref.isFeed('string' === typeof e ? e : e.link)
70		- })
71		- if(!msg.recps.length)
72		- throw new Error('cannot make private message without recipients - just mention the user in an at reply in the message you send')
73		- return msg
74		- },
75		- placeholder: 'Write a private message'
76		- }
77		- )
78		-
79		- var content = h('div.column.scroller__content')
80		- div.appendChild(h('div.scroller__wrapper', compose, content))
81		-
82	78 …	pull(
83	79 …	u.next(api.sbot_log, {old: false, limit: 100}),
84	80 …	unbox(),
85		- Scroller(div, content, api.message_render, true, false)
	81 …	+ Scroller(container, content, api.message_render, true, false)
86	82 …	)
87	83 …
88	84 …	pull(
89	85 …	u.next(api.sbot_log, {reverse: true, limit: 1000}),
90	86 …	unbox(),
91		- Scroller(div, content, api.message_render, false, false, function (err) {
	87 …	+ Scroller(container, content, api.message_render, false, false, function (err) {
92	88 …	if(err) throw err
93	89 …	})
94	90 …	)
95	91 …	})
96	92 …
97		- return div
	93 …	+ return container
98	94 …	},
99	95 …
100	96 …	message_meta: function (msg) {
101	97 …	if(msg.value.content.recps \|\| msg.value.private)

modules_basic/public.jsView
		@@ -1,49 +1,50 @@
1		-var h = require('hyperscript')
2		-var u = require('../util')
3		-var pull = require('pull-stream')
4		-var Scroller = require('pull-scroll')
	1 …	+const fs = require('fs')
	2 …	+const h = require('hyperscript')
	3 …	+const u = require('../util')
	4 …	+const pull = require('pull-stream')
	5 …	+const Scroller = require('pull-scroll')
5	6 …
6	7 …	exports.needs = {
	8 …	+ build_scroller: 'first',
7	9 …	message_render: 'first',
8	10 …	message_compose: 'first',
9	11 …	sbot_log: 'first',
10	12 …	}
11	13 …
12	14 …	exports.gives = {
13		- builtin_tabs: true, screen_view: true
	15 …	+ builtin_tabs: true,
	16 …	+ screen_view: true,
	17 …	+ // mcss: true
14	18 …	}
15	19 …
16	20 …	exports.create = function (api) {
17		-
18	21 …	return {
19		- builtin_tabs: function () {
20		- return ['/public']
21		- },
	22 …	+ builtin_tabs,
	23 …	+ screen_view,
	24 …	+ // mcss: () => fs.readFileSync(__filename.replace(/js$/, 'mcss'), 'utf8')
	25 …	+ }
22	26 …
23		- screen_view: function (path, sbot) {
24		- if(path === '/public') {
	27 …	+ function builtin_tabs () {
	28 …	+ return ['/public']
	29 …	+ }
25	30 …
26		- var content = h('div.column.scroller__content')
27		- var div = h('div.column.scroller',
28		- {style: {'overflow':'auto'}},
29		- h('div.scroller__wrapper',
30		- api.message_compose({type: 'post'}, {placeholder: 'Write a public message'}),
31		- content
32		- )
33		- )
	31 …	+ function screen_view (path, sbot) {
	32 …	+ if(path !== '/public') return
34	33 …
35		- pull(
36		- u.next(api.sbot_log, {old: false, limit: 100}),
37		- Scroller(div, content, api.message_render, true, false)
38		- )
	34 …	+ const composer = api.message_compose({type: 'post'}, {placeholder: 'Write a public message'})
	35 …	+ var { container, content } = api.build_scroller({ prepend: composer })
39	36 …
40		- pull(
41		- u.next(api.sbot_log, {reverse: true, limit: 100, live: false}),
42		- Scroller(div, content, api.message_render, false, false)
43		- )
	37 …	+ pull(
	38 …	+ u.next(api.sbot_log, {old: false, limit: 100}),
	39 …	+ Scroller(container, content, api.message_render, true, false)
	40 …	+ )
44	41 …
45		- return div
46		- }
47		- }
	42 …	+ pull(
	43 …	+ u.next(api.sbot_log, {reverse: true, limit: 100, live: false}),
	44 …	+ Scroller(container, content, api.message_render, false, false)
	45 …	+ )
	46 …	+
	47 …	+ return container
48	48 …	}
49	49 …	}
	50 …	+

modules_basic/setup.jsView
		@@ -1,5 +1,4 @@
1		-
2	1 …	var h = require('hyperscript')
3	2 …	var pull = require('pull-stream')
4	3 …
5	4 …	exports.needs = {
		@@ -10,8 +9,15 @@
10	9 …	sbot_progress: 'first',
11	10 …	sbot_query: 'first'
12	11 …	}
13	12 …
	13 …	+exports.gives = {
	14 …	+ setup_is_fresh_install: true,
	15 …	+ progress_bar: true,
	16 …	+ setup_joined_network: true,
	17 …	+ screen_view: true
	18 …	+}
	19 …	+
14	20 …	//maybe this could show the pubs, or
15	21 …	//if someone locally follows you,
16	22 …	//it could show the second degree pubs?
17	23 …
		@@ -28,13 +34,17 @@
28	34 …	}}]
29	35 …	}
30	36 …
31	37 …	exports.create = function (api) {
	38 …	+ return {
	39 …	+ setup_is_fresh_install,
	40 …	+ progress_bar,
	41 …	+ setup_joined_network,
	42 …	+ screen_view
	43 …	+ }
32	44 …
33		- var exports = {}
34		-
35	45 …	//test whether we are connected to the ssb network.
36		- exports.setup_is_fresh_install = function (cb) {
	46 …	+ function setup_is_fresh_install (cb) {
37	47 …	//test by checking whether you have any friends following you?
38	48 …	pull(
39	49 …	api.sbot_query({query: followers_query(id), limit: 1, live: false}),
40	50 …	pull.collect(function (err, ary) {
		@@ -78,9 +88,9 @@
78	88 …
79	89 …	return h('div.invite-form.row', input, accept)
80	90 …	}
81	91 …
82		- exports.progress_bar = function () {
	92 …	+ function progress_bar () {
83	93 …	var liquid = h('div.hyperprogress__liquid', '.')
84	94 …	var bar = h('div.hyperprogress__bar', liquid)
85	95 …	liquid.style.width = '0%'
86	96 …
		@@ -99,9 +109,9 @@
99	109 …
100	110 …	//when you join the network, I want this to show as people follow you.
101	111 …	//that could be when a pub accepts the invite, or when a local peer accepts.
102	112 …
103		- exports.setup_joined_network = function (id) {
	113 …	+ function setup_joined_network (id) {
104	114 …	var followers = h('div.column')
105	115 …	var label = h('label', 'not connected to a network')
106	116 …	var joined = h('div.setup__joined', label, followers)
107	117 …
		@@ -118,31 +128,32 @@
118	128 …
119	129 …	return joined
120	130 …	}
121	131 …
122		- exports.screen_view = function (path) {
	132 …	+ function screen_view (path) {
123	133 …	if(path !== '/setup') return
124	134 …
125		- var id = require('../keys').id
	135 …	+ var { id } = require('../keys')
126	136 …
127	137 …	//set up an avatar
128	138 …
129	139 …	var status = h('span')
130		- return h('div.scroller', h('div.scroller__wrapper',
131		- h('h1', 'welcome to patchbay!'),
132		- h('div',
133		- 'please choose avatar image and name',
134		- api.avatar_edit(id)
135		- ),
136		- h('h2', 'join network'),
137		- invite_form(),
138		- //show avatars of anyone on the same local network.
139		- //show realtime changes in your followers, especially for local.
	140 …	+ var invite = h('input', {placeholder: 'invite code'})
	141 …	+ return h('div.scroller', [
	142 …	+ h('div.scroller__wrapper', [
	143 …	+ h('h1', 'welcome to patchbay!'),
	144 …	+ h('div',
	145 …	+ 'please choose avatar image and name',
	146 …	+ api.avatar_edit(id)
	147 …	+ ),
	148 …	+ h('h2', 'join network'),
	149 …	+ invite_form(),
	150 …	+ //show avatars of anyone on the same local network.
	151 …	+ //show realtime changes in your followers, especially for local.
140	152 …
141		- exports.progress_bar(),
142		- exports.setup_joined_network(require('../keys').id)
143		- ))
	153 …	+ progress_bar(),
	154 …	+ setup_joined_network(id)
	155 …	+ ])
	156 …	+ ])
144	157 …	}
	158 …	+}
145	159 …
146		- return exports
147		-
148		-}

modules_basic/thread.jsView
		@@ -18,8 +18,9 @@
18	18 …	}
19	19 …	}
20	20 …
21	21 …	exports.needs = {
	22 …	+ build_scroller: 'first',
22	23 …	message_render: 'first',
23	24 …	message_name: 'first',
24	25 …	message_compose: 'first',
25	26 …	message_unbox: 'first',
		@@ -60,19 +61,13 @@
60	61 …	root: id,
61	62 …	branch: id //mutated when thread is loaded.
62	63 …	}
63	64 …
64		- var content = h('div.column.scroller__content')
65		- var div = h('div.column.scroller',
66		- {style: {'overflow-y': 'auto'}},
67		- h('div.scroller__wrapper',
68		- content,
69		- api.message_compose(meta, {shrink: false, placeholder: 'Write a reply'})
70		- )
71		- )
	65 …	+ var composer = api.message_compose(meta, {shrink: false, placeholder: 'Write a reply'})
	66 …	+ var { container, content } = api.build_scroller({ append: composer })
72	67 …
73	68 …	api.message_name(id, function (err, name) {
74		- div.title = name
	69 …	+ container.title = name
75	70 …	})
76	71 …
77	72 …	pull(
78	73 …	api.sbot_links({
		@@ -118,8 +113,8 @@
118	113 …	})
119	114 …	}
120	115 …
121	116 …	loadThread()
122		- return div
	117 …	+ return container
123	118 …	}
124	119 …	}
125	120 …	}

modules_basic/scroller.jsView
		@@ -1,0 +1,32 @@
	1 …	+const fs = require('fs')
	2 …	+const h = require('../h')
	3 …	+
	4 …	+exports.gives = {
	5 …	+ build_scroller: true,
	6 …	+ mcss: true
	7 …	+}
	8 …	+
	9 …	+exports.create = function (api) {
	10 …	+ return {
	11 …	+ build_scroller,
	12 …	+ mcss: () => fs.readFileSync(__filename.replace(/js$/, 'mcss'), 'utf8')
	13 …	+ }
	14 …	+
	15 …	+ function build_scroller ({ prepend = [], append = [] } = {}) {
	16 …	+ const content = h('section.content')
	17 …	+
	18 …	+ const container = h('Scroller', { style: { overflow: 'auto' } }, [
	19 …	+ h('div.wrapper', [
	20 …	+ h('header', prepend),
	21 …	+ content,
	22 …	+ h('footer', append)
	23 …	+ ])
	24 …	+ ])
	25 …	+
	26 …	+ return {
	27 …	+ content,
	28 …	+ container
	29 …	+ }
	30 …	+ }
	31 …	+}
	32 …	+

modules_basic/scroller.mcssView
		@@ -1,0 +1,23 @@
	1 …	+Scroller {
	2 …	+ display: flex
	3 …	+ flex-direction: column
	4 …	+
	5 …	+ overflow: auto
	6 …	+ width: 100%
	7 …	+ min-height: 0px
	8 …	+
	9 …	+ div.wrapper {
	10 …	+ flex: 1
	11 …	+ max-width: 600px
	12 …	+ margin-left: auto
	13 …	+ margin-right: auto
	14 …	+
	15 …	+ section.content {
	16 …	+
	17 …	+ div {
	18 …	+ border-top: solid 1px gainsboro
	19 …	+ }
	20 …	+ }
	21 …	+ }
	22 …	+}
	23 …	+

modules_core/tabs.jsView
		@@ -9,8 +9,9 @@
9	9 …	return el
10	10 …	}
11	11 …
12	12 …	exports.needs = {
	13 …	+ build_scroller: 'first',
13	14 …	screen_view: 'first',
14	15 …	search_box: 'first',
15	16 …	menu: 'first',
16	17 …	external_confirm:'first'
		@@ -19,10 +20,9 @@
19	20 …	exports.gives = 'screen_view'
20	21 …
21	22 …	exports.create = function (api) {
22	23 …	return function (path) {
23		- if(path !== 'tabs')
24		- return
	24 …	+ if(path !== 'tabs') return
25	25 …
26	26 …	function setSelected (indexes) {
27	27 …	var ids = indexes.map(function (index) {
28	28 …	return tabs.get(index).id
		@@ -46,9 +46,9 @@
46	46 …	var el = api.screen_view(path)
47	47 …
48	48 …	if(el) {
49	49 …	if(!el.title) el.title = path
50		- el.scroll = keyscroll(el.querySelector('.scroller__content'))
	50 …	+ el.scroll = keyscroll(el.querySelector('.Scroller .\\.content'))
51	51 …	tabs.add(el, change)
52	52 …	// localStorage.openTabs = JSON.stringify(tabs.tabs)
53	53 …	return change
54	54 …	}
		@@ -72,9 +72,9 @@
72	72 …	var el = api.screen_view(path)
73	73 …	if(!el) return
74	74 …	el.id = el.id \|\| path
75	75 …	if (!el) return
76		- el.scroll = keyscroll(el.querySelector('.scroller__content'))
	76 …	+ el.scroll = keyscroll(el.querySelector('.Scroller .\\.content'))
77	77 …	if(el) tabs.add(el, false, false)
78	78 …	})
79	79 …
80	80 …	tabs.select(0)
		@@ -100,9 +100,9 @@
100	100 …
101	101 …	var el = api.screen_view(path)
102	102 …	if(el) {
103	103 …	el.id = el.id \|\| path
104		- el.scroll = keyscroll(el.querySelector('.scroller__content'))
	104 …	+ el.scroll = keyscroll(el.querySelector('.Scroller .\\.content'))
105	105 …	tabs.add(el, !ev.ctrlKey, !!ev.shiftKey)
106	106 …	// localStorage.openTabs = JSON.stringify(tabs.tabs)
107	107 …	}
108	108 …
		@@ -164,16 +164,12 @@
164	164 …	}
165	165 …	})
166	166 …
167	167 …	// errors tab
168		- var errorsContent = h('div.column.scroller__content')
169		- var errors = h('div.column.scroller', {
170		- id: 'errors',
171		- style: {'overflow':'auto'}
172		- }, h('div.scroller__wrapper',
173		- errorsContent
174		- )
175		- )
	168 …	+ var {
	169 …	+ container: errors,
	170 …	+ content: errorsContent
	171 …	+ } = api.build_scroller()
176	172 …
177	173 …	// remove loader error handler
178	174 …	if (window.onError) {
179	175 …	window.removeEventListener('error', window.onError)

modules_extra/channel.jsView
		@@ -3,8 +3,9 @@
3	3 …	var Scroller = require('pull-scroll')
4	4 …	var mfr = require('map-filter-reduce')
5	5 …
6	6 …	exports.needs = {
	7 …	+ build_scroller: 'first',
7	8 …	message_render: 'first',
8	9 …	message_compose: 'first',
9	10 …	sbot_log: 'first',
10	11 …	sbot_query: 'first',
		@@ -35,16 +36,10 @@
35	36 …	screen_view: function (path) {
36	37 …	if(path[0] === '#') {
37	38 …	var channel = path.substr(1)
38	39 …
39		- var content = h('div.column.scroller__content')
40		- var div = h('div.column.scroller',
41		- {style: {'overflow':'auto'}},
42		- h('div.scroller__wrapper',
43		- api.message_compose({type: 'post', channel: channel}),
44		- content
45		- )
46		- )
	40 …	+ var composer = api.message_compose({type: 'post', channel: channel})
	41 …	+ var { container, content } = api.build_scroller({ prepend: composer })
47	42 …
48	43 …	function matchesChannel(msg) {
49	44 …	if (msg.sync) console.error('SYNC', msg)
50	45 …	var c = msg && msg.value && msg.value.content
		@@ -53,19 +48,19 @@
53	48 …
54	49 …	pull(
55	50 …	api.sbot_log({old: false}),
56	51 …	pull.filter(matchesChannel),
57		- Scroller(div, content, api.message_render, true, false)
	52 …	+ Scroller(container, content, api.message_render, true, false)
58	53 …	)
59	54 …
60	55 …	pull(
61	56 …	api.sbot_query({reverse: true, query: [
62	57 …	{$filter: {value: {content: {channel: channel}}}}
63	58 …	]}),
64		- Scroller(div, content, api.message_render, false, false)
	59 …	+ Scroller(container, content, api.message_render, false, false)
65	60 …	)
66	61 …
67		- return div
	62 …	+ return container
68	63 …	}
69	64 …	},
70	65 …
71	66 …	connection_status: function (err) {

modules_extra/git-ssb.jsView
		@@ -3,15 +3,17 @@
3	3 …	var pull = require('pull-stream')
4	4 …	var Scroller = require('pull-scroll')
5	5 …
6	6 …	exports.needs = {
	7 …	+ build_scroller: 'first',
7	8 …	message_render: 'first',
8	9 …	message_compose: 'first',
9	10 …	sbot_log: 'first'
10	11 …	}
11	12 …
12	13 …	exports.gives = {
13		- menu_items: true, screen_view: true
	14 …	+ menu_items: true,
	15 …	+ screen_view: true
14	16 …	}
15	17 …
16	18 …	exports.create = function (api) {
17	19 …	return {
		@@ -21,29 +23,25 @@
21	23 …
22	24 …	screen_view: function (path, sbot) {
23	25 …	if(path === '/git-ssb') {
24	26 …
25		- var content = h('div.column.scroller__content')
26		- var div = h('div.column.scroller',
27		- {style: {'overflow':'auto'}},
28		- h('div.scroller__wrapper', content)
29		- )
	27 …	+ var { container, content } = api.build_scroller()
30	28 …
31	29 …	pull(
32	30 …	u.next(api.sbot_log, {old: false, limit: 100}),
33		- Scroller(div, content, api.message_render, true, false)
	31 …	+ Scroller(container, content, api.message_render, true, false)
34	32 …	)
35	33 …
36	34 …	pull(
37	35 …	u.next(api.sbot_log, {reverse: true, limit: 100, live: false}),
38	36 …	pull.filter(function(msg) { return msg.value.content.type }),
39	37 …	pull.filter(function(msg) {
40	38 …	return msg.value.content.type.match(/^git/)
41	39 …	}),
42		- Scroller(div, content, api.message_render, false, false)
	40 …	+ Scroller(container, content, api.message_render, false, false)
43	41 …	)
44	42 …
45		- return div
	43 …	+ return container
46	44 …	}
47	45 …	}
48	46 …	}
49	47 …	}

modules_extra/notifications.jsView
		@@ -7,8 +7,9 @@
7	7 …	var cont = require('cont')
8	8 …	var ref = require('ssb-ref')
9	9 …
10	10 …	exports.needs = {
	11 …	+ build_scroller: 'first',
11	12 …	message_render: 'first',
12	13 …	sbot_log: 'first',
13	14 …	sbot_get: 'first',
14	15 …	sbot_user_feed: 'first',
		@@ -126,22 +127,16 @@
126	127 …	oldest = msg.value.timestamp
127	128 …	}
128	129 …	})
129	130 …
130		- var content = h('div.column.scroller__content')
131		- var div = h('div.column.scroller',
132		- {style: {'overflow':'auto'}},
133		- h('div.scroller__wrapper',
134		- content
135		- )
136		- )
	131 …	+ var { container, content } = api.build_scroller()
137	132 …
138	133 …	pull(
139	134 …	u.next(api.sbot_log, {old: false, limit: 100}),
140	135 …	unbox(),
141	136 …	notifications(ids),
142	137 …	pull.filter(),
143		- Scroller(div, content, api.message_render, true, false)
	138 …	+ Scroller(container, content, api.message_render, true, false)
144	139 …	)
145	140 …
146	141 …	pull(
147	142 …	u.next(api.sbot_log, {reverse: true, limit: 100, live: false}),
		@@ -151,12 +146,12 @@
151	146 …	pull.take(function (msg) {
152	147 …	// abort stream after we pass the oldest messages of our feeds
153	148 …	return !oldest ? true : msg.value.timestamp > oldest
154	149 …	}),
155		- Scroller(div, content, api.message_render, false, false)
	150 …	+ Scroller(container, content, api.message_render, false, false)
156	151 …	)
157	152 …
158		- return div
	153 …	+ return container
159	154 …	}
160	155 …	}
161	156 …	}
162	157 …	}

modules_extra/search.jsView
		@@ -4,8 +4,9 @@
4	4 …	var Scroller = require('pull-scroll')
5	5 …	var TextNodeSearcher = require('text-node-searcher')
6	6 …
7	7 …	exports.needs = {
WritePreview
	8 …	+ build_scroller: 'first',
8	9 …	message_render: 'first',
9	10 …	sbot_log: 'first'
10	11 …	}
11	12 …
		@@ -59,16 +60,9 @@
59	60 …
60	61 …	var total = 0, matches = 0
61	62 …
62	63 …	var header = h('div.search_header', '')
63		- var content = h('div.column.scroller__content')
64		- var div = h('div.column.scroller',
65		- {style: {'overflow':'auto'}},
66		- h('div.scroller__wrapper',
67		- header,
68		- content
69		- )
70		- )
	64 …	+ var { container, content } = api.build_scroller({ prepend: header})
71	65 …
72	66 …	function matchesQuery (data) {
73	67 …	total++
74	68 …	var m = _matches(data)
		@@ -76,10 +70,8 @@
76	70 …	header.textContent = 'searched:'+total+', found:'+matches
77	71 …	return m
78	72 …	}
79	73 …
80		-
81		-
82	74 …	function renderMsg(msg) {
83	75 …	var el = api.message_render(msg)
84	76 …	highlight(el, createOrRegExp(query))
85	77 …	return el
		@@ -87,18 +79,18 @@
87	79 …
88	80 …	pull(
89	81 …	api.sbot_log({old: false}),
90	82 …	pull.filter(matchesQuery),
91		- Scroller(div, content, renderMsg, true, false)
	83 …	+ Scroller(container, content, renderMsg, true, false)
92	84 …	)
93	85 …
94	86 …	pull(
95	87 …	u.next(api.sbot_log, {reverse: true, limit: 500, live: false}),
96	88 …	pull.filter(matchesQuery),
97		- Scroller(div, content, renderMsg, false, false)
	89 …	+ Scroller(container, content, renderMsg, false, false)
98	90 …	)
99	91 …
100		- return div
	92 …	+ return container
101	93 …	}
102	94 …	}
103	95 …
104	96 …	}

Dominic / patchbay

Commit 32b01f5e6a1ea4c8ceee789f8d6e3375e78b6b39

extract scroller building into a module

Files changed

modules_basic/feed.js	changed
modules_basic/index.js	changed
modules_basic/message/confirm.mcss	changed
modules_basic/message/render.mcss	changed
modules_basic/private.js	changed
modules_basic/public.js	changed
modules_basic/setup.js	changed
modules_basic/thread.js	changed
modules_basic/scroller.js	added
modules_basic/scroller.mcss	added
modules_core/tabs.js	changed
modules_extra/channel.js	changed
modules_extra/git-ssb.js	changed
modules_extra/notifications.js	changed
modules_extra/search.js	changed