Chris McKnight cmckni3

TypeScript & zeit/pkg

zeit/pkg needs to know which assets to include for TypeScript (tsconfig.json) and be able to resolve any dynamic requires.

This package.json shows how to configure zeit/pkg with gluegun.

In this example, the assets key is used for pkg to copy necessary files into the built binary and resolve the dynamic requires to find extensions and commands. TypeScript requires some basic type definitions (*.d.ts files) to compile and run which are included with the TypeScript compiler.

Install node.js and optionally yarn
Install and open Visual Studio Code
Install chrome debugging extension for Visual Studio Code
Install @angular/cli npm i -g @angular/cli OR yarn global add @angular/cli
Create a new project ng new my-project
Open project in Visual Studio Code
Debug > Add configuration
Paste contents of launch.json into the new launch.json configuration file.
Start project ng serve optionally changing the port with -p <value> or --port. Remember to change the port in launch.json first since Visual Studio Code will reload and stop all programs running in the builtin terminal.
Debug > Launch Chrome agains

Clear software updates (useful after turning off beta updates)

sudo softwareupdate --clear-catalog

Allow running software by unidentified developers

sudo spctl --master-disable

	name: Deploy presentation to GitHub pages

	on:
	# Runs on pushes targeting the default branch
	push:
	branches: ["master"]

	# Allows you to run this workflow manually from the Actions tab
	workflow_dispatch:

	# Install XCode before running any commands below

	# Setup RubyMotion and XCode
	cp -r /usr/lib/swift/*.dylib /Applications/Xcode.app/Contents/Frameworks/
	touch /Applications/Xcode.app/Contents/Frameworks/.swift-5-staged
	sudo xcodebuild -license accept
	sudo xcode-select --install
	sudo xcode-select --reset

	# In project directory run commands to build

	$fa-font-path: '~@fortawesome/fontawesome-pro/webfonts';

	@import '~@fortawesome/fontawesome-pro/scss/fontawesome';
	@import '~@fortawesome/fontawesome-pro/scss/solid';
	@import '~@fortawesome/fontawesome-pro/scss/regular';
	@import '~@fortawesome/fontawesome-pro/scss/brands';

	<!-- Sample Content to Plugin to Template -->
	<h1>CSS Basic Elements</h1>

	<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>

	<hr />

	<h1 id="headings">Headings</h1>

	<h1>Heading 1</h1>

	// Requires jQuery

	// Paste into console
	$('a[download]').toArray().map((a, index) => {
	// delay by index seconds to prevent overloading browser on large bundles
	return setTimeout(() => {
	// simulate click event to trigger download
	a.click();
	}, index * 1000)
	});

	window.getAllEventListeners = () => {
	return Array.from(document.querySelectorAll('*')).map(element => {
	const listeners = getEventListeners(element);

	return {
	element: element,
	listeners: Object.keys(listeners).map(key => {

	return {
	event: key,

	import 'rxjs/add/operator/take';

	import {
	Action,
	ActionReducer,
	combineReducers,
	Store,
	StoreModule
	} from '@ngrx/store';
	import { compose } from '@ngrx/core/compose';