Statoscope App Redesign

[avdotion]

This is a root issue about brand new design of Statoscope application.

[avdotion]

Major flows:

1. Opening statoscope.tech, loading one or more stats files, navigating
2. Auto opening ui-report after build (locally stored)
3. Viewing saved interactive reports with title, description and more
4. Viewing linting results in graphical and interactive way

[avdotion]

The layout is ready (we are not publishing it yet, we are discussing it with Sergey). It is UI Kit and major-flow-screens. After initial publishing the previous one will become deprecated, but you still can access it.

The main provisions for the layout

• Use only the default system sans-serif font. In macOS, for example, it will be San Francisco. Perhaps the default font is not the best idea. If so, we will choose any of the free ones.
• Desktop only. The minimum screen width is 1000px.
• Making the Select component native (by default). There are no inputs and many others components in ui kit yet, it will be added as soon as possible.
• There is no dark mode. But while developing it is necessary to declare color schemes for a soft landing.

New features (only in the new app)

• Bundle evaluation system (score)
• The ability to free up memory from already loaded stats
• Quick search for all entities from stats as in Sublime Text (by modules, assets, chunks, etc).

The Future of Statoscope application design

• Dark Mode
• Advanced loading screen (with stages: loading, processing, normalization)
• Preferences not only for the interface, but also for the application
• Statoscope checks-report (validation) directly in the application
• Update the Module screen
• Jupyter-like report, saving the report to PDF, HTML or JPEG format
• Saving discovery-reports to users' Gist, and showing them for a specific kind of stats