KDData: Proxy based realtime update object for kd.js

[gokmen]

KDData returns a Proxy object wrapped with KDEventEmitter which has get and set traps for sending update events for changed fields. If used as a data to any KDView it can work fine with realtime updates and pistachio templates.

A simple time example would be like;

  // Create a new kd.Data with initial data
  var date = new kd.Data({ now: new Date() })

  // Create a view pistachio and the data created above
  var main = new kd.View({ pistachio: "Now it's {strong{ #(now) }}, bye." }, date)

  // Update the data every second
  kd.utils.repeat(1000, () => date.now = new Date())

  main.appendToDomBody()

To make things simpler it takes only one argument which is the data itself, that can be an Array or an Object.

Todo

• Handle Proxy requirement for not supported browsers
• Update KDData.getEmitter to return correct emitter if it was used to wrap a KDObject

[usirin]

There is no data at this point, i am guessing this is a copy & paste issue.

[gokmen]

forgot to remove that, good catch 👍

[usirin]

This is the first time i've seen something else being returned from a constructor, so not sure if this is gonna cause any problems. For example will the returned object from new kd.Data be extended from kd.EventEmitter?

[usirin]

I am guessing the answer is yes, because of the line base.emit 'update', [ path ]

[gokmen]

It's a bit trivial there, when you create a new KDData instance with provided data you're actually getting a Proxy object which has KDEventEmitter functionality on it. Which provides us to use it as a native data object to use with in KDViews.

[usirin]

I'd love to have more docs, and possibly tests covering this class, because I don't even understand the need of a Proxy object here.

[gokmen]

Proxy object is required to achieve observe functionality over KDData I don't want to introduce specific setters to use on a KDData instance, instead we can use these instances as a native objects/arrays.

[sinan]

💯

[sinan]

return value changes here, we must make sure this doesn't break anything

[usirin]

💯

[sinan]

👍