> Interactive Interface: Search, filter, and navigate through logs easily. // TODO This is exactly why you would show logs in the browser though— this is not a nice to have, it is THE core feature. The browser is perfect for building the complex UI necessary for filtering and making sense of log streams.
Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
51–60 of 81 posts
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#52Any chance you could share a link to the ChatGPT conversation, or a copy of the prompt you used?
I build little tools like this with ChatGPT all the time, it's one of my favourite use-cases for it. I often have an idea for a tool that wouldn't justify an hour of development work but is absolutely worth spending 5 minutes iterating on with ChatGPT.
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#53This is handy stuff, thanks for sharing. We are working on transporting tasks back and forth from TUI Web App VR ; this is a great and straightforward example of that. I use VSCode CoPilot constantly as simple augmentation and typing-saving — not for wholesale creation of code. I’ve seen my pre-novice daughter use ChatGPT and the results were mixed (good in some ways, horrible in others). Can you elaborate more on yo…
Sure thing! The collaboration with ChatGPT was like having a friendly coding buddy. I threw in ideas, got feedback, and we built this tool together. We chatted about names, features, and even how to post it. It's like having an AI pal who's great at brainstorming and coding. Fun times! ^ asked Chat GPT to generate this from my earlier prompts :) Some other notes, I am a developer who love to make usable products, and…
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#54> Interactive Interface: Search, filter, and navigate through logs easily. // TODO This is exactly why you would show logs in the browser though— this is not a nice to have, it is THE core feature. The browser is perfect for building the complex UI necessary for filtering and making sense of log streams.
Ahh actually you can do search through the logs in real-time, I forgot to split that and remove TODO from the readme. Complex filtering based on the timestamp is yet to implement.
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#55One thing I've always wanted was simple filters on log lines in a GUI that let me collapse tags in the log line. I created a proof of concept that showed logs as a tree.
Or I can say I want logs from the point where key=value and until method x.
A bit like a debugger but for logs. Show logs that are between these facts.
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#56Good idea. Thank you for sharing. One thing I've always wanted was simple filters on log lines in a GUI that let me collapse tags in the log line. I created a proof of concept that showed logs as a tree. Or I can say I want logs from the point where key=value and until method x. A bit like a debugger but for logs. Show logs that are between these facts.
Yes, that is exactly what I want as well - a tree-like structure where you can trace events across multiple layers of abstraction as well as across systems (so both horizontal and vertical relations of events, so to speak).
Some infra systems output syslog loglines and there's no changing that, and I still want to capture and relate these log messages to other events (incl. high-level business transactions / processes).
Any way you could share your PoC? :) very interested.
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#57Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#58Good idea. Thank you for sharing. One thing I've always wanted was simple filters on log lines in a GUI that let me collapse tags in the log line. I created a proof of concept that showed logs as a tree. Or I can say I want logs from the point where key=value and until method x. A bit like a debugger but for logs. Show logs that are between these facts.
> showed logs as a tree. Yes , that is exactly what I want as well - a tree-like structure where you can trace events across multiple layers of abstraction as well as across systems (so both horizontal and vertical relations of events, so to speak). Some infra systems output syslog loglines and there's no changing that, and I still want to capture and relate these log messages to other events (incl. high-level busine…
I don't have the code anymore might have been called "logtree", it was a HTML file and very small, it would parse dot "." separated lines such as (user.connected) and arrange them in a tree with indentation, if you clicked the dot syntax it would highlight in yellow other instances of that bucket of entries later in the log file.
I think you want elegant navigation between linear sequences (next, previous) of log lines that are apart in time, but related.
You might want to see all events of the internals of two different components in the tree structure.
Need to process log lines into a graph and then provide quick navigation for them.
It is indeed horizontal and vertical.
This would be very useful to anti-abuse measures if you could trace to the cause of something and cancel all thing caused by it.
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#59Congrats on launching! Its interesting to see that ChatGPT is able to build something I've been working on ( https://logdy.dev ) for last two months. I guess new era is around the corner then.
This is a great tool too and echoes task teleportation, which is popping up more and more. There’s a new era, but one in which you will be even more powerful. LLMs will improve in pumping out code embodiments… but it was your human creativity borne out of operations frustrations, coupled with your care to do something about it, that manifested your product.
Re: Show HN: Piping logs, visualizing in a web app – just suffix "| npx logscreen"
#60Congrats on launching! Its interesting to see that ChatGPT is able to build something I've been working on ( https://logdy.dev ) for last two months. I guess new era is around the corner then.
Tbf your tool looks 110% more useful and well built than a simple single screen showing the logs with an in-browser search. Keep at it!