Roadmap

[prichodko]

List of features to add and review before merging:

---

Setup

• [x] Upgrade to latest Tamagui / @prichodko done in https://github.com/status-im/status-web/pull/348/commits/69b8b188e58287c116f87e105d6782489d906103
• [x] Fix scripts / @prichodko
  • [x] Fix typecheck
  • [x] Fix lint
  • [x] Fix build
  • [x] Fix CI workflow
• [x] Run dev commands from root / @prichodko / done in https://github.com/status-im/status-web/pull/348/commits/a5910017ea5e2ad2963df84a5949577ce4b5759b
• [ ] Remove examples / @prichodko
• [x] Fix generation of icons / @prichodko / done in https://github.com/status-im/status-web/pull/348/commits/89ef9ad24c6a79b8b2f12553c433e7b6f4c5b882
  • Improve exports field mapping
  • Allow import of raw svg files
  • Allow customization of color via theme color tokens
• [x] Migrate to Vite in @status-im/components @prichodko
• [x] Upgrade React, React DOM, TypeScript and friends @prichodko

Posts & attachments

Figma

• [x] replies / @prichodko done in #353
• [x] reactions / @prichodko done in https://github.com/status-im/status-web/pull/361
  • [x] use Counter from #355
• [x] pinned messages / @jkbktl done in #355
• [x] edit/delete messages / @jkbktl done in #367
• [x] system messages / @prichodko done in #356
• delivery states / needs clarification
• [x] loading states / @marcelines done in #366
• [x] mark as unread / @prichodko in https://github.com/status-im/status-web/pull/360
  • [x] use Counter from #355

Composer

Figma

• [ ] text message
• [ ] text formatting
• [ ] mentions
• [ ] images / @marcelines done in #376
• [ ] audio / @marcelines done in #384
• [ ] gifs / stickers
• [ ] links
• [ ] message stack

Components / design system

Figma

• [x] Add toasts / @felicio done in #369
• [x] System messages / @jkbktl done in #367
• [ ] Use discriminated union in ContextTag component / @jkbktl done in #379
• [x] review the community sidebar / @prichodko done in #370
  • [x] Extract UI components and use Radix Accordion for web interactions and accessibility
  • [x] use Counter from #355
• [x] review topbar / @prichodko done in #370
• [x] review the members sidebar / @prichodko done in #370
• [x] Review dropdown menu / @prichodko done in #364
• [x] Add identicon ring / @felicio done in #371
• [ ] check completeness of individual components
• [ ] unify storybook stories format
  • ?show each variant or divide by variant or both
  • ?divide based on light/dark/blur modes
• [x] regenerate icons / @prichodko / done in https://github.com/status-im/status-web/pull/348/commits/89ef9ad24c6a79b8b2f12553c433e7b6f4c5b882
• [x] regenerate icons again / @prichodko / done in #378
• [ ] Consider adding default size to Icons
• [ ] Migrate theme to @status-im/colors

Miscellaneous

• [x] Dynamically calculate topbar and composer height / @prichodko done in #362
• [ ] Remove shorthands (unnecessary complexity)
• [ ] Use Tamagui strict typing to forbid arbitrary values
• [x] Extract color tokens to separate package / @prichodko / done in #378
• [x] Change tokens names *-opa-{VALUE} to shorter syntax */<alpha-value> (inspired by TailwindCSS) / @prichodko / done in #378
• [x] Rename Paragraph to Text / @prichodko done in #354
• [ ] unify reset.css