Files
buzz/mobile/lib/shared/animated_avatar.dart
b30f1f6129 Polish mobile profiles, DMs, and sheets (#5401)
## Summary
- add poster-first, tap-to-toggle animated avatars on profile surfaces
while preserving transparent/static behavior elsewhere
- align mobile DM headers, membership actions, and invisible agent
recipient addressing with established desktop semantics
- polish titled sheets and status editing, preserve native iOS sheet
corners, and batch relay reads to improve review-build responsiveness

## Snapshots

<table>
  <tr>
    <th>Profile avatar</th>
    <th>Agent DM header and composer</th>
  </tr>
  <tr>
<td><img
src="https://raw.githubusercontent.com/block/buzz/e8de7495451dbe1a393ab43c5e204ca7425f2ba5/pr-5401--profile-avatar.png"
width="360" alt="Mobile profile settings with animated avatar
surface"></td>
<td><img
src="https://raw.githubusercontent.com/block/buzz/e8de7495451dbe1a393ab43c5e204ca7425f2ba5/pr-5401--agent-dm.png"
width="360" alt="Agent direct message with masked presence and normal
composer"></td>
  </tr>
  <tr>
    <th>Members sheet</th>
    <th>Status editor</th>
  </tr>
  <tr>
<td><img
src="https://raw.githubusercontent.com/block/buzz/e8de7495451dbe1a393ab43c5e204ca7425f2ba5/pr-5401--members-sheet.png"
width="360" alt="Members bottom sheet with centered title and padded
content"></td>
<td><img
src="https://raw.githubusercontent.com/block/buzz/e8de7495451dbe1a393ab43c5e204ca7425f2ba5/pr-5401--status-sheet.png"
width="360" alt="Status editor bottom sheet with duration and quick
statuses"></td>
  </tr>
  <tr>
    <th colspan="2">Switch Community</th>
  </tr>
  <tr>
<td colspan="2" align="center"><img
src="https://raw.githubusercontent.com/block/buzz/e8de7495451dbe1a393ab43c5e204ca7425f2ba5/pr-5401--switch-community.png"
width="720" alt="Switch Community bottom sheet with centered title and
aligned Edit action"></td>
  </tr>
</table>

## Validation
- `just mobile-check`
- `just mobile-test` (1,283 tests)
- installed and reviewed isolated debug builds on iPhone and Pixel

---------

Signed-off-by: kenny lopez <klopez4212@gmail.com>
Signed-off-by: Princess Donut <b238ea756dee4d98afa5883fc7f1de61eeabe65bf700e3a5a5a80db5e42e2c2b@buzz.block.builderlab.xyz>
Signed-off-by: Kenny Lopez <klopez4212@gmail.com>
Signed-off-by: Wes <wesbillman@users.noreply.github.com>
Co-authored-by: Princess Donut <b238ea756dee4d98afa5883fc7f1de61eeabe65bf700e3a5a5a80db5e42e2c2b@buzz.block.builderlab.xyz>
Co-authored-by: Wes <wesbillman@users.noreply.github.com>
Co-authored-by: Carl <c7ebe626f000404285d3686e1dc74cc07cc60a9754a150041ba132e14bd3e2ec@buzz.block.builderlab.xyz>
2026-08-13 20:16:04 -07:00

59 lines
1.7 KiB
Dart

// Animated avatar URL scheme shared with the desktop client.
//
// The static poster is the normal selected frame. The animated PNG URL lives
// in the fragment so clients that do not understand the scheme render only
// the poster:
//
// posterUrl#buzz-anim=encodedAnimationUrl
const _animatedAvatarSeparator = '#buzz-anim=';
/// The static poster and animated image URLs encoded in an avatar URL.
class AnimatedAvatarDescriptor {
const AnimatedAvatarDescriptor({
required this.posterUrl,
required this.animationUrl,
});
final String posterUrl;
final String animationUrl;
}
/// Parses the Buzz animated-avatar fragment scheme from [url].
///
/// Returns `null` when the poster or animation URL is missing, malformed, or
/// does not use HTTP(S).
AnimatedAvatarDescriptor? parseAnimatedAvatarUrl(String? url) {
if (url == null || url.isEmpty) return null;
final separatorIndex = url.indexOf(_animatedAvatarSeparator);
if (separatorIndex <= 0) return null;
final posterUrl = url.substring(0, separatorIndex);
final encodedAnimationUrl = url.substring(
separatorIndex + _animatedAvatarSeparator.length,
);
if (encodedAnimationUrl.isEmpty) return null;
final String animationUrl;
try {
animationUrl = Uri.decodeComponent(encodedAnimationUrl);
} on ArgumentError {
return null;
} on FormatException {
return null;
}
if (!_isHttpUrl(posterUrl) || !_isHttpUrl(animationUrl)) return null;
return AnimatedAvatarDescriptor(
posterUrl: posterUrl,
animationUrl: animationUrl,
);
}
bool _isHttpUrl(String value) {
final uri = Uri.tryParse(value);
return uri != null &&
(uri.scheme == 'http' || uri.scheme == 'https') &&
uri.host.isNotEmpty;
}