marko 4.28.7 → 4.28.8
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/CHANGELOG.md +2569 -0
- package/dist/core-tags/core/await/renderer.js +11 -3
- package/dist/core-tags/core/await/reorderer-renderer.js +35 -8
- package/dist/node_modules/@internal/components-beginComponent/index-browser.js +5 -5
- package/dist/node_modules/@internal/components-beginComponent/index.js +12 -12
- package/dist/node_modules/@internal/components-define-widget-legacy/index-browser.js +43 -43
- package/dist/node_modules/@internal/components-define-widget-legacy/index.js +3 -3
- package/dist/node_modules/@internal/components-endComponent/index.js +3 -3
- package/dist/node_modules/@internal/components-entry/index-browser.js +2 -2
- package/dist/node_modules/@internal/components-entry/index.js +21 -21
- package/dist/node_modules/@internal/components-entry-legacy/index-browser.js +6 -6
- package/dist/node_modules/@internal/components-entry-legacy/index.js +1 -1
- package/dist/node_modules/@internal/components-registry/index-browser.js +40 -40
- package/dist/node_modules/@internal/components-registry/index.js +2 -2
- package/dist/node_modules/@internal/components-util/index-browser.js +20 -20
- package/dist/node_modules/@internal/components-util/index.js +9 -9
- package/dist/node_modules/@internal/create-readable/index-browser.js +1 -1
- package/dist/node_modules/@internal/create-readable/index.js +8 -8
- package/dist/node_modules/@internal/init-components-tag/index.js +4 -4
- package/dist/node_modules/@internal/preserve-tag/index-browser.js +8 -8
- package/dist/node_modules/@internal/preserve-tag/index.js +5 -5
- package/dist/node_modules/@internal/set-immediate/index-browser.js +1 -1
- package/dist/node_modules/@internal/set-immediate/index-worker.js +2 -2
- package/dist/node_modules/@internal/set-immediate/index.js +2 -2
- package/dist/runtime/RenderResult.js +13 -13
- package/dist/runtime/components/Component.js +144 -144
- package/dist/runtime/components/ComponentDef.js +27 -27
- package/dist/runtime/components/ComponentsContext.js +19 -19
- package/dist/runtime/components/GlobalComponentsContext.js +4 -4
- package/dist/runtime/components/KeySequence.js +3 -3
- package/dist/runtime/components/ServerComponent.js +13 -13
- package/dist/runtime/components/State.js +26 -26
- package/dist/runtime/components/attach-detach.js +8 -8
- package/dist/runtime/components/defineComponent.js +5 -5
- package/dist/runtime/components/dom-data.js +4 -4
- package/dist/runtime/components/event-delegation.js +10 -10
- package/dist/runtime/components/legacy/defineComponent-legacy.js +1 -1
- package/dist/runtime/components/legacy/defineRenderer-legacy.js +16 -16
- package/dist/runtime/components/legacy/dependencies/index.js +9 -9
- package/dist/runtime/components/legacy/helper-getWidgetFromOut.js +3 -3
- package/dist/runtime/components/legacy/renderer-legacy.js +39 -39
- package/dist/runtime/components/renderer.js +34 -34
- package/dist/runtime/components/update-manager.js +10 -10
- package/dist/runtime/createOut.js +1 -1
- package/dist/runtime/dom-insert.js +5 -5
- package/dist/runtime/helpers/_change-case.js +2 -2
- package/dist/runtime/helpers/dynamic-tag.js +13 -13
- package/dist/runtime/helpers/style-value.js +1 -1
- package/dist/runtime/html/AsyncStream.js +24 -24
- package/dist/runtime/html/BufferedWriter.js +2 -2
- package/dist/runtime/html/StringWriter.js +1 -1
- package/dist/runtime/html/helpers/data-marko.js +2 -2
- package/dist/runtime/html/helpers/escape-xml.js +1 -1
- package/dist/runtime/html/index.js +1 -1
- package/dist/runtime/renderable.js +5 -5
- package/dist/runtime/vdom/AsyncVDOMBuilder.js +43 -43
- package/dist/runtime/vdom/VComponent.js +2 -2
- package/dist/runtime/vdom/VDocumentFragment.js +1 -1
- package/dist/runtime/vdom/VElement.js +12 -12
- package/dist/runtime/vdom/VFragment.js +4 -4
- package/dist/runtime/vdom/VNode.js +2 -2
- package/dist/runtime/vdom/index.js +1 -1
- package/dist/runtime/vdom/morphdom/fragment.js +2 -2
- package/dist/runtime/vdom/morphdom/helpers.js +3 -3
- package/dist/runtime/vdom/morphdom/index.js +43 -43
- package/package.json +1 -1
- package/src/compiler/Normalizer.js +4 -1
- package/src/compiler/ast/CustomTag.js +4 -2
- package/src/core-tags/components/TransformHelper/convertToComponent.js +1 -1
- package/src/core-tags/core/await/renderer.js +14 -3
- package/src/core-tags/core/await/reorderer-renderer.js +78 -43
- package/src/core-tags/migrate/all-tags/widget-in-attrs.js +9 -7
- package/src/runtime/components/legacy/index.js +3 -1
- package/src/runtime/helpers/interop-require.js +1 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var w10Noop = require("warp10/constants").NOOP;
|
|
4
4
|
var componentUtil = require("@internal/components-util");
|
|
5
|
-
var attachBubblingEvent = componentUtil.
|
|
6
|
-
var addDelegatedEventHandler = require("./event-delegation").
|
|
5
|
+
var attachBubblingEvent = componentUtil._V_;
|
|
6
|
+
var addDelegatedEventHandler = require("./event-delegation")._t_;
|
|
7
7
|
var extend = require("raptor-util/extend");
|
|
8
8
|
var KeySequence = require("./KeySequence");
|
|
9
9
|
var EMPTY_OBJECT = {};
|
|
@@ -19,24 +19,24 @@ var FLAG_OLD_HYDRATE_NO_CREATE = 8;
|
|
|
19
19
|
* later (after the rendered HTML has been added to the DOM)
|
|
20
20
|
*/
|
|
21
21
|
function ComponentDef(component, componentId, componentsContext) {
|
|
22
|
-
this.
|
|
23
|
-
this.
|
|
22
|
+
this.aL_ = componentsContext; // The AsyncWriter that this component is associated with
|
|
23
|
+
this.w_ = component;
|
|
24
24
|
this.id = componentId;
|
|
25
25
|
|
|
26
|
-
this.
|
|
26
|
+
this._e_ = undefined; // An array of DOM events that need to be added (in sets of three)
|
|
27
27
|
|
|
28
|
-
this.
|
|
28
|
+
this._v_ = false;
|
|
29
29
|
|
|
30
|
-
this.
|
|
31
|
-
this.
|
|
30
|
+
this.x_ = false;
|
|
31
|
+
this.y_ = 0;
|
|
32
32
|
|
|
33
|
-
this.
|
|
34
|
-
this.
|
|
33
|
+
this.aM_ = 0; // The unique integer to use for the next scoped ID
|
|
34
|
+
this.aN_ = null;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
ComponentDef.prototype = {
|
|
38
|
-
|
|
39
|
-
return (this.
|
|
38
|
+
aO_: function (key) {
|
|
39
|
+
return (this.aN_ || (this.aN_ = new KeySequence())).aO_(key);
|
|
40
40
|
},
|
|
41
41
|
|
|
42
42
|
/**
|
|
@@ -64,8 +64,8 @@ ComponentDef.prototype = {
|
|
|
64
64
|
/**
|
|
65
65
|
* Returns the next auto generated unique ID for a nested DOM element or nested DOM component
|
|
66
66
|
*/
|
|
67
|
-
|
|
68
|
-
return this.id + "-c" + this.
|
|
67
|
+
aP_: function () {
|
|
68
|
+
return this.id + "-c" + this.aM_++;
|
|
69
69
|
},
|
|
70
70
|
|
|
71
71
|
d: function (eventName, handlerMethodName, isOnce, extraArgs) {
|
|
@@ -74,13 +74,13 @@ ComponentDef.prototype = {
|
|
|
74
74
|
},
|
|
75
75
|
|
|
76
76
|
get e_() {
|
|
77
|
-
return this.
|
|
77
|
+
return this.w_.e_;
|
|
78
78
|
}
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
ComponentDef.prototype.nk = ComponentDef.prototype.
|
|
81
|
+
ComponentDef.prototype.nk = ComponentDef.prototype.aO_;
|
|
82
82
|
|
|
83
|
-
ComponentDef.
|
|
83
|
+
ComponentDef._E_ = function (o, types, global, registry) {
|
|
84
84
|
var id = o[0];
|
|
85
85
|
var typeName = types[o[1]];
|
|
86
86
|
var input = o[2] || null;
|
|
@@ -92,15 +92,15 @@ ComponentDef._D_ = function (o, types, global, registry) {
|
|
|
92
92
|
var isLegacy = flags & FLAG_IS_LEGACY;
|
|
93
93
|
var renderBody = flags & FLAG_HAS_RENDER_BODY ? w10Noop : extra.r;
|
|
94
94
|
|
|
95
|
-
var component = typeName /* legacy */ && registry.
|
|
95
|
+
var component = typeName /* legacy */ && registry._H_(typeName, id, isLegacy);
|
|
96
96
|
|
|
97
97
|
// Prevent newly created component from being queued for update since we area
|
|
98
98
|
// just building it from the server info
|
|
99
|
-
component.
|
|
99
|
+
component._d_ = true;
|
|
100
100
|
|
|
101
101
|
if (isLegacy) {
|
|
102
102
|
component.widgetConfig = componentProps;
|
|
103
|
-
component.
|
|
103
|
+
component._a_ = renderBody;
|
|
104
104
|
} else if (renderBody) {
|
|
105
105
|
(input || (input = {})).renderBody = renderBody;
|
|
106
106
|
}
|
|
@@ -130,25 +130,25 @@ ComponentDef._D_ = function (o, types, global, registry) {
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
component.
|
|
133
|
+
component.S_ = input;
|
|
134
134
|
|
|
135
135
|
if (extra.b) {
|
|
136
|
-
component.
|
|
136
|
+
component.___ = extra.b;
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
var scope = extra.p;
|
|
140
140
|
var customEvents = extra.e;
|
|
141
141
|
if (customEvents) {
|
|
142
|
-
component.
|
|
142
|
+
component.aF_(customEvents, scope);
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
component.
|
|
145
|
+
component.an_ = global;
|
|
146
146
|
|
|
147
147
|
return {
|
|
148
148
|
id: id,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
149
|
+
w_: component,
|
|
150
|
+
_e_: extra.d,
|
|
151
|
+
y_: extra.f || 0
|
|
152
152
|
};
|
|
153
153
|
};
|
|
154
154
|
|
|
@@ -7,50 +7,50 @@ function ComponentsContext(out, parentComponentsContext) {
|
|
|
7
7
|
var componentDef;
|
|
8
8
|
|
|
9
9
|
if (parentComponentsContext) {
|
|
10
|
-
globalComponentsContext = parentComponentsContext.
|
|
11
|
-
componentDef = parentComponentsContext.
|
|
10
|
+
globalComponentsContext = parentComponentsContext.s_;
|
|
11
|
+
componentDef = parentComponentsContext.r_;
|
|
12
12
|
|
|
13
13
|
var nestedContextsForParent;
|
|
14
|
-
if (!(nestedContextsForParent = parentComponentsContext.
|
|
15
|
-
nestedContextsForParent = parentComponentsContext.
|
|
14
|
+
if (!(nestedContextsForParent = parentComponentsContext._f_)) {
|
|
15
|
+
nestedContextsForParent = parentComponentsContext._f_ = [];
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
nestedContextsForParent.push(this);
|
|
19
19
|
} else {
|
|
20
|
-
globalComponentsContext = out.global.
|
|
20
|
+
globalComponentsContext = out.global.u_;
|
|
21
21
|
if (globalComponentsContext === undefined) {
|
|
22
|
-
out.global.
|
|
22
|
+
out.global.u_ = globalComponentsContext = new GlobalComponentsContext(out);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
this.
|
|
27
|
-
this.
|
|
28
|
-
this.
|
|
29
|
-
this.
|
|
30
|
-
this.
|
|
31
|
-
this.
|
|
26
|
+
this.s_ = globalComponentsContext;
|
|
27
|
+
this.u_ = [];
|
|
28
|
+
this.v_ = out;
|
|
29
|
+
this.r_ = componentDef;
|
|
30
|
+
this._f_ = undefined;
|
|
31
|
+
this.z_ = parentComponentsContext && parentComponentsContext.z_;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
ComponentsContext.prototype = {
|
|
35
|
-
|
|
36
|
-
var componentDefs = this.
|
|
35
|
+
ai_: function (host) {
|
|
36
|
+
var componentDefs = this.u_;
|
|
37
37
|
|
|
38
|
-
ComponentsContext.
|
|
38
|
+
ComponentsContext._J_(componentDefs, host);
|
|
39
39
|
|
|
40
|
-
this.
|
|
40
|
+
this.v_.emit("aQ_");
|
|
41
41
|
|
|
42
42
|
// Reset things stored in global since global is retained for
|
|
43
43
|
// future renders
|
|
44
|
-
this.
|
|
44
|
+
this.v_.global.u_ = undefined;
|
|
45
45
|
|
|
46
46
|
return componentDefs;
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
function getComponentsContext(out) {
|
|
51
|
-
return out.
|
|
51
|
+
return out.u_ || (out.u_ = new ComponentsContext(out));
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
module.exports = exports = ComponentsContext;
|
|
55
55
|
|
|
56
|
-
exports.
|
|
56
|
+
exports.V_ = getComponentsContext;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var nextComponentIdProvider = require("@internal/components-util").
|
|
1
|
+
var nextComponentIdProvider = require("@internal/components-util")._U_;
|
|
2
2
|
|
|
3
3
|
function GlobalComponentsContext(out) {
|
|
4
|
-
this.
|
|
5
|
-
this.
|
|
6
|
-
this.
|
|
4
|
+
this.t_ = {};
|
|
5
|
+
this.aC_ = undefined;
|
|
6
|
+
this.aP_ = nextComponentIdProvider(out);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
module.exports = GlobalComponentsContext;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
function KeySequence() {
|
|
2
|
-
this.
|
|
2
|
+
this.aR_ = Object.create(null);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
KeySequence.prototype.
|
|
6
|
-
var lookup = this.
|
|
5
|
+
KeySequence.prototype.aO_ = function (key) {
|
|
6
|
+
var lookup = this.aR_;
|
|
7
7
|
|
|
8
8
|
if (lookup[key]) {
|
|
9
9
|
return key + "_" + lookup[key]++;
|
|
@@ -3,38 +3,38 @@
|
|
|
3
3
|
class ServerComponent {
|
|
4
4
|
constructor(id, input, out, typeName, customEvents, scope) {
|
|
5
5
|
this.id = id;
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
6
|
+
this.Y_ = customEvents;
|
|
7
|
+
this.Z_ = scope;
|
|
8
8
|
this.typeName = typeName;
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
9
|
+
this.___ = undefined; // Used to keep track of bubbling DOM events for components rendered on the server
|
|
10
|
+
this._b_ = 0;
|
|
11
11
|
|
|
12
12
|
this.onCreate(input, out);
|
|
13
|
-
this.
|
|
14
|
-
if (this.
|
|
15
|
-
this.
|
|
13
|
+
this._c_ = this.onInput(input, out) || input;
|
|
14
|
+
if (this.S_ === undefined) {
|
|
15
|
+
this.S_ = this._c_;
|
|
16
16
|
}
|
|
17
17
|
this.onRender(out);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
set input(newInput) {
|
|
21
|
-
this.
|
|
21
|
+
this.S_ = newInput;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
get input() {
|
|
25
|
-
return this.
|
|
25
|
+
return this.S_;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
set state(newState) {
|
|
29
|
-
this.
|
|
29
|
+
this.D_ = newState;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
get state() {
|
|
33
|
-
return this.
|
|
33
|
+
return this.D_;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
get
|
|
37
|
-
return this.
|
|
36
|
+
get aE_() {
|
|
37
|
+
return this.D_;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
elId(nestedId) {
|
|
@@ -5,83 +5,83 @@ function ensure(state, propertyName) {
|
|
|
5
5
|
if (!(propertyName in proto)) {
|
|
6
6
|
Object.defineProperty(proto, propertyName, {
|
|
7
7
|
get: function () {
|
|
8
|
-
return this.
|
|
8
|
+
return this.E_[propertyName];
|
|
9
9
|
},
|
|
10
10
|
set: function (value) {
|
|
11
|
-
this.
|
|
11
|
+
this.au_(propertyName, value, false /* ensure:false */);
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
function State(component) {
|
|
18
|
-
this.
|
|
19
|
-
this.
|
|
18
|
+
this.w_ = component;
|
|
19
|
+
this.E_ = {};
|
|
20
20
|
|
|
21
|
-
this.
|
|
21
|
+
this.ao_ = false;
|
|
22
|
+
this.az_ = null;
|
|
22
23
|
this.ay_ = null;
|
|
23
|
-
this.
|
|
24
|
-
this.aR_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
|
|
24
|
+
this.aS_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
|
|
25
25
|
|
|
26
26
|
Object.seal(this);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
State.prototype = {
|
|
30
|
-
|
|
30
|
+
_u_: function () {
|
|
31
31
|
var self = this;
|
|
32
32
|
|
|
33
|
-
self.
|
|
33
|
+
self.ao_ = false;
|
|
34
|
+
self.az_ = null;
|
|
34
35
|
self.ay_ = null;
|
|
35
|
-
self.
|
|
36
|
-
self.aR_ = null;
|
|
36
|
+
self.aS_ = null;
|
|
37
37
|
},
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
as_: function (newState) {
|
|
40
40
|
var state = this;
|
|
41
41
|
var key;
|
|
42
42
|
|
|
43
|
-
var rawState = this.
|
|
43
|
+
var rawState = this.E_;
|
|
44
44
|
|
|
45
45
|
for (key in rawState) {
|
|
46
46
|
if (!(key in newState)) {
|
|
47
|
-
state.
|
|
47
|
+
state.au_(key, undefined, false /* ensure:false */
|
|
48
48
|
, false /* forceDirty:false */
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
for (key in newState) {
|
|
54
|
-
state.
|
|
54
|
+
state.au_(key, newState[key], true /* ensure:true */
|
|
55
55
|
, false /* forceDirty:false */
|
|
56
56
|
);
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
|
-
|
|
60
|
-
var rawState = this.
|
|
59
|
+
au_: function (name, value, shouldEnsure, forceDirty) {
|
|
60
|
+
var rawState = this.E_;
|
|
61
61
|
|
|
62
62
|
if (shouldEnsure) {
|
|
63
63
|
ensure(this, name);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
if (forceDirty) {
|
|
67
|
-
var forcedDirtyState = this.
|
|
67
|
+
var forcedDirtyState = this.aS_ || (this.aS_ = {});
|
|
68
68
|
forcedDirtyState[name] = true;
|
|
69
69
|
} else if (rawState[name] === value) {
|
|
70
70
|
return;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
if (!this.
|
|
73
|
+
if (!this.ao_) {
|
|
74
74
|
// This is the first time we are modifying the component state
|
|
75
75
|
// so introduce some properties to do some tracking of
|
|
76
76
|
// changes to the state
|
|
77
|
-
this.
|
|
78
|
-
this.
|
|
79
|
-
this.
|
|
80
|
-
this.
|
|
81
|
-
this.
|
|
77
|
+
this.ao_ = true; // Mark the component state as dirty (i.e. modified)
|
|
78
|
+
this.az_ = rawState;
|
|
79
|
+
this.E_ = rawState = extend({}, rawState);
|
|
80
|
+
this.ay_ = {};
|
|
81
|
+
this.w_.at_();
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
this.
|
|
84
|
+
this.ay_[name] = value;
|
|
85
85
|
|
|
86
86
|
if (value === undefined) {
|
|
87
87
|
// Don't store state properties with an undefined or null value
|
|
@@ -92,7 +92,7 @@ State.prototype = {
|
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
toJSON: function () {
|
|
95
|
-
return this.
|
|
95
|
+
return this.E_;
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var eventDelegation = require("./event-delegation");
|
|
2
|
-
var delegateEvent = eventDelegation.
|
|
3
|
-
var getEventFromEl = eventDelegation.
|
|
2
|
+
var delegateEvent = eventDelegation.aT_;
|
|
3
|
+
var getEventFromEl = eventDelegation.aU_;
|
|
4
4
|
|
|
5
5
|
// var componentsUtil = require('@internal/components-util');
|
|
6
6
|
// var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
|
|
@@ -11,13 +11,13 @@ function handleNodeAttach(node, componentsContext) {
|
|
|
11
11
|
var eventName = "onattach";
|
|
12
12
|
var target = getEventFromEl(node, eventName);
|
|
13
13
|
if (target) {
|
|
14
|
-
var out = componentsContext.
|
|
14
|
+
var out = componentsContext.v_;
|
|
15
15
|
var data = out.data;
|
|
16
16
|
|
|
17
|
-
var attachTargets = data.
|
|
17
|
+
var attachTargets = data.aV_;
|
|
18
18
|
if (!attachTargets) {
|
|
19
|
-
attachTargets = data.
|
|
20
|
-
out.on("
|
|
19
|
+
attachTargets = data.aV_ = [];
|
|
20
|
+
out.on("aQ_", function () {
|
|
21
21
|
for (var i = 0; i < attachTargets.length; i += 2) {
|
|
22
22
|
var node = attachTargets[i];
|
|
23
23
|
var target = attachTargets[i + 1];
|
|
@@ -56,5 +56,5 @@ function handleNodeDetach(node) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
eventDelegation.
|
|
60
|
-
eventDelegation.
|
|
59
|
+
eventDelegation.aW_ = handleNodeAttach;
|
|
60
|
+
eventDelegation.aq_ = handleNodeDetach;
|
|
@@ -6,7 +6,7 @@ var BaseComponent = require("./Component");
|
|
|
6
6
|
var inherit = require("raptor-util/inherit");
|
|
7
7
|
|
|
8
8
|
module.exports = function defineComponent(def, renderer) {
|
|
9
|
-
if (def.
|
|
9
|
+
if (def.B_) {
|
|
10
10
|
return def;
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -35,7 +35,7 @@ module.exports = function defineComponent(def, renderer) {
|
|
|
35
35
|
BaseComponent.call(this, id);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
if (!proto.
|
|
38
|
+
if (!proto.B_) {
|
|
39
39
|
// Inherit from Component if they didn't already
|
|
40
40
|
inherit(ComponentClass, BaseComponent);
|
|
41
41
|
}
|
|
@@ -48,14 +48,14 @@ module.exports = function defineComponent(def, renderer) {
|
|
|
48
48
|
|
|
49
49
|
// Set a flag on the constructor function to make it clear this is
|
|
50
50
|
// a component so that we can short-circuit this work later
|
|
51
|
-
Component.
|
|
51
|
+
Component.B_ = true;
|
|
52
52
|
|
|
53
53
|
function State(component) {
|
|
54
54
|
BaseState.call(this, component);
|
|
55
55
|
}
|
|
56
56
|
inherit(State, BaseState);
|
|
57
|
-
proto.
|
|
58
|
-
proto.
|
|
57
|
+
proto.T_ = State;
|
|
58
|
+
proto.U_ = renderer;
|
|
59
59
|
|
|
60
60
|
return Component;
|
|
61
61
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var WeakMap = require("../helpers/_weak-map");
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
+
_N_: new WeakMap(),
|
|
4
5
|
_M_: new WeakMap(),
|
|
6
|
+
_r_: new WeakMap(),
|
|
7
|
+
aX_: new WeakMap(),
|
|
5
8
|
_L_: new WeakMap(),
|
|
6
|
-
_q_:
|
|
7
|
-
aW_: new WeakMap(),
|
|
8
|
-
_K_: new WeakMap(),
|
|
9
|
-
_p_: {}
|
|
9
|
+
_q_: {}
|
|
10
10
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var componentsUtil = require("@internal/components-util");
|
|
2
|
-
var runtimeId = componentsUtil.
|
|
3
|
-
var componentLookup = componentsUtil.
|
|
4
|
-
var getMarkoPropsFromEl = componentsUtil.
|
|
2
|
+
var runtimeId = componentsUtil._R_;
|
|
3
|
+
var componentLookup = componentsUtil._o_;
|
|
4
|
+
var getMarkoPropsFromEl = componentsUtil._s_;
|
|
5
5
|
|
|
6
6
|
var TEXT_NODE = 3;
|
|
7
7
|
|
|
@@ -51,7 +51,7 @@ function delegateEvent(node, eventName, target, event) {
|
|
|
51
51
|
|
|
52
52
|
if (extraArgs != null) {
|
|
53
53
|
if (typeof extraArgs === "number") {
|
|
54
|
-
extraArgs = targetComponent.
|
|
54
|
+
extraArgs = targetComponent.___[extraArgs];
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -124,12 +124,12 @@ function addDelegatedEventHandlerToHost(eventType, host) {
|
|
|
124
124
|
|
|
125
125
|
function noop() {}
|
|
126
126
|
|
|
127
|
-
exports.
|
|
128
|
-
exports.
|
|
129
|
-
exports.
|
|
130
|
-
exports.
|
|
131
|
-
exports.
|
|
132
|
-
exports.
|
|
127
|
+
exports.aW_ = noop;
|
|
128
|
+
exports.aq_ = noop;
|
|
129
|
+
exports.aT_ = delegateEvent;
|
|
130
|
+
exports.aU_ = getEventFromEl;
|
|
131
|
+
exports._t_ = addDelegatedEventHandler;
|
|
132
|
+
exports._B_ = function (host) {
|
|
133
133
|
Object.keys(delegatedEvents).forEach(function (eventType) {
|
|
134
134
|
addDelegatedEventHandlerToHost(eventType, host);
|
|
135
135
|
});
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
var makeRenderable = require("../../renderable");
|
|
2
|
-
var getComponentsContext = require("../ComponentsContext").
|
|
3
|
-
var componentLookup = require("@internal/components-util").
|
|
2
|
+
var getComponentsContext = require("../ComponentsContext").V_;
|
|
3
|
+
var componentLookup = require("@internal/components-util")._o_;
|
|
4
4
|
var modernRenderer = require("../renderer");
|
|
5
5
|
var loader = require("@internal/loader");
|
|
6
|
-
var resolveComponentKey = modernRenderer.
|
|
6
|
+
var resolveComponentKey = modernRenderer.aY_;
|
|
7
7
|
|
|
8
8
|
module.exports = function defineRenderer(renderingLogic) {
|
|
9
9
|
var renderer = renderingLogic.renderer;
|
|
10
10
|
|
|
11
|
-
if (renderer && renderer.
|
|
11
|
+
if (renderer && renderer.aZ_) {
|
|
12
12
|
return renderer;
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -38,13 +38,13 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
38
38
|
// takes care of re-using existing components.
|
|
39
39
|
renderer = function renderer(input, out) {
|
|
40
40
|
var componentsContext = getComponentsContext(out);
|
|
41
|
-
var globalComponentsContext = componentsContext.
|
|
42
|
-
var component = globalComponentsContext.
|
|
43
|
-
var isReceivingNewInput = !component || component.
|
|
41
|
+
var globalComponentsContext = componentsContext.s_;
|
|
42
|
+
var component = globalComponentsContext.aC_;
|
|
43
|
+
var isReceivingNewInput = !component || component._l_;
|
|
44
44
|
var parentComponentDef;
|
|
45
45
|
|
|
46
46
|
if (component) {
|
|
47
|
-
component.
|
|
47
|
+
component._l_ = false;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
// Render the template associated with the component using the final template
|
|
@@ -56,14 +56,14 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
56
56
|
var id;
|
|
57
57
|
|
|
58
58
|
if (!component && componentLookup) {
|
|
59
|
-
var key = out.
|
|
59
|
+
var key = out.ac_;
|
|
60
60
|
|
|
61
|
-
if ((parentComponentDef = componentsContext.
|
|
61
|
+
if ((parentComponentDef = componentsContext.r_) && key != null) {
|
|
62
62
|
id = resolveComponentKey(key.toString(), parentComponentDef);
|
|
63
63
|
} else if (parentComponentDef) {
|
|
64
|
-
id = parentComponentDef.
|
|
64
|
+
id = parentComponentDef.aP_();
|
|
65
65
|
} else {
|
|
66
|
-
id = globalComponentsContext.
|
|
66
|
+
id = globalComponentsContext.aP_();
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
component = componentLookup[id];
|
|
@@ -96,9 +96,9 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
96
96
|
widgetBody = newProps.renderBody;
|
|
97
97
|
}
|
|
98
98
|
} else if (component) {
|
|
99
|
-
newProps = newProps || component.
|
|
100
|
-
widgetBody = component.
|
|
101
|
-
widgetState = component.
|
|
99
|
+
newProps = newProps || component.R_;
|
|
100
|
+
widgetBody = component._a_;
|
|
101
|
+
widgetState = component.aE_;
|
|
102
102
|
widgetConfig = component.widgetConfig;
|
|
103
103
|
}
|
|
104
104
|
|
|
@@ -124,7 +124,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
124
124
|
};
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
renderer.
|
|
127
|
+
renderer.aZ_ = true;
|
|
128
128
|
renderer.createOut = template ? template.createOut : renderingLogic.createOut;
|
|
129
129
|
renderer.template = template;
|
|
130
130
|
|
|
@@ -4,14 +4,14 @@ var env = process.env.NODE_ENV;
|
|
|
4
4
|
var production = !env || env !== "development";
|
|
5
5
|
|
|
6
6
|
function getRootDeps(template, context) {
|
|
7
|
-
if (production && template.
|
|
8
|
-
return template.
|
|
7
|
+
if (production && template.b__) {
|
|
8
|
+
return template.b__;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
attachDepsAndComponentsToTemplate(template, context);
|
|
12
12
|
|
|
13
|
-
var deps = template.
|
|
14
|
-
var initModule = getInitModule(template.path, template.
|
|
13
|
+
var deps = template.b__ = Object.keys(template.ba_).map(key => template.ba_[key]);
|
|
14
|
+
var initModule = getInitModule(template.path, template.u_);
|
|
15
15
|
|
|
16
16
|
if (initModule) deps.push(initModule);
|
|
17
17
|
|
|
@@ -42,10 +42,10 @@ function attachDepsAndComponentsToTemplate(target, context) {
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
if (typeof template.createOut !== "function") return;
|
|
45
|
-
if (production && target.
|
|
45
|
+
if (production && target.ba_) return;
|
|
46
46
|
|
|
47
|
-
var deps = target.
|
|
48
|
-
var components = target.
|
|
47
|
+
var deps = target.ba_ = {};
|
|
48
|
+
var components = target.u_ = {};
|
|
49
49
|
|
|
50
50
|
if (!template.meta) {
|
|
51
51
|
// eslint-disable-next-line no-console
|
|
@@ -88,8 +88,8 @@ function attachDepsAndComponentsToTemplate(target, context) {
|
|
|
88
88
|
|
|
89
89
|
attachDepsAndComponentsToTemplate(tag, context);
|
|
90
90
|
|
|
91
|
-
if (tag.
|
|
92
|
-
if (tag.
|
|
91
|
+
if (tag.ba_) Object.assign(deps, tag.ba_);
|
|
92
|
+
if (tag.u_) Object.assign(components, tag.u_);
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
95
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var getComponentsContext = require("../ComponentsContext").
|
|
1
|
+
var getComponentsContext = require("../ComponentsContext").V_;
|
|
2
2
|
|
|
3
3
|
module.exports = function (out) {
|
|
4
4
|
var componentsContext = getComponentsContext(out);
|
|
5
|
-
var componentDef = componentsContext && componentsContext.
|
|
6
|
-
componentDef._c = componentDef.
|
|
5
|
+
var componentDef = componentsContext && componentsContext.bb_ || {};
|
|
6
|
+
componentDef._c = componentDef.w_;
|
|
7
7
|
return componentDef;
|
|
8
8
|
};
|