Roadmap

[prichodko]

List of features to add and review before merging:

---

Setup

• Upgrade to latest Tamagui / @prichodko done in 69b8b18
• Fix scripts / @prichodko
  • Fix typecheck
  • Fix lint
  • Fix build
  • Fix CI workflow
• Run dev commands from root / @prichodko / done in a591001
• Remove examples / @prichodko
• Fix generation of icons / @prichodko / done in 89ef9ad
  • Improve exports field mapping
  • Allow import of raw svg files
  • Allow customization of color via theme color tokens
• Migrate to Vite in @status-im/components @prichodko
• Upgrade React, React DOM, TypeScript and friends @prichodko

Posts & attachments

Figma

• replies / @prichodko done in Review replies, update buttons, add shadow #353
• reactions / @prichodko done in Review Reactions, add Tabs, update Tooltip #361
  • use Counter from Pinned messages #355
• pinned messages / @jkbktl done in Pinned messages #355
• edit/delete messages / @jkbktl done in Delete message / system messages #367
• system messages / @prichodko done in Add system messages #356
• delivery states / needs clarification
• loading states / @marcelines done in Loading States #366
• mark as unread / @prichodko in Unread messages, review and complete dividers #360
  • use Counter from Pinned messages #355

Composer

Figma

• text message
• text formatting
• mentions
• images / @marcelines done in image-preview #376
• audio / @marcelines done in Audio recorder / Player (WIP) #384
• gifs / stickers
• links
• message stack

Components / design system

Figma

• Add toasts / @felicio done in Add Toast #369
• System messages / @jkbktl done in Delete message / system messages #367
• Use discriminated union in ContextTag component / @jkbktl done in Context tag revamp #379
• review the community sidebar / @prichodko done in Finalize community sidebars and topbar #370
  • Extract UI components and use Radix Accordion for web interactions and accessibility
  • use Counter from Pinned messages #355
• review topbar / @prichodko done in Finalize community sidebars and topbar #370
• review the members sidebar / @prichodko done in Finalize community sidebars and topbar #370
• Review dropdown menu / @prichodko done in Update dropdown menu styles #364
• Add identicon ring / @felicio done in Extend Avatar #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
• regenerate icons / @prichodko / done in 89ef9ad
• regenerate icons again / @prichodko / done in Automate sync of colors and icons with Figma #378
• Consider adding default size to Icons
• Migrate theme to @status-im/colors

Miscellaneous

• Dynamically calculate topbar and composer height / @prichodko done in Calculate topbar and composer height dynamically #362
• Remove shorthands (unnecessary complexity)
• Use Tamagui strict typing to forbid arbitrary values
• Extract color tokens to separate package / @prichodko / done in Automate sync of colors and icons with Figma #378
• Change tokens names *-opa-{VALUE} to shorter syntax */<alpha-value> (inspired by TailwindCSS) / @prichodko / done in Automate sync of colors and icons with Figma #378
• Rename Paragraph to Text / @prichodko done in Unify typography, allow only valid variant combinations #354
• unify reset.css