collardeau

<script>
  import Swal from "sweetalert2";
  // npm i sweetalert2@9.7.2
  // https://sweetalert2.github.io/
</script>

<!-- a simple alert -->
<button
  on:click={() => {
    Swal.fire('hello sweet alert');

collardeau

<script>
  import rough from "roughjs/bin/rough";

  // npm i roughjs@4.0.4
  // https://roughjs.com/

  let roughSvg;
  
  function action(node) {
    roughSvg = rough.svg(node); 

collardeau

class Box {
  constructor(x) {
    this.value = x;
  }
  static of(x) {
    return new Box(x);
  }
  log() {
    console.log(this.value);
  }

collardeau

// functor factory

const right = {
  of: val => functor(right, val),
  fmap: function(f){
    return right.of(f(this.val));
  }
}

const left = { 

collardeau

const Maybe = val => {
  return {
    val: val,
    fmap: function(fn) {
      if(this.val === null) return Maybe(null);
      return Maybe(fn(this.val));
    }
  }
};

collardeau

const Maybe = val => ({
  val,
  fmap(f) {
    if(this.val === null || this.val === undefined) return Maybe(null);
    return Maybe(f(this.val));
  }
});

const getFirstName = maybeName => maybeName.fmap(name => name.split(" ")[1]);
const getFirstLetter = maybeString => maybeString.fmap(string => string[0]);

collardeau

// Standalone ES6 composition mentions "person" twice
const getFirstInitial = person => getFirstLetter(getFirstName(person))

// vs. Ramda's pipe composition
const firstInitial = pipe(getFirstName, getFirstLetter);

collardeau

const getFirstName = person => person.split(" ")[1]; // second word
const getFirstLetter = string => string[0];   // first letter

const getFirstInitial = person => {
 return getFirstLetter(getFirstName(person));   // nested function!
}

// try it
getFirstInitial("Doc Emmett Brown");  // "E"

collardeau

const getFirstName = maybeName => maybeName.fmap(name => name.split(" ")[1]);
const getFirstLetter = maybeString => maybeString.fmap(string => string[0]);

collardeau

const Maybe = val => ({
  val,
  fmap(f) {
    if(this.val === null) return Maybe(null);
    return Maybe(f(this.val));
  }
});

// lets create some containers with our Maybe factory
let user = Maybe("Slacker George McFly");