cx 26.0.2 → 26.0.4
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
package/src/data/Expression.ts
CHANGED
|
@@ -1,233 +1,233 @@
|
|
|
1
|
-
import { computable } from "./computable";
|
|
2
|
-
import { Format } from "../util/Format";
|
|
3
|
-
import { Binding } from "./Binding";
|
|
4
|
-
|
|
5
|
-
import { quoteStr } from "../util/quote";
|
|
6
|
-
import { isFunction } from "../util/isFunction";
|
|
7
|
-
import { isValidIdentifierName } from "../util/isValidIdentifierName";
|
|
8
|
-
import { MemoSelector, Selector } from "./Selector";
|
|
9
|
-
|
|
10
|
-
/*
|
|
11
|
-
Helper usage example
|
|
12
|
-
|
|
13
|
-
Expression.registerHelper('_', _);
|
|
14
|
-
let e = Expression.compile('_.min({data})');
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
let helpers: Record<string, any> = {},
|
|
18
|
-
helperNames: string[] = [],
|
|
19
|
-
helperValues: any[] = [],
|
|
20
|
-
expFatArrows: null | ((body: string) => string) = null;
|
|
21
|
-
|
|
22
|
-
function getExpr(expr: Selector): MemoSelector {
|
|
23
|
-
if (expr.memoize) return expr as MemoSelector;
|
|
24
|
-
|
|
25
|
-
function memoize(): Selector {
|
|
26
|
-
let lastValue: any,
|
|
27
|
-
lastRunBindings: Record<string, Selector> = {},
|
|
28
|
-
lastRunResults: Record<string, any> = {},
|
|
29
|
-
getters: Record<string, Selector> = {},
|
|
30
|
-
currentData: any,
|
|
31
|
-
len = -1;
|
|
32
|
-
|
|
33
|
-
let get = function (bindingWithFormat: string) {
|
|
34
|
-
let getter = getters[bindingWithFormat];
|
|
35
|
-
if (!getter) {
|
|
36
|
-
let binding = bindingWithFormat,
|
|
37
|
-
format;
|
|
38
|
-
let colonIndex = bindingWithFormat.indexOf(":");
|
|
39
|
-
if (colonIndex != -1) {
|
|
40
|
-
format = Format.parse(bindingWithFormat.substring(colonIndex + 1));
|
|
41
|
-
binding = bindingWithFormat.substring(0, colonIndex);
|
|
42
|
-
} else {
|
|
43
|
-
let nullSeparatorIndex = bindingWithFormat.indexOf(":");
|
|
44
|
-
if (nullSeparatorIndex != -1) {
|
|
45
|
-
format = Format.parse(bindingWithFormat.substring(nullSeparatorIndex));
|
|
46
|
-
binding = bindingWithFormat.substring(0, nullSeparatorIndex - 1);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
let b = Binding.get(binding);
|
|
50
|
-
getter = (data) => {
|
|
51
|
-
let value = b.value(data);
|
|
52
|
-
lastRunBindings[len] = b.value;
|
|
53
|
-
lastRunResults[len] = value;
|
|
54
|
-
len++;
|
|
55
|
-
return value;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
if (format) {
|
|
59
|
-
let valueGetter = getter;
|
|
60
|
-
getter = (data) => format(valueGetter(data));
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
getters[bindingWithFormat] = getter;
|
|
64
|
-
}
|
|
65
|
-
return getter(currentData);
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
return function (data) {
|
|
69
|
-
let i = 0;
|
|
70
|
-
for (; i < len; i++) if (lastRunBindings[i](data) !== lastRunResults[i]) break;
|
|
71
|
-
if (i !== len) {
|
|
72
|
-
len = 0;
|
|
73
|
-
currentData = data;
|
|
74
|
-
lastValue = expr(get);
|
|
75
|
-
}
|
|
76
|
-
return lastValue;
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
let result: Selector = memoize();
|
|
81
|
-
result.memoize = memoize;
|
|
82
|
-
return result as MemoSelector;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
export function expression(str: string | Selector): MemoSelector {
|
|
86
|
-
if (isFunction(str)) return getExpr(str);
|
|
87
|
-
|
|
88
|
-
let cache = getExpressionCache();
|
|
89
|
-
let r = cache[str];
|
|
90
|
-
if (r) return r;
|
|
91
|
-
|
|
92
|
-
let quote: string | false = false;
|
|
93
|
-
|
|
94
|
-
let termStart = -1,
|
|
95
|
-
curlyBrackets = 0,
|
|
96
|
-
percentExpression;
|
|
97
|
-
|
|
98
|
-
let fb = ["return ("];
|
|
99
|
-
|
|
100
|
-
let args: Record<string, string | Selector> = {};
|
|
101
|
-
let formats = [];
|
|
102
|
-
let subExprCount = 0;
|
|
103
|
-
let invalidNameCount = 0;
|
|
104
|
-
|
|
105
|
-
for (let i = 0; i < str.length; i++) {
|
|
106
|
-
let c = str[i];
|
|
107
|
-
switch (c) {
|
|
108
|
-
case "{":
|
|
109
|
-
if (curlyBrackets > 0 && !quote) curlyBrackets++;
|
|
110
|
-
else if (!quote && termStart < 0 && (str[i + 1] != "{" || str[i - 1] == "%")) {
|
|
111
|
-
termStart = i + 1;
|
|
112
|
-
curlyBrackets = 1;
|
|
113
|
-
percentExpression = str[i - 1] == "%";
|
|
114
|
-
if (percentExpression) fb.pop(); //%
|
|
115
|
-
} else if (termStart < 0 && (quote || str[i - 1] != "{")) fb.push(c);
|
|
116
|
-
break;
|
|
117
|
-
|
|
118
|
-
case "}":
|
|
119
|
-
if (termStart >= 0) {
|
|
120
|
-
if (quote) continue;
|
|
121
|
-
if (--curlyBrackets == 0) {
|
|
122
|
-
let term = str.substring(termStart, i);
|
|
123
|
-
let formatStart = 0;
|
|
124
|
-
if (term[0] == "[") formatStart = term.indexOf("]");
|
|
125
|
-
let colon = term.indexOf(":", formatStart > 0 ? formatStart : 0);
|
|
126
|
-
let binding = colon == -1 ? term : term.substring(0, colon);
|
|
127
|
-
let format = colon == -1 ? null : term.substring(colon + 1);
|
|
128
|
-
if (colon == -1) {
|
|
129
|
-
let nullSepIndex = binding.indexOf("|", formatStart);
|
|
130
|
-
if (nullSepIndex != -1) {
|
|
131
|
-
format = binding.substring(nullSepIndex);
|
|
132
|
-
binding = binding.substring(0, nullSepIndex);
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
let argName = binding.replace(/\./g, "_");
|
|
136
|
-
if (!isValidIdentifierName(argName)) argName = "inv" + ++invalidNameCount;
|
|
137
|
-
if (percentExpression || (binding[0] == "[" && binding[binding.length - 1] == "]")) {
|
|
138
|
-
argName = `expr${++subExprCount}`;
|
|
139
|
-
args[argName] = expression(percentExpression ? binding : binding.substring(1, binding.length - 1));
|
|
140
|
-
} else args[argName] = binding;
|
|
141
|
-
if (format) {
|
|
142
|
-
let formatter = "fmt" + formats.length;
|
|
143
|
-
fb.push(formatter, "(", argName, ", ", quoteStr(format), ")");
|
|
144
|
-
formats.push(Format.parse(format));
|
|
145
|
-
} else fb.push(argName);
|
|
146
|
-
termStart = -1;
|
|
147
|
-
}
|
|
148
|
-
} else fb.push(c);
|
|
149
|
-
|
|
150
|
-
break;
|
|
151
|
-
|
|
152
|
-
case '"':
|
|
153
|
-
case "'":
|
|
154
|
-
if (!quote) quote = c;
|
|
155
|
-
else if (quote == c) {
|
|
156
|
-
let at = i - 1;
|
|
157
|
-
let slashCount = 0;
|
|
158
|
-
while (at >= 0 && str[at] === "\\") {
|
|
159
|
-
slashCount++;
|
|
160
|
-
at--;
|
|
161
|
-
}
|
|
162
|
-
if (slashCount % 2 == 0) quote = false;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
if (curlyBrackets == 0) fb.push(c);
|
|
166
|
-
|
|
167
|
-
break;
|
|
168
|
-
|
|
169
|
-
default:
|
|
170
|
-
if (termStart < 0) fb.push(c);
|
|
171
|
-
break;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
fb.push(")");
|
|
176
|
-
|
|
177
|
-
let body = fb.join("");
|
|
178
|
-
|
|
179
|
-
if (expFatArrows) body = expFatArrows(body);
|
|
180
|
-
|
|
181
|
-
//console.log(body);
|
|
182
|
-
let keys = Object.keys(args);
|
|
183
|
-
|
|
184
|
-
try {
|
|
185
|
-
let compute = new Function("fmt", ...formats.map((f, i) => "fmt" + i), ...helperNames, ...keys, body).bind(
|
|
186
|
-
Format,
|
|
187
|
-
Format.value,
|
|
188
|
-
...formats,
|
|
189
|
-
...helperValues,
|
|
190
|
-
);
|
|
191
|
-
|
|
192
|
-
let selector = computable(...keys.map((k) => args[k]), compute);
|
|
193
|
-
cache[str] = selector;
|
|
194
|
-
return selector;
|
|
195
|
-
} catch (err) {
|
|
196
|
-
throw new Error(`Failed to parse expression: '${str}'. ${err}`);
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
export type GetFunction = (bindingPath: string) => any;
|
|
201
|
-
export type SelectorFunction = (get: GetFunction) => any;
|
|
202
|
-
|
|
203
|
-
export const Expression = {
|
|
204
|
-
get: function (str: string | SelectorFunction): MemoSelector {
|
|
205
|
-
return expression(str);
|
|
206
|
-
},
|
|
207
|
-
|
|
208
|
-
compile: function (str: string | SelectorFunction): Selector {
|
|
209
|
-
return this.get(str).memoize();
|
|
210
|
-
},
|
|
211
|
-
|
|
212
|
-
registerHelper: function (name: string, helper: any) {
|
|
213
|
-
helpers[name] = helper;
|
|
214
|
-
helperNames = Object.keys(helpers);
|
|
215
|
-
helperValues = helperNames.map((n) => helpers[n]);
|
|
216
|
-
},
|
|
217
|
-
};
|
|
218
|
-
|
|
219
|
-
export function plugFatArrowExpansion(impl: (body: string) => string) {
|
|
220
|
-
expFatArrows = impl;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
export function invalidateExpressionCache() {
|
|
224
|
-
expCache = {};
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
let expCache: Record<string, MemoSelector> = {};
|
|
228
|
-
|
|
229
|
-
let getExpressionCache = () => expCache;
|
|
230
|
-
|
|
231
|
-
export function setGetExpressionCacheCallback(callback: () => Record<string, MemoSelector>) {
|
|
232
|
-
getExpressionCache = callback;
|
|
233
|
-
}
|
|
1
|
+
import { computable } from "./computable";
|
|
2
|
+
import { Format } from "../util/Format";
|
|
3
|
+
import { Binding } from "./Binding";
|
|
4
|
+
|
|
5
|
+
import { quoteStr } from "../util/quote";
|
|
6
|
+
import { isFunction } from "../util/isFunction";
|
|
7
|
+
import { isValidIdentifierName } from "../util/isValidIdentifierName";
|
|
8
|
+
import { MemoSelector, Selector } from "./Selector";
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
Helper usage example
|
|
12
|
+
|
|
13
|
+
Expression.registerHelper('_', _);
|
|
14
|
+
let e = Expression.compile('_.min({data})');
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
let helpers: Record<string, any> = {},
|
|
18
|
+
helperNames: string[] = [],
|
|
19
|
+
helperValues: any[] = [],
|
|
20
|
+
expFatArrows: null | ((body: string) => string) = null;
|
|
21
|
+
|
|
22
|
+
function getExpr(expr: Selector): MemoSelector {
|
|
23
|
+
if (expr.memoize) return expr as MemoSelector;
|
|
24
|
+
|
|
25
|
+
function memoize(): Selector {
|
|
26
|
+
let lastValue: any,
|
|
27
|
+
lastRunBindings: Record<string, Selector> = {},
|
|
28
|
+
lastRunResults: Record<string, any> = {},
|
|
29
|
+
getters: Record<string, Selector> = {},
|
|
30
|
+
currentData: any,
|
|
31
|
+
len = -1;
|
|
32
|
+
|
|
33
|
+
let get = function (bindingWithFormat: string) {
|
|
34
|
+
let getter = getters[bindingWithFormat];
|
|
35
|
+
if (!getter) {
|
|
36
|
+
let binding = bindingWithFormat,
|
|
37
|
+
format;
|
|
38
|
+
let colonIndex = bindingWithFormat.indexOf(":");
|
|
39
|
+
if (colonIndex != -1) {
|
|
40
|
+
format = Format.parse(bindingWithFormat.substring(colonIndex + 1));
|
|
41
|
+
binding = bindingWithFormat.substring(0, colonIndex);
|
|
42
|
+
} else {
|
|
43
|
+
let nullSeparatorIndex = bindingWithFormat.indexOf(":");
|
|
44
|
+
if (nullSeparatorIndex != -1) {
|
|
45
|
+
format = Format.parse(bindingWithFormat.substring(nullSeparatorIndex));
|
|
46
|
+
binding = bindingWithFormat.substring(0, nullSeparatorIndex - 1);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
let b = Binding.get(binding);
|
|
50
|
+
getter = (data) => {
|
|
51
|
+
let value = b.value(data);
|
|
52
|
+
lastRunBindings[len] = b.value;
|
|
53
|
+
lastRunResults[len] = value;
|
|
54
|
+
len++;
|
|
55
|
+
return value;
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
if (format) {
|
|
59
|
+
let valueGetter = getter;
|
|
60
|
+
getter = (data) => format(valueGetter(data));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
getters[bindingWithFormat] = getter;
|
|
64
|
+
}
|
|
65
|
+
return getter(currentData);
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
return function (data) {
|
|
69
|
+
let i = 0;
|
|
70
|
+
for (; i < len; i++) if (lastRunBindings[i](data) !== lastRunResults[i]) break;
|
|
71
|
+
if (i !== len) {
|
|
72
|
+
len = 0;
|
|
73
|
+
currentData = data;
|
|
74
|
+
lastValue = expr(get);
|
|
75
|
+
}
|
|
76
|
+
return lastValue;
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
let result: Selector = memoize();
|
|
81
|
+
result.memoize = memoize;
|
|
82
|
+
return result as MemoSelector;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export function expression(str: string | Selector): MemoSelector {
|
|
86
|
+
if (isFunction(str)) return getExpr(str);
|
|
87
|
+
|
|
88
|
+
let cache = getExpressionCache();
|
|
89
|
+
let r = cache[str];
|
|
90
|
+
if (r) return r;
|
|
91
|
+
|
|
92
|
+
let quote: string | false = false;
|
|
93
|
+
|
|
94
|
+
let termStart = -1,
|
|
95
|
+
curlyBrackets = 0,
|
|
96
|
+
percentExpression;
|
|
97
|
+
|
|
98
|
+
let fb = ["return ("];
|
|
99
|
+
|
|
100
|
+
let args: Record<string, string | Selector> = {};
|
|
101
|
+
let formats = [];
|
|
102
|
+
let subExprCount = 0;
|
|
103
|
+
let invalidNameCount = 0;
|
|
104
|
+
|
|
105
|
+
for (let i = 0; i < str.length; i++) {
|
|
106
|
+
let c = str[i];
|
|
107
|
+
switch (c) {
|
|
108
|
+
case "{":
|
|
109
|
+
if (curlyBrackets > 0 && !quote) curlyBrackets++;
|
|
110
|
+
else if (!quote && termStart < 0 && (str[i + 1] != "{" || str[i - 1] == "%")) {
|
|
111
|
+
termStart = i + 1;
|
|
112
|
+
curlyBrackets = 1;
|
|
113
|
+
percentExpression = str[i - 1] == "%";
|
|
114
|
+
if (percentExpression) fb.pop(); //%
|
|
115
|
+
} else if (termStart < 0 && (quote || str[i - 1] != "{")) fb.push(c);
|
|
116
|
+
break;
|
|
117
|
+
|
|
118
|
+
case "}":
|
|
119
|
+
if (termStart >= 0) {
|
|
120
|
+
if (quote) continue;
|
|
121
|
+
if (--curlyBrackets == 0) {
|
|
122
|
+
let term = str.substring(termStart, i);
|
|
123
|
+
let formatStart = 0;
|
|
124
|
+
if (term[0] == "[") formatStart = term.indexOf("]");
|
|
125
|
+
let colon = term.indexOf(":", formatStart > 0 ? formatStart : 0);
|
|
126
|
+
let binding = colon == -1 ? term : term.substring(0, colon);
|
|
127
|
+
let format = colon == -1 ? null : term.substring(colon + 1);
|
|
128
|
+
if (colon == -1) {
|
|
129
|
+
let nullSepIndex = binding.indexOf("|", formatStart);
|
|
130
|
+
if (nullSepIndex != -1) {
|
|
131
|
+
format = binding.substring(nullSepIndex);
|
|
132
|
+
binding = binding.substring(0, nullSepIndex);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
let argName = binding.replace(/\./g, "_");
|
|
136
|
+
if (!isValidIdentifierName(argName)) argName = "inv" + ++invalidNameCount;
|
|
137
|
+
if (percentExpression || (binding[0] == "[" && binding[binding.length - 1] == "]")) {
|
|
138
|
+
argName = `expr${++subExprCount}`;
|
|
139
|
+
args[argName] = expression(percentExpression ? binding : binding.substring(1, binding.length - 1));
|
|
140
|
+
} else args[argName] = binding;
|
|
141
|
+
if (format) {
|
|
142
|
+
let formatter = "fmt" + formats.length;
|
|
143
|
+
fb.push(formatter, "(", argName, ", ", quoteStr(format), ")");
|
|
144
|
+
formats.push(Format.parse(format));
|
|
145
|
+
} else fb.push(argName);
|
|
146
|
+
termStart = -1;
|
|
147
|
+
}
|
|
148
|
+
} else fb.push(c);
|
|
149
|
+
|
|
150
|
+
break;
|
|
151
|
+
|
|
152
|
+
case '"':
|
|
153
|
+
case "'":
|
|
154
|
+
if (!quote) quote = c;
|
|
155
|
+
else if (quote == c) {
|
|
156
|
+
let at = i - 1;
|
|
157
|
+
let slashCount = 0;
|
|
158
|
+
while (at >= 0 && str[at] === "\\") {
|
|
159
|
+
slashCount++;
|
|
160
|
+
at--;
|
|
161
|
+
}
|
|
162
|
+
if (slashCount % 2 == 0) quote = false;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
if (curlyBrackets == 0) fb.push(c);
|
|
166
|
+
|
|
167
|
+
break;
|
|
168
|
+
|
|
169
|
+
default:
|
|
170
|
+
if (termStart < 0) fb.push(c);
|
|
171
|
+
break;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
fb.push(")");
|
|
176
|
+
|
|
177
|
+
let body = fb.join("");
|
|
178
|
+
|
|
179
|
+
if (expFatArrows) body = expFatArrows(body);
|
|
180
|
+
|
|
181
|
+
//console.log(body);
|
|
182
|
+
let keys = Object.keys(args);
|
|
183
|
+
|
|
184
|
+
try {
|
|
185
|
+
let compute = new Function("fmt", ...formats.map((f, i) => "fmt" + i), ...helperNames, ...keys, body).bind(
|
|
186
|
+
Format,
|
|
187
|
+
Format.value,
|
|
188
|
+
...formats,
|
|
189
|
+
...helperValues,
|
|
190
|
+
);
|
|
191
|
+
|
|
192
|
+
let selector = computable(...keys.map((k) => args[k]), compute);
|
|
193
|
+
cache[str] = selector;
|
|
194
|
+
return selector;
|
|
195
|
+
} catch (err) {
|
|
196
|
+
throw new Error(`Failed to parse expression: '${str}'. ${err}`);
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
export type GetFunction = (bindingPath: string) => any;
|
|
201
|
+
export type SelectorFunction = (get: GetFunction) => any;
|
|
202
|
+
|
|
203
|
+
export const Expression = {
|
|
204
|
+
get: function (str: string | SelectorFunction): MemoSelector {
|
|
205
|
+
return expression(str);
|
|
206
|
+
},
|
|
207
|
+
|
|
208
|
+
compile: function (str: string | SelectorFunction): Selector {
|
|
209
|
+
return this.get(str).memoize();
|
|
210
|
+
},
|
|
211
|
+
|
|
212
|
+
registerHelper: function (name: string, helper: any) {
|
|
213
|
+
helpers[name] = helper;
|
|
214
|
+
helperNames = Object.keys(helpers);
|
|
215
|
+
helperValues = helperNames.map((n) => helpers[n]);
|
|
216
|
+
},
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
export function plugFatArrowExpansion(impl: (body: string) => string) {
|
|
220
|
+
expFatArrows = impl;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
export function invalidateExpressionCache() {
|
|
224
|
+
expCache = {};
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
let expCache: Record<string, MemoSelector> = {};
|
|
228
|
+
|
|
229
|
+
let getExpressionCache = () => expCache;
|
|
230
|
+
|
|
231
|
+
export function setGetExpressionCacheCallback(callback: () => Record<string, MemoSelector>) {
|
|
232
|
+
getExpressionCache = callback;
|
|
233
|
+
}
|
package/src/data/Grouper.spec.ts
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { Grouper } from "./Grouper";
|
|
2
|
-
import assert from "assert";
|
|
3
|
-
|
|
4
|
-
describe("Grouper", function () {
|
|
5
|
-
describe("single grouping", function () {
|
|
6
|
-
it("should work", function () {
|
|
7
|
-
let data = [
|
|
8
|
-
{ name: "John", age: 12 },
|
|
9
|
-
{ name: "Jane", age: 12 },
|
|
10
|
-
];
|
|
11
|
-
|
|
12
|
-
let grouper = new Grouper({ name: { bind: "name" } });
|
|
13
|
-
grouper.processAll(data);
|
|
14
|
-
|
|
15
|
-
let results = grouper.getResults();
|
|
16
|
-
// console.log(results);
|
|
17
|
-
assert.equal(results.length, 2);
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
it("keys can have nested properties", function () {
|
|
21
|
-
let data = [
|
|
22
|
-
{ name: "John", age: 12 },
|
|
23
|
-
{ name: "Jane", age: 12 },
|
|
24
|
-
];
|
|
25
|
-
|
|
26
|
-
let grouper = new Grouper({ "person.name": { bind: "name" } });
|
|
27
|
-
grouper.processAll(data);
|
|
28
|
-
|
|
29
|
-
let results = grouper.getResults();
|
|
30
|
-
assert.equal(results.length, 2);
|
|
31
|
-
assert.equal(results[0].key.person?.name, "John");
|
|
32
|
-
assert.equal(results[1].key.person?.name, "Jane");
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
describe("multi grouping", function () {
|
|
37
|
-
it("should work", function () {
|
|
38
|
-
let data = [
|
|
39
|
-
{ name: "John", age: 12 },
|
|
40
|
-
{ name: "John", age: 12 },
|
|
41
|
-
{ name: "John", age: 13 },
|
|
42
|
-
{ name: "John", age: 14 },
|
|
43
|
-
{ name: "Jane", age: 12 },
|
|
44
|
-
{ name: "Jane", age: 13 },
|
|
45
|
-
{ name: "Jane", age: 14 },
|
|
46
|
-
];
|
|
47
|
-
|
|
48
|
-
let grouper = new Grouper({ name: { bind: "name" }, age: { bind: "age" } });
|
|
49
|
-
grouper.processAll(data);
|
|
50
|
-
|
|
51
|
-
let results = grouper.getResults();
|
|
52
|
-
// console.log(results);
|
|
53
|
-
assert.equal(results.length, 6);
|
|
54
|
-
assert.equal(results[0].records.length, 2);
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
});
|
|
1
|
+
import { Grouper } from "./Grouper";
|
|
2
|
+
import assert from "assert";
|
|
3
|
+
|
|
4
|
+
describe("Grouper", function () {
|
|
5
|
+
describe("single grouping", function () {
|
|
6
|
+
it("should work", function () {
|
|
7
|
+
let data = [
|
|
8
|
+
{ name: "John", age: 12 },
|
|
9
|
+
{ name: "Jane", age: 12 },
|
|
10
|
+
];
|
|
11
|
+
|
|
12
|
+
let grouper = new Grouper({ name: { bind: "name" } });
|
|
13
|
+
grouper.processAll(data);
|
|
14
|
+
|
|
15
|
+
let results = grouper.getResults();
|
|
16
|
+
// console.log(results);
|
|
17
|
+
assert.equal(results.length, 2);
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
it("keys can have nested properties", function () {
|
|
21
|
+
let data = [
|
|
22
|
+
{ name: "John", age: 12 },
|
|
23
|
+
{ name: "Jane", age: 12 },
|
|
24
|
+
];
|
|
25
|
+
|
|
26
|
+
let grouper = new Grouper({ "person.name": { bind: "name" } });
|
|
27
|
+
grouper.processAll(data);
|
|
28
|
+
|
|
29
|
+
let results = grouper.getResults();
|
|
30
|
+
assert.equal(results.length, 2);
|
|
31
|
+
assert.equal(results[0].key.person?.name, "John");
|
|
32
|
+
assert.equal(results[1].key.person?.name, "Jane");
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
describe("multi grouping", function () {
|
|
37
|
+
it("should work", function () {
|
|
38
|
+
let data = [
|
|
39
|
+
{ name: "John", age: 12 },
|
|
40
|
+
{ name: "John", age: 12 },
|
|
41
|
+
{ name: "John", age: 13 },
|
|
42
|
+
{ name: "John", age: 14 },
|
|
43
|
+
{ name: "Jane", age: 12 },
|
|
44
|
+
{ name: "Jane", age: 13 },
|
|
45
|
+
{ name: "Jane", age: 14 },
|
|
46
|
+
];
|
|
47
|
+
|
|
48
|
+
let grouper = new Grouper({ name: { bind: "name" }, age: { bind: "age" } });
|
|
49
|
+
grouper.processAll(data);
|
|
50
|
+
|
|
51
|
+
let results = grouper.getResults();
|
|
52
|
+
// console.log(results);
|
|
53
|
+
assert.equal(results.length, 6);
|
|
54
|
+
assert.equal(results[0].records.length, 2);
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
});
|