Yavor Kirov YavorK

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

	<!DOCTYPE html>
	<html>

	<head>
	<title>Hello Page</title>
	<script src="https://unpkg.com/htmx.org@1.9.2"></script>
	</head>

	<body>
	<h1>Hello</h1>


	wget -O /tmp/YaHei.Consolas.1.12.zip https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/uigroupcode/YaHei.Consolas.1.12.zip
	unzip /tmp/YaHei.Consolas.1.12.zip
	sudo mkdir -p /usr/share/fonts/consolas
	sudo mv YaHei.Consolas.1.12.ttf /usr/share/fonts/consolas/
	sudo chmod 644 /usr/share/fonts/consolas/YaHei.Consolas.1.12.ttf
	cd /usr/share/fonts/consolas
	sudo mkfontscale && sudo mkfontdir && sudo fc-cache -fv

	<?php

	//import db from original server to local one...

	/**
	* Instructions:
	* 1. Install this package: https://laravelcollective.com/docs/5.3/ssh
	* 2. Add those to your .env file and fill up the values:
	ORIGINAL_SERVER_SSH_ADDRESS=
	ORIGINAL_SERVER_SSH_USERNAME=

	<?php
	// Before: composer require monolog/monolog

	// composer autoloader
	require_once 'vendor/autoload.php';

	// Shortcuts for simpler usage
	use \Monolog\Logger;
	use \Monolog\Formatter\LineFormatter;
	use \Monolog\Handler\StreamHandler;