Seal DOMFragment specifications.
This commit is contained in:
parent
afa657096a
commit
6d028f00c5
|
@ -4,6 +4,7 @@ $(document).ready(function () {
|
||||||
var sub = Syndicate.sub;
|
var sub = Syndicate.sub;
|
||||||
var assert = Syndicate.assert;
|
var assert = Syndicate.assert;
|
||||||
var retract = Syndicate.retract;
|
var retract = Syndicate.retract;
|
||||||
|
var seal = Syndicate.seal;
|
||||||
var __ = Syndicate.__;
|
var __ = Syndicate.__;
|
||||||
var _$ = Syndicate._$;
|
var _$ = Syndicate._$;
|
||||||
|
|
||||||
|
@ -15,7 +16,7 @@ $(document).ready(function () {
|
||||||
Network.spawn({
|
Network.spawn({
|
||||||
boot: function () {
|
boot: function () {
|
||||||
return assert(["DOM", "#clicker-holder", "clicker",
|
return assert(["DOM", "#clicker-holder", "clicker",
|
||||||
["button", ["span", [["style", "font-style: italic"]], "Click me!"]]])
|
seal(["button", ["span", [["style", "font-style: italic"]], "Click me!"]])])
|
||||||
.andThen(sub(["jQuery", "button.clicker", "click", __]));
|
.andThen(sub(["jQuery", "button.clicker", "click", __]));
|
||||||
},
|
},
|
||||||
handleEvent: function (e) {
|
handleEvent: function (e) {
|
||||||
|
@ -34,8 +35,9 @@ $(document).ready(function () {
|
||||||
updateState: function () {
|
updateState: function () {
|
||||||
Network.stateChange(retract(["DOM", __, __, __])
|
Network.stateChange(retract(["DOM", __, __, __])
|
||||||
.andThen(assert(["DOM", "#counter-holder", "counter",
|
.andThen(assert(["DOM", "#counter-holder", "counter",
|
||||||
["div",
|
seal(["div",
|
||||||
["p", "The current count is: ", this.counter]]])));
|
["p", "The current count is: ",
|
||||||
|
this.counter]])])));
|
||||||
},
|
},
|
||||||
handleEvent: function (e) {
|
handleEvent: function (e) {
|
||||||
if (e.type === "message" && e.message === "bump_count") {
|
if (e.type === "message" && e.message === "bump_count") {
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
var Syndicate = require("./syndicate.js");
|
var Syndicate = require("./syndicate.js");
|
||||||
var Patch = require("./patch.js");
|
var Patch = require("./patch.js");
|
||||||
var DemandMatcher = require('./demand-matcher.js').DemandMatcher;
|
var DemandMatcher = require('./demand-matcher.js').DemandMatcher;
|
||||||
|
var Seal = require('./seal.js').Seal;
|
||||||
var Network = Syndicate.Network;
|
var Network = Syndicate.Network;
|
||||||
var __ = Syndicate.__;
|
var __ = Syndicate.__;
|
||||||
var _$ = Syndicate._$;
|
var _$ = Syndicate._$;
|
||||||
|
@ -122,7 +123,7 @@ DOMFragment.prototype.buildNodes = function () {
|
||||||
var self = this;
|
var self = this;
|
||||||
var nodes = [];
|
var nodes = [];
|
||||||
$(self.selector).each(function (index, domNode) {
|
$(self.selector).each(function (index, domNode) {
|
||||||
var n = self.interpretSpec(self.fragmentSpec.toJS());
|
var n = self.interpretSpec(self.fragmentSpec.sealContents);
|
||||||
n.classList.add(self.fragmentClass);
|
n.classList.add(self.fragmentClass);
|
||||||
domNode.appendChild(n);
|
domNode.appendChild(n);
|
||||||
nodes.push(n);
|
nodes.push(n);
|
||||||
|
|
|
@ -17,8 +17,12 @@ copyKeys(['__', '_$', '$Capture', '$Special',
|
||||||
module.exports,
|
module.exports,
|
||||||
module.exports.Route);
|
module.exports.Route);
|
||||||
|
|
||||||
|
var Seal = require('./seal.js')
|
||||||
|
copyKeys(['Seal', 'seal'],
|
||||||
|
module.exports,
|
||||||
|
Seal);
|
||||||
|
|
||||||
module.exports.DemandMatcher = require('./demand-matcher.js').DemandMatcher;
|
module.exports.DemandMatcher = require('./demand-matcher.js').DemandMatcher;
|
||||||
module.exports.Seal = require('./seal.js').Seal;
|
|
||||||
module.exports.Ack = require('./ack.js').Ack;
|
module.exports.Ack = require('./ack.js').Ack;
|
||||||
|
|
||||||
module.exports.RandomID = require('./randomid.js');
|
module.exports.RandomID = require('./randomid.js');
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
|
var Immutable = require('immutable');
|
||||||
|
|
||||||
function Seal(contents) {
|
function Seal(contents) {
|
||||||
this.sealContents = contents;
|
this.sealContents = contents;
|
||||||
|
Object.freeze(this);
|
||||||
}
|
}
|
||||||
|
|
||||||
Seal.prototype.equals = function (other) {
|
Seal.prototype.equals = function (other) {
|
||||||
|
@ -7,4 +10,9 @@ Seal.prototype.equals = function (other) {
|
||||||
return Immutable.is(this.sealContents, other.sealContents);
|
return Immutable.is(this.sealContents, other.sealContents);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function seal(contents) {
|
||||||
|
return new Seal(contents);
|
||||||
|
}
|
||||||
|
|
||||||
module.exports.Seal = Seal;
|
module.exports.Seal = Seal;
|
||||||
|
module.exports.seal = seal;
|
||||||
|
|
Loading…
Reference in New Issue