Clay Stewart clamstew

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.~~

	'use strict';

	/**
	* @ngdoc directive
	* @name myapp.directive:forceLowerCase
	* @description
	* # forceLowerCase
	*/
	angular.module('myapp')
	.directive('forceLowerCase', function ($parse) {

	<snippet>
	<content><![CDATA[
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>My Title</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<snippet>
	<content><![CDATA[
	console.${1:log}('${2:message}', ${3:code});
	]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>cl</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.js</scope>
	</snippet>

	const I = x => x
	const K = x => y => x
	const A = f => x => f (x)
	const T = x => f => f (x)
	const W = f => x => f (x) (x)
	const C = f => y => x => f (x) (y)
	const B = f => g => x => f (g (x))
	const S = f => g => x => f (x) (g (x))
	const S_ = f => g => x => f (g (x)) (x)
	const S2 = f => g => h => x => f (g (x)) (h (x))

	[alias]
	cleanfeature = branch --merged \| grep "feature/" \| xargs -n 1 git branch -d
	[merge]
	tool = p4mergetool
	renameLimit = 8000
	[mergetool "p4mergetool"]
	cmd = /Applications/p4merge.app/Contents/Resources/launchp4merge $PWD/$BASE $PWD/$REMOTE $PWD/$LOCAL $PWD/$MERGED
	trustExitCode = false
	[mergetool]
	keepBackup = false

	Moved to a proprer repositoy, TSWS is a real boy now!

	https://github.com/dfletcher/tsws

	PRs welcomed.

	if (
	process.env.NODE_ENV === 'production' &&
	window.__REACT_DEVTOOLS_GLOBAL_HOOK__ &&
	Object.keys(window.__REACT_DEVTOOLS_GLOBAL_HOOK__._renderers).length
	) {
	window.__REACT_DEVTOOLS_GLOBAL_HOOK__._renderers = {}
	}

	alias accio=wget
	alias avadaKedavra='rm -f'
	alias imperio=sudo
	alias priorIncantato='echo `history \|tail -n2 \|head -n1` \| sed "s/[0-9]* //"'
	alias stupefy='sleep 5'
	alias wingardiumLeviosa=mv

	alias sonorus='set -v'
	alias quietus='set +v'