jonasglund99 / timetrace

Timed Pattern Matching in Log Files

Hi there, I'm Jonas Geertsen Lund 👋

I'm a Student at Aalborg University & Assistant Frontend Developer at CompanYoung! 📚

• 🌱 I’m currently studying Software on the 6th Semester at Aalborg University, Denmark
• 🥅 2024 Goals: Finish my bachelor!

Connect with me:

Languages currently learning:

---

⚡ GitHub Stats

Top langauges used on my GitHub profile:

timetrace's Issues

Test opsætning

Log fil -> Event array + timestamp array i Uppaal

scoll in logtable on search fix

scroll in search does not work correctly. Newlines are empty. Should reset to got to top of table when searching.

Rework arkitektur ift. preprocessing (mapping)

Draw.io: https://drive.google.com/file/d/1_b3lS04XlLVYUiIRvAUAb1o-YgSaFC4a/view?usp=sharing

Vi skal have lavet et preprocessing komponent

Lav noget der viser rækker af logs i HTML

• Lav en komponent der kan vise rækker af tekst

Arkitektur

https://drive.google.com/file/d/1_b3lS04XlLVYUiIRvAUAb1o-YgSaFC4a/view?usp=sharing

GitHub Actions (CI/CD)

LogFormatter

Implement a class that can be used to convert Log files into Monaa compliant files

formatLog: func(log)
removeUnmappedEvents: func(log)

context refactor

LogHandler (and children)

Create a class that takes the output of Monaa and converts it into time intervals, where we have to search

• LogHandler
• SearchInterval
• LogSearcher
• MonaaMatch
• Event

Test af components

Generelt de metoder der ligger på hvert komponent.

• ???
• [ ]

LogSearcher

Lav en knap til at uploade en fil [CreateMappings]

MappingOverview component LogEvent, Search for Event, Map value [CreateMappings]

Mulighed for at vælge hvilken mapping et bestemt event skal have.

Komponent til at vise warnings/error

Undersøg DND kit

https://dndkit.com/

Error handling for File Upload

• Invalid timestamp
• Wrongly formatted .txt file

Fix css på LogTable

add App context

Fix highlight scroll

next skal håndtere scroll når match er på en ikke rendered page

CreateMappings page

• #20
• #19
• #22

Denne side skal ses som det store på dette billede:

Altså et komponent med et 'create mapping komponent' + mapping overview, så dataen kan flyde fra create mapping komponentet over i mapping overviewet. Det er sådan jeg forstår figuren.

Min ide er at man til højre har loggen og en søge funktion, hvor man så kan udvælge eventet og lave mappingen på den måde, så altså
log overview -> parent komponent -> map overview

MappingList component [CreateMappings]

QueryHandler should be able to post requests to the monaa server

Logik for fileUpload flyttes fra mappingsPage -> FileUpload component

FindZones is running slowly

Start the next search where the previous one ended.

Idea: calculate the average time between each event.

• Store the time of the first event
• Store the time of the last event.

Tilføj $ på string automatisk

LogTable should be able to highlight some fileLines

Lav eksempel på logfil

Ensure that the Mapped/Formatted logfile has converted the timestamps to time in milliseconds since 1970

Indsæt Logtable på LogPage [LogPage]

• Gem state på tværs af routes

Ensure scroll in logtable also works when searching events

LogTable skal vise line numbers ved at have dem til at være absolute ala skraldespand og mapping

• Line number skal altid vises ud for eventet:

Input validering [FileUpload]

Skal ske mellem getfilelines og formatFile

Throw specifikke errors

Eksempelvis:

• to ens events på samme tid
• forkert formattering
• osv.

LogPage

• #50
• #62

Monaa .dot fil TA -> TA model i Uppaal

Øg læsbarhed af komponenter [LogTable]

• Specielt log table har nogle linjer TSX (html) der burde flyttes ud i komponenter for øget læsbarhed
• Kig i andre komponenter 8)
• Context for LogTable

logFormatter to handle /n newline in logfiles

Deploy app

https://vercel.com/

https://devblogs.microsoft.com/premier-developer/deploying-react-apps-to-azure-with-azure-devops/

Scroll to top when new TRE search

• Scroll top
• monaaMatchIndex to 0

Move LogSearch to LogTable

Lav eksempler på TREs der kan konverteres til TAs vha. TRE2TA

QueryHandler should use the Logformatter

The fileLines in LogTable should always be consistent with the line in the actual log file.

• We should use the indices from the files so we can look up the line in the file.

Tilføj visning af aktuel match (ud af antallet af matches)

Define a class that contains hashed values of the events that can map these back to events in the log

Test af modeller

ViewLog

Design siden til at sammensætte TRE/ skrive TRE i input felt + vise matches i log

Lav et input felt til at skrive en timed regular expression [ViewLog]

QueryHandler should use the LogHandler

Tilføj hint til at uploade en logfil i LogTable (hvis der ikke vises nogle rækker) [LogTable]