Commit Graph

32 Commits (4dd8dae4834d2c9e02edc83f40cf5a3e484055b4)

Author SHA1 Message Date
OFF0 4576355b03
layout: visual interface improvements
ci/woodpecker/pr/woodpecker Pipeline was successful Details
ci/woodpecker/push/woodpecker Pipeline was successful Details
- writing a new message is now presented in full-screen, so that
  there are no distractions, i.e. other posts
- added back button and listen to esc key to close new message
- on portrait mode the navigation buttons are now positioned at
  the bottom of the screen
- write new message botton (bubble) is also positioned bottomright
- replies now use a line to the last reply instead of indentation,
  better use of available space, especially on small screen
- ignore newlines at the end of a post
- added subtile growin effect to the multiline textfield, to hint
  that the textarea is growing with more content
2 years ago
OFF0 3ab815c30e
post: remove whitespace of textnote content (trim right only)
Send button should be disabled if there are only white spaces or
newlines, trimming only right as white spaces at the beginning
could mean somethig i.e in markdown.
2 years ago
OFF0 7d9f31f7c6
refactor: use evt as variable name if possible
This was we can use evt.id consistently instead of mental overhead
of textNoteEvent.id
2 years ago
OFF0 06686ba9a7
post: improve write and reply to textnote usability
- use growing textarea input to support multiline textnotes
- keep replyTo id in localstorage instead of global variable
- render reply to form on load if there was a replyTo in storage
2 years ago
OFF0 b10a63b932
comment code about textNoteList and eventRelayMap 2 years ago
OFF0 e9cc165738
utils: move multiline function to domutils 2 years ago
OFF0 409ff80d64
test multiline comments 2 years ago
OFF0 7b7b4d3f28
use nostr x1ddos only for now 2 years ago
OFF0 730db777b6
refactor: rename form to settingsform 2 years ago
OFF0 4a710ee5d1
getting ready
- added favicon.ico to get rid of anoying logs in the future
- clicking the idea bubble brings back the text input field
- stop accidentally submitting the reply form
- updated idea cloud to dark/light mode neutral gray
- contact list not needed yet, disabled
- add a detailed list of reactions in star tooltip
- removed debug debounce was for testing chronological feed order
- started username prototype
2 years ago
OFF0 e7ad8e468b
feed: handle reactions (kind 7)
Added support for starring.

Stores recation events in a reactionMap, so rendering can use it
later.

Improved reply to replies, by keeping a separate replyDomMap.

Changed from heart to star, reason: thumbsup or a heart are good
for positive events, but not so suitable to react to a bad event.
So currently negavtive votes are just counted as a star as well.

Did not add another dom map, but just querySelector in case an
existing star needs to be updated later.
2 years ago
OFF0 13b3db4302
layout: update navigation and add icons
Used different CSS-only tab technique. The implementation before
messed up the whole height of the page and used unnecessary
absolute positioning.

Added comment icon from MFG Labs iconset (SIL)
- https://github.com/MfgLabs/mfglabs-iconset

Added outlined and filled heart from Elusiv icons (SIL)
- https://github.com/dovy/elusive-iconfont

Time ago seconds should be rounded.
2 years ago
OFF0 a71de21302
feed: playing with ui
- shorten text notes after 280 chars
- add expand button to shortened text
- play around with profile image and username layout
2 years ago
OFF0 2d8e60a6df
feed: support reply and render incoming replies
Keeping current reply info so it can be accessed later to
publish the reply.

Before only known replies were rendered, now incoming replies
get added to the existing text note  instantly. This needs to
create a reply container if this is the first reply of this event.

Added time ago formatting and a helper function that switches
between relative time (if event < 24h) or absolute formatted time
(if older than 1 day).
2 years ago
OFF0 397df6d5a4
feed: show replies
Render known replies, also added debounce debug info to test
chronological order and keep an eye on.
2 years ago
OFF0 80a9e82f79
refactor: name sort by created_at function 2 years ago
OFF0 a2a5cfa341
refactoring: eleanup part I
Styled profile image to be aligned at the top together with the
event metadata and content.

Still need to decide on which relays to enable.

JavaScript lint fixes.
2 years ago
OFF0 b2ad1d4c60
enable send
Send is enabled now, but some errors do not surface, for exmaple
if the network is down, tried catching those but will need to dig
deeper into that.
2 years ago
OFF0 09bb691f6c
feed: refactoring and deterministic chronological feed order (maybe)
chronological order: Getting there..

cleanup: removed debounce code for now

keep also recommend server events in the dom map, not sure if just
everything should be in the map.
2 years ago
OFF0 549bfed7dd
feed: render textnotes from multiple relays in chronological order
Events should be ordered by created_at.

The randomly incoming events should be injected to their closest
event sibling. Keeping a map of eventIds and dom nodes to reference
and inject the new events.

An alternative to keeping a map could be to add a data-attribute
to each event and use querySelector. It is a trade-off os using
more memory in order to not query the dom tree.
2 years ago
OFF0 d2a7f4a603
refactor: just moving helper functions around 2 years ago
OFF0 d5fa2f420b
feed: add formatted absolute time
Useful to see when a text note was written.
2 years ago
OFF0 380b79038d
feed: change recommend server styling to show on oneline
As recommend servers is secondary meta information, it is enough to
show it smaller and on one line.
2 years ago
OFF0 cab1d14603
feed: add reply to info
Add reply to event id and if available relay info. Relay info is
not always available, see positional e tags (DEPRECATED) NIP-10.
2 years ago
OFF0 69afa63201
feed: style text note reply
Indent textNotes that are replies to an event.
2 years ago
OFF0 f7eb5ff7f6
contacts: trying to create a contactlist
- disabled user picture, loading external resources leaks metadata
  and is bad for privacy.
- refactored code to share profile rendering.
- wip: keep a contact list to display user follows otheruser
2 years ago
OFF0 bac4b9c5e6
change everything
- reverse timeline
- add publish test button
- renamed variables to pubkey, privatekey
- subscribe to self (currently only on load)
- listen to more events before closing
2 years ago
OFF0 f9fcb1131e
ui: update settings and feed
ci/woodpecker/push/woodpecker Pipeline was successful Details
- changed private-key input to type password
- added toggle to show private-key
- added key-generated, key-saved success messages
- changed global font size
- upadted colors (especially light mode)
- unsubscribe after a few messages for testing
2 years ago
OFF0 be13ecf73f
setting: add import and generate private key
ci/woodpecker/push/woodpecker Pipeline was successful Details
Added a new tab for settings to create a private key. The key is
only set in local storage but not used yet.
2 years ago
OFF0 2ee2b69da4
feed: refactor render and add recommend server event
Added event for recommend server (NIP-01 recommend_server event).
2 years ago
OFF0 7a705cd4ab
add profile images for users
Note: users can configure different images on each relay, added
userList with a metadata to keep a map of of different settings
of each releay.
2 years ago
alex 8d60bf871c initial 2 years ago