wabac.js icon indicating copy to clipboard operation
wabac.js copied to clipboard

Simple example

Open fbaltor opened this issue 3 months ago • 2 comments

Any chance we have a simple example of how to serve a WACZ file using this project? I know replayweb.page has the goal to be the tool to go in this case, but it creates the page inside an iframe and I would like to be able to directly serves this saved website.

fbaltor avatar Sep 28 '25 21:09 fbaltor

I agree that more examples could be useful, though would still recommend using replayweb.page for most use cases. The embed guide mentions the embed option, eg. <replay-web-page embed="replayonly" ... > which will not show the iframe, just the content being replayed.

As it is now, wabac.js is designed to work with a top-level frame, unless you're using 'single site mirror mode'. For that example, see: https://github.com/webrecorder/web-archive-site-mirror which does provide an example of how to serve a single site from a single WACZ without top-level URL rewriting.

Can you share more about your use case?

ikreymer avatar Sep 28 '25 22:09 ikreymer

I'm using this embed option, but the point is that I need to interact with the replay using Playwright and the iframe ends up being one more abstraction to handle. I'll check the example provided! Turns out I have very little knowledge of service workers so it makes everything a little harder hehe Ty for the fast response! I'll update you when I test with the site-mirror.

fbaltor avatar Sep 28 '25 23:09 fbaltor