Commit 920f29c78bb0076a529cda4bbc4f01b19cabd924
wip
mix irving committed on 7/4/2018, 11:27:56 PMParent: 9ad609d054fd59c134b3aac1b801d0aa7d8d0e5a
Files changed
| app/page/posts.js | changed |
| app/page/posts.js | ||
|---|---|---|
| @@ -39,63 +39,74 @@ | ||
| 39 | 39 … | }, '/posts') |
| 40 | 40 … | } |
| 41 | 41 … | |
| 42 | 42 … | function postsPage (location) { |
| 43 | - const BY_UPDATE = 'by_update' | |
| 44 | - const BY_ROOT = 'by_root' | |
| 43 … | + const BY_UPDATE = 'by update' | |
| 44 … | + const BY_ROOT = 'by root' | |
| 45 | 45 … | |
| 46 | - const composer = api.message.html.compose({ | |
| 47 | - location, | |
| 48 | - meta: { type: 'post' }, | |
| 49 | - placeholder: 'Write a public message' | |
| 50 | - }) | |
| 46 … | + const state = Value(BY_UPDATE) | |
| 47 … | + const viewSettings = h('section.viewSettings', [ | |
| 48 … | + h('button', 'hey!') | |
| 49 … | + ]) | |
| 51 | 50 … | |
| 52 | - const store = MutantArray([]) | |
| 51 … | + return computed(state, state => { | |
| 52 … | + var page = byUpdatePage() | |
| 53 | 53 … | |
| 54 | - const page = Scroller({ | |
| 55 | - classList: ['Posts'], | |
| 56 | - prepend: [ | |
| 57 | - composer | |
| 58 | - ], | |
| 59 | - streamToTop: createStream({ live: true, old: false }), | |
| 60 | - streamToBottom: createStream({ reverse: true }), | |
| 61 | - store, | |
| 62 | - updateTop: (soFar, msg) => { | |
| 63 | - const root = getRoot(msg) | |
| 64 | - if (soFar.includes(root)) soFar.delete(root) | |
| 65 | - soFar.insert(root) | |
| 66 | - }, | |
| 67 | - updateBottom: (soFar, msg) => { | |
| 68 | - const root = getRoot(msg) | |
| 69 | - if (!soFar.includes(root)) soFar.push(root) | |
| 70 | - }, | |
| 71 | - render | |
| 54 … | + page.title = '/posts' | |
| 55 … | + page.scroll = keyscroll(page.querySelector('section.content')) | |
| 56 … | + return page | |
| 72 | 57 … | }) |
| 73 | 58 … | |
| 74 | - function createStream (opts) { | |
| 75 | - return api.sbot.pull.stream(server => { | |
| 76 | - // by_update - stream by receive time | |
| 77 | - const defaults = { | |
| 78 | - limit: 50, | |
| 79 | - query: [{ | |
| 80 | - $filter: { | |
| 81 | - timestamp: { $gt: 0 }, | |
| 82 | - value: { | |
| 83 | - content: { | |
| 84 | - type: 'post', | |
| 85 | - recps: { $not: true } | |
| 59 … | + function byUpdatePage () { | |
| 60 … | + return Scroller({ | |
| 61 … | + classList: ['Posts'], | |
| 62 … | + prepend: [ | |
| 63 … | + viewSettings, | |
| 64 … | + Composer(location) | |
| 65 … | + ], | |
| 66 … | + streamToTop: createStream({ live: true, old: false }), | |
| 67 … | + streamToBottom: createStream({ reverse: true }), | |
| 68 … | + updateTop: (soFar, msg) => { | |
| 69 … | + const root = getRoot(msg) | |
| 70 … | + if (soFar.includes(root)) soFar.delete(root) | |
| 71 … | + soFar.insert(root) | |
| 72 … | + }, | |
| 73 … | + updateBottom: (soFar, msg) => { | |
| 74 … | + const root = getRoot(msg) | |
| 75 … | + if (!soFar.includes(root)) soFar.push(root) | |
| 76 … | + }, | |
| 77 … | + render | |
| 78 … | + }) | |
| 79 … | + | |
| 80 … | + function createStream (opts) { | |
| 81 … | + return api.sbot.pull.stream(server => { | |
| 82 … | + // by_update - stream by receive time | |
| 83 … | + const defaults = { | |
| 84 … | + limit: 50, | |
| 85 … | + query: [{ | |
| 86 … | + $filter: { | |
| 87 … | + timestamp: { $gt: 0 }, | |
| 88 … | + value: { | |
| 89 … | + content: { | |
| 90 … | + type: 'post', | |
| 91 … | + recps: { $not: true } | |
| 92 … | + } | |
| 86 | 93 … | } |
| 87 | 94 … | } |
| 88 | - } | |
| 89 | - }] | |
| 90 | - } | |
| 91 | - return next(server.query.read, merge({}, defaults, opts), ['timestamp']) | |
| 92 | - }) | |
| 95 … | + }] | |
| 96 … | + } | |
| 97 … | + return next(server.query.read, merge({}, defaults, opts), ['timestamp']) | |
| 98 … | + }) | |
| 99 … | + } | |
| 93 | 100 … | } |
| 101 … | + } | |
| 94 | 102 … | |
| 95 | - page.title = '/posts' | |
| 96 | - page.scroll = keyscroll(page.querySelector('section.content')) | |
| 97 | - return page | |
| 103 … | + function Composer (location) { | |
| 104 … | + return api.message.html.compose({ | |
| 105 … | + location, | |
| 106 … | + meta: { type: 'post' }, | |
| 107 … | + placeholder: 'Write a public message' | |
| 108 … | + }) | |
| 98 | 109 … | } |
| 99 | 110 … | |
| 100 | 111 … | // TODO - move out into message.html.render ? |
| 101 | 112 … | function render (key) { |
Built with git-ssb-web