honsa.ch honsa

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

Manage your php version via Laragon PHP UI switcher with help of powershell package manager.

For this sake ill be using https://github.com/mlocati/powershell-phpmanager) package manage to handle multi version instead of download the zip file manually. The reason why i want to using this package manager is because it easy for me to add new extension like how linux and mac do. For example, installing imagick on windows is such a hassle. Not to mention if you keep switching your laptop or pc it could make it hard to just install all back without any semi or automated script laying around.

Disclaimer

Terminals should generate the 256-color palette from the user's base16 theme.

If you've spent much time in the terminal, you've probably set a custom base16 theme. They work well. You define a handful of colors in one place and all your programs use them.

The drawback is that 16 colors is limiting. Complex and color-heavy programs struggle with such a small palette.

	function setUserAgent(window, userAgent) {
	// Works on Firefox, Chrome, Opera and IE9+
	if (navigator.__defineGetter__) {
	navigator.__defineGetter__('userAgent', function () {
	return userAgent;
	});
	} else if (Object.defineProperty) {
	Object.defineProperty(navigator, 'userAgent', {
	get: function () {
	return userAgent;

	I
	1100 version
	JOY

	OS: Windows
	Name: Saitek X52 Pro Flight Control System
	Display: Saitek X52 Pro

	Assignments:
	--------------------------------------------------------------

	#!/bin/bash
	# from https://chromium.woolyss.com/
	# and https://gist.github.com/addyosmani/5336747
	# and https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md
	sudo apt-get update
	sudo apt-get install software-properties-common
	sudo add-apt-repository ppa:canonical-chromium-builds/stage
	sudo apt-get update
	sudo apt-get install chromium-browser
	chromium-browser --headless --no-sandbox http://example.org/

	# To enable CORS you should add lines with CORS rules below to your valet.conf file
	# Find the file /usr/local/etc/nginx/valet/valet.conf - this is Valet conf for Nginx
	# of try to execute `locate valet.conf` and find the `valet.coinf` in `nginx` subdirectory
	# after you edit your valet.conf do not forget to execute `valet restart`

	server {
	listen 80 default_server;
	root /;
	charset utf-8;
	client_max_body_size 128M;