Daniel Masake Kitui dmkitui

## cache.js
/* global caches, fetch, self */

// Fill here with your cache name-version.
const CACHE_NAME = 'my-cache-v1'
// This is the list of URLs to be cached by your Progressive Web App.
const CACHED_URLS = [
  '/',
  '/bundle.js',
  '/manifest.json',
  '/register.js',

## staleWhileRevalidate.js
// Implements stale-while-revalidate
self.addEventListener('fetch', event => {
  const cached = caches.match(event.request);
  const fetched = fetch(event.request);
  const fetchedCopy = fetched.then(resp => resp.clone());

  // Call respondWith() with whatever we get first.
  // If the fetch fails (e.g disconnected), wait for the cache.
  // If there’s nothing in cache, wait for the fetch.
  // If neither yields a response, return a 404.

## service-workers.md

      
              1 file
            
          
              52 forks
            
          
              85 comments
            
          
              994 stars
            
          
                Rich-Harris
                / service-workers.md
            
            
              Last active
              July 10, 2024 17:04
            
              
                Stuff I wish I'd known sooner about service workers
              
          
    Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.
I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.
Use Canary for development instead of Chrome stable

Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.

  
## index.html
<html>
  <head>
    <title>DevTools Test</title>
  </head>
  <body>
    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('sw.js');
        // Wait until the SW has taken control of the page before inserting the <script> elements.
        // That way we can be sure the SW's fetch handler will intercept them.

## lan_monitor.sh
#!/bin/bash
# Script to monitor devices on network (regardless of connectivity type.
# i.e. wired, wireless, vpn). New devices (either new MAC or old MAC with
# new hostname) joining the network will trigger an email alert to be sent.
#
# REQUIRED ENTWARE PACKAGES :
#       * msmtp - SMTP client to send mail to external email addresses
#
# Author: SidneyC <sidneyc_at_outlook_dot_com>
#

## celery.sh
/* Useful celery config.

app = Celery('tasks',
             broker='redis://localhost:6379',
             backend='redis://localhost:6379')

app.conf.update(
    CELERY_TASK_RESULT_EXPIRES=3600,
    CELERY_QUEUES=(
        Queue('default', routing_key='tasks.#'),

## wtforms-field-macro-bootstrap3.html
{% macro render_field(field) -%}

{% set with_label = kwargs.pop('with_label', False) %}
{% set placeholder = kwargs.pop('placeholder', field.label.text) %}
{% set class_ = kwargs.pop('class_', '') %}

{% if field.flags.required %}
{% set class_ = class_ + ' required' %}
{% endif %}

## nginx.conf
# to generate your dhparam.pem file, run in the terminal
openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048
	/* global caches, fetch, self */

	// Fill here with your cache name-version.
	const CACHE_NAME = 'my-cache-v1'
	// This is the list of URLs to be cached by your Progressive Web App.
	const CACHED_URLS = [
	'/',
	'/bundle.js',
	'/manifest.json',
	'/register.js',
	// Implements stale-while-revalidate
	self.addEventListener('fetch', event => {
	const cached = caches.match(event.request);
	const fetched = fetch(event.request);
	const fetchedCopy = fetched.then(resp => resp.clone());

	// Call respondWith() with whatever we get first.
	// If the fetch fails (e.g disconnected), wait for the cache.
	// If there’s nothing in cache, wait for the fetch.
	// If neither yields a response, return a 404.
	<html>
	<head>
	<title>DevTools Test</title>
	</head>
	<body>
	<script>
	if ('serviceWorker' in navigator) {
	navigator.serviceWorker.register('sw.js');
	// Wait until the SW has taken control of the page before inserting the <script> elements.
	// That way we can be sure the SW's fetch handler will intercept them.
	#!/bin/bash
	# Script to monitor devices on network (regardless of connectivity type.
	# i.e. wired, wireless, vpn). New devices (either new MAC or old MAC with
	# new hostname) joining the network will trigger an email alert to be sent.
	#
	# REQUIRED ENTWARE PACKAGES :
	# * msmtp - SMTP client to send mail to external email addresses
	#
	# Author: SidneyC <sidneyc_at_outlook_dot_com>
	#
	/* Useful celery config.

	app = Celery('tasks',
	broker='redis://localhost:6379',
	backend='redis://localhost:6379')

	app.conf.update(
	CELERY_TASK_RESULT_EXPIRES=3600,
	CELERY_QUEUES=(
	Queue('default', routing_key='tasks.#'),
	{% macro render_field(field) -%}

	{% set with_label = kwargs.pop('with_label', False) %}
	{% set placeholder = kwargs.pop('placeholder', field.label.text) %}
	{% set class_ = kwargs.pop('class_', '') %}

	{% if field.flags.required %}
	{% set class_ = class_ + ' required' %}
	{% endif %}
	# to generate your dhparam.pem file, run in the terminal
	openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048