When the user following the sign-up flow. The avatar and display name needs to update correctly just when the user enters the home scene after confirming the email. Otherwise, discard the request.

@sxiaojian88 We do not implement related API now. So just make the UX works. I'll fulfill the user info update logic later.

Note:
Please check the new iOS Photo Library permission. We use the read-only grant with the latest API. So the user could directly select the photo without permission request.

Please check the TOCropViewController to make the user could crop the photo into the square shape avatar. Also, iPad test needs for TOCropViewController. There is an issue to present the modal on the iPad. Workaround needs to patch.

Implement the toot reblog function for the user.

Toot

• New Toot
• New Reply

Meta

• image attachment
• image description
• video #142
• Poll (single)
• Poll (multiple)
• Emojis
• spoilter text
• visibility
• input character counter

Auto-complete #137

• Hashtag
• Mention
• Emojis

Highlight

• URL
• Hashtag
• Mention

May be later

• Draft

Add the inline audio player for the toot.

• status view
• profile view

Recommend

• Hashtags
• Accounts

Search

• Search history
• Search result

The search result scene fetching grouped results from the "People" and "Hashtags". The view controller and view model needs implemented as child view controller. Make application could directly set search text without search bar UI.

Custom rounded rectangle button when timeline status changed. And handle the button when the user tapping.

• See new toots (Display when timeline auto-refresh bring new toots)
• Offline (Display when server request failed due to network error)

1. The banner image needs to set aspect to fill the bounds
2. The banner image needs blurred overlay if exists.
3. The banner image needs to set shadow layer

The preview scene needs full-screen displaying for the image when the user taps the image. And the context menu needs pop up when the user long-press the image.

The transitioning for preview scene present and dismiss following the Photo.app transition style if no UX required. And long press when previewing needs prompt a menu for "share" and "save" image.

We implement avatar and display name input for the user in #31. According to the doc. The avatar could upload as multipart/form-data without media attachment API.

1. User sign up success
2. User confirm register in the email
3. App confirm the user token valid
4. App present home scene
5. App update profile in the background. And retry 3 times if failed

In code, use "status" instead of "toot", "reblog" instead of "boost"

The poll needs to display if the toot has one poll. The poll initiate by the user self could not vote. The User only could vote for others' poll.

There are several states for the poll. Make more detail explain when implement.

Currently, the content warning for spoiler text and media are separated. The new UX needs to group the behavior for both. And the content warning reveals state needs to take effect across all pages and persist until the next launching.

Allow the user to select 1~4 images for the post. The image should update to the server after selection finish and display the error state view if an error occurred.

Add the illustration for the welcome scene.

The "See All" button does not set a highlight text color for user tapping.

The timestamp updates every second now.
1s -> 60s then 1m -> 60m and 1h…

Prefer to display "Now" if in the 60s to avoid a countdown timer. Also, i18n needs.

The favorite scene displays favorited statuses for "Me". The timeline always fetches the latest statuses from API. No needs to store the index in the DB.

1. User enter favorites scene
2. App displays favorited statuses (displays "No Status Found" when no favorited statuses)

• profile display
  • name
  • username
  • lock icon
  • avatar image
  • header image
  • fields
  • bio
  • number for status
  • number for following
  • number for follower
• edit profile
• friendship display / actions
  • follow
  • following
  • blocking
  • blocked
  • muted
• menu / actions
  • mute
  • block
  • report
  • block domain
  • share
  • reply
• timeline
  • posts
  • replies
  • media

Aysnc loading needs for deeplink via URL.

The server rules UI is updated. Also, "terms of service" and "privacy policy" buttons could be handle.

The table background width small than the search bar when fetching servers.

The upstream added account lookup via username. We could handle the username available checking when the user inputting.

Add inline video and GIF player for the toot.

Prefer to use the UIKit AVPlayerViewController without any custom to make the feature landing soon.

Add the sawtooth edges for cell appearance.

The home timeline needs trigger timeline loading after the user login in when the timeline is empty. The same logic is implemented in the Hashtag scene. So just make that feature works for the home scene. The difference is the home scene inits without authentication info.

