Ash Kyd AshKyd

Had enough of Grunt and Gulp because they're difficult to configure and especially difficult to debug.

After a discussion with some BrisJS peers last month I've come up with a bunch of NPM scripts to do a bunch of common browserify+uglify+misc stuff. This is based around my own workflow and doesn't cover all the bases so ymmv, but it's been working for me for a while now so I figured I'd share.

Getting started

Install CentOS
Install Docker
Install docker-compose
Clone Mastodon repo
Setup env
Follow instructions on mastodon readme
Set up let's encrypt
Set up nginx with the mastodon config

	# Fedora-specific PHP environment setup
	yum install php php-mbstring php-mysql php-gd

	# Manually install composer via https://getcomposer.org/download/

	# Install Silverstripe & sqlite driver
	composer create-project silverstripe/installer ./ 3.1.10
	composer require silverstripe/sqlite3 1.3.*@dev

	# Launch the dev PHP server

	#!/usr/bin/python
	# https://nathanhoad.net/how-to-meld-for-git-diffs-in-ubuntu-hardy

	import sys
	import os

	os.system('meld "%s" "%s"' % (sys.argv[2], sys.argv[5]))

	function random(seed) {
	var x = Math.sin(seed) * 10000;
	return x - Math.floor(x);
	}

	var mySeed = 1234;
	for(var i=0; i<10; i++){
	console.log(random(mySeed++));
	}

	// npm install wait-until --save-dev

	waitUntil()
	.interval(10)
	.times(1000)
	.condition(function(){
	})
	.done(function(){
	});

	var arbitraryHeight = 100000; // number of pixels of screen to load
	var previousHeight, previousArticles;
	document.body.style.opacity = 0;
	var scrollTimeout;
	var loadLoop = setInterval(() => {
	var articles = Array.from(document.querySelectorAll('article'));
	// how many pixels of screen have we loaded?
	var loadedHeight = parseInt(window.getComputedStyle(document.querySelector('section')).height);

	// If we've hit our targeted amount, stop looping & sort our images.

	// Extract colours from Adobe Colour Wheel https://color.adobe.com/create/color-wheel
	Array.from(document.querySelectorAll('[data-mode="hex"] input')).map(input => '#'+input.value).join('\n');