Unable to save multiple views for offline experience

[elyrko]

Expected Behavior

I have multiple pages that need to be accssible without the internet, the problem i'm facing is that whenever i save multiple views the content gets overwritten with the latest one. This means no matter the url the content is the same. I need cache to output different content per url but it's not working for some reason.

I've tried setting different scopes but the only thing changing is the scope which the user can browse, the content still remains the latest thats been saved.

Both sw and main js are located at the root of my project

Here's my current implementation:
UpUp.start({ content: content+'<div class="flex justify-center bg-slate-500 h-full post-377 customize-support">'+container[0].outerHTML+'</div>', assets: [...new Set(assets)] });

The content is just an html container and assets are all the assets which are required for this page (js/css, images and an ajax request).

Looking at the developer console i can see that the cache gets deleted everytime a new one is saved, i also tried removing the deletion process but it still only displays the latest saved cache. even though after modification the deletion is not happening.

Is this a limit of SW/Upup.js or am i doing something wrong?

Your Environment

• Version used: 6.2.2
• Browser Name and version: chrome 114.0.5735.199
• Operating System and version (desktop or mobile): windows 11