awerlang

/* 
I've compiled a list of angular directives according to their priorities (from most priority to lesser priority).
Also, terminal property is included for each directive that asserts it
*/

ng-switch	1200
ng-repeat	1000	terminal
ng-if		 600	terminal
ng-controller	 500
ng-init		 450

awerlang

// enabled when $rootScope.configHttpDelay == true

(function () {
    "use strict";

    angular.module("app")
        .config(function ($provide) {
        function decorator($delegate) {
            var proxy = function (method, url, data, callback, headers) {
                var interceptor = function () {

awerlang

// benchmark: http://jsperf.com/natural-compare
"use strict";
function lexiSort(config) {
    return function (a, b) {
        if (typeof a === "number" && typeof b === "number")
            return a - b;
        if (a === null || b === null)
            return NaN;
        if (a === undefined || b === undefined)
            return NaN;

awerlang

function* bottlesOfBeer(howMany=99){
  let pluralizeBottles = count => count !== 1 ? "bottles" : "bottle";
  let takeNext = next => next >= 1 ? next.toString() : "No more";
  for (let i = howMany; i >= 0; i--) {
    let bottle = pluralizeBottles(i);
    let bottleNext = pluralizeBottles(i-1);
    let left = takeNext(i);
    let toTake = i > 1 ? "one" : (i == 1 ? "it" : "no more");
    let toTakeNext = takeNext(i-1);
    let line1 = `${left} ${bottle} of beer on the wall, ${left.toLowerCase()} ${bottle} of beer.`;

awerlang

scrollIntoViewIfNeeded 4 everyone!!!

This gist provides a simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements.

Usage

Just use the code in index.js in your app or website. You can see usage in the test page test.html.

The parent element will only scroll if the element being called is out of the view. The boolean can force the element to be centered in the scrolling area.

awerlang

#Comprehensive Introduction to @ngrx/store By: @BTroncone

Written version of future egghead.io video series.

Table of Contents

• Overview
• Introduction

awerlang

var webpack = require('webpack');
var path = require('path');


// Webpack Config
var webpackConfig = {
  entry: {
    'polyfills': './src/polyfills.browser.ts',
    'vendor':    './src/vendor.browser.ts',
    'main':      './src/main.browser.ts',

awerlang

function toJSON(object, fieldsToOmit) {
    const map = new Map();
    let index = 0;
    return JSON.stringify(object, (key, value) => {
        if (~fieldsToOmit.indexOf(key)) return undefined;
        return value != null && typeof value === 'object' 
            ? map.get(value) || (map.set(value, '$' + ++index), value) 
            : value;
    }, 2);
}

awerlang

class CustomError extends Error {

    get name(): string { return 'CustomError'; };
    public stack: any;

    constructor(public code: number, public message: string) {
        super(message);
        if (typeof (<any>Error).captureStackTrace === 'function') {
            (<any>Error).captureStackTrace(this, this.constructor);
        } else {

awerlang

/**
  Mixes in objects in `properties` into a class.
  To be used as a decorator.
  
  @mixin({...})
  class MyClass {...}
*/
function mixin(properties: {[key: string]: any}): Function {
    if (properties == null) {
        throw new Error(`Argument for 'properties' is required.`);