The best Hacker News stories from Show from the past day
Latest posts:
Show HN: bpfquery – experimenting with compiling SQL to bpf(trace)
Hello! The last few weeks I've been experimenting with compiling sql queries to bpftrace programs and then working with the results. bpfquery.com is the result of that, source available at <a href="https://github.com/zmaril/bpfquery">https://github.com/zmaril/bpfquery</a>. It's a very minimal sql to bpftrace compiler that lets you explore what's going on with your systems. It implements queries, expressions, and filters/wheres/predicates, and has a streaming pivot table interface built on <a href="https://perspective.finos.org" rel="nofollow">https://perspective.finos.org</a>. I am still figuring out how to do windows, aggregations and joins though, but the pivot table interface actually lets you get surprisingly far. I hope you enjoy it!
Show HN: bpfquery – experimenting with compiling SQL to bpf(trace)
Hello! The last few weeks I've been experimenting with compiling sql queries to bpftrace programs and then working with the results. bpfquery.com is the result of that, source available at <a href="https://github.com/zmaril/bpfquery">https://github.com/zmaril/bpfquery</a>. It's a very minimal sql to bpftrace compiler that lets you explore what's going on with your systems. It implements queries, expressions, and filters/wheres/predicates, and has a streaming pivot table interface built on <a href="https://perspective.finos.org" rel="nofollow">https://perspective.finos.org</a>. I am still figuring out how to do windows, aggregations and joins though, but the pivot table interface actually lets you get surprisingly far. I hope you enjoy it!
Show HN: bpfquery – experimenting with compiling SQL to bpf(trace)
Hello! The last few weeks I've been experimenting with compiling sql queries to bpftrace programs and then working with the results. bpfquery.com is the result of that, source available at <a href="https://github.com/zmaril/bpfquery">https://github.com/zmaril/bpfquery</a>. It's a very minimal sql to bpftrace compiler that lets you explore what's going on with your systems. It implements queries, expressions, and filters/wheres/predicates, and has a streaming pivot table interface built on <a href="https://perspective.finos.org" rel="nofollow">https://perspective.finos.org</a>. I am still figuring out how to do windows, aggregations and joins though, but the pivot table interface actually lets you get surprisingly far. I hope you enjoy it!
Show HN: Amine – Prevents you from switching 100s of Browser Tabs
I made this out of necessity. I just cant stop switching tabs while I must be doing something else!
And I have found a lot many people who have faced this. What about you?<p>I had tried blockers like Cold Turkey, Freedom and RescueTime but they lack a lot many features I wanted. They leave you dependent upon your will power, but <i>Will Power is not just enough!</i><p>I tried to address the things which none other tool seems to eliminate. Key combinations, Mouse movements to switch tabs, leaving the full screen when temptation hits, etc.<p>I learnt a lot about Threading and UI design on the process, and finally forced myself to learn Figma.<p>Hope this helps, at least one person :)
Show HN: turn videos into ASCII art (open source, js+canvas)
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc.<p>Github repo: <a href="https://github.com/collidingScopes/ascii">https://github.com/collidingScopes/ascii</a><p>It's built with javascript / html canvas.<p>I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art).<p>Please let me know of any feedback or suggestions!
Show HN: turn videos into ASCII art (open source, js+canvas)
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc.<p>Github repo: <a href="https://github.com/collidingScopes/ascii">https://github.com/collidingScopes/ascii</a><p>It's built with javascript / html canvas.<p>I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art).<p>Please let me know of any feedback or suggestions!
Show HN: turn videos into ASCII art (open source, js+canvas)
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc.<p>Github repo: <a href="https://github.com/collidingScopes/ascii">https://github.com/collidingScopes/ascii</a><p>It's built with javascript / html canvas.<p>I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art).<p>Please let me know of any feedback or suggestions!
Show HN: A discovery-focused search engine for Hacker News
We (Nick, Dens, Denzell, Fede, Drew, Aaryan, and Daniel) have been building HN Discovery, a discovery-focused search engine for Hacker News, in our spare time for the past 6 months and are excited to show it! It adds the following features relative to the existing keyword search interface and preserves the existing ones:<p>- no-JS version (hnnojs.trieve.ai)<p>- site:{required_site} and site:{negated-site} filters<p>- public analytics<p>- LLM generated query suggestions based on random stories<p>- recommendations<p>- dense vector semantic search<p>- SPLADE fulltext search<p>- RAG AI chat<p>- order by descendant count<p>client code (FOSS self-hostable) - <a href="https://github.com/devflowinc/trieve-hn-discovery">https://github.com/devflowinc/trieve-hn-discovery</a><p>engine code (BSL source-available) - <a href="https://github.com/devflowinc/trieve">https://github.com/devflowinc/trieve</a><p>There is an extended about page with detailed information on features, how much it costs to run, etc. here - <a href="https://hn.trieve.ai/about">https://hn.trieve.ai/about</a>.
Show HN: An open-source, local-first Webflow for your own app
Hey HN, I’m Kiet, and I’m one of the co-founders of Onlook – an open-sourced desktop app that lets you visually edit your locally running React app, then write your changes back to code in real time.<p>I posted the repo a few months ago [1] when it was just 2 weeks old. Since then, we’ve made some big changes/improvements. I wanted to share some of the updates we’ve made and add more technical details. Here are the three big ones:<p>• Inserting new elements - Draw elements in the live page like a design tool and write them back to code.
• Component detection - Detect when an element is a re-used component and find its usages.
• DOM tree representation - A layers panel similar to the Chrome devtool or Figma.<p>Technical details [2]:<p>Visual editing - Onlook is technically a browser that points to your localhost running the app. It can manipulate the DOM like a Chrome Devtool, and all these changes are injected into the page through a CSS stylesheet or DOM manipulation. The changes are non-persistent until written to code.<p>Write to code - To translate the changes to code, we inject an attribute into the DOM elements at build-time that points back to the code like a source map. The attribute gives us the location of the code block, and the component scope [3]. We then find the code, parse it into an AST, inject the styles, and write it back.<p>Framework support - This technique is framework agnostic as we can swap in a different compiler for another framework [4]. It can work for any codebase as we’re just using open standards that don’t require any custom code. The code generated is written directly into your codebase, locally, so you can always take the output without being locked-in to the tool.<p>Actions - All the changes made are stored as actions. This allows them to be serialized, stored, and reproduced. We did it this way so eventually, we can introduce online collaboration or let an agent generate actions. To do this, we’d just need to serve the locally running page and resolve incoming actions.<p>What’s next?<p>It’s still a bit bare-bones but the support and suggestions from the HN and open-source communities have helped us a lot with our direction. Now that we’ve built the core engine, we can start doing some cooler visual builder features, fulfilling the “Webflow” part of our mission such as [5]:<p>• Detecting CSS variables in the page and letting you use them as “design tokens” in the UI.
• Duplicating a page and A/B testing designs before committing to code.
• Creating new components directly in the canvas.
• Creating a front-end project from scratch using Onlook.<p>Some things we’re considering, but aren’t sure about yet:<p>• Offer hosting directly from the app.
• Collaboration such as real-time edits, comments, and share page as a prototype.<p>I’d love to hear your thoughts/feedback. This project continues to be a blast to work on and the community response has been awesome. Thank you to everyone who has tried out and contributed to the repo :)<p>_________<p>[1] <a href="https://news.ycombinator.com/item?id=40904862">https://news.ycombinator.com/item?id=40904862</a><p>[2] <a href="https://github.com/onlook-dev/onlook/wiki/Architecture">https://github.com/onlook-dev/onlook/wiki/Architecture</a><p>[3] The attribute looks something like this:<p><pre><code> data-onlook-id="eJxNjUEKwzAMBP+ic6gOKT3k2i+kDzC2aEwcKVgyDQT/vU5pS067sMvMDl6WVZjYYIC7y2GMlgg6IA6je8LAJaUOVmdTO+BDKSvOkWwSfEme1+Q8oXASmVGthCgYaBFFps3wT1csEX3jX0y3hldz2T6C/VAd4SWVhWG4dpAiUyt9/R7Pc/+b+1ut9Q33rUM5"
</code></pre>
And decodes to this:<p><pre><code> {"component":"Dashboard","endTag":{"end":{"column":10,"line":620},"start":{"column":5,"line":620}},"path":"/Users/kietho/workplace/onlook/studio/demos/next/components/dashboard.tsx","startTag":{"end":{"column":67,"line":69},"start":{"column":5,"line":69}}}
</code></pre>
[4] We’re only supporting a few versions of React at the moment for early focus: <a href="https://github.com/onlook-dev/onlook/tree/main/demos">https://github.com/onlook-dev/onlook/tree/main/demos</a><p>[5] <a href="https://github.com/onlook-dev/onlook/wiki/Roadmap">https://github.com/onlook-dev/onlook/wiki/Roadmap</a>
Show HN: An open-source, local-first Webflow for your own app
Hey HN, I’m Kiet, and I’m one of the co-founders of Onlook – an open-sourced desktop app that lets you visually edit your locally running React app, then write your changes back to code in real time.<p>I posted the repo a few months ago [1] when it was just 2 weeks old. Since then, we’ve made some big changes/improvements. I wanted to share some of the updates we’ve made and add more technical details. Here are the three big ones:<p>• Inserting new elements - Draw elements in the live page like a design tool and write them back to code.
• Component detection - Detect when an element is a re-used component and find its usages.
• DOM tree representation - A layers panel similar to the Chrome devtool or Figma.<p>Technical details [2]:<p>Visual editing - Onlook is technically a browser that points to your localhost running the app. It can manipulate the DOM like a Chrome Devtool, and all these changes are injected into the page through a CSS stylesheet or DOM manipulation. The changes are non-persistent until written to code.<p>Write to code - To translate the changes to code, we inject an attribute into the DOM elements at build-time that points back to the code like a source map. The attribute gives us the location of the code block, and the component scope [3]. We then find the code, parse it into an AST, inject the styles, and write it back.<p>Framework support - This technique is framework agnostic as we can swap in a different compiler for another framework [4]. It can work for any codebase as we’re just using open standards that don’t require any custom code. The code generated is written directly into your codebase, locally, so you can always take the output without being locked-in to the tool.<p>Actions - All the changes made are stored as actions. This allows them to be serialized, stored, and reproduced. We did it this way so eventually, we can introduce online collaboration or let an agent generate actions. To do this, we’d just need to serve the locally running page and resolve incoming actions.<p>What’s next?<p>It’s still a bit bare-bones but the support and suggestions from the HN and open-source communities have helped us a lot with our direction. Now that we’ve built the core engine, we can start doing some cooler visual builder features, fulfilling the “Webflow” part of our mission such as [5]:<p>• Detecting CSS variables in the page and letting you use them as “design tokens” in the UI.
• Duplicating a page and A/B testing designs before committing to code.
• Creating new components directly in the canvas.
• Creating a front-end project from scratch using Onlook.<p>Some things we’re considering, but aren’t sure about yet:<p>• Offer hosting directly from the app.
• Collaboration such as real-time edits, comments, and share page as a prototype.<p>I’d love to hear your thoughts/feedback. This project continues to be a blast to work on and the community response has been awesome. Thank you to everyone who has tried out and contributed to the repo :)<p>_________<p>[1] <a href="https://news.ycombinator.com/item?id=40904862">https://news.ycombinator.com/item?id=40904862</a><p>[2] <a href="https://github.com/onlook-dev/onlook/wiki/Architecture">https://github.com/onlook-dev/onlook/wiki/Architecture</a><p>[3] The attribute looks something like this:<p><pre><code> data-onlook-id="eJxNjUEKwzAMBP+ic6gOKT3k2i+kDzC2aEwcKVgyDQT/vU5pS067sMvMDl6WVZjYYIC7y2GMlgg6IA6je8LAJaUOVmdTO+BDKSvOkWwSfEme1+Q8oXASmVGthCgYaBFFps3wT1csEX3jX0y3hldz2T6C/VAd4SWVhWG4dpAiUyt9/R7Pc/+b+1ut9Q33rUM5"
</code></pre>
And decodes to this:<p><pre><code> {"component":"Dashboard","endTag":{"end":{"column":10,"line":620},"start":{"column":5,"line":620}},"path":"/Users/kietho/workplace/onlook/studio/demos/next/components/dashboard.tsx","startTag":{"end":{"column":67,"line":69},"start":{"column":5,"line":69}}}
</code></pre>
[4] We’re only supporting a few versions of React at the moment for early focus: <a href="https://github.com/onlook-dev/onlook/tree/main/demos">https://github.com/onlook-dev/onlook/tree/main/demos</a><p>[5] <a href="https://github.com/onlook-dev/onlook/wiki/Roadmap">https://github.com/onlook-dev/onlook/wiki/Roadmap</a>
Show HN: Homemade automated solar concentrator
Hi HN!<p>I quit my job two years ago to have more time to work on my side projects.<p>The main one is an automated solar concentrator.<p>I've just open-sourced it, it's not perfect nor finished, and I still have a lot of ideas for further development, but I'm interested in knowing what you think of it.<p>There are many applications where concentrated solar power could be a viable environmental and economic solution, I hope this technology will one day be more widely used.<p>Feel free to give any feedback and ask questions.
Show HN: Homemade automated solar concentrator
Hi HN!<p>I quit my job two years ago to have more time to work on my side projects.<p>The main one is an automated solar concentrator.<p>I've just open-sourced it, it's not perfect nor finished, and I still have a lot of ideas for further development, but I'm interested in knowing what you think of it.<p>There are many applications where concentrated solar power could be a viable environmental and economic solution, I hope this technology will one day be more widely used.<p>Feel free to give any feedback and ask questions.
Show HN: We ungated our product (no signup)–is it a good idea?
Users within our ICP were dropping off during or right after the signup process, never reaching that crucial “aha moment” where they truly see the value in our product. Typically, this moment happens when they’ve created an interactive demo they’re happy with.<p>We were like... "let's just do it". So, we decided to ungate our product—removing the signup step entirely at this stage of the user journey. Of course, users can still sign up if they want to continue using the product, but our aim was to reduce friction and align with the supposed future of product-led growth, where ungated experiences help users quickly grasp a product’s value.<p>We’re tracking key metrics—like increased engagement, faster time-to-value, and created demos—but it’s still early days, and the results are mixed. We’ve seen spikes in usage, but also some users creating “meaningless” demos, likely due to being overwhelmed by too many options.<p>I’m eager for your thoughts:
- What do you think of this specific ungated experience?
- Were you able to create your first interactive demo?
- Any other ungated product you really like, and why?<p>Open to any feedback or discussions!
Show HN: Shed Light on Your Go Binary Bloat with Go Size Analyzer
I've created a powerful tool to help Go developers uncover the hidden giants in their compiled binaries. Go Size Analyzer is like an X-ray machine for your Go executables, revealing:<p>Which dependencies are eating up your binary size<p>Unexpected bloat from standard library or vendor packages<p>Size changes between binary versions with a visual diff<p>Key features that set it apart:<p>Interactive treemap visualizations (check out the demo: <a href="https://gsa.zxilly.dev" rel="nofollow">https://gsa.zxilly.dev</a>)<p>Slick terminal UI for deep diving into package hierarchies<p>Cross-platform support (works on Linux, macOS, and Windows binaries)<p>Export to SVG for easy sharing and documentation or just visualize the CI process<p>Whether you're optimizing for edge devices, reducing Docker image sizes, or just curious about what's really inside your Go binaries, this tool provides detailed insights.
.
Show HN: Repo2vec – an open-source library for chatting with any codebase
Hi HN, We're excited to share repo2vec: a simple-to-use, modular library enabling you to chat with any public or private codebase. It's like Github Copilot but with the most up-to-date information about your repo.<p>We made this because sometimes you just want to learn how a codebase works and how to integrate it, without spending hours sifting through the code itself.<p>We tried to make it dead-simple to use. With two scripts, you can index and get a functional interface for your repo. Every generated response shows where in the code the context for the answer was pulled from.<p>We also made it plug-and-play where every component from the embeddings, to the vector store, to the LLM is completely customizable.<p>If you want to see a hosted version of the chat interface with its features, here's a link: <a href="https://www.youtube.com/watch?v=CNVzmqRXUCA" rel="nofollow">https://www.youtube.com/watch?v=CNVzmqRXUCA</a><p>We would love your feedback!<p>- Mihail and Julia
Show HN: Repo2vec – an open-source library for chatting with any codebase
Hi HN, We're excited to share repo2vec: a simple-to-use, modular library enabling you to chat with any public or private codebase. It's like Github Copilot but with the most up-to-date information about your repo.<p>We made this because sometimes you just want to learn how a codebase works and how to integrate it, without spending hours sifting through the code itself.<p>We tried to make it dead-simple to use. With two scripts, you can index and get a functional interface for your repo. Every generated response shows where in the code the context for the answer was pulled from.<p>We also made it plug-and-play where every component from the embeddings, to the vector store, to the LLM is completely customizable.<p>If you want to see a hosted version of the chat interface with its features, here's a link: <a href="https://www.youtube.com/watch?v=CNVzmqRXUCA" rel="nofollow">https://www.youtube.com/watch?v=CNVzmqRXUCA</a><p>We would love your feedback!<p>- Mihail and Julia
Show HN: Every open source tool from the "What's HN working on" thread
Show HN: Claude Artifacts but creating real web apps
Hey Hacker News!<p>Launching gptengineer.app into beta today.<p>It's like Claude Artifacts, but:<p>- you can edit the code in your fav IDE (two-way github sync)<p>- installs npm packages<p>- automatically picks up build and runtime errors and fixes them<p>- very fast, built with rust<p>The full stack capabilities are built on supabase (prefer to not have to handle auth + user data at this point so this is owned by the user)<p>The seed for this project was an open source experiment, posted about that previously here:<p><a href="https://news.ycombinator.com/item?id=36422730">https://news.ycombinator.com/item?id=36422730</a><p>Would love feedback if you give it a try!
Show HN: Claude Artifacts but creating real web apps
Hey Hacker News!<p>Launching gptengineer.app into beta today.<p>It's like Claude Artifacts, but:<p>- you can edit the code in your fav IDE (two-way github sync)<p>- installs npm packages<p>- automatically picks up build and runtime errors and fixes them<p>- very fast, built with rust<p>The full stack capabilities are built on supabase (prefer to not have to handle auth + user data at this point so this is owned by the user)<p>The seed for this project was an open source experiment, posted about that previously here:<p><a href="https://news.ycombinator.com/item?id=36422730">https://news.ycombinator.com/item?id=36422730</a><p>Would love feedback if you give it a try!
Show HN: Claude Artifacts but creating real web apps
Hey Hacker News!<p>Launching gptengineer.app into beta today.<p>It's like Claude Artifacts, but:<p>- you can edit the code in your fav IDE (two-way github sync)<p>- installs npm packages<p>- automatically picks up build and runtime errors and fixes them<p>- very fast, built with rust<p>The full stack capabilities are built on supabase (prefer to not have to handle auth + user data at this point so this is owned by the user)<p>The seed for this project was an open source experiment, posted about that previously here:<p><a href="https://news.ycombinator.com/item?id=36422730">https://news.ycombinator.com/item?id=36422730</a><p>Would love feedback if you give it a try!