Also, the auto-refresh logic with a timer or scrolling bahvior needs to be considered.

Allow the user to create a poll with 2~4 options for the post.

Only one of the media and poll exist at the same time. The poll options need reorderable. The keyboard return or taps create poll button to make a new poll option. The delete backward makes the poll option remove and makes the other poll option active.

Overlay a blur visual effect view when GIF / Video marked sensitive.

Display Onboarding(a.k.a Splash) page when the app first launches.

• Server API
• Welcom UI
• Server List UI & UX
• Sign up form UI & UX
• Sign up email confirm UI & UX
• Sign in form UI & UX

The description placeholder for the account section needs to updated to meaningful string. The Zeplin UI string is not actually strings should place here.

• Handle HTML server description

1. User input the custom server domain. e.g. "mastodon.social"
2. App displays server description with HTML tags.

Expect:
The description may in HTML format. Needs to filter out the tags.

• User count label

1. User input the custom server domain
2. Tap "See More"
3. App always display server users count with 0

Expect:
The instance API returns accounts count. So just update the UI.

• Crash when bad/without network

1. User input the custom server domain (with the cellular network)
2. Server slow response or no response
3. App crash
   testflight_feedback.zip

Expect:
without crash issue. More robust data source design needs.

The page still displays in Light Mode when switching to the Dark Mode

Implement basic text toot compose scene.

The media entity provides blurhash for app display colorful image placeholder without async fetching.

Swift implement: https://github.com/woltapp/blurhash/tree/master/Swift

The compose scene sets the bottom inset when the keyboard displays. The inset looks different on the iPhone X and the old iPhone. And content still overlaps when the bottom inset set. The poll duration button can not select if input too many texts.

1. Input lots of text
2. Create a poll
3. Can adjust poll duration due to overlap

Expect:
The keyboard does not overlap the content.

Needs update ActiveLabel to supports custom emoji displaying.

The timeline gap has top and bottom tooth saw now. And the cell internal spacing is set to 20pt (top 10pt bottom 10pt). Needs update to follow UI design.

That's compact width for title view due to the right navigation items consume lots of space. Needs set items hidden when title view revealing to make text-align center.

The onboarding register scene needs handle keyboard "return" to make focus moving to next input filed. And make return key "Done" at the last input field to dismiss keyboard.

This is an AutoLayout issue for UI components.

1. Enter Home to make the App enter background
2. Resume the App and enter the foreground
3. The table view layout with the wrong frame

Expect:
The table view should keep the correct layout after resuming.

Media:

• text-only
• image
• video #41
• GIF #41
• audio #42
• Poll

Content Warning:

• spoilter text
• reblog header
• in reply to header #44

Toot Content

• mention redirect
• hashtag redirect
• shorten link
• normal link redirect
• status link redirect #140
• custom emojis

Toot action

• reply
• reblog #43
• favorite
• menu: share link
• menu: copy link
• menu: copy text
• menu: delete

The upstream support resend the sign-up confirmation email. Now we use the web page to handle the email resend flow. We could call it when the server supports.

The reblog header is now displayed for the reblogged toot. We use the same header display in-reply-to meta.

The toot contains an in-reply-to mastodon user ID only without the user object. So async API request for that user is required. Also, hide the header and keep the header height before fetched the user meta.

The context menu should appear when tapping the avatar button.

• Photo Library
• Take Photo or Video (Precondition the device has camera capability. Ask permission when choosing this option)
• Browse (System file manager for image type media)
• Remove (Display when avatar set)

Display thread posts.

• Show thread when tapping post
• Deep-link support for same domain post via URL
• Clipped replies tree with "Show more" logic

Display the hashtag scene timeline for tap the hashtag. Set hashtag for composing content when tapping compose bar button item.

Make the sign up error details (if has) display on the UI.

1. Drag reorder bar change an option's order
2. The order for the placeholder is wrong

Expect:
Placeholder update after reorder action

The label in the collection cell in the search scene needs to align the leading and trailing anchor to the content layout margin guideline.