data0<p>There's now an <a href="https://indieweb.social/tags/IPFS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IPFS</span></a> <a href="https://indieweb.social/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> Gateway that supports subdomain resolution!</p><p>👉 To make content on the IPFS network accessible in a web <a href="https://indieweb.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browser</span></a>, you need a <a href="https://indieweb.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTTP</span></a> gateway. This one automatically adds a service worker, speeding up subsequent access and improving <a href="https://indieweb.social/tags/decentralization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>decentralization</span></a>:</p><p><a href="https://inbrowser.link/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">inbrowser.link/</span><span class="invisible"></span></a></p><p>Here's a link to my "How to host static websites on IPFS" <a href="https://indieweb.social/tags/howto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>howto</span></a> using it:</p><p><a href="https://ipfs--howto-data0-one.ipns.inbrowser.link/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ipfs--howto-data0-one.ipns.inb</span><span class="invisible">rowser.link/</span></a></p>
Recherches récentes
Aucune recherche récente
Options de recherche
Disponible uniquement lorsque vous êtes connecté.
mastouille.fr est l'un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer au fédiverse.
Mastouille est une instance Mastodon durable, ouverte, et hébergée en France.
Administré par :
Statistiques du serveur :
640comptes actifs
mastouille.fr: À propos · Annuaire des profils · Politique de confidentialité
Mastodon: À propos · Télécharger l’application · Raccourcis clavier · Voir le code source · v4.3.4
#serviceworker
0 message · 0 participant · 0 message aujourd’hui
Chee Aun 🤔<p>Side quest sneak peek: a browser extension that visualizes (Service Worker) Cache Storage for web sites.</p><p>Decided to build this after seeing how difficult it is too see what's stored in Service Worker cache. They can (accidentally) take up quite a lot of storage space.</p><p>Repo: <a href="https://github.com/cheeaun/stakataka" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/cheeaun/stakataka</span><span class="invisible"></span></a><br>Not released yet, under review in Chrome Web Store.</p><p><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://mastodon.social/tags/BrowserExtension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BrowserExtension</span></a> <a href="https://mastodon.social/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a></p>
Nicolas Hoizey<p>“A Local-First Case Study” by <span class="h-card" translate="no"><a href="https://mastodon.social/@jakelazaroff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jakelazaroff</span></a></span></p><p>🔗 <a href="https://jakelazaroff.com/words/a-local-first-case-study/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jakelazaroff.com/words/a-local</span><span class="invisible">-first-case-study/</span></a></p><p>> It helps a lot that various libraries in the ecosystem compose well. Just snapping together ProseMirror, Yjs and Y-Sweet gave me a collaborative rich text editor with shared cursors. Adding in `yjs-indexeddb` made it work offline. This was all mostly out of the box, with very little setup; the degree to which everything Just Works is…</p><p><a href="https://mamot.fr/tags/PWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PWA</span></a> <a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> <a href="https://mamot.fr/tags/offline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>offline</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2024/10/07/a-local-first-case-study/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2024/</span><span class="invisible">10/07/a-local-first-case-study/</span></a></p>
Nicolas Hoizey<p>“Building a Single-Page App with htmx” by <span class="h-card" translate="no"><a href="https://mastodon.social/@jakelazaroff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jakelazaroff</span></a></span></p><p>🔗 <a href="https://jakelazaroff.com/words/building-a-single-page-app-with-htmx/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jakelazaroff.com/words/buildin</span><span class="invisible">g-a-single-page-app-with-htmx/</span></a></p><p>> It’s a simple proof of concept todo list. Once the page is loaded, there is no additional communication with a server. Everything happens locally on the client.<br>> <br>> How does that work, given that htmx is focused on managing hypermedia exchanges over the network?<br>> <br>> With one simple trick: the “server-side” code runs in a service…</p><p><a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> <a href="https://mamot.fr/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2024/10/07/building-a-single-page-app-with-htmx/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2024/</span><span class="invisible">10/07/building-a-single-page-app-with-htmx/</span></a></p>
Greg SlepakIf anyone knows someone at <a class="hashtag" href="https://crib.social/tag/apple" rel="nofollow noopener noreferrer" target="_blank">#Apple</a> working on <a class="hashtag" href="https://crib.social/tag/safari" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> / <a class="hashtag" href="https://crib.social/tag/webkit" rel="nofollow noopener noreferrer" target="_blank">#WebKit</a> and can get this <a class="hashtag" href="https://crib.social/tag/serviceworker" rel="nofollow noopener noreferrer" target="_blank">#ServiceWorker</a> related bug accelerated it would be greatly appreciated 🙏<br><br><a href="https://bugs.webkit.org/show_bug.cgi?id=283793" rel="nofollow noopener noreferrer" target="_blank">https://bugs.webkit.org/show_bug.cgi?id=283793</a>
FirefoxDevTools<p>We had fun squashing bugs in DevTools in Firefox<br> 132, get the details in <a href="https://fxdx.dev/firefox-devtools-newsletter-132/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fxdx.dev/firefox-devtools-news</span><span class="invisible">letter-132/</span></a></p><p><a href="https://mozilla.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mozilla.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mozilla.social/tags/serviceworker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>serviceworker</span></a> <a href="https://mozilla.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a></p>
Nicolas Hoizey<p>“A Local-First Case Study” by <span class="h-card" translate="no"><a href="https://mastodon.social/@jakelazaroff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jakelazaroff</span></a></span></p><p>🔗 <a href="https://jakelazaroff.com/words/a-local-first-case-study/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jakelazaroff.com/words/a-local</span><span class="invisible">-first-case-study/</span></a></p><p>> It helps a lot that various libraries in the ecosystem compose well. Just snapping together ProseMirror, Yjs and Y-Sweet gave me a collaborative rich text editor with shared cursors. Adding in `yjs-indexeddb` made it work offline. This was all mostly out of the box, with very little setup; the degree to which everything Just Works is…</p><p><a href="https://mamot.fr/tags/PWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PWA</span></a> <a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> <a href="https://mamot.fr/tags/offline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>offline</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2024/10/07/a-local-first-case-study/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2024/</span><span class="invisible">10/07/a-local-first-case-study/</span></a></p>
Nicolas Hoizey<p>“Building a Single-Page App with htmx” by <span class="h-card" translate="no"><a href="https://mastodon.social/@jakelazaroff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jakelazaroff</span></a></span></p><p>🔗 <a href="https://jakelazaroff.com/words/building-a-single-page-app-with-htmx/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jakelazaroff.com/words/buildin</span><span class="invisible">g-a-single-page-app-with-htmx/</span></a></p><p>> It’s a simple proof of concept todo list. Once the page is loaded, there is no additional communication with a server. Everything happens locally on the client.<br>> <br>> How does that work, given that htmx is focused on managing hypermedia exchanges over the network?<br>> <br>> With one simple trick: the “server-side” code runs in a service…</p><p><a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> <a href="https://mamot.fr/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2024/10/07/building-a-single-page-app-with-htmx/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2024/</span><span class="invisible">10/07/building-a-single-page-app-with-htmx/</span></a></p>
Church of Jeff<p><a href="https://mastodon.world/tags/foodservice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>foodservice</span></a> <a href="https://mastodon.world/tags/serviceworker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>serviceworker</span></a> <a href="https://mastodon.world/tags/nobillionaires" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nobillionaires</span></a> <a href="https://mastodon.world/tags/taxtherich" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>taxtherich</span></a> <a href="https://mastodon.world/tags/eattherich" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eattherich</span></a></p>
Nicolas Hoizey<p>Who still thinks writing a Service Worker for basic features (performance with cache, offline fallback) is cumbersome?</p><p>Using <a href="https://mamot.fr/tags/Workbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Workbox</span></a> recipes make it so easy!</p><p>Here's the Service Worker for <a href="https://pack11ty.dev" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">pack11ty.dev</span><span class="invisible"></span></a> 😍</p><p><a href="https://github.com/nhoizey/pack11ty/blob/main/src/assets/js/service-worker.js" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/nhoizey/pack11ty/bl</span><span class="invisible">ob/main/src/assets/js/service-worker.js</span></a></p><p><a href="https://mamot.fr/tags/PWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PWA</span></a> <a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/notes/2023/05/31/2/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/notes/2023/</span><span class="invisible">05/31/2/</span></a></p>
Nicolas Hoizey<p>If someone is creating service workers with <a href="https://mamot.fr/tags/Workbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Workbox</span></a> recipes and injectManifest, a build with <a href="https://mamot.fr/tags/esbuild" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esbuild</span></a>, and doesn't have any issues, I'm interested! 😅</p><p>I have a very strange issue:</p><p><a href="https://github.com/GoogleChrome/workbox/issues/3207" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/GoogleChrome/workbo</span><span class="invisible">x/issues/3207</span></a></p><p>Bonus points if this is with <span class="h-card"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span></p><p><a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/notes/2023/05/13/1/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/notes/2023/</span><span class="invisible">05/13/1/</span></a></p>
Nicolas Hoizey<p>Is it ok to use Workbox's `injectManifest` with the recent recipes `warmCache` option?</p><p>I tried this without success in the Service Worker in Pack11ty:</p><p>```javascript<br>staticResourceCache({<br> warmCache: self.__WB_MANIFEST,<br>});<br>```</p><p>Other caches are warmed up, not this one.</p><p><a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> <a href="https://mamot.fr/tags/Workbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Workbox</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/notes/2023/05/06/1/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/notes/2023/</span><span class="invisible">05/06/1/</span></a></p>
Romaric<p>A different kind of CSS: a Client Side Server. A little experiment to make a Service Worker run a server locally <a href="https://romaricpascal.gitlab.io/client-side-server/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">romaricpascal.gitlab.io/client</span><span class="invisible">-side-server/</span></a>. </p><p>Turns out the browser provides plenty to make that happen, it's great!</p><p><a href="https://social.romaricpascal.com/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://social.romaricpascal.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://social.romaricpascal.com/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a></p>
Doug Parker 🕸️<p><span class="h-card"><a href="https://piaille.fr/@tbroyer" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tbroyer</span></a></span> Thanks for sharing that. I'd heard of the approach but don't think I'd read that article specifically. The performance metrics are very interesting.</p><p>I think the difference is that <a href="https://techhub.social/tags/HTMLFragments" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMLFragments</span></a> routing is technically an <a href="https://techhub.social/tags/SPA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SPA</span></a> approach and keeps <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> context between routes in a way that a <a href="https://techhub.social/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> navigation would not.</p><p>HTML Fragments as a concept is also a little more flexible beyond rendering full pages. It allows you to dynamically render individual components instead of a full page. For example, you can use it to infinite scroll a list, or edit an item of the list and rerender on the server without invalidating the whole page. This is discussed more in the original post:</p><p><a href="https://blog.dwac.dev/posts/html-fragments/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.dwac.dev/posts/html-fragm</span><span class="invisible">ents/</span></a></p><p>For a fully static site with a lot of content, I think the service worker approach could work well, while HTML fragments provides a bit more interactivity.</p>
Doug Parker 🕸️<p>New blog post: Building a <a href="https://techhub.social/tags/router" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>router</span></a> with <a href="https://techhub.social/tags/HTMLFragments" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMLFragments</span></a>.</p><p><a href="https://blog.dwac.dev/posts/html-fragments-routing/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.dwac.dev/posts/html-fragm</span><span class="invisible">ents-routing/</span></a></p><p>This explorers how we can use HTML fragments to define routes, load them dynamically, and then apply them to the main page content. It talks about more complexities with streaming <a href="https://techhub.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> (because I didn't learn my lesson last time) and even has a bonus section on shipping an application server _inside_ a <a href="https://techhub.social/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a>.</p><p>Lots of interesting stuff, I hope you check it out!</p>
Nicolas Hoizey<p>🔗 How do you test a service worker, anyway?<br>by <span class="h-card"><a href="https://hachyderm.io/@jeffposnick" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jeffposnick</span></a></span></p><p><a href="https://mamot.fr/tags/PWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PWA</span></a> <a href="https://mamot.fr/tags/ServiceWorker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceWorker</span></a> <a href="https://mamot.fr/tags/test" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>test</span></a> </p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2022/12/04/how-do-you-test-a-service-worker-anyway/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2022/</span><span class="invisible">12/04/how-do-you-test-a-service-worker-anyway/</span></a></p>
ExplorerFlux en direct
Mastodon est le meilleur moyen de suivre ce qui se passe.
Suivez n'importe qui à travers le fédivers et affichez tout dans un ordre chronologique. Ni algorithmes, ni publicités, ni appâts à clics en perspective.
Créer un compteSe connecterGlissez et déposez pour envoyer