dchain

vsecoder/dchain

Fork 0

Commit Graph

Author	SHA1	Message	Date
vsecoder	93040a0684	fix(client): DM-only info, seed on API error, proper cross-group back stack Three related UX fixes on the client. 1. Participants count on profile DMs always have exactly two participants (you and the contact) so a "Участников: 1" row was confusing — either it's obviously the other person or it's wrong depending on how you count. Removed for direct conversations; the row still appears for group chats (and shows an em-dash until v2.1.0 gives groups a real member list). 2. Dev feed seed now activates on network / 404 errors The seed was only surfaced when the real API returned an EMPTY array. If the node was down (Network request failed) or the endpoint replied 404, the catch block quietly set posts to [] and the list stayed blank — defeating the point of the seed. Now both the empty- response path AND the network-error path fall back to getDevSeedFeed(), so scrolling / like-toggling works even without a running node. Also made the __DEV__ lookup more defensive: use `globalThis.__DEV__` at runtime instead of the typed global. Some bundler configurations have the TS type but not the runtime binding, or vice-versa — the runtime lookup always agrees with Metro. 3. Back from profile → previous screen instead of tab root Root cause: AnimatedSlot rendered <Slot>, which is stack-less. When /chats/xyz pushed /profile/abc (cross-group), the chats group unmounted. Hitting Back then re-entered chats at its root (/chats list) rather than /chats/xyz. Replaced <Slot> with <Stack> in AnimatedSlot. Tab switching still stays flat because NavBar uses router.replace (which maps to navigation.replace on the Stack — no history accumulation). Cross-group pushes (post author tap from feed, avatar tap from chat header, compose modal) now live in the outer Stack's history, so Back pops correctly to the caller. The nested Stacks (chats/_layout.tsx, feed/_layout.tsx, profile/_layout.tsx) still handle intra-group navigation as before. The PanResponder-based swipe-right-to-back was removed since the native Stack now provides iOS edge-swipe natively; Android uses the system back button. animation: 'none' keeps the visual swap instant — matches the prior Slot look so nothing flashes slide-animations that weren't there before. Sub-group layouts can opt into slide_from_right themselves (profile/_layout.tsx and feed/_layout.tsx already do). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-18 20:16:38 +03:00
vsecoder	5b64ef2560	feat(client): Twitter-style social feed UI (Phase C of v2.0.0) Ships the client side of the v2.0.0 feed feature. Folds client-app/ into the monorepo (was previously .gitignored as "tracked separately" but no separate repo ever existed — for v2.0.0 the client is first-class). Feed screens app/(app)/feed.tsx — Feed tab - Three-way tab strip: Подписки / Для вас / В тренде backed by /feed/timeline, /feed/foryou, /feed/trending respectively - Default landing tab is "Для вас" — surfaces discovery without requiring the user to follow anyone first - FlatList with pull-to-refresh + viewability-driven view counter bump (posts visible ≥ 60% for ≥ 1s trigger POST /feed/post/…/view) - Floating blue compose button → /compose - Per-post liked_by_me fetched in batches of 6 after list load app/(app)/compose.tsx — post composer modal - Fullscreen, Twitter-like header (✕ left, Опубликовать right) - Auto-focused multiline TextInput, 4000 char cap - Hashtag preview chips that auto-update as you type - expo-image-picker + expo-image-manipulator pipeline: resize to 1080px max-dim, JPEG Q=50 (client-side first-pass compression before the mandatory server-side scrub) - Live fee estimate + balance guard with a confirmation modal ("Опубликовать пост? Цена: 0.00X T · Размер: N KB") - Exif: false passed to ImagePicker as an extra privacy layer app/(app)/feed/[id].tsx — post detail - Full PostCard rendering + detailed info panel (views, likes, size, fee, hosting relay, hashtags as tappable chips) - Triggers bumpView on mount - 410 (on-chain soft-delete) routes back to the feed app/(app)/feed/tag/[tag].tsx — hashtag feed app/(app)/profile/[address].tsx — rebuilt - Twitter-ish profile: avatar, name, address short-form, post count - Posts \| Инфо tab strip - Follow / Unfollow button for non-self profiles (optimistic UI) - Edit button on self profile → settings - Secondary actions (chat, copy address) when viewing a known contact Supporting library lib/feed.ts — HTTP wrappers + tx builders for every /feed/* endpoint: - publishPost (POST /feed/publish, signed) - publishAndCommit (publish → on-chain CREATE_POST) - fetchPost / fetchStats / bumpView - fetchAuthorPosts / fetchTimeline / fetchForYou / fetchTrending / fetchHashtag - buildCreatePostTx / buildDeletePostTx - buildFollowTx / buildUnfollowTx - buildLikePostTx / buildUnlikePostTx - likePost / unlikePost / followUser / unfollowUser / deletePost (high-level helpers that bundle build + submitTx) - formatFee, formatRelativeTime, formatCount — Twitter-like display helpers components/feed/PostCard.tsx — core card component - Memoised for performance (N-row re-render on every like elsewhere would cost a lot otherwise) - Optimistic like toggle with heart-bounce spring animation - Hashtag highlighting in body text (tappable → hashtag feed) - Long-press context menu (Delete, owner-only) - Views / likes / share-link / reply icons in footer row Navigation cleanup - NavBar: removed the SOON pill on the Feed tab (it's shipped now) - (app)/_layout: hide NavBar on /compose and /feed/* sub-routes - AnimatedSlot: treat /feed/<id>, /feed/tag/<t>, /compose as sub-routes so back-swipe-right closes them Channel removal (client side) - lib/types.ts: ContactKind stripped to 'direct' \| 'group'; legacy 'channel' flag removed. `kind` field kept for backward compat with existing AsyncStorage records. - lib/devSeed.ts: dropped the 5 channel seed contacts. - components/ChatTile.tsx: removed channel kindIcon branch. Dependencies - expo-image-manipulator added for client-side image compression. - expo-file-system/legacy used for readAsStringAsync (SDK 54 moved that API to the legacy sub-path; the new streaming API isn't yet stable). Type check - npx tsc --noEmit — clean, 0 errors. Next (not in this commit) - Direct attachment-bytes endpoint on the server so post-detail can actually render the image (currently shows placeholder with URL) - Cross-relay body fetch via /api/relays + hosting_relay pubkey - Mentions (@username) with notifications - Full-text search Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-18 19:43:55 +03:00

Author

SHA1

Message

Date

vsecoder

93040a0684

fix(client): DM-only info, seed on API error, proper cross-group back stack

Three related UX fixes on the client.

1. Participants count on profile

   DMs always have exactly two participants (you and the contact) so a
   "Участников: 1" row was confusing — either it's obviously the other
   person or it's wrong depending on how you count. Removed for direct
   conversations; the row still appears for group chats (and shows an
   em-dash until v2.1.0 gives groups a real member list).

2. Dev feed seed now activates on network / 404 errors

   The seed was only surfaced when the real API returned an EMPTY
   array. If the node was down (Network request failed) or the endpoint
   replied 404, the catch block quietly set posts to [] and the list
   stayed blank — defeating the point of the seed. Now both the empty-
   response path AND the network-error path fall back to getDevSeedFeed(),
   so scrolling / like-toggling works even without a running node.

   Also made the __DEV__ lookup more defensive: use `globalThis.__DEV__`
   at runtime instead of the typed global. Some bundler configurations
   have the TS type but not the runtime binding, or vice-versa — the
   runtime lookup always agrees with Metro.

3. Back from profile → previous screen instead of tab root

   Root cause: AnimatedSlot rendered <Slot>, which is stack-less. When
   /chats/xyz pushed /profile/abc (cross-group), the chats group
   unmounted. Hitting Back then re-entered chats at its root (/chats
   list) rather than /chats/xyz.

   Replaced <Slot> with <Stack> in AnimatedSlot. Tab switching still
   stays flat because NavBar uses router.replace (which maps to
   navigation.replace on the Stack — no history accumulation).
   Cross-group pushes (post author tap from feed, avatar tap from chat
   header, compose modal) now live in the outer Stack's history, so
   Back pops correctly to the caller.

   The nested Stacks (chats/_layout.tsx, feed/_layout.tsx,
   profile/_layout.tsx) still handle intra-group navigation as before.
   The PanResponder-based swipe-right-to-back was removed since the
   native Stack now provides iOS edge-swipe natively; Android uses the
   system back button.

   animation: 'none' keeps the visual swap instant — matches the prior
   Slot look so nothing flashes slide-animations that weren't there
   before. Sub-group layouts can opt into slide_from_right themselves
   (profile/_layout.tsx and feed/_layout.tsx already do).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-04-18 20:16:38 +03:00

vsecoder

5b64ef2560

feat(client): Twitter-style social feed UI (Phase C of v2.0.0)

Ships the client side of the v2.0.0 feed feature. Folds client-app/
into the monorepo (was previously .gitignored as "tracked separately"
but no separate repo ever existed — for v2.0.0 the client is
first-class).

Feed screens

  app/(app)/feed.tsx — Feed tab
    - Three-way tab strip: Подписки / Для вас / В тренде backed by
      /feed/timeline, /feed/foryou, /feed/trending respectively
    - Default landing tab is "Для вас" — surfaces discovery without
      requiring the user to follow anyone first
    - FlatList with pull-to-refresh + viewability-driven view counter
      bump (posts visible ≥ 60% for ≥ 1s trigger POST /feed/post/…/view)
    - Floating blue compose button → /compose
    - Per-post liked_by_me fetched in batches of 6 after list load

  app/(app)/compose.tsx — post composer modal
    - Fullscreen, Twitter-like header (✕ left, Опубликовать right)
    - Auto-focused multiline TextInput, 4000 char cap
    - Hashtag preview chips that auto-update as you type
    - expo-image-picker + expo-image-manipulator pipeline: resize to
      1080px max-dim, JPEG Q=50 (client-side first-pass compression
      before the mandatory server-side scrub)
    - Live fee estimate + balance guard with a confirmation modal
      ("Опубликовать пост? Цена: 0.00X T · Размер: N KB")
    - Exif: false passed to ImagePicker as an extra privacy layer

  app/(app)/feed/[id].tsx — post detail
    - Full PostCard rendering + detailed info panel (views, likes,
      size, fee, hosting relay, hashtags as tappable chips)
    - Triggers bumpView on mount
    - 410 (on-chain soft-delete) routes back to the feed

  app/(app)/feed/tag/[tag].tsx — hashtag feed

  app/(app)/profile/[address].tsx — rebuilt
    - Twitter-ish profile: avatar, name, address short-form, post count
    - Posts | Инфо tab strip
    - Follow / Unfollow button for non-self profiles (optimistic UI)
    - Edit button on self profile → settings
    - Secondary actions (chat, copy address) when viewing a known contact

Supporting library

  lib/feed.ts — HTTP wrappers + tx builders for every /feed/* endpoint:
    - publishPost (POST /feed/publish, signed)
    - publishAndCommit (publish → on-chain CREATE_POST)
    - fetchPost / fetchStats / bumpView
    - fetchAuthorPosts / fetchTimeline / fetchForYou / fetchTrending /
      fetchHashtag
    - buildCreatePostTx / buildDeletePostTx
    - buildFollowTx / buildUnfollowTx
    - buildLikePostTx / buildUnlikePostTx
    - likePost / unlikePost / followUser / unfollowUser / deletePost
      (high-level helpers that bundle build + submitTx)
    - formatFee, formatRelativeTime, formatCount — Twitter-like display
      helpers

  components/feed/PostCard.tsx — core card component
    - Memoised for performance (N-row re-render on every like elsewhere
      would cost a lot otherwise)
    - Optimistic like toggle with heart-bounce spring animation
    - Hashtag highlighting in body text (tappable → hashtag feed)
    - Long-press context menu (Delete, owner-only)
    - Views / likes / share-link / reply icons in footer row

Navigation cleanup

  - NavBar: removed the SOON pill on the Feed tab (it's shipped now)
  - (app)/_layout: hide NavBar on /compose and /feed/* sub-routes
  - AnimatedSlot: treat /feed/<id>, /feed/tag/<t>, /compose as
    sub-routes so back-swipe-right closes them

Channel removal (client side)

  - lib/types.ts: ContactKind stripped to 'direct' | 'group'; legacy
    'channel' flag removed. `kind` field kept for backward compat with
    existing AsyncStorage records.
  - lib/devSeed.ts: dropped the 5 channel seed contacts.
  - components/ChatTile.tsx: removed channel kindIcon branch.

Dependencies

  - expo-image-manipulator added for client-side image compression.
  - expo-file-system/legacy used for readAsStringAsync (SDK 54 moved
    that API to the legacy sub-path; the new streaming API isn't yet
    stable).

Type check

  - npx tsc --noEmit — clean, 0 errors.

Next (not in this commit)

  - Direct attachment-bytes endpoint on the server so post-detail can
    actually render the image (currently shows placeholder with URL)
  - Cross-relay body fetch via /api/relays + hosting_relay pubkey
  - Mentions (@username) with notifications
  - Full-text search

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-04-18 19:43:55 +03:00

2 Commits