sw-tools, a library to rule the Service Workers

Today I would like to write about a JavaScript library that we recently published in NPM. It is designed to include a Service Worker with very interesting functionality on a website.

But why?

When Workbox by Google was published, we thought it was a great idea to control a Service Worker without knowing almost anything about them. Reading about what Service Workers can do, we saw that Workbox includes only basic functionality. That is why we decided to create our own library to control Service Workers.

What can it do?

• Automatically manages the cache depending on the type of resource requested.
• Prefetching of the pages that the user will visit.
• Lazy loading of YouTube images and videos (original idea by Arthur Corenzan on dev.to).
• Full page offline usage.

How does it work

The installation and configuration of the library is done in four simple steps.

1. Download and install from NPM.
   

   npm install @veiss-com/sw-tools --save-dev
   

2. Copy the Service Worker (sw.min.js) to the root directory of the project.

3. Include the library in the web JavaScript.

4. Initialize and configure the Service Worker.
   

   var swTools = new swTools('/sw.min.js');
   

Visit NPM to see the configuration options.

We know it is not perfect and can be improved. Therefore, we would like to know your opinion. Any thoughts, corrections, etc. it's welcome.