Jan Baer janbaer

Angular2 + JSPM cheat sheet

First time setup

install jspm beta: npm install -g jspm@beta
set up your project: jspm init
install dependencies: jspm install angular2 reflect-metadata zone.js es6-shim

This will create a jspm_packages folder, and a config.js file.

Open the config.js file - this file manages options for the System.js loader - tweak it as appropriate

Auto-deploying built products to gh-pages with GitHub Actions

This is a set up for projects which want to check in only their source files, but have their gh-pages branch automatically updated with some compiled output every time they push.

A file below this one contains the steps for doing this with Travis CI. However, these days I recommend GitHub Actions, for the following reasons:

It is much easier and requires less steps, because you are already authenticated with GitHub, so you don't need to share secret keys across services like you do when coordinate Travis CI and GitHub.
It is free, with no quotas.
Anecdotally, builds are much faster with GitHub Actions than with Travis CI, especially in terms of time spent waiting for a builder.

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

	[Unit]
	Description=NSQD
	After=network.target

	[Service]
	WorkingDirectory=/usr/local/nsq
	ExecStart=/usr/local/nsq/bin/nsqd -http-address 127.0.0.1:4151 -tcp-address 127.0.0.1:4150 -lookupd-tcp-address 127.0.0.1:4160
	ExecReload=/bin/kill -HUP $MAINPID
	Type=simple
	KillMode=process

	# This file has been auto-generated by i3-config-wizard(1).
	# It will not be overwritten, so edit it as you like.
	#
	# Should you change your keyboard layout somewhen, delete
	# this file and re-run i3-config-wizard(1).
	#

	# i3 config file (v4)
	#
	# Please see http://i3wm.org/docs/userguide.html for a complete reference!

	---
	parser: espree
	env:
	amd: false
	browser: false
	es6: false
	jasmine: false
	jquery: false
	meteor: false
	mocha: false

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	package main

	import (
	"fmt"
	"os"
	"os/signal"
	"syscall"
	)

	func main() {

	SLIDES := $(patsubst %.md,%.md.slides.pdf,$(wildcard *.md))
	HANDOUTS := $(patsubst %.md,%.md.handout.pdf,$(wildcard *.md))

	all : $(SLIDES) $(HANDOUTS)

	%.md.slides.pdf : %.md
	pandoc $^ -t beamer --slide-level 2 -o $@

	%.md.handout.pdf : %.md
	pandoc $^ -t beamer --slide-level 2 -V handout -o $@