Log Viewer (log-viewer)

Asyril Log Viewer

Done tasks

• the select page is not overlayed on the side menu
• add loading element on loading of pages/table/charts
• replace "undefined" loglevel by "system" ?
• improve colors of loglevels : grey and lightgrey for trace and debug in colorMixin.ts
• add a button to return to the top of the logs
• add a button to delete all filters
• improve logName display in the top bar
• add a filter like "go to first error"
• implement the ci to deploy the logviewer on the asyril-registry server (port 8098)
• permits to select a cell and set it as filter (CTRL + click)
• display the metadata json
• improve error management when something else than a eye+ log is imported
• push the project on github open source asyril account
• remove menu title and add top space when collapsed
• Remove title above log tables
• Optimize the import by extracting data during import and not on each page (move the informations in the logStore)
• Extract information from metadata (version, serial number) and display them on the base page
• Display recipes summary from metadata
• create a filter store to have the filters saved in pages
• Correct filter height when selecting a log loglevel
• Add an option to go to page with the filter when clicking on a chart
• fix the column size of the q-table
• Add an arrow (or anything else) to differentiate between request and response in communication page
• add keyboard shortcut for go to next error (N) and go to previous error (B)

Improve for future

• display all lines even if not recognized within a service (maybe in the raw view we should display every lines)
• add support for multiline log entry (currently one line in the file = one log entry)
• display the time with milliseconds
• permits to enter regex in the message filter
• tests (unit and e2e)
• translation (i18n)
• implement a general filter like gitlab, github or wireshark
• if scrolled manually go to next error instead of first
• go to next/previous error wrap search
• go to next error block instead of line
• refactor recipes to use a q-table, to be able to sort columns

Development

Install the dependencies

npm install

Start the app in development mode (hot-code reloading, error reporting, etc.)

num start

Lint the files

npm run lint

Format the files

npm run format

Build the app for production

npm run build