SI: Trying to produce a minimum viable single-page sample

[hubertgrzeskowiak]

G'day!
I am trying to write up a minimum viable sample of the Snapshot Interpolation lib and I can't figure out what I'm doing wrong.

My code sample:

const { SnapshotInterpolation } = Snap

// server
const serverSI = new SnapshotInterpolation()
const worldState = [
  { id: 'heroBlue', x: 23, y: 14, z: 47 },
  { id: 'heroRed', x: 23, y: 14, z: 47 },
  { id: 'heroGreen', x: 23, y: 14, z: 47 }
]
const serverSnap = serverSI.snapshot.create(worldState)

// client
const clientSI = new SnapshotInterpolation(60)
// on new data
clientSI.snapshot.add(serverSnap)

// on update
setTimeout(() => {
  const clientSnap = clientSI.calcInterpolation('x y z')

  // debug prints
  console.log(serverSnap)
  console.log(clientSnap)
  console.log("done")
}, 20)

Runnable sample: https://jsfiddle.net/7akfz9op/3/

I am trying to create a snapshot on one SI object and read it on another. I expected the serverSnap and clientSnap to give me roughly the same data, but clientSnap is always undefined. I only added the setTimeout because I thought there was some time-based magic happening, but it doesn't work with or without it. What am I missing?