All Projects → zackargyle → Service Workers

zackargyle / Service Workers

Licence: mit
A collection of utilities for creating/testing/experimenting with service workers.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Service Workers

Pwapp Demo
A very simple progressive web app demo that will help you get started.
Stars: ✭ 13 (-98.97%)
Mutual labels:  service-worker
Sw Appcache Behavior
A service worker implementation of the behavior defined in a page's AppCache manifest.
Stars: ✭ 49 (-96.1%)
Mutual labels:  service-worker
Parcel Plugin Sw Precache
A Parcel plugin for generating a service worker that precaches resources.
Stars: ✭ 70 (-94.44%)
Mutual labels:  service-worker
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (-22.81%)
Mutual labels:  service-worker
Service Mocker
🚀 Next generation frontend API mocking framework
Stars: ✭ 1,033 (-17.89%)
Mutual labels:  service-worker
Yinyue
🏖Version Of Progressive Web App ( Serverless )
Stars: ✭ 57 (-95.47%)
Mutual labels:  service-worker
Beats0.github.io
After a few hundred years, GitHub will become the world's largest digital cemetery, and most of the users have passed away. However, their homepages, projects and commit history describe what they did during their lifetime.
Stars: ✭ 23 (-98.17%)
Mutual labels:  service-worker
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-94.2%)
Mutual labels:  service-worker
Sw 101 Gdgdf
Slides: Service Worker 101 @ GDG DevFest 2016
Stars: ✭ 48 (-96.18%)
Mutual labels:  service-worker
The forge
Our groundbreaking, lightning fast PWA CLI tool
Stars: ✭ 70 (-94.44%)
Mutual labels:  service-worker
Elm Hn Pwa
Hacker News as a PWA built with Elm
Stars: ✭ 43 (-96.58%)
Mutual labels:  service-worker
Parcel Plugin Sw Cache
📦👷 Parcel plugin for caching using a service worker
Stars: ✭ 45 (-96.42%)
Mutual labels:  service-worker
Expenses
💰Expense tracker using Google Sheets 📉 as a storage written in React
Stars: ✭ 1,105 (-12.16%)
Mutual labels:  service-worker
Next Pwa
Zero config PWA plugin for Next.js, with workbox 🧰
Stars: ✭ 909 (-27.74%)
Mutual labels:  service-worker
Service Worker Router
➰ An elegant and fast URL router for service workers (and standalone use)
Stars: ✭ 70 (-94.44%)
Mutual labels:  service-worker
Hoverboard
Conference website template
Stars: ✭ 935 (-25.68%)
Mutual labels:  service-worker
Navi
Open Source Project for Grow with Google Udacity Scholarship Challenge - Navigation app using offline first strategy and google maps api - To get started please refer to the README.md - CONTRIBUTING.md and the project Wiki
Stars: ✭ 51 (-95.95%)
Mutual labels:  service-worker
Network Idle Callback
Like requestIdleCallback, but for detecting network idle
Stars: ✭ 84 (-93.32%)
Mutual labels:  service-worker
Vbox
vue实现的音乐Web App
Stars: ✭ 73 (-94.2%)
Mutual labels:  service-worker
Sqlite Worker
A simple, and persistent, SQLite database for Web and Workers.
Stars: ✭ 70 (-94.44%)
Mutual labels:  service-worker

*** THIS PROJECT IS NO LONGER MAINTAINED ***

Service Worker Toolchain

A collection of service worker generation tools. Configurable and forkable.

Includes the following packages

generate-service-worker

A node module for generating service worker files based on provided configuration options.

service-worker-plugin

A webpack plugin for generating dynamic service worker files and a runtime helper.

service-worker-mock

A mock service worker environment generator. Used for testing service worker code.

Why?

There are several other packages that generate service workers (sw-precache, offline-plugin, etc). This collection of tools was built to allow more complexity while being fully testable, and allowing the generation of multiple service worker files simultaneously for experimentation/rollout. We chose not to use a templating language, but to instead inject globals into the scripts so that our "templates" were pure JavaScript. This makes it easier to test/read/update the code, with the downside of slightly larger output sizes. See the README in each package for more details.

We encourage forking of the base templates found in packages/generate-service-worker/templates/.

Contributing

scripts description
yarn install install all dev dependencies
yarn test run the test suite
yarn run lint run eslint
yarn start run the demo for development testing

To get started contributing, run yarn start, which will run a webpack-devserver on localhost:3000. In demo/webpack.config.js you'll see the configurations used for the demo testing. Each experimental config can be accessed via the key query param (i.e. localhost:3000?key=withNotifications). This provides a simple way to install a new service worker for testing, and the corresponding generated code will be visible in the DOM itself thanks to highlight.js. Use the application tab in the devtools to verify that the service worker was installed. By setting debug: true in the plugin config, the devtools console can be used to verify actions are taking place.

Core Contributors

Contributors ✌⊂(✰‿✰)つ✌

Some ideas for contributions:

  • Browserify plugin
  • Rollup plugin

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].