5 ms·
Gwtar: A static efficient single-file HTML format
- simonw 8mo agoTIL about window.stop() - the key to this entire thing working, it's causes the browser to stop loading any more assets: https://developer.mozilla.org/en-US/docs/Web/API/Window/stop https://developer.mozilla.org/en-US/docs/Web/API/Window/stop Apparently every important browser has supported it for well over a decade: https://caniuse.com/mdn-api_window_stop https://caniuse.com/mdn-api_window_stop Here's a screenshot illustrating how window.stop() is used - https://gist.github.com/simonw/7bf5912f3520a1a9ad294cd747b851d6?permalink_comment_id=5988313#gistcomment-5988313 https://gist.github.com/simonw/7bf5912f3520a1a9ad294cd747b85... - everything after <!-- GWTAR END is tar compressed data. Posted some more notes on my blog: https://simonwillison.net/2026/Feb/15/gwtar/ https://simonwillison.net/2026/Feb/15/gwtar/
- 8n4vidtmkvmk 8mo agoNeat! I didn't know about this either. Php has a similar feature called __halt_compiler() which I've used for a similar purpose. Or sometimes just to put documentation at the end of a file without needing a comment block.
- moritzwarhier 8mo agoNot the inverse, but for any SPA (not framework or library) developers seeing this, it's probably worth noting that this is not better than using document.write, window.open and simular APIs. But could be very interesting for use cases where the main logic lives on the server and people try to manually implement some download- and/or lazy-loading logic. Still probably bad unless you're explicitly working on init and redirect scripts.
- Lerc 8mo agoI wonder if this is compatible with Claude Artifacts. I made my own bundler skill that lets me publish artifacts https://claude.ai/public/artifacts/a49d53b6-93ee-4891-b5f1-918ab5160da8 https://claude.ai/public/artifacts/a49d53b6-93ee-4891-b5f1-9... that can be decomposed back into the files, but it is just a compressed base64 chunk at the end. I guess the next question will be if it does work in environments that let you share a single file, will they disable this ability once they find out people are using it.
- BobbyTables2 8mo agoSounds delicious for poisoning search engine crawlers and other bots…
- zetanor 8mo agoThe author dismisses WARC, but I don't see why. To me, Gwtar seems more complicated than a WARC, while being less flexible and while also being yet another new format thrown onto the pile.
- simonw 8mo agoI don't think you can provide a URL to a WARC that can be clicked to view its content directly in your browser.
- zetanor 8mo agoAt the very least, WARC could have been used as the container ("tar") format after the preamble of Gwtar. But even there, given that this format doesn't work without a web server (unlike SingleFile, mentioned in the article), I feel like there's a lot to gain by separating the "viewer" (Gwtar's javascript) from the content, such that the viewer can be updated over time without changing the archives. I certainly could be missing something (I've thought about this problem for all of a few minutes here), but surely you could host "warcviewer.html" and "warcviewer.js" next to "mycoolwarc.warc" "mycoolwrc.cdx" with little to no loss of convenience, and call it a day?
- gwern 8mo agoYou could potentially use WARC instead of Tar as the appended container, sure, but that's a lot of complexity, WARC doesn't serialize the rendered page (so what is the greater 'fidelity' actually getting you?) and SingleFile doesn't support WARC, and I don't see a specific advantage that a Gwtar using WARC would have. The page rendered what it rendered. And if you choose to require separate files and break single-file, then you have many options. > surely you could host "warcviewer.html" and "warcviewer.js" next to "mycoolwarc.warc" "mycoolwrc.cdx" I'm not familiar with warcviewer.js and Googling isn't showing it. Are you thinking of https://github.com/webrecorder/wabac.js https://github.com/webrecorder/wabac.js ?
- zetanor 8mo ago
- wetpaws 8mo ago[dead]
- O1111OOO 8mo agoI gave up a long time ago and started using the "Save as..." on browsers again. At the end of the day, I am interested in the actual content and not the look/feel of the page. I find it easier to just mass delete assets I don't want from the "pageTitle_files/" directory (js, images, google-analytics.js, etc).
- mikae1 8mo agoHave you https://addons.mozilla.org/firefox/addon/single-file/ https://addons.mozilla.org/firefox/addon/single-file/? If you really just want the text content you could just save markdown using something like https://addons.mozilla.org/firefox/addon/llmfeeder/ https://addons.mozilla.org/firefox/addon/llmfeeder/.
- ninalanyon 8mo agoOn the subject of SingleFile there is also WebScrapBook: https://github.com/danny0838/webscrapbook https://github.com/danny0838/webscrapbook I prefer it because it can save without packing the assets into one HTML file. Then it's easy to delete or hardlink common assets.
- venusenvy47 8mo agoI see that it gives three choices for saving the assets: single file, zip or folder. Is the zip version just zipping the folder?
- ninalanyon 8mo agoI don't know, I've never tried it. I picked it because of the folder option which makes grepping for content easier and faster.
- O1111OOO 8mo ago> Have you https://addons.mozilla.org/firefox/addon/single-file/ https://addons.mozilla.org/firefox/addon/single-file/ Yes I have. I tried maff, mht, SingleFile and some others over the years. MAFF was actually my goto for many years because it was just a zip container. It felt future-proof for a long time until it wasn't (I needed to manually extract contents to view once the supporting extension was gone). I seem to recall that MHT caused me a little more of a conversion problem. It was my concern for future-proofing that eventually led me back to "Save As..". My first choice is "Save as..." these days because I just want easy long-term access to the content. The content is always the key and picking and choosing which asset to get rid of is fairly easy with this. Sometimes it's just all the JS/trackers/ads, etc.. If "Save as..." fails, I'll try 'Reader Mode' and attempt "Save as.." again (this works pretty well on many sites). As a last resort I'll use SingleFile (which I like too - I tested it on even DOS browsers from the previous century and it passed my testing). A locally saved SingleFile can be loaded into FF and I can always perform a "Save As..." on it if I wanted to for some reason (eg; smaller file, js-trackers, cleaner HTML, etc).
- renewiltord 8mo agoHmm, I’m interested in this, especially since it applies no compression delta encoding might be feasible for daily scans of the data but for whatever reason my Brave mobile on iOS displays a blank page for the example page. Hmm, perhaps it’s a mobile rendering issue because Chrome and Safari on iOS can’t do it either https://gwern.net/doc/philosophy/religion/2010-02-brianmoriarty-thesecretofpsalm46.gwtar.html https://gwern.net/doc/philosophy/religion/2010-02-brianmoria...
- nullsanity 8mo agoGwtar seems like a good solution to a problem nobody seemed to want to fix. However, this website is... something else. It's full of inflated self impprtantance, overly bountiful prose, and feels like someone never learned to put in the time to write a shorter essay. Even the about page contains a description of the about page. I don't know if anyone else gets "unemployed megalomaniacal lunatic" vibes, but I sure do.
- fluidcruft 8mo agoWhat's up with the non-stop knee-jerk bullshit ad hom on HN lately?
- Krutonium 8mo agoWe're tired, chief.
- esseph 8mo agoThe earth is falling out from under a lot of people, and they're trying to justify their position on the trash heap as the water level continues to rise around it. It's a scary time.
- TimorousBestie 8mo agoTechnically it’s only an ad hominem when you’re using the insult as a component in a fallacious argument; the parent comment is merely stating an aesthetic opinion with more force than is typically acceptable here.
- isr 8mo agoI read your BRILLIANT synopsis in the tone of Sir Humphrey (the civil servant) from "Yes Minister". Fits perfectly. Take a bow, good sir ...
- 3rodents 8mo agogwern is a legendary blogger (although blogger feels underselling it… “publisher”?) and has earned the right to self-aggrandize about solving a problem he has a vested interest in. Maybe he’s a megalomaniac and/or unemployed and/or writing too many words but after contributing so much, he has earned it.
- spankalee 8mo agoI really don't understand why a zip file isn't a good solution here. Just because is requires "special" zip software on the server?
- newzino 8mo ago[flagged]
- fluidcruft 8mo agoYou can also read a zip sequentially like a tar file. Some info is in the directory only but just for getting file data you can read the file records sequentially. There are caveats about when files appear multiple times but those caveats also apply to processing tar streams.
- nunobrito 8mo agoWe know in advance the size of the file, so just iterate 1000 bytes on each turn from the bottom until finding the start of the tree information. I've done this before for reading/extracting files inside ISO images from browsers. It was fast and avoided need to download a whole 2.4GB ISO just to grab a few files inside.
- cxr 8mo agoZIP entries are only DEFLATE-compressed if you store them that way. You are not prohibited from opting for no compression. And if you are in control of the writer (which, in this case, you are), then you don't have to depend on locating and reading the central directory near the end of the file before being able to do anything—your writer can frontload whatever metadata will aid the most efficient access pattern for your reader.
- gwern 8mo ago> Just because is requires "special" zip software on the server? Yes. A web browser can't just read a .zip file as a web page. (Even if a web browser decided to try to download, and decompress, and open a GUI file browser, you still just get a list of files to click.) Therefore, far from satisfying the trilemma, it just doesn't work. And if you fix that, you still generally have a choice between either no longer being single-file or efficiency. (You can just serve a split-up HTML from a single ZIP file with some server-side software, which gets you efficiency, but now it's no longer single-file; and vice-versa. Because if it's a ZIP, how does it stop downloading and only download the parts you need?)
- tym0 8mo agoI was on board until I saw that those can't easily be opened from a local file. Seems like local access is one of the main use case for archival formats.
- avaer 8mo agoAgreed, I was thinking it's like asm.js where it can "backdoor pilot" [1] an interesting use case into the browser by making it already supported by default. But not being able to "just" load the file into a browser locally seems to defeat a lot of the point. [1] https://en.wikipedia.org/wiki/Television_pilot#Backdoor_pilot https://en.wikipedia.org/wiki/Television_pilot#Backdoor_pilo...
- deevus 8mo agoCould it be solved with a viewer program? Any static HTML server?
- WorldMaker 8mo agoAny static HTML server. Also if you try to load the page directly it suggests just untarring the contents back into a folder structure and provides a perl command line as a suggestion for how to do that.
- vessenes 8mo agoI mean `claude -p "spin up a python webserver in this directory please"` or alternately `python -m http.server 8080 --bind 127.0.0.1 --directory .` is not hard
- mr_mitm 8mo agoPretty cool. I made something similar (much more hacky) a while ago: https://github.com/AdrianVollmer/Zundler https://github.com/AdrianVollmer/Zundler Works locally, but it does need to decompress everything first thing.
- gwern 8mo agoSo this is like SingleFileZ in that it's a single static inefficient HTML archive, but it can easily be viewed locally as well? How does it bypass the security restrictions which break SingleFileZ/Gwtar in local viewing mode? It's complex enough I'm not following where the trick is and you only mention single-origin with regard to a minor detail (forms).
- mr_mitm 8mo agoThe content is in an iframe, my code is outside of it, and the two frames are passing messages back and forth. Also I'm monkey patching `fetch` and a few other things.
- gwern 8mo agoOK, but how does that get you 'efficiency' if you're doing this weird thing where you serialize the entire page into some JSON blob and pass it in to an iframe or whatever? That would seem to destroy the 'efficiency' property of the trilemma. How do you get the full set of single-file, static, and efficient, while still working locally?
- westurner 8mo agoDoes this verify and/or rewrite the SRI integrity hashes when it inlines resources? Would W3C Web Bundles and HTTP SXG Signed Exchanges solve for this use case? WICG/webpackage: https://github.com/WICG/webpackage#packaging-tools https://github.com/WICG/webpackage#packaging-tools "Use Cases and Requirements for Web Packages" https://datatracker.ietf.org/doc/html/draft-yasskin-wpack-use-cases https://datatracker.ietf.org/doc/html/draft-yasskin-wpack-us...
- gwern 8mo ago> Does this verify and/or rewrite the SRI integrity hashes when it inlines resources? As far as I know, we do not have any hash verification beyond that built into TCP/IP or HTTPS etc. I included SHA hashes just to be safe and forward compatible, but they are not checked. There's something of a question here of what hashes are buying you here and what the threat model is. In terms of archiving, we're often dealing with half-broken web pages (any of whose contents may themselves be broken) which may have gone through a chain of a dozen owners, where we have no possible web of trust to the original creator, assuming there is even one in any meaningful sense, and where our major failure modes tend to be total file loss or partial corruption somewhere during storage. A random JPG flipping a bit during the HTTPS range request download from the most recent server is in many ways the least of our problems in terms of availability and integrity. This is why I spent a lot more time thinking about how to build FEC in, like with appending PAR2. I'm vastly more concerned about files being corrupted during storage or the chain of transmission or damaged by a server rewriting stuff, and how to recover from that instead of simply saying 'at least one bit changed somewhere along the way; good luck!'. If your connection is flaky and a JPEG doesn't look right, refresh the page. If the only Gwtar of a page that disappeared 20 years ago is missing half a file because a disk sector went bad in a hobbyist's PC 3 mirrors ago, you're SOL without FEC. (And even if you can find another good mirror... Where's your hash for that?) > Would W3C Web Bundles and HTTP SXG Signed Exchanges solve for this use case? No idea. It sounds like you know more about them than I do. What threat do they protect against, exactly?
- westurner 8mo agoThe IETF spec lists a number of justifying use cases. SXG was rejected then for a number of reasons IIUC Browsers check SRI integrity hashes if they're there There's HTTP-in-RDF, and Memento protocol. VCR.py and similar can replay HTTP sessions, but SSL socket patching or the TLS cookie or adding a cert for e.g. an archiving https proxy is necessary Browser Devtools can export HAR HTTP archives If all of the resource origins are changed to one hostname for archival, that bypasses same origin controls on js and cookies; such that the archived page runs all the scripts in the same origin that the archive is served from? Also, Browsers have restrictions on even inline JS scripts served from file:/// urls. FWIU Web Bundles and SXG were intended to preserve the unique origins of resources in order to safely and faithfully archive for interactive offline review.
- Retr0id 8mo agoIt's fairly common for archivers (including archive.org) to inject some extra scripts/headers into archived pages or otherwise modify the content slightly (e.g. fixing up relative links). If this happens, will it mess up the offsets used for range requests?
- gwern 8mo agoThe range requests are to offsets in the original file, so I would think that most cases of 'live' injection do not necessarily break it. If you download the page and the server injects a bunch of JS into the 'header' on the fly and the header is now 10,000 bytes longer, then it doesn't matter, since all of the ranges and offsets in the original file remain valid: the first JPG is still located starting at offset byte #123,456 in $URL, the second one is located starting at byte #456,789 etc, no matter how much spam got injected into it. Beyond that, depending on how badly the server is tampering with stuff, of course it could break the Gwtar, but then, that is true of any web page whatsoever (never mind archiving), and why they should be very careful when doing so, and generally shouldn't. Now you might wonder about 're-archiving': if the IA serves a Gwtar (perhaps archived from Gwern.net), and it injects its header with the metadata and timeline snapshot etc, is this IA Gwtar now broken? If you use a SingleFile-like approach to load it, properly force all references to be static and loaded, and serialize out the final quiescent DOM, then it should not be broken and it should look like you simply archived a normal IA-archived web page. (And then you might turn it back into a Gwtar, just now with a bunch of little additional IA-related snippets.) Also, note that the IA, specifically, does provide endpoints which do not include the wrapper, like APIs or, IIRC, the 'if_/' fragment. (Besides getting a clean copy to mirror, it's useful if you'd like to pop up an IA snapshot in an iframe without the header taking up a lot of space.)
- deleted 8mo ago[deleted]
- calebm 8mo agoVery cool idea. I think single-file HTML web apps are the most durable form of computer software. A few examples of Single-File Web Apps that I wrote are: https://fuzzygraph.com https://fuzzygraph.com and https://hypervault.github.io/ https://hypervault.github.io/.
- karel-3d 8mo agoThe example link doesn't work for me at all in iOS safari? https://gwern.net/doc/philosophy/religion/2010-02-brianmoriarty-thesecretofpsalm46.gwtar.html https://gwern.net/doc/philosophy/religion/2010-02-brianmoria... I will try on Chrome tomorrow.
- woodruffw 8mo agoIt also doesn't work on desktop Safari 26.2 (or perhaps it does, but not to the extent intended -- it appears to be trying to download the entire response before any kind of content painting.)
- deleted 8mo ago[deleted]
- gildas 8mo agoI would like to know why ZIP/HTML polyglot format produced by SingleFile [1] and mentioned in the article "achieve static, single, but not efficiency". What's not efficient compared to the gwtar format? [1] https://github.com/gildas-lormeau/Polyglot-HTML-ZIP-PNG https://github.com/gildas-lormeau/Polyglot-HTML-ZIP-PNG
- gwern 8mo ago'efficiency' is downloading only the assets needed to render the current view. How does it implement range requests and avoid downloading the entire SingleFileZ when a web browser requests the URL?
- gildas 8mo agoI haven't looked closely, but I get the impression that this is an implementation detail which is not really related to the format. In this case, a polyglot zip/html file could also interrupt page loading via a window.stop() call and rely on range requests (zip.js supports them) to unzip and display the page. This could also be transparent for the user, depending on whether the file is served via HTTP or not. However, I admit that I haven't implemented this mechanism yet.
- gwern 8mo ago> that this is an implementation detail which is not really related to the format. In this case, a polyglot zip/html file could also interrupt page loading via a window.stop() call...However, I admit that I haven't implemented this mechanism yet. Well, yes. That's why we created Gwtar and I didn't just use SingleFileZ. We would have preferred to not go to all this trouble and use someone else's maintained tool, but if it's not implemented, then I can't use it. (Also, if it had been obvious to you how to do this window.stop+range-request trick beforehand, and you just hadn't gotten around to implementing it, it would have been nice if you had written it up somewhere more prominent; I was unable to find any prior art or discussion.)
- 8mo ago
- deleted 8mo ago[deleted]
- iainmerrick 8mo agoI agree with the motivation and I really like the idea of a transparent format, but the first example link doesn’t work at all for me in Safari.
- isr 8mo agoHmm, so this is essentially the appimage concept applied to web pages, namely: - an executable header - which then fuse mounts an embedded read-only heavily compressed filesystem - whose contents are delivered when requested (the entire dwarf/squashfs isn't uncompressed at once) - allowing you to pack as many of the dependencies as you wish to carry in your archive (so, just like an appimage, any dependency which isn't packed can be found "live" - and doesn't require any additional, custom infrastructure to run/serve Neat!
- pseudosavant 8mo agoI’ve thought about doing something similar, but at the Service Worker layer so the page stays the same and all HTTP requests are intercepted. Similar to the window.stop() approach, requests would truncate the main HTML file while the rest of that request would be the assets blob that the service worker would then serve up. The service worker file could be a dataURI to keep this in one file.
- overgard 8mo agoInteresting, but I'm kind of confused why you'd need lazy loads for a local file? Like, how big are these files expected to be? (Or is the lazy loading just to support lazy loading its already doing?)
- skybrian 8mo agoI believe the idea is that it's not local. It's a very large file on an HTTP server (required for range requests) and you don't want to download the whole thing over the network. Of course, since it's on an HTTP server, it could easily handle doing multiple requests of different files, but sometimes that's inconvenient to manage on the server and a single file would be easier. Maybe this is downstream of Gwern choosing to use MediaWiki for his website?
- gwern 8mo agoYes, network is assumed. If it's local, there's no problem, just use MHT or SingleFile! > Maybe this is downstream of Gwern choosing to use MediaWiki for his website? This has nothing at all to do with the choice of server. The benefit of being a single-file, with zero configuration or special software required by anyone who ever hosts or rehosts a Gwtar in the future, would be true regardless of what wiki software I run. (As it happens, Gwern.net has never used MediaWiki, or any standard dynamic CMS. It started as Gitit, and is now a very customized Hakyll static site with a lot of nginx options. I am surprised you thought that because Gwern.net looks nothing like any MediaWiki installation I have seen.)
- skybrian 8mo agoYeah I'm not sure why I thought that.
- malkia 8mo agoAnyone else - GWAAAR! - G.W.A.R! - I guess the only metal nerd here
- disce-pati 8mo agothe first thing i thought too
- nunobrito 8mo agoIn case the author is reading: Please consider to add official fields for an optional screenshot of the page in BASE64 encoding and permit to add an (optional) description. Would also help to have official fields to specify the ISO time stamp when the archival took place. As final wish list, would be great to have multiple versions/crawls of the same URL with deduplication of static assets (images, fonts) but this is likely stretching too much for this format.
- gwern 8mo agoAllowing more metadata might be useful. You can add anything to the manifest at build time as assets are not required to be loaded or ever used (because this is impossible to statically check). I suppose we'd have to define an official prefix like 'gwtar-metadata-*' with like a 'gwtar-metadata-screenshot' and 'gwtar-metadata-desciption'... Not obvious what the best way forward is there, you don't want to add a whole bunch of ad hoc metadata fields, everyone will have a different one they want. Exif...? Multiple versions or multiple pages (maybe they can be the same thing?) would be nice but also unclear how to make that. An iframe wrapper? I considered and rejected deduplication and compression. Those can be done by the filesystem/server transparent to the format. (If there's an image file duplicated across multiple pages, then it should be trivial for any filesystem or server to detect or compress those away.)
- nunobrito 8mo agoIf possible, I'd ask for a shorter tag name to keep it more readable. For example: "gwtar-screenshot" and "gwtar-description" would work. I've just asked to make it official because otherwise is difficult to get different parsers to agree in the future. > An iframe wrapper? The way Archive.org does this navigation between multiple versions is quite pleasant to use. Don't know for sure but might be an iframe added on top.
- tefkah 8mo agothis is really really cool, this makes archiving so much easier! great job
- bandie91 8mo ago> The main header JS starts using range requests to first load the real HTML, and then it watches requests for resources; the resources have been rewritten to be deliberately broken 404 errors (requesting from localhost, to avoid polluting any server logs) what if a web server on localhost happens to handle the request? why not request from a guaranteed unaccessable place like http://0.0.0.0/ http://0.0.0.0/ or http://localhost:0/ (port zero)
- gwern 8mo agoIf those were guaranteed inaccessible, wouldn't a web browser be within its rights to optimize those away?
- bandie91 8mo agoeither it optimizes and dont try to connect or does not recognize as never accessible and does try to connect – both are better than accitentally fetching something from a web service running on localhost.