cmckni3

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:

cmckni3

# 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

cmckni3

$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';

cmckni3

<!-- 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>

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.

cmckni3

1. Install node.js and optionally yarn
2. Install and open Visual Studio Code
3. Install chrome debugging extension for Visual Studio Code
4. Install @angular/cli npm i -g @angular/cli OR yarn global add @angular/cli
5. Create a new project ng new my-project
6. Open project in Visual Studio Code
7. Debug > Add configuration
8. Paste contents of launch.json into the new launch.json configuration file.
9. 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.
10. Debug > Launch Chrome agains

cmckni3

// 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)
});

cmckni3

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,

cmckni3

import 'rxjs/add/operator/take';

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

cmckni3

Clear software updates (useful after turning off beta updates)

sudo softwareupdate --clear-catalog

Allow running software by unidentified developers

sudo spctl --master-disable