Coder Social home page Coder Social logo

echolon-software / eco-clefviewer Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 1.59 MB

A simple logviewer to view, search and filter log files in the CLEF Format

Home Page: https://www.echolon.de

License: MIT License

TypeScript 76.67% JavaScript 3.06% HTML 12.22% SCSS 8.05%
clef log logging serilog ui

eco-clefviewer's Introduction

Eco Clef Viewer

build status

A simple logviewer to view, search and filter logfiles in the CLEF Format.

Screenshot with list, open item and expanded filter

Features

Demo logmessage: {"@t":"2022-03-02T02:08:13.0327296Z","@mt":"Demo logmessage WITH template '{Template}'", "Template":"This is a Template", "SourceContext":"Demo.Context.WithTemplate","ProcessId":12345,"ThreadId":1}

  • Using the "@l" property to highlight "Warning" and "Error" loglevels
    • Filter also uses this property so you can filter by loglevel
  • Parsing the "@mt" property, containing a possible message template, to correctly display the logmessage
    • If the logmessage contains a linebreak only the first line is displayed. The rest of the message is visible when expanding the message.
  • Using the "SourceContext" property to build the tree for filtering. (Source context is expected to be dot seperated: "Example.Source.Context")
  • Darkmode (can be toggled at the bottom of the filter sidebar)
  • Watchmode
    • Can be enabled after selecting a file
    • Waits for changes, automatically jumps to the end to the logfile and displays them if any occur.
  • File extension registration - .clef files will be automatically associated to Eco Clef Viewer
  • Drag and Drop - you can simply drag a .clef file into the window to open it

To open the developer tools, in case of an error to read the console output, you can press Ctrl + Shift + I.

BEWARE! The selected file will be completely stored in your memory. So depending on your memory size, be careful!

Development

Here are the npm commands you can use while developing, just use npm run <command>:

  • start: simply starts the angular web app without the electron part
  • build: builds the angular frontend
  • electron:build: builds the angular frontend, and electron application and runs it
  • electron:nobuild: only builds the electon application and runs it without building the frontend again
  • dist:windows: builds the windows binaries
  • dist:linux: builds the linux binaries
  • dist:wl: builds the windows and linux binaries
  • dist:mac: builds the mac binaries
  • dist: build the windows and linux binaries

eco-clefviewer's People

Contributors

dependabot[bot] avatar nostix avatar stylefish avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

eco-clefviewer's Issues

user installable version for linux distributions

method 1:
publish on flathub etc.

method 2:
for people that dont use flathub etc:

it would be nice if we could have an installation file (bash script etc) that would install / update the latest release of clef viewer to ~/.local on linux and create a .desktop file.

in my case its copied to ~/.local/bin

this eco-clefviewer.desktop file is what i'm using:

[Desktop Entry]
Encoding=UTF-8
Version=1.0
Type=Application
NoDisplay=false
Exec=/home/larskoehne/.local/bin/Eco.Clef.Viewer.AppImage
Name=eco CLEF Viewer
Icon=eco-clef-viewer
Comment=view log files in .clef format
StartupWMClass=eco-clefviewer

this should be copied to ~/.local/share/applications

after that the images have to be created, sth like this (could be done one time in and checked into the repo):
needs image magick

#!/bin/bash

if [ -z "$1" ]; then # || [ -z "$2" ]; then
	echo "usage: create-app-icons <path to input file> <icon name>"
	exit 1
fi

imgpath="$HOME/.local/share/icons/hicolor"
for s in `ls "$imgpath"` # 16x16 32x32 ...
do
	p="$imgpath/$s/apps/$2.png"
	magick "$1" -resize "$s" "$p"
	echo " => $p"
done

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.