syndicate-lang
/
syndicate-js
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

UIChangeableProperty

This commit is contained in:
Tony Garnock-Jones 2018-11-19 22:21:36 +00:00
parent 1c317f5134
commit 16719e1d07
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/driver-browser-ui/src/index.js
View File

@ -366,6 +366,23 @@ function splitClassValue(v) {
///////////////////////////////////////////////////////////////////////////
spawn named 'UIChangeablePropertyFactory' {
during Observe(P.UIChangeableProperty($selector, $property, _))
spawn named ['UIChangeableProperty', selector, property] {
on start selectorMatch(document, selector).forEach((node) => {
react {
field this.value = node[property];
assert P.UIChangeableProperty(selector, property, this.value);
const handlerClosure = Dataspace.wrapExternal((e) => { this.value = node[property]; });
on start eventUpdater('change', handlerClosure, true)(node);
on stop eventUpdater('change', handlerClosure, false)(node);
}
});
}
}
///////////////////////////////////////////////////////////////////////////
function escapeDataAttributeName(s) {
// Per https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset,
// the rules seem to be:

5
packages/driver-browser-ui/src/protocol.js
View File

@ -63,6 +63,11 @@ module.exports.UIAttribute = UIAttribute;
assertion type UIProperty(selector, property, value);
module.exports.UIProperty = UIProperty;
// Assertion. For clients to monitor the values of properties that,
// when changed, emit 'change' events.
assertion type UIChangeableProperty(selector, property, value);
module.exports.UIChangeableProperty = UIChangeableProperty;
// Messages.
// NOTE: These do not treat "class" specially!
message type SetAttribute(selector, attribute, value);