Nice! Which one do you use most often?
HN user
cjr
Founding developer at urlbox.com - screenshots as a service API YC S12 alum (Quillu/OctaveWealth) Previously bluebook academy
Isn’t Kees van der Westen the ferrari of coffee machines?!
Looks brilliant, well done! How about oRPC instead? And mikro-orm
also reminds me of https://onemillionscreenshots.com
(full disclosure - my screenshot api takes the screenshots :) )
Switch to codex? :)
document.elementFromPoint to get the elem at co-ordinates, then use npm package similar to optimal-select to come up with a unique css selector.
Congratulations on the launch, this looks really nice.
I feel quite locked-in to Shadcn components now, especially after I found tweakcn.com.
Is there anything similar for untitled ui in the pipeline? A way to update the css variables and preview it across different components/layouts.
looks great, i'd definitely pay for a coffee table style version of a book like this!
There are browser extensions you could run like consent-o-matic to try to click and hide the cookies from your screenshots:
https://chromewebstore.google.com/detail/consent-o-matic/mdj...
Otherwise using a combination of well-known class names, ‘accept’ strings, and heuristics such as z-index, position: fixed/sticky etc can also narrow down the number of likely elements that could be modals/banners.
You could also ask a vision model whether a screenshot has a cookie banner, and ask for co-ordinates to remove it, although this could get expensive at scale!
nice post :)
I’m surprised there’s not been any mention of effect (http://effect.website/) yet, as it is kind of the next level up if you really want to model things like errors, dependencies and side effects in the type system, using functional concepts borrowed from more pure functional languages.
It would be a bit of a risk adopting this into a shared code base depending on your team and the kinds of devs you’re looking to hire, but it could be useful to some folk that feel like they want even more type safety.
What about cluster autoscaling?
This might be more suited to monorepos where all projects are in JS/TS, but check out https://onerepo.tools
3.93 megatons of CO2 is roughly equivalent to:
• About 149,714 short-haul flights, or
• About 37,429 long-haul flights.https://devspace.sh also gives a similar workflow but where the container is running in a remote k8s cluster
No - we don't currently support this feature as nobody has asked for it so far :)
You could append a new meta tag by running some custom JS to add it, but we don't modify exif, metadata or pdf description at the moment.
I work on a paid screenshot api[0] where we have features to either hide these banners and overlays using css, or alternatively we run some javascript to send a click event to what we detect as the 'accept' button in order to dismiss the popups.
It's quite a painful problem and we screenshot many millions of sites a day, our success rate at detecting these is high but still not 100%.
We have gotten quite far with heuristics and are exploring whether we can get better results by training a model.
Have you checked out https://kirimase.dev?
This looks and sounds great...
I'm currently using contentlayer [https://github.com/contentlayerdev/contentlayer] to manage docs and blog content, mostly .mdx files on urlbox.com.
It works well with next.js but unfortunately is abandonware now.
I also have a few custom remark/rehype plugins.
You're right it is a pain to update articles buried in your repo especially with less technical team members. I already tried out TinaCMS to try and solve the editing issues, but their editor wasn't so nice, and it seemed to implicitly make a commit on every tiny change to any content, so I'm really hoping I could use something like this to edit my already existing content...
jerry, svix, lago etc.. clear growth hack :)
Or removing the right sized bean to go from 18.1g to 18g
Hard agree, especially with your first two paragraphs :)
The biggest tip I would add is to bin jest and start using vitest.
Great write up and what I especially enjoyed was how you kept the bits where you ran into the classic sort of issues, diagnosed them and fixed them. The flow felt very familiar to whenever I do anything dev-opsy.
I’d be interested to read about how you might configure cluster auto scaling with bare metal machines. I noticed that the IP address of each node are kinda hard-coded into firewall and network policy rules, so that would have to be automated somehow. Similarly with automatically spawning a load-balancer from declaring a k8s Service. I realise these things are very cloud provider specific but would be interested to see if any folks are doing this with bare metal. For me, the ease of autoscaling is one of the primary benefits of k8s for my specific workload.
I also just read about Sidero Omni [1] from the makers of Talos which looks like a Saas to install Talos/Kubernetes across any kind of hardware sourced from pretty much any provider — cloud VM, bare metal etc. Perhaps it could make the initial bootstrap phase and future upgrades to these parts a little easier?
[1] https://www.siderolabs.com/platform/saas-for-kubernetes/
Very timely, was just trying to understand how to improve error handling with typescript recently and came across neverthrow (https://github.com/supermacro/neverthrow) which looks promising…
interesting.. how would it explain bridgewater / ray dalio's track record etc?
figuring out how to set the page size to match what you see on the screen can be near-impossible
I run a little API that converts URLs and HTML into PNG/PDF/SVG.. MP4 too, and the quoted part resonates :)
I recently started delving into the chromium src code in order to try and figure out the reason why max-width media queries don't seem to trigger at the expected viewport/page width, when printing to PDF, but it is quite the rabbit hole.
When I saw html2svg the first thing I wondered was whether it would have the same issue as printing to PDF.
ha, I'm also guilty of using this method on https://urlbox.io to power our SVG screenshots.
To be honest, it works quite well, but there are quite a few bugs in chromium's pdf rendering, especially when it comes to determining the correct page width to apply media queries to, which sometimes affects the accuracy of these SVG's.
It's also possible to emulate screen media queries[0] so that the pdf output uses the regular screen css.
[0] https://chromedevtools.github.io/devtools-protocol/tot/Emula...
it has very recently been acquired by fastly
did quite a bit of research trying to find a good screenshot API.
Would be interested in this research if you’re willing to share: Chris at urlbox.io