Connect Nostr, integrate place photos #45

2026-04-22T09:22:21Z

raucao commented

2026-04-22 09:22:21 +00:00

Allows users to connect their Nostr identity via Web extension, or signing app with QR code scan, or signing app on Android via intent (iOS following later).

Marco will fetch a user's profile, avatar image, configured Blossom servers, and inbox and outbox relays. All of these will be cached. The app settings have been broken up into sub sections and there is a new section for Nostr settings. Users can edit their relays (only for usage in Marco) and choose to publish photos to all available servers instead of just their main/default/first one.

Once connected, they can upload photos for places, based on our new draft NIP (kind 360, see doc/nostr).

While browsing the map, Marco fetches and caches available photo events in the background. When opening a place, it also ensures we fetch events directly by OSM ID.

When there are photos available, it displays a carousel and preloads any photos currently in view as well as the next one(s). Blurhashes are rendered while photos are loading. On desktop, it shows one photo at a time, on mobile it shows multiple smaller photos side by side. Both allow to scroll horizontally. On desktop there are chevron buttons for easy browsing, while finger scrolling is preferred on mobile.

A photo gallery with full-size/zoomed view will be added later.

refs #7
closes #43
closes #44

Allows users to connect their Nostr identity via Web extension, or signing app with QR code scan, or signing app on Android via intent (iOS following later). Marco will fetch a user's profile, avatar image, configured Blossom servers, and inbox and outbox relays. All of these will be cached. The app settings have been broken up into sub sections and there is a new section for Nostr settings. Users can edit their relays (only for usage in Marco) and choose to publish photos to all available servers instead of just their main/default/first one. Once connected, they can upload photos for places, based on our new draft NIP (kind 360, see `doc/nostr`). While browsing the map, Marco fetches and caches available photo events in the background. When opening a place, it also ensures we fetch events directly by OSM ID. When there are photos available, it displays a carousel and preloads any photos currently in view as well as the next one(s). Blurhashes are rendered while photos are loading. On desktop, it shows one photo at a time, on mobile it shows multiple smaller photos side by side. Both allow to scroll horizontally. On desktop there are chevron buttons for easy browsing, while finger scrolling is preferred on mobile. A photo gallery with full-size/zoomed view will be added later. refs #7 closes #43 closes #44

raucao added the feature label 2026-04-22 09:22:21 +00:00

raucao added 56 commits 2026-04-22 09:22:22 +00:00

Add planning docs for Nostr place reviews 5ad702e6e6

Update notes 9075089221

Add place photos NIP, update reviews NIP f01b5f8faa

Format docs 2268a607d5

WIP Add Nostr auth f875fc1877

Load signer on launch, disconnect or switch pubkey if necessary 4bd5c4bf2a

Cut off overlong account status lines with ellipsis b9f64f30e1

Add generic modal component, refactor photo upload modal (WIP) 03583e5a52

Use camera icon from Feather 798ed0c8dd

Connect Nostr via mobile app 629a308b79

Create dedicated Nostr Connect component, use nsec.app relay 99d8ca9174

Add bunker login for desktop via QR code 6cfe2b40b9

Add applesauce debug logs, fix aggressive connect timeout c57a665655

Refactor Nostr auth service 1dc0c4119b

Improve Nostr connect UI 3a56464926

Load user profile from Nostr, display name and avatar 8cc579e271

Upload photos to user's Blossom server 7607f27013

Fix avatar placement for new avatar image 10501b64bd

Fix default blossom server, move to constant f1ebafc1f0

WIP Upload multiple photos d9ba73559e

Upload to multiple servers, delete from servers when removing in dialog a2a61b0fec

Introduces a dedicated blossom service to tie everything together

Fix deprecation warning 1ed66ca744

Process images before upload, add thumbnails, blurhash 79777fb51a

Improve dropzone styles b7cce6eb7e

Move image processing to worker 4f55f26851

Harden image processing, improve image quality ec31d1a59b

Do sequential image processing/uploads on mobile 5cd384cf3a

Uploading multiple large files at once can fail easily

Improve upload item UI bb2411972f

Rename component, clean up CSS 4c540bc713

Pluralize button text based on number of files a89ba904c8

Close photo upload window, show toast when published 9828ad2714

Fix app menu header height 54445f249b

Wasn't the same between main menu and sub menus

Break up settings into sub sections 54ba99673f

Refactor settings menu, add Nostr settings 5bd4dba907

Adds a setting to control if photos should be uploaded only to the
main/default server, or all known servers of a user.

Only upload to the main server by default, to speed up adding photos.

Cache user profile/settings events in IndexedDB b23d54d74f

Cache own Nostr avatar image a384e83dd0

Refactor settings, DRY up everything c5316bf336

Add and use relay list settings 8d40b3bb35

Fetch and cache photo events while browsing map and when opening place details 99cfd96ca1

Render header photo in place details 85a8699b78

Shows the blurhash and fades in the image once downloaded

Render all place photos in a carousel 94ba33ecc1

Move parsing of place photos to util 7285ace882

Can be used in gallery later

Fix carousel chevron links 71939a30c3

Correct color, hide while disabled

Add integration tests for carousel 32c4f7da57

Smaller gap between photos in carousel on mobile cd25c55bd7

Mock nostr service globally in tests 8ca7481a79

Improve blurhash decode warning, use valid hashes in tests 0f8d7046ac

Revert to single photo per upload and event d8fa30c74b

See NIP changes for reasoning. It also keeps the UI a bit cleaner and
we don't have to queue processing on mobile for mass uploads.

Immediately render newly uploaded photo and scroll to it 670128cbda

Change routing to always use OSM IDs except for custom places 4fed8c05c5

Also implements a short term cache for OSM place data, so we can load it
multiple times without multiplying network requests where needed

Fix auto-scroll to new photo on mobile c853418fbb

Use button element for add-photo link b83a16bf13

Lazy-load place photos d1d179bb93

Only preload photos in view as well as the next one(s), not all of them

Show placeholder on mobile when photos not filling space b6e2964f8e

Improve dropzone size 1498c5a713

Reset scroll position when switching between places

CI / Lint (pull_request) Successful in 36s

Details

CI / Test (pull_request) Successful in 1m3s

Details

Release Drafter / Update release notes draft (pull_request) Successful in 7s

Details

fe41369754

raucao merged commit 6c5c1fea27 into master

2026-04-22 09:32:00 +00:00

raucao referenced this issue from a commit

2026-04-22 09:32:01 +00:00

Merge pull request 'Connect Nostr, integrate place photos' (#45) from feature/nostr_place_reviews into master

raucao deleted branch feature/nostr_place_reviews

2026-04-22 09:32:07 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: raucao/marco#45