Ash Hitchcock ashhitch

This is the follow up to a post I wrote recently called From Require.js to Webpack - Party 1 (the why) which was published in my personal blog.

In that post I talked about 3 main reasons for moving from require.js to webpack:

Common JS support
NPM support
a healthy loader/plugin ecosystem.

Here I'll instead talk about some of the technical challenges that we faced during the migration. Despite the clear benefits in developer experience (DX) the setup was fairly difficult and I'd like to cover some of the challanges we faced to make the transition a bit easier.

To implement API authentication in KeystoneJS, you need the following:

For key based authentication

Middleware that validates the key in the request body or a header

For session based authentication

An endpoint that handles signin
An endpoint that handles signout

Installing Python 2.7 on Centos 6.5

Centos 6.* comes with Python 2.6, but we can't just replace it with v2.7 because it's used by the OS internally (apparently) so you will need to install v2.7 (or 3.x, for that matter) along with it. Fortunately, CentOS made this quite painless with their Software Collections Repository

sudo yum update # update yum
sudo yum install centos-release-scl # install SCL 
sudo yum install python27 # install Python 2.7

To use it, you essentially spawn another shell (or script) while enabling the newer version of Python:

	The MIT License (MIT)

	Copyright (c) 2015 Justin Perry

	Permission is hereby granted, free of charge, to any person obtaining a copy of
	this software and associated documentation files (the "Software"), to deal in
	the Software without restriction, including without limitation the rights to
	use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
	the Software, and to permit persons to whom the Software is furnished to do so,
	subject to the following conditions:

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	<?php

	//Display Fields
	add_action( 'woocommerce_product_after_variable_attributes', 'variable_fields', 10, 3 );
	//JS to add fields for new variations
	add_action( 'woocommerce_product_after_variable_attributes_js', 'variable_fields_js' );
	//Save variation fields
	add_action( 'woocommerce_save_product_variation', 'save_variable_fields', 10, 1 );

	/**

	// array utils
	// =================================================================================================

	const combine = (...arrays) => [].concat(...arrays);

	const compact = arr => arr.filter(Boolean);

	const contains = (() => Array.prototype.includes
	? (arr, value) => arr.includes(value)
	: (arr, value) => arr.some(el => el === value)

	requirejs.config({
	baseUrl: 'scripts',
	paths: {
	'angular': 'lib/angular/angular',
	'angular-animate': 'lib/angular/angular-animate',
	'angular-aria': 'lib/angular/angular-aria',
	'angular-cookies': 'lib/angular/angular-cookies',
	'angular-messages': 'lib/angular/angular-messages',
	'angular-mocks': 'lib/angular/angular-mocks',
	'angular-resource': 'lib/angular/angular-resource',

	echo "Creating an SSH key for you..."
	ssh-keygen -t rsa

	echo "Please add this public key to Github \n"
	echo "https://github.com/account/ssh \n"
	read -p "Press [Enter] key after this..."

	echo "Installing xcode-stuff"
	xcode-select --install

	#!/usr/bin/env sh
	# Fixes problem described at http://apple.stackexchange.com/questions/118783/bluetooth-peripherals-randomly-disconnecting-under-mavericks
	kextunload -b com.apple.iokit.BroadcomBluetoothHostControllerUSBTransport
	kextload -b com.apple.iokit.BroadcomBluetoothHostControllerUSBTransport