OLD | NEW |
---|---|
1 // Copyright 2017 The Chromium Authors. All rights reserved. | 1 // Copyright 2017 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @fileoverview Defines StoreClient, a Polymer behavior to tie a front-end | 6 * @fileoverview Defines StoreClient, a Polymer behavior to tie a front-end |
7 * element to back-end data from the store. | 7 * element to back-end data from the store. |
8 */ | 8 */ |
9 | 9 |
10 cr.define('bookmarks', function() { | 10 cr.define('bookmarks', function() { |
(...skipping 22 matching lines...) Expand all Loading... | |
33 | 33 |
34 /** | 34 /** |
35 * Watches a particular part of the state tree, updating |localProperty| | 35 * Watches a particular part of the state tree, updating |localProperty| |
36 * to the return value of |valueGetter| whenever the state changes. Eg, to | 36 * to the return value of |valueGetter| whenever the state changes. Eg, to |
37 * keep |this.item| updated with the value of a node: | 37 * keep |this.item| updated with the value of a node: |
38 * watch('item', (state) => state.nodes[this.itemId]); | 38 * watch('item', (state) => state.nodes[this.itemId]); |
39 * | 39 * |
40 * Note that object identity is used to determine if the value has changed | 40 * Note that object identity is used to determine if the value has changed |
41 * before updating the UI, rather than Polymer-style deep equality. | 41 * before updating the UI, rather than Polymer-style deep equality. |
42 * | 42 * |
43 * Typechecking is supressed because this conflicts with | |
44 * Object.prototype.watch, which is a Gecko-only method that is recognized | |
45 * by Closure. | |
46 * @suppress {checkTypes} | |
calamity
2017/03/09 04:58:57
lol.
| |
43 * @param {string} localProperty | 47 * @param {string} localProperty |
44 * @param {function(!BookmarksPageState)} valueGetter | 48 * @param {function(!BookmarksPageState)} valueGetter |
45 */ | 49 */ |
46 watch: function(localProperty, valueGetter) { | 50 watch: function(localProperty, valueGetter) { |
47 // TODO(tsergeant): Warn if localProperty is not a defined property. | 51 // TODO(tsergeant): Warn if localProperty is not a defined property. |
48 this.watches_.push({ | 52 this.watches_.push({ |
49 localProperty: localProperty, | 53 localProperty: localProperty, |
50 valueGetter: valueGetter, | 54 valueGetter: valueGetter, |
51 }); | 55 }); |
52 }, | 56 }, |
(...skipping 27 matching lines...) Expand all Loading... | |
80 if (bookmarks.Store.getInstance().isInitialized()) | 84 if (bookmarks.Store.getInstance().isInitialized()) |
81 this.onStateChanged(bookmarks.Store.getInstance().data); | 85 this.onStateChanged(bookmarks.Store.getInstance().data); |
82 }, | 86 }, |
83 | 87 |
84 /** @return {!BookmarksPageState} */ | 88 /** @return {!BookmarksPageState} */ |
85 getState: function() { | 89 getState: function() { |
86 return bookmarks.Store.getInstance().data; | 90 return bookmarks.Store.getInstance().data; |
87 }, | 91 }, |
88 }; | 92 }; |
89 | 93 |
90 return {StoreClient: StoreClient}; | 94 return { |
95 StoreClient: StoreClient, | |
96 }; | |
91 }); | 97 }); |
OLD | NEW |