whisher

import { Component, OnInit, ContentChild, ElementRef, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-image-loader',
  template: `<h1 *ngIf="isLoaded">LOADING</h1>
  <ng-content></ng-content>`,
  styleUrls: ['./image-loader.component.css']
})
export class ImageLoaderComponent implements OnInit {
  isLoaded = true;

whisher

class App extends Component {
  _isMounted = false;
  constructor(props) {
    ...
}
...
  componentDidMount() {
    this._isMounted = true;
    const { searchTerm } = this.state;
    this.setState({ searchKey: searchTerm });

whisher

exports.gallery = (req, res, next) => {
  const imagePath = './images/';
  const sizes = [200, 800];
  const image = `${imagePath}${req.file.filename}`;
  const ext = path.extname(image);
  const filename = path.basename(image, ext);
  const resize = size => sharp(`${image}`)
    .resize(size, size)
    .toFile(`${imagePath}${filename}-${size}${ext}`);
  Promise

whisher

import React, { Component } from 'react';
import axios from 'axios';

const withFetching = (url) => (Component) =>
  class WithFetching extends React.Component {
    constructor(props) {
      super(props);

      this.state = {
        data: null,

whisher

import { Observable } from 'rxjs/Observable';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

import 'rxjs/add/operator/pluck';
import 'rxjs/add/operator/distinctUntilChanged';

import { User } from './auth/shared/services/auth/auth.service';
import { Meal } from './health/shared/services/meals/meals.service';
import { Workout } from './health/shared/services/workouts/workouts.service';
import { ScheduleItem } from './health/shared/services/schedule/schedule.service';

whisher

const createGallery = (imageName) => {
  const prefix = 'gallery_';
  const imagePath = './images/';
  const readableStream = fs.createReadStream(imagePath + imageName);
  const writableStream = fs.createWriteStream(imagePath + prefix + imageName);
  const transformer = sharp()
    .resize(1110, 600)
    .crop(sharp.strategy.entropy)
    .on('error', function(err) {
      console.log('sharp ', err);

whisher

// Component

import {
  Component,
  ElementRef,
  forwardRef,
  Input,
  Renderer2,
  ViewChild } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

whisher

/*
Credit to: https://gist.github.com/jnizet/15c7a0ab4188c9ce6c79ca9840c71c4e
Credit to: Giuseppe Luca Lo Re 
*/


import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';

whisher

login(credentials): Observable<AuthenticationToken> {
    const data = 'username=' + encodeURIComponent(credentials.username) + '&password=' +
      encodeURIComponent(credentials.password) + '&grant_type=password&scope=read%20write&' +
      'client_secret=' + this.clientSecret + '&client_id=' + this.clientId;

    const headers = new HttpHeaders()
      .set('Content-Type', 'application/x-www-form-urlencoded')
      .set('Accept', 'application/json')
      .set('Authorization', 'Basic ' + this.base64('myapp' + ':' + 'mySecretOAuthSecret'));

whisher

REDUCER

case PostsActionTypes.LoadPostsSuccess: {
      const posts = action.payload.posts;

      const entities = posts.reduce(
        (entities: { [id: string]: Post }, post: Post) => {
          return {
            ...entities,
            [post._id]: post,