parties

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

parties

// https://xstate.js.org/viz/?gist=0f8b8f754118cad1507fd3b77fb5ad72
  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

parties

// https://xstate.js.org/viz/?gist=47a6ef45e8a0d47b247d9193e3151bf4
  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

parties

// https://xstate.js.org/viz/?gist=96707d1e0906f00009a3d7fd567f18d1
  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

parties

// https://xstate.js.org/viz/?gist=ab052f1186730c080005e55cd8aaf97f
  
  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise

parties

// https://xstate.js.org/viz/?gist=87c88987f5c4486dea99e7a31271068a
  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

parties

bash notes

ffmpeg

• timelapse video

  # setpts multiplier: smaller is faster
  ffmpeg -i input.mp4 -filter:v "setpts=0.5*PTS" -an output.mp4

• compress

parties

function useForceUpdate () {
  const [value, setValue] = React.useState(0) // integer state
  return () => setValue(value => ++value) // update the state to force render
}

parties

export interface PortAccess {
  portaccessname: string;
}

export interface PortGeocode {
  portcoordinates: string;
  portpolygon: string;
  fairwaycoordinates: string;
  boardingcoordinates: string;
  notes: string;

parties

Machine({
  id: 'Fleet Page API',
  initial: 'idle',
  context: {
    dog: null,
    schedule: null,
  },
  states: {
    idle: {
      on: {