FeliciousX

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

FeliciousX

const fetchMachine = Machine({
  initial: 'idle',
  context: {
    cursorStart: {
      x: 0,
      y: 0
    },
    item: null,
    siblingAbove: null,
    siblingBelow: null,

FeliciousX

const fetchMachine = Machine({
 id: 'content',
  context: {
    itemData: null,
    hoverOverItem: null
  },
  initial: 'idle',
  states: {
    idle: {
      entry: 'clearContext',

FeliciousX

const editingVisualState = {
  initial: 'loading',
  states: {
    loading: {
      after: {
        3000: [
          { target: 'idle' }
        ]
      }
    },

FeliciousX

const emailVerificationMachine = Machine({
  id: 'emailVerification',
  initial: 'idle',
  states: {
    idle: {
      on: { SEND_EMAIL: 'sending' }
    },
    sending: {
      invoke: {
        src: 'sendVerification',

FeliciousX

made with esnextbin

FeliciousX

made with esnextbin

FeliciousX

made with esnextbin

FeliciousX

/**
  pretty straightforward implementatation.
  ( Stream -> Stream ) -> string -> HOC
  
  HOC is a higher order component where the Signature is always
  (sources -> sinks) -> sources -> sinks
**/
function transformSink( fn, key ) {
  return ( Component ) => ( sources ) => {
    const sinks = Component( sources )

FeliciousX

made with esnextbin