CharlieGreenman

sudo rm -rf /usr/local/{lib/node{,/.npm,_modules},bin,share/man}/{npm*,node*,man1/node*}

CharlieGreenman

Self Documenting Javascript 
https://www.sitepoint.com/self-documenting-javascript/

CharlieGreenman

 A good front end build system can consist of various different things. 
 However, I think it can be agreed upon that at it’s core, there are important core features. 

1. Run time
2. Tree shaking
3. Hot reloading
4. Minification 
5. Compilation Time 
6. Introduction of new module to core build system
7. Package management

CharlieGreenman

# On mac:

git grep -l 'original_text' | xargs sed -i '' -e 's/original_text/new_text/g'



# On linux

git grep -l 'original_text' | xargs sed -i 's/original_text/new_text/g'

CharlieGreenman

grid-form
├── src
│   └── lib
│   │   ├── services
│   │   │   ├── grid-form.service.ts
│   │   │   └── grid-form.service.spec.ts
│   │   ├── graphql
│   │   │   ├── grid-form.fragments.ts
│   │   │   ├── grid-form.queries.ts
│   │   │   └── grid-form.mutations.ts

CharlieGreenman

libs
├── px-illustrator/
│   ├── data-access/
│   │   ├── code-box/
│   │   │   ├── src/
│   │   │   │   ├── lib/
│   │   │   │   ├── +state
│   │   │   │   ├── code-box.actions.ts,file]
│   │   │   │   ├── code-box.adapter.ts,file]
│   │   │   │   ├── code-box.effects.spec.ts,file]

CharlieGreenman

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    RouterModule.forRoot( [
      {
        path: '',
        component: AppComponent

CharlieGreenman

export function getColorObject(value, name) {
  var c = tinycolor(value);
  return {
    name: name,
    hex: c.toHexString(),
    darkContrast: c.isLight()
  };
}

export function calculateMaterialPalette(hex) {

CharlieGreenman

$mat-green: (
  50: #e8f5e9,
  100: #c8e6c9,
  200: #a5d6a7,
  300: #81c784,
  400: #66bb6a,
  500: #4caf50,
  600: #43a047,
  700: #388e3c,
  800: #2e7d32,

CharlieGreenman

@function mat-light-theme($primary, $accent, $warn: mat-palette($mat-red)) {
  @return (
    primary: $primary,
    accent: $accent,
    warn: $warn,
    is-dark: false,
    foreground: $mat-light-theme-foreground,
    background: $mat-light-theme-background,
  );
}