strarsis

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.

strarsis

# overwrite master with contents of feature branch (feature > master)
git checkout feature      # source name
git merge -s ours master  # target name
git checkout master       # target name
git merge feature         # source name

strarsis

Windows Registry Editor Version 5.00

; Windows terminal

[-HKEY_CLASSES_ROOT\Directory\shell\MenuWindowsTerminal]


[-HKEY_CLASSES_ROOT\Directory\background\shell\MenuWindowsTerminal]

[-HKEY_CLASSES_ROOT\Directory\LibraryFolder\shell\MenuWindowsTerminal]

strarsis

<?php

add_shortcode( 'user_company_link', 'yanco_user_company_link' );
function yanco_user_company_link() {

    if( ! is_user_logged_in() ) {
        return;
    }

    $html = '';

strarsis

function Child({ onClick }) {
  return <button onClick={onClick} type="button">Child Button</button>;
}

export default function Parent() {
  const onClick = () => {
    console.log('I\'m in the parent, but the child was clicked');
  };

  return (

strarsis

<!--[if mso]>
 <center>
 <table><tr><td width="580">
<![endif]-->
 <div style="max-width:580px; margin:0 auto;">
 
 <p>This text will be centered and constrained to 580 pixels even on Outlook which does not support max-width CSS</p>
 
 </div>
<!--[if mso]>

strarsis

<?php
// https://gist.github.com/magnetikonline/650e30e485c0f91f2f40

class DumpHTTPRequestToFile {

	public function execute($targetFile) {

		$data = sprintf(
			"%s %s %s\n\nHTTP headers:\n",
			$_SERVER['REQUEST_METHOD'],

strarsis

<?php
/** Inserts a new node after a given reference node. Basically it is the complement to the DOM specification's
 * insertBefore() function.
 * @param \DOMNode $newNode The node to be inserted.
 * @param \DOMNode $referenceNode The reference node after which the new node should be inserted.
 * @return \DOMNode The node that was inserted.
 */
function insertAfter(\DOMNode $newNode, \DOMNode $referenceNode)
{
  if($referenceNode->nextSibling === null) {

strarsis

<?php
global $wpdb;
 
// Start Transaction
$wpdb->query( "START TRANSACTION" );
 
// Do some expensive/related queries here
//$wpdb->query("DELETE FROM table WHERE form_id = '1' ");
//$wpdb->query("DELETE FROM data WHERE form_id = '1' ");
// set $error variable value in error handling after $wpdb modifications

strarsis

function index_progress_bar(title) {
	var w = new  Window("palette", title, undefined);
		w.orientation = "column";
	var text_group = w.add("group");
		text_group.orientation = "column";
	var	file_name = text_group.add("statictext", [0,0,350,20], "calculating..");
	var remain = text_group.add("statictext", [0,0,350,20], "Remain: ..");
		text_group.alignChildren = "left";
	var progressbar = w.add("progressbar", undefined, 0, 100);
		progressbar.preferredSize = [350,20];