NewsLab
Aug 28 14:13 UTC

Show HN: A techno machine in one HTML file, with verifiable renders (ssx360.github.io)

237 points|by ssx360||48 comments|Read full story on ssx360.github.io

Comments (48)

40 shown
  1. 1. chandramoulyKK||context
    Very fun!
  2. 2. Kuyawa||context
    I love beautiful software and this is it

    Edit: I just downloaded the html file and it still works locally as a single page app, no external libs, no fonts, icons, nothing that could break the correct functioning of the app. This is how software should be built, portable, no installation required, drop anywhere and run

    Kudos on everything perfectly executed

  3. 3. momojo||context
    Ditto on the lovelyness of single-file, zero-dep, standalones. In my day job I'm stripping out hundreds of megabytes from one of our main docker containers, but running into little projects like this that make me smile. Beautiful
  4. 4. adrianwaj||context
    Good point. GlassBox also appears as single page. https://news.ycombinator.com/item?id=49421948

    I am working on an RSS reader that is also single page and location-agnostic. Issue for me right now is CORS unblocking as that does entail some complexity to workaround. Current length of the HTML is 2500 lines / 101KiB.

    Moreover, just like https://theresanaiforthat.com/ - a great thing to see would be something like thereisanHTMLforthat.com - because quality vibe-coding delivers!

    Also, a single HTML can easily be security audited, right? How much damage can it do?

  5. 5. neuroticnews25||context
    How are you going to work around CORS? Proxy is the only way that comes to my mind. Or maybe some XML/SVG magic?
  6. 6. adrianwaj||context
    At the moment, there is a toggle switch between own proxy and direct (requiring CORS Unblock extension,) but really having multiple methods can work.

    Other mentions were using a CloudFlare worker proxy (needing Cloudflare account and Node.js), NeutralinoJS, Electron and Tauri.

    Speaking of XML, there must be a way to push items out from a server using XML. That's an interesting solution and would let a remote server do all the polling and as such would mean sharing data with it. This could end up a paid option using micropayments and give it efficient performance in an ideal world.

  7. 7. chintler||context
    Would you mind testing this tool I'm writing? I'm building it as a proxy for some streamlit apps and MCP but you can try and put any webapp/API behind it. Do raise issues if you find any.

    https://github.com/dolphinsdotdev/sidepage

  8. 8. adrianwaj||context
    I got my reader going by running Caddy and pointing my browser at: http://localhost:8080/reader.html

    Imported about 750 feeds. Still buggy.

    A lot of fiddling. Have to run PHP, PHP-FHM, install CURL, and messed around with configuration files.

    Also needs a PHP proxy script to run alongside the HTML and ensure URI encoding.

    Not easy done but can now disable CORS Unblock in the browser. Yet now these extra things have to run as services all the time.

    Sidepage doesn't seem quite right for me at this stage but thanks for the ideas. It looks like it could do the same job, though. As long as an AI can provide detailed instructions and troubleshooting, it'll lower the barriers-to-entry.

    I think the future may well be a modified browser with CORS Unblocking built-in (or some type of proxy alternative.) Have it offer 1000s of free "page-apps" from the get-go. Easy development and ubiquitous platform is the key. Offline button clearly marked and traffic/bandwidth data collection and window.

    P2P and micropayments stuff could be interesting.

    Overall, the downfall of feeds has either pulled people into the walled gardens or pushed them offline completely. Look at the new Commodore minimalist phone.

    Yet having 1GB+ databases possible in browsers by default is something that could pave the way for some cool stuff. https://rxdb.info/articles/indexeddb-max-storage-limit.html

  9. 9. dr_kiszonka||context
    "Well, actually," it is usually not just HTML, but I am with you on liking these single-file apps. Security is complicated because these pages often rely on importing online packages, which can get poisoned in the blink of an eye.
  10. 10. adrianwaj||context
    Great point.

    The unique thing about HTML apps is that there could be a "directory download" of say the best 1000 apps every month for people to run locally with imports also downloaded and security audited beforehand. That would be ideal.

    GreasyFork checks for security problems and best practices in their scripts with community moderation a large component. https://share.gemini.google/VwomSQkChNWS

    How I see it, there could be a code freeze period (quarantine) and if no issues arise, the HTML is bundled into the 1000 monthly thing.

  11. 11. throwawayffffas||context
    Like i get what you are saying, but

    > no external libs, no fonts...

    It needs an entire browser.

  12. 12. drfloyd51||context
    I get what you are saying. But… if it didn’t need a browser, it still needs a runtime, and a computer, and electricity, and technology to print CPUs and and and

    A browser is just a drop in the bucket.

  13. 13. Kuyawa||context
    No it doesn't, you can use a local web viewer, less than 2mb. I made one in rust, but don't use it since I have my browser open all the time
  14. 14. analog_daddy||context
    Yep! And it works well on iOS too. Safari sucks and stutters with some of these single file html and I haven’t been able to figure out why, but my god this is awesome and also fun to play with!
  15. 15. akx||context
    ... Why do renders need to be verifiable, what does that mean?

    Anyway, on a related note, I just vibed together something in the same vein (using Ox Alpha, because why not). https://aamen-veli.akx.fi/

  16. 16. goatydev||context
    It's a bit difficult to use, but it's really fun.
  17. 17. ad_fontes||context
    This is the coolest web thing I've seen this month. Thanks for sharing.
  18. 18. superzero11||context
  19. 19. fallinditch||context
    Good job, very nice implementation. I do love the single page HTML delivery format. Downloaded
  20. 20. behole||context
    Very Cool!! FYI the opengraph image, when I share the link, is an invoice from what looks like your freelance work.
  21. 21. testaccount28||context
    see the font, close the tab
  22. 22. kkukshtel||context
    the otherwise fawning praise in the comments for something that seems so obviously vibe-coded is making me wonder if all these one sentence replies are bots
  23. 23. testaccount28||context
    maybe they vibed up some prompt injections. anyway, nice of them to tell on themselves.
  24. 24. nekooooo||context
    worse version of Rebirth
  25. 25. 0x20cowboy||context
    What about the font? Is that a typical LLM font or something?
  26. 26. jsherer||context
    Love this. I want this to go up to 174 bpm for some DnB experiments.
  27. 27. macwhisperer||context
    super dope!! the future of musical instruments may be web-based.. exciting times
  28. 28. Drupon||context
    Turing test failing ass comment
  29. 29. caidan||context
    I know the renders are verifiable, but are the splines reticulated?
  30. 30. nekooooo||context
    pretty cool but has zero sauce. just look at rebirth for how to have a point of view.
  31. 31. jose-reyes||context
    Nice!!! A bit hard to understand if you haven't used anything related before, but interesting enough to make you wanted to try it when you haven't used anything related before ahaha
  32. 32. herpdyderp||context
    What is this built on? How can I use it? What're the licensing? I'm eagerly looking for open source and non-copy-left licensed web audio players for projects.
  33. 33. 0x20cowboy||context
    What kind of projects?
  34. 34. Diti||context
    It is vibe-coded. Consider it is public domain. If it isn’t, ask your favorite LLM to launder this project so it is licensed under your own terms.
  35. 35. r0b05||context
    Excellent work!
  36. 36. cdieck88||context
    It has a lot of buttons, but a physical mixing console often looks much wilder. Congratulations on the idea and the result. Great work!
  37. 37. ktzar||context
    Is there something similar to this that includes melody composition that's not tied to a scale? My son has been composing music for a couple years in Chrome Music Labs and he's definitely outgrown it, but I can't find anything that lives online (and ideally can be downloaded in a single html, love the idea) and allows any-length melodies to be composed within the browser with drumkits, etc...

    Something like Caustic, but in HTML :-)

  38. 38. ncr100||context
    If you're interested in this random pattern generation, here's a €150 hardware synthesizer, where all the configuration is hidden behind midi.

    https://cymaforma.com/rnd-synth

    It's a combination of an art project and a serious instrument. It streams four channels out its USB.

  39. 39. spawrks||context
    I love the single page treatment. Down with web frameworks! Sweet machine
  40. 40. noxss||context
    It's a nice web application. A "nice to have" would be an opt-in/out background animation