The best Hacker News stories from Show from the past day
Latest posts:
Show HN: Sonse, a note-taking CLI for plaintext enthusiasts
Show HN: Tamagui Beta
Previously shown here[0], Tamagui is now in beta. It’s a UI kit for React Native & Web with an optimizing compiler.<p>It's quite different from a typical UI kit in that it supports the compiler not only extracts styles at build-time, but also extracts inline styles, even if they use logic like ternaries or conditional spreads. Further, the compiler flattens any styled component completely a div (or View on Native) when it can. I've found that about 20% of our views get flattened completely, leading to much flatter trees, which means really significant performance improvements[1].<p>This is important not just for performance, but also code-sharing.<p>Here's the why: If you just took a React Native Web app today and made it responsive using the typical way, hooks, you'd end up with a very janky web app. I know this because Tamagui was born out of an app that did exactly that, and resizing frequently took 300ms+ per frame. Themes today also have the same failure mode - without a compiler, you thread values through context. That means lots more JS to run, and whole-tree re-rendering on every change. Even beyond themes and responsivity, we found ourselves having to really limit our ambition especially for Native - lists that contained many items slowed down quickly after a certain depth.<p>So Tamagui started solving for themes and media queries and hopefully a bit of tree depth, and it really succeeded at that. To release the alpha I wanted feature parity with modern UI kits, so I added a theme creator, token system, inline token props, media query props, shorthand props (ala tailwind), fonts, and more.<p>Now over the past 6 months its matured immeasurably with components for gradients, images, inputs, labels, switches, shapes, popovers, and tooltips. Animations just landed, which power many of the new components. "npx create-tamagui-app@latest" to help get started fast. Hundreds of bugfixes and better docs. And one thing I'm really proud of: huge TypeScript type quality and performance improvements.<p>[0] <a href="https://news.ycombinator.com/item?id=29321748" rel="nofollow">https://news.ycombinator.com/item?id=29321748</a><p>[1] <a href="https://tamagui.dev/docs/intro/benchmarks" rel="nofollow">https://tamagui.dev/docs/intro/benchmarks</a>
Show HN: MockRTC – a mock peer and MitM proxy library for WebRTC
Show HN: I made Ankify that converts notes to Anki cards
Backstory:
I was in medical school and had to study a ton of materials in short period of time. I came across Anki but always had trouble with making cards. In my mind, making cards should be quick, seconds instead of minutes. My other problem is after making the cards, each card does not really relate to the other. When you study the individual card, your thought process is very random and not cohesive. I wanted to be able to still reference to my notes for big concepts and then use the cards to memorize the details but also for long term retention.<p>Ankify came out of that. At the time, I did not know any programming and paid someone to write a script in Python to convert the cards. Then, eventually I learned Python myself and expanded on the script. I also uploaded the markdown files online so I could view them anywhere (<a href="https://kangruixiang.github.io/wiki/" rel="nofollow">https://kangruixiang.github.io/wiki/</a>).<p>I ran into a wall in making user interface for the program. It was difficult to make good looking cross platform user interface with Python. I gave up on making user interface for a year or two with end of med school and residency. After a while, I went back to see if anyone else had made anything similar. Despite many plugins/programs that makes it easy to make cards, none of them really focused on readability of the original notes. I decided to sit down and learn javascript to help with UI creation.<p>After about 3 years, everything finally came together after I learned Svelte, Tailwind, and Electron. I know Electron is not the most efficient program, but it's what works for me.<p>Also, it's also the feeling of being able to make whatever my mind can think of. It feels really refreshing and empowering. Even making the website for Ankify is a lot of fun. You have to think so much about the presentation, typography, logistics.
Show HN: I made Ankify that converts notes to Anki cards
Backstory:
I was in medical school and had to study a ton of materials in short period of time. I came across Anki but always had trouble with making cards. In my mind, making cards should be quick, seconds instead of minutes. My other problem is after making the cards, each card does not really relate to the other. When you study the individual card, your thought process is very random and not cohesive. I wanted to be able to still reference to my notes for big concepts and then use the cards to memorize the details but also for long term retention.<p>Ankify came out of that. At the time, I did not know any programming and paid someone to write a script in Python to convert the cards. Then, eventually I learned Python myself and expanded on the script. I also uploaded the markdown files online so I could view them anywhere (<a href="https://kangruixiang.github.io/wiki/" rel="nofollow">https://kangruixiang.github.io/wiki/</a>).<p>I ran into a wall in making user interface for the program. It was difficult to make good looking cross platform user interface with Python. I gave up on making user interface for a year or two with end of med school and residency. After a while, I went back to see if anyone else had made anything similar. Despite many plugins/programs that makes it easy to make cards, none of them really focused on readability of the original notes. I decided to sit down and learn javascript to help with UI creation.<p>After about 3 years, everything finally came together after I learned Svelte, Tailwind, and Electron. I know Electron is not the most efficient program, but it's what works for me.<p>Also, it's also the feeling of being able to make whatever my mind can think of. It feels really refreshing and empowering. Even making the website for Ankify is a lot of fun. You have to think so much about the presentation, typography, logistics.
Show HN: I made Ankify that converts notes to Anki cards
Backstory:
I was in medical school and had to study a ton of materials in short period of time. I came across Anki but always had trouble with making cards. In my mind, making cards should be quick, seconds instead of minutes. My other problem is after making the cards, each card does not really relate to the other. When you study the individual card, your thought process is very random and not cohesive. I wanted to be able to still reference to my notes for big concepts and then use the cards to memorize the details but also for long term retention.<p>Ankify came out of that. At the time, I did not know any programming and paid someone to write a script in Python to convert the cards. Then, eventually I learned Python myself and expanded on the script. I also uploaded the markdown files online so I could view them anywhere (<a href="https://kangruixiang.github.io/wiki/" rel="nofollow">https://kangruixiang.github.io/wiki/</a>).<p>I ran into a wall in making user interface for the program. It was difficult to make good looking cross platform user interface with Python. I gave up on making user interface for a year or two with end of med school and residency. After a while, I went back to see if anyone else had made anything similar. Despite many plugins/programs that makes it easy to make cards, none of them really focused on readability of the original notes. I decided to sit down and learn javascript to help with UI creation.<p>After about 3 years, everything finally came together after I learned Svelte, Tailwind, and Electron. I know Electron is not the most efficient program, but it's what works for me.<p>Also, it's also the feeling of being able to make whatever my mind can think of. It feels really refreshing and empowering. Even making the website for Ankify is a lot of fun. You have to think so much about the presentation, typography, logistics.
Show HN: Weron – A Peer-to-Peer VPN Based on WebRTC Written in Go
Hey HN! I just released weron, a P2P VPN that uses WebRTC for transport which I've been working on for the last couple of months. It can create both layer 2/Ethernet and layer 3/IP overlay networks, and the underlying transport layer can be easily embedded to write your own P2P apps with Go. Compared to for example Tailscale, WireGuard and ZeroTier, its much harder to block on a network level and also significantly easier to set up, while not sacrifing much performance.<p>I'd love to get your feedback :)
Show HN: Weron – A Peer-to-Peer VPN Based on WebRTC Written in Go
Hey HN! I just released weron, a P2P VPN that uses WebRTC for transport which I've been working on for the last couple of months. It can create both layer 2/Ethernet and layer 3/IP overlay networks, and the underlying transport layer can be easily embedded to write your own P2P apps with Go. Compared to for example Tailscale, WireGuard and ZeroTier, its much harder to block on a network level and also significantly easier to set up, while not sacrifing much performance.<p>I'd love to get your feedback :)
Show HN: Weron – A Peer-to-Peer VPN Based on WebRTC Written in Go
Hey HN! I just released weron, a P2P VPN that uses WebRTC for transport which I've been working on for the last couple of months. It can create both layer 2/Ethernet and layer 3/IP overlay networks, and the underlying transport layer can be easily embedded to write your own P2P apps with Go. Compared to for example Tailscale, WireGuard and ZeroTier, its much harder to block on a network level and also significantly easier to set up, while not sacrifing much performance.<p>I'd love to get your feedback :)
Show HN: Weron – A Peer-to-Peer VPN Based on WebRTC Written in Go
Hey HN! I just released weron, a P2P VPN that uses WebRTC for transport which I've been working on for the last couple of months. It can create both layer 2/Ethernet and layer 3/IP overlay networks, and the underlying transport layer can be easily embedded to write your own P2P apps with Go. Compared to for example Tailscale, WireGuard and ZeroTier, its much harder to block on a network level and also significantly easier to set up, while not sacrifing much performance.<p>I'd love to get your feedback :)
Show HN: I made a browser-based RTS game
I've posted this game here before, hopefully a repost is fine as the game has changed quite a bit (improved AI, improved mapeditor, much quicker gameplay, etc).<p>Game is based on JavaScript/Canvas and WebSockets. On the browser side the map is pre-rendered (as a background image), just the mobile units/buildings and animations are dynamically rendered. The lobby server is made in node.js, but the game server is C++ for performance reasons (mainly the pathfinding). I found the C++ WebSocket libraries out there to be too difficult to use so I made my own based on the rfc. Overall I think making a game like this is quite easy with the browser performance/features nowadays. The game server and client side JavaScript are around 5000 lines of code each.<p>If you have any questions about the tech I'm happy to answer them.
Show HN: I made a browser-based RTS game
I've posted this game here before, hopefully a repost is fine as the game has changed quite a bit (improved AI, improved mapeditor, much quicker gameplay, etc).<p>Game is based on JavaScript/Canvas and WebSockets. On the browser side the map is pre-rendered (as a background image), just the mobile units/buildings and animations are dynamically rendered. The lobby server is made in node.js, but the game server is C++ for performance reasons (mainly the pathfinding). I found the C++ WebSocket libraries out there to be too difficult to use so I made my own based on the rfc. Overall I think making a game like this is quite easy with the browser performance/features nowadays. The game server and client side JavaScript are around 5000 lines of code each.<p>If you have any questions about the tech I'm happy to answer them.
Show HN: I made a browser-based RTS game
I've posted this game here before, hopefully a repost is fine as the game has changed quite a bit (improved AI, improved mapeditor, much quicker gameplay, etc).<p>Game is based on JavaScript/Canvas and WebSockets. On the browser side the map is pre-rendered (as a background image), just the mobile units/buildings and animations are dynamically rendered. The lobby server is made in node.js, but the game server is C++ for performance reasons (mainly the pathfinding). I found the C++ WebSocket libraries out there to be too difficult to use so I made my own based on the rfc. Overall I think making a game like this is quite easy with the browser performance/features nowadays. The game server and client side JavaScript are around 5000 lines of code each.<p>If you have any questions about the tech I'm happy to answer them.
I made a virtual bookshelf
Show HN: Nests and Insects – A roguelike tabletop roleplaying game
Hey, everyone! I'm making a game: its title is Nests & Insects and I call it a
"Roguelike Tabletop Roleplaying Game (TTRPG)". It is free, as in beer and
speech. You can find the rulebook on the game's github repository, linked
through the post title.<p>Nests & Insects is a game for 1 to 7 players, one of which takes on the role of
the Game Queen (GQ) and describes the game world to the other players. The
players control characters who explore and interact with the game world. The
players say what their characters do and roll dice to see what happens, then the
GQ describes the results.<p>Players' characters are mercenary arthropods raiding a Nest on a Job from a
rival Queen. Characters belong to one of six classes: Ants (plural), Beetle,
Ladybug, Scorpion, Spider and Wasp, all modelled after real-world species. Nests
are the nests of eusocial insects: Ants, Bees or Termites. The Job is to
assasinate the Queen, or the King, or steal larvae, or aphids, or fungi, etc.<p>Nests & Insects is "Roguelike" because it borrows elements from Roguelike
Computer RPGs (CRPGs): hack-and-slash, dungeon-crawling gameplay, with
procedurally generated Nest environments, lethal combat, and a hunger mechanic.<p>The rulebook on the github repo above is all text-based, but formatted with
ASCII borders, text boxes and tables, etc. I wrote a bit of code to automate the
layouting (if that's a word). You can find the code in the codez/ directory in
the repo. You don't need to mess with the code to play the game, but some of you
might want to eyeball the raw text with LaTex-like markup under the directory
/game/rulebook/raw and then look at the layouting code. Or you might want to
tweak the characters' stats under codez/data/, or make your own characters. The
code is all in Prolog :)<p>Nests & Insects is still a work in progress. The rulebook is about 60% complete.
There's rules for rolling dice (oo lots of dice!), action resolution, combat and
stats for all six character classes and a few enemies (just Termites). If you've
run a few TTRPGs you can probably bash together a quick game session, although
there's plenty of stuff missing (Items, procedural generation, other minigames
besides combat etc).<p>I'm posting here because I'm eager for some feedback and because I'm hoping to
build a small community around the game. I'm in the liminal space between
finishing my thesis and actually getting a PhD so I have some spare time, but I
plan to keep working on the game until it's finished, anyway.<p>Also: I'm looking for ANSI or ASCII art for the rulebook. Anyone know anybody
who would want to contribute, please get us in touch.<p>Have fun!
Show HN: I built a site that summarizes articles and PDFs using NLP
Show HN: Videobug – The time travel debugger for JVM
Hi All, this is Shardul here - I am the co-founder of Videobug.<p>https://bug.video<p>We are super excited to share Videobug with you. Videobug records run time code execution so that developers can watch it line by line as frequently as they want, right in their IDE. It takes away the pain of recreating exact conditions that led to a bug and saves developer time in every bug squash.<p>Parth (my co-founder) and I have worked on multiple production grade applications in startups and enterprises.<p>We used Logrocket, Sentry, and Datadog for logging and found ourselves adding more logs after a bug is found.<p>Adding accurate logs required disciplined engineering and collaboration across teams. Time to connect these logs to what’s wrong in the code, took quite sometime.<p>Videobug logs everything automatically. We are super psyched to launch our offline version. We plan to launch a fully self hosted version in 4 weeks from now, which will allow you to record and replay code executions in your staging and production environments.<p>We are looking for product feedback.<p>Here is a 2 min demo explaining how to use Videobug.<p>https://www.youtube.com/watch?v=U53IQifMt54<p>Join our discord channel to share your feedback or in case you need support.<p>https://discord.gg/Hhwvay8uTa<p>P.S. Please note that we collect the following analytics data from your IDE: Your computer hostname, debugging events such as “started debugger”, “fetched exceptions” and “searched for code execution”.
Show HN: Videobug – The time travel debugger for JVM
Hi All, this is Shardul here - I am the co-founder of Videobug.<p>https://bug.video<p>We are super excited to share Videobug with you. Videobug records run time code execution so that developers can watch it line by line as frequently as they want, right in their IDE. It takes away the pain of recreating exact conditions that led to a bug and saves developer time in every bug squash.<p>Parth (my co-founder) and I have worked on multiple production grade applications in startups and enterprises.<p>We used Logrocket, Sentry, and Datadog for logging and found ourselves adding more logs after a bug is found.<p>Adding accurate logs required disciplined engineering and collaboration across teams. Time to connect these logs to what’s wrong in the code, took quite sometime.<p>Videobug logs everything automatically. We are super psyched to launch our offline version. We plan to launch a fully self hosted version in 4 weeks from now, which will allow you to record and replay code executions in your staging and production environments.<p>We are looking for product feedback.<p>Here is a 2 min demo explaining how to use Videobug.<p>https://www.youtube.com/watch?v=U53IQifMt54<p>Join our discord channel to share your feedback or in case you need support.<p>https://discord.gg/Hhwvay8uTa<p>P.S. Please note that we collect the following analytics data from your IDE: Your computer hostname, debugging events such as “started debugger”, “fetched exceptions” and “searched for code execution”.
Show HN: Videobug – The time travel debugger for JVM
Hi All, this is Shardul here - I am the co-founder of Videobug.<p>https://bug.video<p>We are super excited to share Videobug with you. Videobug records run time code execution so that developers can watch it line by line as frequently as they want, right in their IDE. It takes away the pain of recreating exact conditions that led to a bug and saves developer time in every bug squash.<p>Parth (my co-founder) and I have worked on multiple production grade applications in startups and enterprises.<p>We used Logrocket, Sentry, and Datadog for logging and found ourselves adding more logs after a bug is found.<p>Adding accurate logs required disciplined engineering and collaboration across teams. Time to connect these logs to what’s wrong in the code, took quite sometime.<p>Videobug logs everything automatically. We are super psyched to launch our offline version. We plan to launch a fully self hosted version in 4 weeks from now, which will allow you to record and replay code executions in your staging and production environments.<p>We are looking for product feedback.<p>Here is a 2 min demo explaining how to use Videobug.<p>https://www.youtube.com/watch?v=U53IQifMt54<p>Join our discord channel to share your feedback or in case you need support.<p>https://discord.gg/Hhwvay8uTa<p>P.S. Please note that we collect the following analytics data from your IDE: Your computer hostname, debugging events such as “started debugger”, “fetched exceptions” and “searched for code execution”.
Show HN: Recipe search engine, built in vanilla PHP
1) Summary = RecipeHunt(<a href="http://recipehunt.app" rel="nofollow">http://recipehunt.app</a>) is a Recipe Search Engine that gives you the only 3 things that matter in my opinion: (a) Picture, (b) Ingredients, (c) Directions<p>2) Problem = Every recipe site is bloated(e.g. full of ads, long backstory). I just want to see 3 things: Picture, Ingredients, Directions.<p>3) Solution = Built a simple Recipe Search Engine that gives you only those 3 things.<p>4) Tech Stack = Vanilla HTML, CSS, Javascript, PHP, SQL (some JQuery). Frameworks are too complicated for me, so I just wanted to build with what I know.<p>5) Design<p>-Main Feed = Similar to Instagram Explore (Square Shaped Thumbnails).<p>-Categories = Filter by "Country" or "Dish Type".<p>-Search Bar = Quickly go directly to a Recipe or Category.<p>-Recipe Page = Gives you only 1 Picture + Ingredients + Directions + Comments. Separated by tabs (I don't like scrolling).<p>-Paywall(for Spam) = I put up a paywall to prevent spamming (Stripe).<p>6) Content(Recipes) = I manually put in some initial recipes (posted a few for each Country/Dish Type). Challenge is to fill the site with enough recipes to make it useful. May look into Recipe API's and make sure I'm not violating any terms (give source credit in recipe page).<p>7) Conclusion = Just wanted to share this because I think it will solve my own problem (making it less painful to search recipes). Still a work in progress, but hopefully it may be useful to someone else as well.<p>Will happily welcome any feedback! Thanks!<p>-nsemikey