cx 26.0.3 → 26.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/data/ArrayElementView.spec.js +1 -1
- package/build/hooks/store.spec.js +1 -1
- package/build/hooks/useTrigger.spec.js +1 -1
- package/build/ui/Controller.spec.js +2 -6
- package/build/ui/PureContainer.spec.d.ts +1 -0
- package/build/ui/PureContainer.spec.js +149 -0
- package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
- package/build.js +129 -129
- package/dist/manifest.d.ts +1443 -0
- package/dist/manifest.js +826 -826
- package/package.json +4 -3
- package/src/charts/Chart.ts +108 -108
- package/src/data/ArrayElementView.ts +90 -90
- package/src/data/AugmentedViewBase.ts +88 -88
- package/src/data/Binding.ts +104 -104
- package/src/data/ExposedRecordView.ts +95 -95
- package/src/data/ExposedValueView.ts +89 -89
- package/src/data/Expression.spec.ts +229 -229
- package/src/data/Expression.ts +233 -233
- package/src/data/Grouper.spec.ts +57 -57
- package/src/data/Grouper.ts +158 -158
- package/src/data/NestedDataView.ts +43 -43
- package/src/data/ReadOnlyDataView.ts +39 -39
- package/src/data/Ref.ts +104 -104
- package/src/data/Selector.ts +10 -10
- package/src/data/Store.ts +52 -52
- package/src/data/StoreProxy.ts +19 -19
- package/src/data/StoreRef.ts +66 -66
- package/src/data/StringTemplate.spec.ts +132 -132
- package/src/data/StringTemplate.ts +93 -93
- package/src/data/StructuredSelector.spec.ts +113 -113
- package/src/data/StructuredSelector.ts +146 -146
- package/src/data/SubscribableView.ts +63 -63
- package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
- package/src/data/ZoomIntoPropertyView.ts +45 -45
- package/src/data/computable.spec.ts +62 -62
- package/src/data/createAccessorModelProxy.ts +60 -60
- package/src/data/createStructuredSelector.ts +62 -62
- package/src/data/getAccessor.spec.ts +11 -11
- package/src/data/getAccessor.ts +74 -74
- package/src/data/getSelector.spec.ts +43 -43
- package/src/data/getSelector.ts +66 -66
- package/src/data/ops/filter.spec.ts +35 -35
- package/src/data/ops/filter.ts +9 -9
- package/src/data/ops/merge.ts +13 -13
- package/src/data/ops/removeTreeNodes.spec.ts +37 -37
- package/src/data/ops/removeTreeNodes.ts +15 -15
- package/src/data/ops/updateArray.spec.ts +69 -69
- package/src/data/ops/updateArray.ts +31 -31
- package/src/data/ops/updateTree.ts +23 -23
- package/src/data/test-types.ts +7 -7
- package/src/hooks/useTrigger.ts +26 -26
- package/src/index.scss +6 -6
- package/src/jsx-runtime.ts +72 -72
- package/src/svg/BoundedObject.ts +101 -101
- package/src/ui/CSSHelper.ts +17 -17
- package/src/ui/ContentResolver.ts +124 -124
- package/src/ui/Controller.ts +189 -189
- package/src/ui/Culture.ts +159 -159
- package/src/ui/DataProxy.ts +55 -55
- package/src/ui/FocusManager.ts +171 -171
- package/src/ui/Instance.ts +868 -868
- package/src/ui/RenderingContext.ts +99 -99
- package/src/ui/Rescope.ts +49 -49
- package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
- package/src/ui/VDOM.ts +34 -34
- package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
- package/src/ui/adapter/ArrayAdapter.ts +226 -226
- package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
- package/src/ui/adapter/TreeAdapter.ts +185 -185
- package/src/ui/app/History.ts +133 -133
- package/src/ui/app/Url.spec.ts +50 -50
- package/src/ui/app/startHotAppLoop.ts +40 -40
- package/src/ui/createFunctionalComponent.ts +65 -65
- package/src/ui/index.ts +45 -45
- package/src/ui/layout/Content.ts +30 -30
- package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
- package/src/ui/selection/KeySelection.ts +165 -165
- package/src/ui/selection/PropertySelection.ts +87 -87
- package/src/ui/selection/Selection.ts +118 -118
- package/src/util/Format.ts +267 -267
- package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
- package/src/util/color/rgbToHsl.ts +35 -35
- package/src/util/getActiveElement.ts +4 -4
- package/src/util/hasKey.ts +18 -18
- package/src/util/index.ts +55 -55
- package/src/util/innerTextTrim.ts +10 -10
- package/src/util/isArray.ts +3 -3
- package/src/util/isDataRecord.ts +5 -5
- package/src/util/isDefined.ts +3 -3
- package/src/util/isString.ts +3 -3
- package/src/widgets/Sandbox.ts +103 -103
- package/src/widgets/autoFocus.ts +9 -9
- package/src/widgets/cx.ts +63 -63
- package/src/widgets/grid/GridCell.ts +143 -143
- package/src/widgets/icons/calendar.tsx +17 -17
- package/src/widgets/icons/check.tsx +13 -13
- package/src/widgets/icons/clear.tsx +15 -15
- package/src/widgets/icons/close.tsx +20 -20
- package/src/widgets/icons/cx.tsx +38 -38
- package/src/widgets/icons/drop-down.tsx +15 -15
- package/src/widgets/icons/file.tsx +13 -13
- package/src/widgets/icons/folder-open.tsx +15 -15
- package/src/widgets/icons/folder.tsx +13 -13
- package/src/widgets/icons/forward.tsx +22 -22
- package/src/widgets/icons/loading.tsx +24 -24
- package/src/widgets/icons/menu.tsx +17 -17
- package/src/widgets/icons/pixel-picker.tsx +18 -18
- package/src/widgets/icons/search.tsx +13 -13
- package/src/widgets/icons/sort-asc.tsx +14 -14
- package/src/widgets/icons/square.tsx +18 -18
- package/src/widgets/nav/Route.ts +142 -142
- package/src/widgets/overlay/ContextMenu.ts +42 -42
- package/src/widgets/overlay/Dropdown.tsx +762 -762
- package/src/widgets/overlay/MsgBox.tsx +141 -141
- package/src/widgets/overlay/Toast.ts +111 -111
- package/src/widgets/overlay/Window.tsx +299 -299
- package/src/widgets/overlay/alerts.ts +46 -46
- package/src/widgets/overlay/captureMouse.ts +195 -195
- package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.ts +11 -11
- package/src/widgets/overlay/tooltip-ops.ts +173 -173
|
@@ -1,229 +1,229 @@
|
|
|
1
|
-
import { Expression } from "./Expression";
|
|
2
|
-
import assert from "assert";
|
|
3
|
-
import { StringTemplate } from "./StringTemplate";
|
|
4
|
-
|
|
5
|
-
describe("Expression", function () {
|
|
6
|
-
describe("#compile()", function () {
|
|
7
|
-
it("returns a selector", function () {
|
|
8
|
-
let e = Expression.compile("{person.name}");
|
|
9
|
-
let state = {
|
|
10
|
-
person: {
|
|
11
|
-
name: "Jim",
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
assert.equal(e(state), "Jim");
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
it("ignores bindings in strings", function () {
|
|
18
|
-
let e = Expression.compile('"{person.name}"');
|
|
19
|
-
let state = {
|
|
20
|
-
person: {
|
|
21
|
-
name: "Jim",
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
assert.equal(e(state), "{person.name}");
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
it("allows mixed curly braces in strings", () => {
|
|
28
|
-
let e = Expression.compile('"Hello {" + "person.name}"');
|
|
29
|
-
assert.equal(e({}), "Hello {person.name}");
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
it("properly encodes quotes #1", function () {
|
|
33
|
-
let e = Expression.compile('"\'"');
|
|
34
|
-
let state = {};
|
|
35
|
-
assert.equal(e(state), "'");
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
it("properly encodes quotes #2", function () {
|
|
39
|
-
let e = Expression.compile('"\\""');
|
|
40
|
-
let state = {};
|
|
41
|
-
assert.equal(e(state), '"');
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
it("properly encodes quotes #3", function () {
|
|
45
|
-
let e = Expression.compile('"\\\\\\""');
|
|
46
|
-
let state = {};
|
|
47
|
-
assert.equal(e(state), '\\"');
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
it("properly encodes quotes #4", function () {
|
|
51
|
-
let e = Expression.compile('"\\\\"');
|
|
52
|
-
let state = {};
|
|
53
|
-
assert.equal(e(state), "\\");
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
describe("allow subexpressions", function () {
|
|
58
|
-
it("in square brackets", function () {
|
|
59
|
-
let e = Expression.compile("{[{person.name}]}");
|
|
60
|
-
let state = {
|
|
61
|
-
person: {
|
|
62
|
-
name: "Jim",
|
|
63
|
-
},
|
|
64
|
-
};
|
|
65
|
-
assert.equal(e(state), "Jim");
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
it("in square brackets", function () {
|
|
69
|
-
let e = Expression.compile("{[{person.alias} || {person.name}]}");
|
|
70
|
-
let state = {
|
|
71
|
-
person: {
|
|
72
|
-
name: "Jim",
|
|
73
|
-
alias: "J",
|
|
74
|
-
},
|
|
75
|
-
};
|
|
76
|
-
assert.equal(e(state), "J");
|
|
77
|
-
});
|
|
78
|
-
|
|
79
|
-
it("prefixed with % sign", function () {
|
|
80
|
-
let e = Expression.compile("%{1+1}");
|
|
81
|
-
assert.equal(e({}), "2");
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
it("can be formatted", function () {
|
|
85
|
-
let e = Expression.compile("{[1+1]:f;2}");
|
|
86
|
-
assert.equal(e({}), "2.00");
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
it("n level deep", function () {
|
|
90
|
-
let e = Expression.compile("{[{[{[1+1]}]}]:f;2}");
|
|
91
|
-
assert.equal(e({}), "2.00");
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
it("with complex math inside", function () {
|
|
95
|
-
let e = Expression.compile("%{{data}.reduce((a,b)=>a+b, 0):f;2}");
|
|
96
|
-
let state = {
|
|
97
|
-
data: [1, 2, 3],
|
|
98
|
-
};
|
|
99
|
-
assert.equal(e(state), "6.00");
|
|
100
|
-
});
|
|
101
|
-
|
|
102
|
-
it("with a conditional operator inside", function () {
|
|
103
|
-
let e = Expression.compile('{[true ? "T" : "F"]}');
|
|
104
|
-
assert.equal(e({}), "T");
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
it("with string interpolation inside", function () {
|
|
108
|
-
let e = Expression.compile("{[`${{test}}`]}");
|
|
109
|
-
assert.equal(e({ test: "T" }), "T");
|
|
110
|
-
});
|
|
111
|
-
});
|
|
112
|
-
|
|
113
|
-
describe("are working", function () {
|
|
114
|
-
it("function expressions with get", function () {
|
|
115
|
-
let e = Expression.get((get) => get("a") + get("b"));
|
|
116
|
-
assert.equal(e({ a: 1, b: 2 }), 3);
|
|
117
|
-
});
|
|
118
|
-
|
|
119
|
-
it("are properly memoized", function () {
|
|
120
|
-
let inv = 0;
|
|
121
|
-
let e = Expression.get((get) => {
|
|
122
|
-
inv++;
|
|
123
|
-
return get("a") + get("b");
|
|
124
|
-
}).memoize();
|
|
125
|
-
|
|
126
|
-
assert.equal(e({ a: 1, b: 1 }), 2);
|
|
127
|
-
assert.equal(inv, 1);
|
|
128
|
-
|
|
129
|
-
assert.equal(e({ a: 1, b: 1 }), 2);
|
|
130
|
-
assert.equal(inv, 1);
|
|
131
|
-
|
|
132
|
-
assert.equal(e({ a: 1, b: 2 }), 3);
|
|
133
|
-
assert.equal(inv, 2);
|
|
134
|
-
|
|
135
|
-
assert.equal(e({ a: 1, b: 2 }), 3);
|
|
136
|
-
assert.equal(inv, 2);
|
|
137
|
-
|
|
138
|
-
assert.equal(e({ a: 2, b: 2 }), 4);
|
|
139
|
-
assert.equal(inv, 3);
|
|
140
|
-
});
|
|
141
|
-
|
|
142
|
-
it("formatting can be used inside bindings", function () {
|
|
143
|
-
let e = Expression.get((get) => get("name:prefix;Hello "));
|
|
144
|
-
assert(e({ name: "CxJS" }), "Hello CxJS");
|
|
145
|
-
});
|
|
146
|
-
|
|
147
|
-
it("allows using the fmt function inside", function () {
|
|
148
|
-
let e = Expression.compile('{[fmt({text}, "prefix;Hello ")]}');
|
|
149
|
-
assert.equal(e({ text: "CxJS" }), "Hello CxJS");
|
|
150
|
-
});
|
|
151
|
-
|
|
152
|
-
it("allows using dashes inside names", function () {
|
|
153
|
-
let e = Expression.compile("{framework-name}");
|
|
154
|
-
assert.equal(e({ "framework-name": "CxJS" }), "CxJS");
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
it("allows using spaces and other characters inside names", function () {
|
|
158
|
-
let e = Expression.compile("{1nv@lid js ident1fier}");
|
|
159
|
-
assert.equal(e({ "1nv@lid js ident1fier": "CxJS" }), "CxJS");
|
|
160
|
-
});
|
|
161
|
-
|
|
162
|
-
it("allows strings in subexpressions", () => {
|
|
163
|
-
let e = Expression.compile("{['1']}");
|
|
164
|
-
assert.equal(e({}), "1");
|
|
165
|
-
|
|
166
|
-
let e2 = Expression.compile('%{"1"}');
|
|
167
|
-
assert.equal(e({}), "1");
|
|
168
|
-
});
|
|
169
|
-
|
|
170
|
-
it("allows string templates in nested expressions", () => {
|
|
171
|
-
Expression.registerHelper("tpl", StringTemplate.format);
|
|
172
|
-
let e = Expression.compile("tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})");
|
|
173
|
-
assert.equal(e({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
|
|
174
|
-
|
|
175
|
-
let e2 = Expression.compile("{[tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})]}");
|
|
176
|
-
assert.equal(e2({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
|
|
177
|
-
|
|
178
|
-
// we're going to need a better parser for this
|
|
179
|
-
// let e3 = Expression.compile("%{tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})}");
|
|
180
|
-
// assert.equal(e3({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
|
|
181
|
-
});
|
|
182
|
-
|
|
183
|
-
it("string templates can be in the data", () => {
|
|
184
|
-
Expression.registerHelper("tpl", StringTemplate.format);
|
|
185
|
-
let e = Expression.compile("tpl({template}, {value}, {percentage})");
|
|
186
|
-
assert.equal(e({ value: 1, percentage: 0.02, template: "{0:n;2} {1:p;2:wrap;(;)}" }), "1.00 (2.00%)");
|
|
187
|
-
});
|
|
188
|
-
|
|
189
|
-
// it('are properly memoized with proxies', function () {
|
|
190
|
-
// let inv = 0;
|
|
191
|
-
// let e = Expression.get(d => { inv++; return d.a + d.b}).memoize();
|
|
192
|
-
//
|
|
193
|
-
// assert.equal(e({ a: 1, b: 1 }), 2);
|
|
194
|
-
// assert.equal(inv, 1);
|
|
195
|
-
//
|
|
196
|
-
// assert.equal(e({ a: 1, b: 1 }), 2);
|
|
197
|
-
// assert.equal(inv, 1);
|
|
198
|
-
//
|
|
199
|
-
// assert.equal(e({ a: 1, b: 2 }), 3);
|
|
200
|
-
// assert.equal(inv, 2);
|
|
201
|
-
//
|
|
202
|
-
// assert.equal(e({ a: 1, b: 2 }), 3);
|
|
203
|
-
// assert.equal(inv, 2);
|
|
204
|
-
//
|
|
205
|
-
// assert.equal(e({ a: 2, b: 2 }), 4);
|
|
206
|
-
// assert.equal(inv, 3);
|
|
207
|
-
// });
|
|
208
|
-
//
|
|
209
|
-
// it('are properly memoized with proxies and deep data', function () {
|
|
210
|
-
// let inv = 0;
|
|
211
|
-
// let e = Expression.get(d => { inv++; return d.v.a + d.v.b}).memoize();
|
|
212
|
-
//
|
|
213
|
-
// assert.equal(e({ v: { a: 1, b: 1 }}), 2);
|
|
214
|
-
// assert.equal(inv, 1);
|
|
215
|
-
//
|
|
216
|
-
// assert.equal(e({ v: { a: 1, b: 1 }}), 2);
|
|
217
|
-
// assert.equal(inv, 1);
|
|
218
|
-
//
|
|
219
|
-
// assert.equal(e({ v: { a: 1, b: 2 }}), 3);
|
|
220
|
-
// assert.equal(inv, 2);
|
|
221
|
-
//
|
|
222
|
-
// assert.equal(e({ v: { a: 1, b: 2 }}), 3);
|
|
223
|
-
// assert.equal(inv, 2);
|
|
224
|
-
//
|
|
225
|
-
// assert.equal(e({ v: { a: 2, b: 2 }}), 4);
|
|
226
|
-
// assert.equal(inv, 3);
|
|
227
|
-
// });
|
|
228
|
-
});
|
|
229
|
-
});
|
|
1
|
+
import { Expression } from "./Expression";
|
|
2
|
+
import assert from "assert";
|
|
3
|
+
import { StringTemplate } from "./StringTemplate";
|
|
4
|
+
|
|
5
|
+
describe("Expression", function () {
|
|
6
|
+
describe("#compile()", function () {
|
|
7
|
+
it("returns a selector", function () {
|
|
8
|
+
let e = Expression.compile("{person.name}");
|
|
9
|
+
let state = {
|
|
10
|
+
person: {
|
|
11
|
+
name: "Jim",
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
assert.equal(e(state), "Jim");
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
it("ignores bindings in strings", function () {
|
|
18
|
+
let e = Expression.compile('"{person.name}"');
|
|
19
|
+
let state = {
|
|
20
|
+
person: {
|
|
21
|
+
name: "Jim",
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
assert.equal(e(state), "{person.name}");
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
it("allows mixed curly braces in strings", () => {
|
|
28
|
+
let e = Expression.compile('"Hello {" + "person.name}"');
|
|
29
|
+
assert.equal(e({}), "Hello {person.name}");
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
it("properly encodes quotes #1", function () {
|
|
33
|
+
let e = Expression.compile('"\'"');
|
|
34
|
+
let state = {};
|
|
35
|
+
assert.equal(e(state), "'");
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it("properly encodes quotes #2", function () {
|
|
39
|
+
let e = Expression.compile('"\\""');
|
|
40
|
+
let state = {};
|
|
41
|
+
assert.equal(e(state), '"');
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
it("properly encodes quotes #3", function () {
|
|
45
|
+
let e = Expression.compile('"\\\\\\""');
|
|
46
|
+
let state = {};
|
|
47
|
+
assert.equal(e(state), '\\"');
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
it("properly encodes quotes #4", function () {
|
|
51
|
+
let e = Expression.compile('"\\\\"');
|
|
52
|
+
let state = {};
|
|
53
|
+
assert.equal(e(state), "\\");
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
describe("allow subexpressions", function () {
|
|
58
|
+
it("in square brackets", function () {
|
|
59
|
+
let e = Expression.compile("{[{person.name}]}");
|
|
60
|
+
let state = {
|
|
61
|
+
person: {
|
|
62
|
+
name: "Jim",
|
|
63
|
+
},
|
|
64
|
+
};
|
|
65
|
+
assert.equal(e(state), "Jim");
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
it("in square brackets", function () {
|
|
69
|
+
let e = Expression.compile("{[{person.alias} || {person.name}]}");
|
|
70
|
+
let state = {
|
|
71
|
+
person: {
|
|
72
|
+
name: "Jim",
|
|
73
|
+
alias: "J",
|
|
74
|
+
},
|
|
75
|
+
};
|
|
76
|
+
assert.equal(e(state), "J");
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
it("prefixed with % sign", function () {
|
|
80
|
+
let e = Expression.compile("%{1+1}");
|
|
81
|
+
assert.equal(e({}), "2");
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
it("can be formatted", function () {
|
|
85
|
+
let e = Expression.compile("{[1+1]:f;2}");
|
|
86
|
+
assert.equal(e({}), "2.00");
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
it("n level deep", function () {
|
|
90
|
+
let e = Expression.compile("{[{[{[1+1]}]}]:f;2}");
|
|
91
|
+
assert.equal(e({}), "2.00");
|
|
92
|
+
});
|
|
93
|
+
|
|
94
|
+
it("with complex math inside", function () {
|
|
95
|
+
let e = Expression.compile("%{{data}.reduce((a,b)=>a+b, 0):f;2}");
|
|
96
|
+
let state = {
|
|
97
|
+
data: [1, 2, 3],
|
|
98
|
+
};
|
|
99
|
+
assert.equal(e(state), "6.00");
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
it("with a conditional operator inside", function () {
|
|
103
|
+
let e = Expression.compile('{[true ? "T" : "F"]}');
|
|
104
|
+
assert.equal(e({}), "T");
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
it("with string interpolation inside", function () {
|
|
108
|
+
let e = Expression.compile("{[`${{test}}`]}");
|
|
109
|
+
assert.equal(e({ test: "T" }), "T");
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
describe("are working", function () {
|
|
114
|
+
it("function expressions with get", function () {
|
|
115
|
+
let e = Expression.get((get) => get("a") + get("b"));
|
|
116
|
+
assert.equal(e({ a: 1, b: 2 }), 3);
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
it("are properly memoized", function () {
|
|
120
|
+
let inv = 0;
|
|
121
|
+
let e = Expression.get((get) => {
|
|
122
|
+
inv++;
|
|
123
|
+
return get("a") + get("b");
|
|
124
|
+
}).memoize();
|
|
125
|
+
|
|
126
|
+
assert.equal(e({ a: 1, b: 1 }), 2);
|
|
127
|
+
assert.equal(inv, 1);
|
|
128
|
+
|
|
129
|
+
assert.equal(e({ a: 1, b: 1 }), 2);
|
|
130
|
+
assert.equal(inv, 1);
|
|
131
|
+
|
|
132
|
+
assert.equal(e({ a: 1, b: 2 }), 3);
|
|
133
|
+
assert.equal(inv, 2);
|
|
134
|
+
|
|
135
|
+
assert.equal(e({ a: 1, b: 2 }), 3);
|
|
136
|
+
assert.equal(inv, 2);
|
|
137
|
+
|
|
138
|
+
assert.equal(e({ a: 2, b: 2 }), 4);
|
|
139
|
+
assert.equal(inv, 3);
|
|
140
|
+
});
|
|
141
|
+
|
|
142
|
+
it("formatting can be used inside bindings", function () {
|
|
143
|
+
let e = Expression.get((get) => get("name:prefix;Hello "));
|
|
144
|
+
assert(e({ name: "CxJS" }), "Hello CxJS");
|
|
145
|
+
});
|
|
146
|
+
|
|
147
|
+
it("allows using the fmt function inside", function () {
|
|
148
|
+
let e = Expression.compile('{[fmt({text}, "prefix;Hello ")]}');
|
|
149
|
+
assert.equal(e({ text: "CxJS" }), "Hello CxJS");
|
|
150
|
+
});
|
|
151
|
+
|
|
152
|
+
it("allows using dashes inside names", function () {
|
|
153
|
+
let e = Expression.compile("{framework-name}");
|
|
154
|
+
assert.equal(e({ "framework-name": "CxJS" }), "CxJS");
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
it("allows using spaces and other characters inside names", function () {
|
|
158
|
+
let e = Expression.compile("{1nv@lid js ident1fier}");
|
|
159
|
+
assert.equal(e({ "1nv@lid js ident1fier": "CxJS" }), "CxJS");
|
|
160
|
+
});
|
|
161
|
+
|
|
162
|
+
it("allows strings in subexpressions", () => {
|
|
163
|
+
let e = Expression.compile("{['1']}");
|
|
164
|
+
assert.equal(e({}), "1");
|
|
165
|
+
|
|
166
|
+
let e2 = Expression.compile('%{"1"}');
|
|
167
|
+
assert.equal(e({}), "1");
|
|
168
|
+
});
|
|
169
|
+
|
|
170
|
+
it("allows string templates in nested expressions", () => {
|
|
171
|
+
Expression.registerHelper("tpl", StringTemplate.format);
|
|
172
|
+
let e = Expression.compile("tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})");
|
|
173
|
+
assert.equal(e({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
|
|
174
|
+
|
|
175
|
+
let e2 = Expression.compile("{[tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})]}");
|
|
176
|
+
assert.equal(e2({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
|
|
177
|
+
|
|
178
|
+
// we're going to need a better parser for this
|
|
179
|
+
// let e3 = Expression.compile("%{tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})}");
|
|
180
|
+
// assert.equal(e3({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
|
|
181
|
+
});
|
|
182
|
+
|
|
183
|
+
it("string templates can be in the data", () => {
|
|
184
|
+
Expression.registerHelper("tpl", StringTemplate.format);
|
|
185
|
+
let e = Expression.compile("tpl({template}, {value}, {percentage})");
|
|
186
|
+
assert.equal(e({ value: 1, percentage: 0.02, template: "{0:n;2} {1:p;2:wrap;(;)}" }), "1.00 (2.00%)");
|
|
187
|
+
});
|
|
188
|
+
|
|
189
|
+
// it('are properly memoized with proxies', function () {
|
|
190
|
+
// let inv = 0;
|
|
191
|
+
// let e = Expression.get(d => { inv++; return d.a + d.b}).memoize();
|
|
192
|
+
//
|
|
193
|
+
// assert.equal(e({ a: 1, b: 1 }), 2);
|
|
194
|
+
// assert.equal(inv, 1);
|
|
195
|
+
//
|
|
196
|
+
// assert.equal(e({ a: 1, b: 1 }), 2);
|
|
197
|
+
// assert.equal(inv, 1);
|
|
198
|
+
//
|
|
199
|
+
// assert.equal(e({ a: 1, b: 2 }), 3);
|
|
200
|
+
// assert.equal(inv, 2);
|
|
201
|
+
//
|
|
202
|
+
// assert.equal(e({ a: 1, b: 2 }), 3);
|
|
203
|
+
// assert.equal(inv, 2);
|
|
204
|
+
//
|
|
205
|
+
// assert.equal(e({ a: 2, b: 2 }), 4);
|
|
206
|
+
// assert.equal(inv, 3);
|
|
207
|
+
// });
|
|
208
|
+
//
|
|
209
|
+
// it('are properly memoized with proxies and deep data', function () {
|
|
210
|
+
// let inv = 0;
|
|
211
|
+
// let e = Expression.get(d => { inv++; return d.v.a + d.v.b}).memoize();
|
|
212
|
+
//
|
|
213
|
+
// assert.equal(e({ v: { a: 1, b: 1 }}), 2);
|
|
214
|
+
// assert.equal(inv, 1);
|
|
215
|
+
//
|
|
216
|
+
// assert.equal(e({ v: { a: 1, b: 1 }}), 2);
|
|
217
|
+
// assert.equal(inv, 1);
|
|
218
|
+
//
|
|
219
|
+
// assert.equal(e({ v: { a: 1, b: 2 }}), 3);
|
|
220
|
+
// assert.equal(inv, 2);
|
|
221
|
+
//
|
|
222
|
+
// assert.equal(e({ v: { a: 1, b: 2 }}), 3);
|
|
223
|
+
// assert.equal(inv, 2);
|
|
224
|
+
//
|
|
225
|
+
// assert.equal(e({ v: { a: 2, b: 2 }}), 4);
|
|
226
|
+
// assert.equal(inv, 3);
|
|
227
|
+
// });
|
|
228
|
+
});
|
|
229
|
+
});
|