jsonberry

/* tslint:disable:max-classes-per-file */
import {Action} from '@ngrx/store';
import {NavigationExtras} from '@angular/router';

export enum RouterActionTypes {
  GO = '[router] Go',
  BACK = '[router] Back',
  FORWARD = '[router] Forward',
}

jsonberry

/// Breakpoints
/// @author Jason Awbrey
/// @param { phone | tablet-portrait | tablet-landscape | desktop | desktop-big } $type [no default]
/// @return { Number } Rem calculated value for a given breakpoint
@function bp($type) {
    /// @prop
    $breakpoints: (phone: 599, tablet-portrait: 600, tablet-landscape: 900, desktop: 1200, desktop-big: 1800);
    @if (map-has-key($breakpoints, $type) != true) {
        @error "$type must be one of these: #{map-keys($breakpoints)}";
    }

jsonberry

// zip arrays together
// Catalin Dumitru @colin_dumitru
// Jason Awbrey @jsawbrey
const zip = (a, b) => a.map((n, i) => [n, b[i]])

// merge objects in an array together
// caution: properties are overridden if duplicated
// @a [{a},{b}]
// @returns [{a, b}]
// Jason Awbrey @jsawbrey

jsonberry

.container {
    word-wrap: break-word; // works for IE11, IE10
    overflow-wrap: break-word; // New naming for word-wrap attribute, keep for possible deprecation of word-wrap
    word-break: break-word; // Helps with non English character wrapping, supported by Blink based browsers

    .item {
        // display: block or inline-block may be required
        max-width: 250px;
        width: 100%; // Allows for word wrap in IE10/IE11
        

jsonberry

// .js extension for syntax highlighting - all files are actually .ts
// A general service that makes an HTTP call to an API
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'

@Injectable()
export class ApiService {

    constructor (
        private http: HttpClient,

jsonberry

'use strict';

/*
*   Run the Metalsmith build upon hbs and json changes
*   This enables live reloading of template and data changes
*/

const { watch } = require('fs');
const { spawn: run } = require('child_process');
const { resolve, extname } = require('path');

jsonberry

#author @StevenIrby
function git-stats() {
    git log --shortstat --author="$(git config user.name)" | grep -E "fil(e|es) changed" | awk '{files+=$1; inserted+=$4; deleted+=$6; delta+=$4-$6; ratio=deleted/inserted} END {printf "Commit stats:\n- Files changed (total).. %s\n- Lines added (total).... %s\n- Lines deleted (total).. %s\n-       Total lines (delta).... %s\n- Add./Del. ratio (1:n).. 1 : %s\n", files, inserted, deleted, delta, ratio }' -
}

jsonberry

=breakpoint($size)
    @if $size == phone-only
        @media (max-width: 599px)
            @content
    @else if $size == tablet-portrait-up
        @media (min-width: 600px)
            @content
    @else if $size == tablet-landscape-up
        @media (min-width: 900px)
            @content

jsonberry

/* 
    Sometimes I pass data into a transformation layer
    I always expect the data to be a JSON object
    None of the properties of the object should be undefined, null, empty objects, or empty arrays
    If any of them are, then eject out of the transformation so the app doesn't have a chance to explode
*/


// How to implement
function transformData(data) {

jsonberry

You can effectively "override" a const if the subsequent declaration is in a nested function scope.

You can also override a const in a block with let, as that will keep the declaration lexically scoped to that block

Example: The JS engine will not allow an override of the const, even though the var is in a nested block scope

function myScopedConst() {
    const myScopedConst = 42;
    console.log('myScopedConst:: before the block ->', myScopedConst);