marko 4.25.0 → 4.26.1
Sign up to get free protection for your applications and to get access to all the features.
- package/bin/markoc.js +18 -18
- package/dist/compiler/CompileContext.js +3 -8
- package/dist/core-tags/components/init-components-tag.js +1 -52
- package/dist/core-tags/components/package.json +1 -3
- package/dist/core-tags/components/preferred-script-location-tag.js +2 -2
- package/dist/core-tags/components/preserve-tag.js +1 -27
- package/dist/core-tags/core/await/AsyncValue.js +20 -20
- package/dist/core-tags/core/await/renderer.js +11 -12
- package/dist/core-tags/core/await/reorderer-renderer.js +11 -6
- package/dist/index.js +1 -39
- package/dist/node-require/index.js +11 -0
- package/dist/node_modules/@internal/components-beginComponent/index-browser.js +12 -0
- package/dist/{runtime/components/beginComponent.js → node_modules/@internal/components-beginComponent/index.js} +15 -14
- package/dist/node_modules/@internal/components-beginComponent/package.json +11 -0
- package/dist/{runtime/components/legacy/defineWidget-legacy-browser.js → node_modules/@internal/components-define-widget-legacy/index-browser.js} +47 -47
- package/dist/node_modules/@internal/components-define-widget-legacy/index.js +18 -0
- package/dist/node_modules/@internal/components-define-widget-legacy/package.json +11 -0
- package/dist/node_modules/@internal/components-endComponent/index.js +11 -0
- package/dist/node_modules/@internal/components-endComponent/package.json +11 -0
- package/dist/node_modules/@internal/components-entry/index-browser.js +9 -0
- package/dist/node_modules/@internal/components-entry/index.js +285 -0
- package/dist/node_modules/@internal/components-entry/package.json +11 -0
- package/dist/{runtime/components/legacy → node_modules/@internal/components-entry-legacy}/index-browser.js +14 -15
- package/dist/node_modules/@internal/components-entry-legacy/index.js +14 -0
- package/dist/node_modules/@internal/components-entry-legacy/package.json +11 -0
- package/dist/{runtime/components/init-components-browser.js → node_modules/@internal/components-registry/index-browser.js} +180 -79
- package/dist/node_modules/@internal/components-registry/index.js +34 -0
- package/dist/node_modules/@internal/components-registry/package.json +11 -0
- package/dist/{runtime/components/util-browser.js → node_modules/@internal/components-util/index-browser.js} +23 -24
- package/dist/{runtime/components/util.js → node_modules/@internal/components-util/index.js} +10 -12
- package/dist/node_modules/@internal/components-util/package.json +11 -0
- package/dist/node_modules/@internal/create-readable/index-browser.js +25 -0
- package/dist/node_modules/@internal/create-readable/index.js +52 -0
- package/dist/node_modules/@internal/create-readable/package.json +11 -0
- package/dist/node_modules/@internal/init-components-tag/index.js +52 -0
- package/dist/node_modules/@internal/init-components-tag/package.json +11 -0
- package/dist/{loader/index-default.js → node_modules/@internal/loader/index.js} +1 -1
- package/dist/node_modules/@internal/loader/package.json +11 -0
- package/dist/{core-tags/components/preserve-tag-browser.js → node_modules/@internal/preserve-tag/index-browser.js} +8 -8
- package/dist/node_modules/@internal/preserve-tag/index.js +27 -0
- package/dist/node_modules/@internal/preserve-tag/package.json +11 -0
- package/dist/node_modules/@internal/set-immediate/index-browser.js +17 -0
- package/dist/node_modules/@internal/set-immediate/index-worker.js +2 -0
- package/dist/node_modules/@internal/set-immediate/index.js +2 -0
- package/dist/node_modules/@internal/set-immediate/package.json +11 -0
- package/dist/runtime/RenderResult.js +24 -19
- package/dist/runtime/components/Component.js +154 -151
- package/dist/runtime/components/ComponentDef.js +28 -28
- 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 +28 -28
- package/dist/runtime/components/attach-detach.js +9 -9
- package/dist/runtime/components/defineComponent.js +5 -5
- package/dist/runtime/components/dom-data.js +6 -6
- package/dist/runtime/components/event-delegation.js +15 -16
- package/dist/runtime/components/index.js +1 -285
- package/dist/runtime/components/legacy/browser.json +1 -1
- package/dist/runtime/components/legacy/defineComponent-legacy.js +1 -1
- package/dist/runtime/components/legacy/defineRenderer-legacy.js +18 -19
- package/dist/runtime/components/legacy/defineWidget-legacy.js +1 -18
- package/dist/runtime/components/legacy/dependencies/html.js +1 -1
- 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/index.js +1 -14
- package/dist/runtime/components/legacy/renderer-legacy.js +43 -43
- package/dist/runtime/components/registry.js +1 -34
- package/dist/runtime/components/renderer.js +38 -38
- package/dist/runtime/components/update-manager.js +10 -10
- package/dist/runtime/createOut.js +1 -1
- package/dist/runtime/dom-insert.js +6 -6
- package/dist/runtime/helpers/_change-case.js +2 -2
- package/dist/runtime/helpers/assign.js +3 -2
- package/dist/runtime/helpers/dynamic-tag.js +14 -16
- package/dist/runtime/helpers/load-template.js +1 -1
- package/dist/runtime/helpers/merge.js +3 -1
- package/dist/runtime/helpers/style-value.js +2 -2
- package/dist/runtime/html/AsyncStream.js +61 -52
- package/dist/runtime/html/BufferedWriter.js +5 -1
- package/dist/runtime/html/StringWriter.js +7 -3
- package/dist/runtime/html/helpers/_dynamic-attr.js +2 -2
- package/dist/runtime/html/helpers/attr.js +4 -4
- package/dist/runtime/html/helpers/attrs.js +3 -3
- package/dist/runtime/html/helpers/data-marko.js +4 -6
- package/dist/runtime/html/helpers/escape-quotes.js +2 -2
- package/dist/runtime/html/helpers/escape-xml.js +1 -1
- package/dist/runtime/html/helpers/props-script.js +1 -1
- package/dist/runtime/html/index.js +15 -12
- package/dist/runtime/renderable.js +5 -5
- package/dist/runtime/vdom/AsyncVDOMBuilder.js +102 -103
- package/dist/runtime/vdom/VComment.js +7 -7
- package/dist/runtime/vdom/VComponent.js +5 -5
- package/dist/runtime/vdom/VDocumentFragment.js +8 -8
- package/dist/runtime/vdom/VElement.js +55 -54
- package/dist/runtime/vdom/VFragment.js +9 -9
- package/dist/runtime/vdom/VNode.js +30 -30
- package/dist/runtime/vdom/VText.js +7 -7
- package/dist/runtime/vdom/helpers/v-element.js +1 -1
- package/dist/runtime/vdom/helpers/v-text.js +1 -1
- package/dist/runtime/vdom/index.js +12 -22
- package/dist/runtime/vdom/morphdom/fragment.js +5 -5
- package/dist/runtime/vdom/morphdom/helpers.js +3 -3
- package/dist/runtime/vdom/morphdom/index.js +72 -68
- package/dist/runtime/vdom/morphdom/specialElHandlers.js +8 -8
- package/dist/runtime/vdom/preserve-attrs.js +1 -1
- package/dist/runtime/vdom/vdom.js +19 -21
- package/docs/body-content.md +2 -2
- package/docs/class-components.md +3 -3
- package/docs/express.md +1 -1
- package/docs/lasso.md +3 -6
- package/docs/marko-v4.md +5 -5
- package/docs/redux.md +1 -1
- package/docs/server-side-rendering.md +2 -2
- package/docs/why-is-marko-fast.md +2 -10
- package/package.json +1 -1
- package/src/browser-refresh.js +2 -2
- package/src/compiler/CodeWriter.js +1 -3
- package/src/compiler/CompileContext.js +3 -8
- package/src/compiler/Compiler.js +4 -4
- package/src/compiler/HtmlJsParser.js +1 -1
- package/src/compiler/Migrator.js +1 -1
- package/src/compiler/Parser.js +3 -3
- package/src/compiler/ast/CustomTag.js +9 -11
- package/src/compiler/ast/HtmlAttribute/html/generateCode.js +2 -2
- package/src/compiler/ast/HtmlAttribute/index.js +1 -1
- package/src/compiler/ast/HtmlElement/vdom/HtmlElementVDOM.js +1 -1
- package/src/compiler/ast/HtmlElement/vdom/generateCode.js +1 -1
- package/src/compiler/ast/TemplateRoot.js +1 -1
- package/src/compiler/ast/Text/html/generateCode.js +3 -3
- package/src/compiler/ast/Text/vdom/generateCode.js +1 -1
- package/src/compiler/index.js +4 -4
- package/src/compiler/modules.js +4 -4
- package/src/compiler/util/finger-print.js +1 -1
- package/src/compiler/util/parseExpression.js +1 -1
- package/src/compiler/util/parseStatement.js +1 -1
- package/src/compiler/util/removeDashes.js +1 -1
- package/src/compiler/util/safeVarName.js +1 -1
- package/src/compiler/util/tokenizer.js +1 -1
- package/src/core-tags/cache/cached-fragment-tag-transformer.js +1 -1
- package/src/core-tags/cache/cached-fragment-tag.js +4 -4
- package/src/core-tags/cache/default-cache-manager.js +3 -3
- package/src/core-tags/components/TransformHelper/ComponentArgsCompiler.js +1 -1
- package/src/core-tags/components/TransformHelper/convertToComponent.js +1 -1
- package/src/core-tags/components/TransformHelper/handleComponentPreserveAttrs.js +1 -1
- package/src/core-tags/components/init-components-tag.js +1 -54
- package/src/core-tags/components/package.json +1 -3
- package/src/core-tags/components/preferred-script-location-tag.js +1 -1
- package/src/core-tags/components/preserve-tag.js +1 -27
- package/src/core-tags/components/util/getTransformHelper.js +1 -1
- package/src/core-tags/core/await/AsyncValue.js +3 -3
- package/src/core-tags/core/await/noop-render.js +1 -1
- package/src/core-tags/core/await/renderer.js +8 -7
- package/src/core-tags/core/await/reorderer-renderer.js +35 -14
- package/src/core-tags/core/await/transformer.js +1 -1
- package/src/core-tags/core/core-transformer.js +2 -2
- package/src/core-tags/migrate/all-tags/index.js +1 -1
- package/src/core-tags/migrate/all-templates/index.js +1 -1
- package/src/core-tags/migrate/include-tag.js +3 -2
- package/src/core-tags/migrate/util/parseFor.js +3 -2
- package/src/core-tags/migrate/util/printJS.js +1 -1
- package/src/defineRenderer.js +1 -1
- package/src/express.js +1 -1
- package/src/hot-reload.js +5 -5
- package/src/index.js +1 -41
- package/src/legacy-helpers/notEmpty.js +1 -1
- package/src/node-require/index.js +12 -1
- package/src/{runtime/components/beginComponent-browser.js → node_modules/@internal/components-beginComponent/index-browser.js} +1 -1
- package/src/{runtime/components/beginComponent.js → node_modules/@internal/components-beginComponent/index.js} +3 -2
- package/src/node_modules/@internal/components-beginComponent/package.json +11 -0
- package/src/{runtime/components/legacy/defineWidget-legacy-browser.js → node_modules/@internal/components-define-widget-legacy/index-browser.js} +21 -23
- package/src/node_modules/@internal/components-define-widget-legacy/index.js +18 -0
- package/src/node_modules/@internal/components-define-widget-legacy/package.json +11 -0
- package/src/{runtime/components/endComponent.js → node_modules/@internal/components-endComponent/index.js} +1 -1
- package/src/node_modules/@internal/components-endComponent/package.json +11 -0
- package/src/node_modules/@internal/components-entry/index-browser.js +9 -0
- package/src/node_modules/@internal/components-entry/index.js +301 -0
- package/src/node_modules/@internal/components-entry/package.json +11 -0
- package/src/node_modules/@internal/components-entry-legacy/index-browser.js +74 -0
- package/src/node_modules/@internal/components-entry-legacy/index.js +15 -0
- package/src/node_modules/@internal/components-entry-legacy/package.json +11 -0
- package/src/{runtime/components/init-components-browser.js → node_modules/@internal/components-registry/index-browser.js} +240 -75
- package/src/node_modules/@internal/components-registry/index.js +44 -0
- package/src/node_modules/@internal/components-registry/package.json +11 -0
- package/src/{runtime/components/util-browser.js → node_modules/@internal/components-util/index-browser.js} +11 -10
- package/src/{runtime/components/util.js → node_modules/@internal/components-util/index.js} +0 -2
- package/src/node_modules/@internal/components-util/package.json +11 -0
- package/src/node_modules/@internal/create-readable/index-browser.js +30 -0
- package/src/node_modules/@internal/create-readable/index.js +57 -0
- package/src/node_modules/@internal/create-readable/package.json +11 -0
- package/src/node_modules/@internal/init-components-tag/index.js +54 -0
- package/src/node_modules/@internal/init-components-tag/package.json +11 -0
- package/src/{loader/index-default.js → node_modules/@internal/loader/index.js} +2 -2
- package/src/node_modules/@internal/loader/package.json +11 -0
- package/src/node_modules/@internal/preserve-tag/index.js +27 -0
- package/src/node_modules/@internal/preserve-tag/package.json +11 -0
- package/src/node_modules/@internal/set-immediate/index-browser.js +17 -0
- package/src/node_modules/@internal/set-immediate/index-worker.js +2 -0
- package/src/node_modules/@internal/set-immediate/index.js +2 -0
- package/src/node_modules/@internal/set-immediate/package.json +11 -0
- package/src/runtime/RenderResult.js +20 -18
- package/src/runtime/components/Component.js +44 -41
- package/src/runtime/components/ComponentDef.js +9 -9
- package/src/runtime/components/ComponentsContext.js +4 -5
- package/src/runtime/components/GlobalComponentsContext.js +2 -1
- package/src/runtime/components/KeySequence.js +1 -1
- package/src/runtime/components/State.js +6 -6
- package/src/runtime/components/attach-detach.js +4 -4
- package/src/runtime/components/defineComponent.js +1 -1
- package/src/runtime/components/event-delegation.js +10 -10
- package/src/runtime/components/index.js +1 -301
- package/src/runtime/components/jquery.js +2 -2
- package/src/runtime/components/legacy/browser.json +1 -1
- package/src/runtime/components/legacy/defineRenderer-legacy.js +5 -6
- package/src/runtime/components/legacy/defineWidget-legacy.js +1 -18
- package/src/runtime/components/legacy/dependencies/html.js +1 -1
- package/src/runtime/components/legacy/dependencies/index.js +3 -3
- package/src/runtime/components/legacy/helper-getWidgetFromOut.js +3 -3
- package/src/runtime/components/legacy/index.js +1 -15
- package/src/runtime/components/legacy/renderer-legacy.js +7 -7
- package/src/runtime/components/ready.js +2 -2
- package/src/runtime/components/registry.js +1 -44
- package/src/runtime/components/renderer.js +4 -4
- package/src/runtime/components/update-manager.js +1 -1
- package/src/runtime/dom-insert.js +8 -8
- package/src/runtime/helpers/_weak-map.js +2 -2
- package/src/runtime/helpers/assign.js +3 -1
- package/src/runtime/helpers/bind-component.js +2 -2
- package/src/runtime/helpers/dynamic-tag.js +2 -4
- package/src/runtime/helpers/for-in.js +1 -1
- package/src/runtime/helpers/load-nested-tag.js +1 -1
- package/src/runtime/helpers/load-template.js +1 -1
- package/src/runtime/helpers/merge.js +3 -1
- package/src/runtime/helpers/noop.js +1 -1
- package/src/runtime/helpers/style-value.js +1 -1
- package/src/runtime/helpers/to-string.js +1 -1
- package/src/runtime/html/AsyncStream.js +90 -76
- package/src/runtime/html/BufferedWriter.js +6 -2
- package/src/runtime/html/StringWriter.js +15 -9
- package/src/runtime/html/helpers/attrs.js +3 -3
- package/src/runtime/html/helpers/data-marko.js +0 -2
- package/src/runtime/html/helpers/escape-quotes.js +1 -1
- package/src/runtime/html/helpers/escape-xml.js +1 -1
- package/src/runtime/html/index.js +23 -13
- package/src/runtime/queueMicrotask.js +2 -2
- package/src/runtime/renderable.js +9 -9
- package/src/runtime/vdom/AsyncVDOMBuilder.js +46 -51
- package/src/runtime/vdom/VComment.js +3 -3
- package/src/runtime/vdom/VDocumentFragment.js +3 -3
- package/src/runtime/vdom/VElement.js +17 -13
- package/src/runtime/vdom/VFragment.js +1 -1
- package/src/runtime/vdom/VNode.js +2 -2
- package/src/runtime/vdom/VText.js +3 -3
- package/src/runtime/vdom/helpers/attrs.js +1 -1
- package/src/runtime/vdom/helpers/const.js +2 -2
- package/src/runtime/vdom/helpers/v-element.js +1 -1
- package/src/runtime/vdom/helpers/v-text.js +1 -1
- package/src/runtime/vdom/index.js +21 -23
- package/src/runtime/vdom/morphdom/fragment.js +8 -7
- package/src/runtime/vdom/morphdom/index.js +19 -9
- package/src/runtime/vdom/morphdom/specialElHandlers.js +6 -6
- package/src/runtime/vdom/parse-html.js +4 -4
- package/src/runtime/vdom/preserve-attrs.js +1 -1
- package/src/runtime/vdom/vdom.js +5 -7
- package/src/taglib/taglib-finder/index.js +1 -1
- package/src/taglib/taglib-loader/Tag.js +5 -5
- package/src/taglib/taglib-loader/Taglib.js +2 -2
- package/src/taglib/taglib-loader/json-file-reader.js +1 -1
- package/src/taglib/taglib-loader/loadAttributeFromProps.js +1 -1
- package/src/taglib/taglib-loader/loadTagFromProps.js +5 -6
- package/src/taglib/taglib-loader/tag-def-from-code.js +2 -1
- package/src/taglib/taglib-lookup/TaglibLookup.js +2 -2
- package/src/taglib/taglib-lookup/index.js +1 -1
- package/dist/core-tags/core/await/client-reorder-browser.js +0 -1
- package/dist/core-tags/core/await/client-reorder-runtime.min.js +0 -5
- package/dist/core-tags/core/await/client-reorder.js +0 -11
- package/dist/core-tags/core/await/package.json +0 -6
- package/dist/index-browser.js +0 -4
- package/dist/loader/index.js +0 -7
- package/dist/loader/package.json +0 -5
- package/dist/node-require/index-browser.js +0 -1
- package/dist/package.json +0 -5
- package/dist/runtime/components/beginComponent-browser.js +0 -12
- package/dist/runtime/components/endComponent.js +0 -11
- package/dist/runtime/components/index-browser.js +0 -14
- package/dist/runtime/components/init-components.js +0 -1
- package/dist/runtime/components/legacy/package.json +0 -6
- package/dist/runtime/components/package.json +0 -12
- package/dist/runtime/components/registry-browser.js +0 -73
- package/dist/runtime/html/Template.js +0 -63
- package/dist/runtime/package.json +0 -5
- package/dist/runtime/setImmediate.js +0 -19
- package/src/core-tags/core/await/client-reorder-browser.js +0 -1
- package/src/core-tags/core/await/client-reorder-runtime.min.js +0 -1
- package/src/core-tags/core/await/client-reorder.js +0 -14
- package/src/core-tags/core/await/package.json +0 -6
- package/src/index-browser.js +0 -3
- package/src/loader/index.js +0 -7
- package/src/loader/package.json +0 -5
- package/src/node-require/index-browser.js +0 -1
- package/src/package.json +0 -5
- package/src/runtime/components/index-browser.js +0 -15
- package/src/runtime/components/init-components.js +0 -1
- package/src/runtime/components/legacy/index-browser.js +0 -73
- package/src/runtime/components/legacy/package.json +0 -6
- package/src/runtime/components/package.json +0 -12
- package/src/runtime/components/registry-browser.js +0 -103
- package/src/runtime/html/Template.js +0 -62
- package/src/runtime/package.json +0 -5
- package/src/runtime/setImmediate.js +0 -21
- /package/dist/{runtime/components/endComponent-browser.js → node_modules/@internal/components-endComponent/index-browser.js} +0 -0
- /package/dist/{core-tags/components/init-components-tag-browser.js → node_modules/@internal/init-components-tag/index-browser.js} +0 -0
- /package/dist/{loader → node_modules/@internal/loader}/index-browser.js +0 -0
- /package/src/{runtime/components/endComponent-browser.js → node_modules/@internal/components-endComponent/index-browser.js} +0 -0
- /package/src/{core-tags/components/init-components-tag-browser.js → node_modules/@internal/init-components-tag/index-browser.js} +0 -0
- /package/src/{loader → node_modules/@internal/loader}/index-browser.js +0 -0
- /package/src/{core-tags/components/preserve-tag-browser.js → node_modules/@internal/preserve-tag/index-browser.js} +0 -0
@@ -2,30 +2,30 @@
|
|
2
2
|
|
3
3
|
var specialElHandlers = require("./specialElHandlers");
|
4
4
|
var KeySequence = require("../../components/KeySequence");
|
5
|
-
var componentsUtil = require("
|
6
|
-
var existingComponentLookup = componentsUtil.
|
7
|
-
var destroyNodeRecursive = componentsUtil.
|
8
|
-
var addComponentRootToKeyedElements = componentsUtil.
|
9
|
-
var normalizeComponentKey = componentsUtil.
|
10
|
-
var VElement = require("../vdom").
|
11
|
-
var virtualizeElement = VElement.
|
12
|
-
var morphAttrs = VElement.
|
5
|
+
var componentsUtil = require("@internal/components-util");
|
6
|
+
var existingComponentLookup = componentsUtil._n_;
|
7
|
+
var destroyNodeRecursive = componentsUtil._S_;
|
8
|
+
var addComponentRootToKeyedElements = componentsUtil._o_;
|
9
|
+
var normalizeComponentKey = componentsUtil._V_;
|
10
|
+
var VElement = require("../vdom").bw_;
|
11
|
+
var virtualizeElement = VElement.cj_;
|
12
|
+
var morphAttrs = VElement.ck_;
|
13
13
|
var eventDelegation = require("../../components/event-delegation");
|
14
14
|
var fragment = require("./fragment");
|
15
15
|
var helpers = require("./helpers");
|
16
16
|
var domData = require("../../components/dom-data");
|
17
|
-
var keysByDOMNode = domData.
|
18
|
-
var componentByDOMNode = domData.
|
19
|
-
var vElementByDOMNode = domData.
|
20
|
-
var detachedByDOMNode = domData.
|
17
|
+
var keysByDOMNode = domData._K_;
|
18
|
+
var componentByDOMNode = domData._q_;
|
19
|
+
var vElementByDOMNode = domData._L_;
|
20
|
+
var detachedByDOMNode = domData.aW_;
|
21
21
|
|
22
|
-
var insertBefore = helpers.
|
23
|
-
var insertAfter = helpers.
|
22
|
+
var insertBefore = helpers.bg_;
|
23
|
+
var insertAfter = helpers.bh_;
|
24
24
|
var nextSibling = helpers.b_;
|
25
25
|
var firstChild = helpers.a_;
|
26
|
-
var removeChild = helpers.
|
27
|
-
var createFragmentNode = fragment.
|
28
|
-
var beginFragmentNode = fragment.
|
26
|
+
var removeChild = helpers.bi_;
|
27
|
+
var createFragmentNode = fragment._m_;
|
28
|
+
var beginFragmentNode = fragment.cr_;
|
29
29
|
|
30
30
|
var ELEMENT_NODE = 1;
|
31
31
|
var TEXT_NODE = 3;
|
@@ -43,7 +43,7 @@ function isAutoKey(key) {
|
|
43
43
|
}
|
44
44
|
|
45
45
|
function compareNodeNames(fromEl, toEl) {
|
46
|
-
return fromEl.
|
46
|
+
return fromEl.cd_ === toEl.cd_;
|
47
47
|
}
|
48
48
|
|
49
49
|
function caseInsensitiveCompare(a, b) {
|
@@ -52,31 +52,31 @@ function caseInsensitiveCompare(a, b) {
|
|
52
52
|
|
53
53
|
function onNodeAdded(node, componentsContext) {
|
54
54
|
if (node.nodeType === ELEMENT_NODE) {
|
55
|
-
eventDelegation.
|
55
|
+
eventDelegation.aV_(node, componentsContext);
|
56
56
|
}
|
57
57
|
}
|
58
58
|
|
59
|
-
function morphdom(fromNode, toNode,
|
59
|
+
function morphdom(fromNode, toNode, host, componentsContext) {
|
60
60
|
var globalComponentsContext;
|
61
61
|
var isHydrate = false;
|
62
62
|
var keySequences = Object.create(null);
|
63
63
|
|
64
64
|
if (componentsContext) {
|
65
|
-
globalComponentsContext = componentsContext.
|
66
|
-
isHydrate = globalComponentsContext.
|
65
|
+
globalComponentsContext = componentsContext.r_;
|
66
|
+
isHydrate = globalComponentsContext.a__;
|
67
67
|
}
|
68
68
|
|
69
69
|
function insertVirtualNodeBefore(vNode, key, referenceEl, parentEl, ownerComponent, parentComponent) {
|
70
|
-
var realNode = vNode.
|
70
|
+
var realNode = vNode.bU_(host, parentEl.namespaceURI);
|
71
71
|
insertBefore(realNode, referenceEl, parentEl);
|
72
72
|
|
73
|
-
if (vNode.
|
73
|
+
if (vNode.bX_ === ELEMENT_NODE || vNode.bX_ === FRAGMENT_NODE) {
|
74
74
|
if (key) {
|
75
75
|
keysByDOMNode.set(realNode, key);
|
76
|
-
(isAutoKey(key) ? parentComponent : ownerComponent).
|
76
|
+
(isAutoKey(key) ? parentComponent : ownerComponent).N_[key] = realNode;
|
77
77
|
}
|
78
78
|
|
79
|
-
if (vNode.
|
79
|
+
if (vNode.cd_ !== "textarea") {
|
80
80
|
morphChildren(realNode, vNode, parentComponent);
|
81
81
|
}
|
82
82
|
|
@@ -85,12 +85,12 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
85
85
|
}
|
86
86
|
|
87
87
|
function insertVirtualComponentBefore(vComponent, referenceNode, referenceNodeParentEl, component, key, ownerComponent, parentComponent) {
|
88
|
-
var rootNode = component.
|
88
|
+
var rootNode = component._E_ = insertBefore(createFragmentNode(), referenceNode, referenceNodeParentEl);
|
89
89
|
componentByDOMNode.set(rootNode, component);
|
90
90
|
|
91
91
|
if (key && ownerComponent) {
|
92
92
|
key = normalizeComponentKey(key, parentComponent.id);
|
93
|
-
addComponentRootToKeyedElements(ownerComponent.
|
93
|
+
addComponentRootToKeyedElements(ownerComponent.N_, key, rootNode, component.id);
|
94
94
|
keysByDOMNode.set(rootNode, key);
|
95
95
|
}
|
96
96
|
|
@@ -98,7 +98,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
98
98
|
}
|
99
99
|
|
100
100
|
function morphComponent(component, vComponent) {
|
101
|
-
morphChildren(component.
|
101
|
+
morphChildren(component._E_, vComponent, component);
|
102
102
|
}
|
103
103
|
|
104
104
|
var detachedNodes = [];
|
@@ -134,28 +134,28 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
134
134
|
|
135
135
|
outer: while (curToNodeChild) {
|
136
136
|
toNextSibling = curToNodeChild.b_;
|
137
|
-
curToNodeType = curToNodeChild.
|
138
|
-
curToNodeKey = curToNodeChild.
|
137
|
+
curToNodeType = curToNodeChild.bX_;
|
138
|
+
curToNodeKey = curToNodeChild.bY_;
|
139
139
|
|
140
140
|
// Skip <!doctype>
|
141
141
|
if (curFromNodeChild && curFromNodeChild.nodeType === DOCTYPE_NODE) {
|
142
142
|
curFromNodeChild = nextSibling(curFromNodeChild);
|
143
143
|
}
|
144
144
|
|
145
|
-
var ownerComponent = curToNodeChild.
|
145
|
+
var ownerComponent = curToNodeChild._N_ || parentComponent;
|
146
146
|
var referenceComponent;
|
147
147
|
|
148
148
|
if (curToNodeType === COMPONENT_NODE) {
|
149
|
-
var component = curToNodeChild.
|
149
|
+
var component = curToNodeChild.v_;
|
150
150
|
if ((matchingFromComponent = existingComponentLookup[component.id]) === undefined) {
|
151
151
|
if (isHydrate === true) {
|
152
152
|
var rootNode = beginFragmentNode(curFromNodeChild, fromNode);
|
153
|
-
component.
|
153
|
+
component._E_ = rootNode;
|
154
154
|
componentByDOMNode.set(rootNode, component);
|
155
155
|
|
156
156
|
if (ownerComponent && curToNodeKey) {
|
157
157
|
curToNodeKey = normalizeComponentKey(curToNodeKey, parentComponent.id);
|
158
|
-
addComponentRootToKeyedElements(ownerComponent.
|
158
|
+
addComponentRootToKeyedElements(ownerComponent.N_, curToNodeKey, rootNode, component.id);
|
159
159
|
|
160
160
|
keysByDOMNode.set(rootNode, curToNodeKey);
|
161
161
|
}
|
@@ -167,23 +167,23 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
167
167
|
insertVirtualComponentBefore(curToNodeChild, curFromNodeChild, fromNode, component, curToNodeKey, ownerComponent, parentComponent);
|
168
168
|
}
|
169
169
|
} else {
|
170
|
-
if (matchingFromComponent.
|
171
|
-
if (curFromNodeChild && (fromComponent = componentByDOMNode.get(curFromNodeChild)) && globalComponentsContext.
|
170
|
+
if (matchingFromComponent._E_ !== curFromNodeChild) {
|
171
|
+
if (curFromNodeChild && (fromComponent = componentByDOMNode.get(curFromNodeChild)) && globalComponentsContext.s_[fromComponent.id] === undefined) {
|
172
172
|
// The component associated with the current real DOM node was not rendered
|
173
173
|
// so we should just remove it out of the real DOM by destroying it
|
174
|
-
curFromNodeChild = nextSibling(fromComponent.
|
174
|
+
curFromNodeChild = nextSibling(fromComponent._E_);
|
175
175
|
destroyComponent(fromComponent);
|
176
176
|
continue;
|
177
177
|
}
|
178
178
|
|
179
179
|
// We need to move the existing component into
|
180
180
|
// the correct location
|
181
|
-
insertBefore(matchingFromComponent.
|
181
|
+
insertBefore(matchingFromComponent._E_, curFromNodeChild, fromNode);
|
182
182
|
} else {
|
183
183
|
curFromNodeChild = curFromNodeChild && nextSibling(curFromNodeChild);
|
184
184
|
}
|
185
185
|
|
186
|
-
if (!curToNodeChild.
|
186
|
+
if (!curToNodeChild.ae_) {
|
187
187
|
morphComponent(component, curToNodeChild);
|
188
188
|
}
|
189
189
|
}
|
@@ -206,7 +206,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
206
206
|
|
207
207
|
// We have a keyed element. This is the fast path for matching
|
208
208
|
// up elements
|
209
|
-
curToNodeKey = (keySequences[referenceComponent.id] || (keySequences[referenceComponent.id] = new KeySequence())).
|
209
|
+
curToNodeKey = (keySequences[referenceComponent.id] || (keySequences[referenceComponent.id] = new KeySequence())).aN_(curToNodeKey);
|
210
210
|
|
211
211
|
if (curFromNodeChild) {
|
212
212
|
curFromNodeKey = keysByDOMNode.get(curFromNodeChild);
|
@@ -216,7 +216,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
216
216
|
|
217
217
|
if (curFromNodeKey === curToNodeKey) {
|
218
218
|
// Elements line up. Now we just have to make sure they are compatible
|
219
|
-
if (!curToNodeChild.
|
219
|
+
if (!curToNodeChild.ae_) {
|
220
220
|
// We just skip over the fromNode if it is preserved
|
221
221
|
|
222
222
|
if (compareNodeNames(curToNodeChild, curVFromNodeChild)) {
|
@@ -230,16 +230,16 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
230
230
|
}
|
231
231
|
}
|
232
232
|
} else {
|
233
|
-
matchingFromEl = referenceComponent.
|
233
|
+
matchingFromEl = referenceComponent.N_[curToNodeKey];
|
234
234
|
if (matchingFromEl === undefined || matchingFromEl === curFromNodeChild) {
|
235
235
|
if (isHydrate === true && curFromNodeChild) {
|
236
|
-
if (curFromNodeChild.nodeType === ELEMENT_NODE && (curToNodeChild.
|
236
|
+
if (curFromNodeChild.nodeType === ELEMENT_NODE && (curToNodeChild.ae_ || caseInsensitiveCompare(curFromNodeChild.nodeName, curToNodeChild.cd_ || ""))) {
|
237
237
|
curVFromNodeChild = virtualizeElement(curFromNodeChild);
|
238
|
-
curVFromNodeChild.
|
238
|
+
curVFromNodeChild.cd_ = curToNodeChild.cd_;
|
239
239
|
keysByDOMNode.set(curFromNodeChild, curToNodeKey);
|
240
|
-
referenceComponent.
|
240
|
+
referenceComponent.N_[curToNodeKey] = curFromNodeChild;
|
241
241
|
|
242
|
-
if (curToNodeChild.
|
242
|
+
if (curToNodeChild.ae_) {
|
243
243
|
vElementByDOMNode.set(curFromNodeChild, curVFromNodeChild);
|
244
244
|
} else {
|
245
245
|
morphEl(curFromNodeChild, curVFromNodeChild, curToNodeChild, parentComponent);
|
@@ -248,7 +248,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
248
248
|
curToNodeChild = toNextSibling;
|
249
249
|
curFromNodeChild = fromNextSibling;
|
250
250
|
continue;
|
251
|
-
} else if (curToNodeChild.
|
251
|
+
} else if (curToNodeChild.bX_ === FRAGMENT_NODE && curFromNodeChild.nodeType === COMMENT_NODE) {
|
252
252
|
var content = curFromNodeChild.nodeValue;
|
253
253
|
if (content == "F#" + curToNodeKeyOriginal) {
|
254
254
|
var endNode = curFromNodeChild.nextSibling;
|
@@ -275,11 +275,11 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
275
275
|
var fragment = createFragmentNode(curFromNodeChild, endNode.nextSibling, fromNode);
|
276
276
|
keysByDOMNode.set(fragment, curToNodeKey);
|
277
277
|
vElementByDOMNode.set(fragment, curToNodeChild);
|
278
|
-
referenceComponent.
|
278
|
+
referenceComponent.N_[curToNodeKey] = fragment;
|
279
279
|
removeChild(curFromNodeChild);
|
280
280
|
removeChild(endNode);
|
281
281
|
|
282
|
-
if (!curToNodeChild.
|
282
|
+
if (!curToNodeChild.ae_) {
|
283
283
|
morphChildren(fragment, curToNodeChild, parentComponent);
|
284
284
|
}
|
285
285
|
|
@@ -297,7 +297,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
297
297
|
detachedByDOMNode.set(matchingFromEl, undefined);
|
298
298
|
}
|
299
299
|
|
300
|
-
if (!curToNodeChild.
|
300
|
+
if (!curToNodeChild.ae_) {
|
301
301
|
curVFromNodeChild = vElementByDOMNode.get(matchingFromEl);
|
302
302
|
|
303
303
|
if (compareNodeNames(curVFromNodeChild, curToNodeChild)) {
|
@@ -313,7 +313,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
313
313
|
// B <-> C <-- We are here
|
314
314
|
// C B
|
315
315
|
|
316
|
-
if (toNextSibling && toNextSibling.
|
316
|
+
if (toNextSibling && toNextSibling.bY_ === curFromNodeKey) {
|
317
317
|
// Single element swap
|
318
318
|
|
319
319
|
// We want to stay on the current real DOM node
|
@@ -382,7 +382,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
382
382
|
// not compatible with the current "to" node
|
383
383
|
curFromNodeChild = fromNextSibling;
|
384
384
|
|
385
|
-
if (!globalComponentsContext.
|
385
|
+
if (!globalComponentsContext.s_[fromComponent.id]) {
|
386
386
|
destroyComponent(fromComponent);
|
387
387
|
}
|
388
388
|
|
@@ -401,15 +401,15 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
401
401
|
if (isHydrate === true) {
|
402
402
|
curVFromNodeChild = virtualizeElement(curFromNodeChild);
|
403
403
|
|
404
|
-
if (caseInsensitiveCompare(curVFromNodeChild.
|
405
|
-
curVFromNodeChild.
|
404
|
+
if (caseInsensitiveCompare(curVFromNodeChild.cd_, curToNodeChild.cd_)) {
|
405
|
+
curVFromNodeChild.cd_ = curToNodeChild.cd_;
|
406
406
|
}
|
407
407
|
} else {
|
408
408
|
// Skip over nodes that don't look like ours...
|
409
409
|
curFromNodeChild = fromNextSibling;
|
410
410
|
continue;
|
411
411
|
}
|
412
|
-
} else if (curFromNodeKey = curVFromNodeChild.
|
412
|
+
} else if (curFromNodeKey = curVFromNodeChild.bY_) {
|
413
413
|
// We have a keyed element here but our target VDOM node
|
414
414
|
// is not keyed so this not doesn't belong
|
415
415
|
isCompatible = false;
|
@@ -428,8 +428,12 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
428
428
|
isCompatible = true;
|
429
429
|
// Simply update nodeValue on the original node to
|
430
430
|
// change the text value
|
431
|
-
|
432
|
-
|
431
|
+
|
432
|
+
if (isHydrate === true && toNextSibling && curFromNodeType === TEXT_NODE && toNextSibling.bX_ === TEXT_NODE) {
|
433
|
+
fromNextSibling = curFromNodeChild.splitText(curToNodeChild.bW_.length);
|
434
|
+
}
|
435
|
+
if (curFromNodeChild.nodeValue !== curToNodeChild.bW_) {
|
436
|
+
curFromNodeChild.nodeValue = curToNodeChild.bW_;
|
433
437
|
}
|
434
438
|
}
|
435
439
|
}
|
@@ -456,10 +460,10 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
456
460
|
}
|
457
461
|
|
458
462
|
// We have processed all of the "to nodes".
|
459
|
-
if (fromNode.
|
463
|
+
if (fromNode.cq_) {
|
460
464
|
// If we are in an unfinished fragment, we have reached the end of the nodes
|
461
465
|
// we were matching up and need to end the fragment
|
462
|
-
fromNode.
|
466
|
+
fromNode.cq_(curFromNodeChild);
|
463
467
|
} else {
|
464
468
|
// If curFromNodeChild is non-null then we still have some from nodes
|
465
469
|
// left over that need to be removed
|
@@ -470,7 +474,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
470
474
|
|
471
475
|
if (fromComponent = componentByDOMNode.get(curFromNodeChild)) {
|
472
476
|
curFromNodeChild = fromNextSibling;
|
473
|
-
if (!globalComponentsContext.
|
477
|
+
if (!globalComponentsContext.s_[fromComponent.id]) {
|
474
478
|
destroyComponent(fromComponent);
|
475
479
|
}
|
476
480
|
continue;
|
@@ -484,7 +488,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
484
488
|
if (!curFromNodeKey || isAutoKey(curFromNodeKey)) {
|
485
489
|
referenceComponent = parentComponent;
|
486
490
|
} else {
|
487
|
-
referenceComponent = curVFromNodeChild && curVFromNodeChild.
|
491
|
+
referenceComponent = curVFromNodeChild && curVFromNodeChild._N_;
|
488
492
|
}
|
489
493
|
|
490
494
|
detachNode(curFromNodeChild, fromNode, referenceComponent);
|
@@ -495,16 +499,16 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
495
499
|
}
|
496
500
|
|
497
501
|
function morphEl(fromEl, vFromEl, toEl, parentComponent) {
|
498
|
-
var nodeName = toEl.
|
502
|
+
var nodeName = toEl.cd_;
|
499
503
|
|
500
|
-
var constId = toEl.
|
501
|
-
if (constId !== undefined && vFromEl.
|
504
|
+
var constId = toEl.cf_;
|
505
|
+
if (constId !== undefined && vFromEl.cf_ === constId) {
|
502
506
|
return;
|
503
507
|
}
|
504
508
|
|
505
509
|
morphAttrs(fromEl, vFromEl, toEl);
|
506
510
|
|
507
|
-
if (toEl.
|
511
|
+
if (toEl.ad_) {
|
508
512
|
return;
|
509
513
|
}
|
510
514
|
|
@@ -521,7 +525,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
521
525
|
// eslint-disable-next-line no-constant-condition
|
522
526
|
|
523
527
|
|
524
|
-
morphChildren(fromNode, toNode, toNode.
|
528
|
+
morphChildren(fromNode, toNode, toNode.v_);
|
525
529
|
|
526
530
|
detachedNodes.forEach(function (node) {
|
527
531
|
var detachedFromComponent = detachedByDOMNode.get(node);
|
@@ -535,7 +539,7 @@ function morphdom(fromNode, toNode, doc, componentsContext) {
|
|
535
539
|
} else if (node.parentNode) {
|
536
540
|
destroyNodeRecursive(node, detachedFromComponent !== true && detachedFromComponent);
|
537
541
|
|
538
|
-
if (eventDelegation.
|
542
|
+
if (eventDelegation.ap_(node) != false) {
|
539
543
|
removeChild(node);
|
540
544
|
}
|
541
545
|
}
|
@@ -13,7 +13,7 @@ function forEachOption(el, fn, i) {
|
|
13
13
|
var curChild = el.a_;
|
14
14
|
|
15
15
|
while (curChild) {
|
16
|
-
if (curChild.
|
16
|
+
if (curChild.cd_ === "option") {
|
17
17
|
fn(curChild, ++i);
|
18
18
|
} else {
|
19
19
|
i = forEachOption(curChild, fn, i);
|
@@ -48,21 +48,21 @@ SpecialElHandlers.prototype = {
|
|
48
48
|
syncBooleanAttrProp(fromEl, toEl, "checked");
|
49
49
|
syncBooleanAttrProp(fromEl, toEl, "disabled");
|
50
50
|
|
51
|
-
if (fromEl.value != toEl.
|
52
|
-
fromEl.value = toEl.
|
51
|
+
if (fromEl.value != toEl.g_) {
|
52
|
+
fromEl.value = toEl.g_;
|
53
53
|
}
|
54
54
|
|
55
|
-
if (fromEl.hasAttribute("value") && !toEl.
|
55
|
+
if (fromEl.hasAttribute("value") && !toEl.ch_("value")) {
|
56
56
|
fromEl.removeAttribute("value");
|
57
57
|
}
|
58
58
|
},
|
59
59
|
|
60
60
|
textarea: function (fromEl, toEl) {
|
61
|
-
if (toEl.
|
61
|
+
if (toEl.cp_) {
|
62
62
|
return;
|
63
63
|
}
|
64
64
|
|
65
|
-
var newValue = toEl.
|
65
|
+
var newValue = toEl.g_;
|
66
66
|
if (fromEl.value != newValue) {
|
67
67
|
fromEl.value = newValue;
|
68
68
|
}
|
@@ -81,10 +81,10 @@ SpecialElHandlers.prototype = {
|
|
81
81
|
}
|
82
82
|
},
|
83
83
|
select: function (fromEl, toEl) {
|
84
|
-
if (!toEl.
|
84
|
+
if (!toEl.ch_("multiple")) {
|
85
85
|
var selected = 0;
|
86
86
|
forEachOption(toEl, function (option, i) {
|
87
|
-
if (option.
|
87
|
+
if (option.ch_("selected")) {
|
88
88
|
selected = i;
|
89
89
|
}
|
90
90
|
}, -1);
|
@@ -7,13 +7,12 @@ var VComponent = require("./VComponent");
|
|
7
7
|
var VFragment = require("./VFragment");
|
8
8
|
var parseHTML = require("./parse-html");
|
9
9
|
|
10
|
-
var defaultDocument = typeof document != "undefined" && document;
|
11
10
|
var specialHtmlRegexp = /[&<]/;
|
12
11
|
|
13
12
|
function virtualizeChildNodes(node, vdomParent, ownerComponent) {
|
14
13
|
var curChild = node.firstChild;
|
15
14
|
while (curChild) {
|
16
|
-
vdomParent.
|
15
|
+
vdomParent.bO_(virtualize(curChild, ownerComponent));
|
17
16
|
curChild = curChild.nextSibling;
|
18
17
|
}
|
19
18
|
}
|
@@ -21,7 +20,7 @@ function virtualizeChildNodes(node, vdomParent, ownerComponent) {
|
|
21
20
|
function virtualize(node, ownerComponent) {
|
22
21
|
switch (node.nodeType) {
|
23
22
|
case 1:
|
24
|
-
return VElement.
|
23
|
+
return VElement.cj_(node, virtualizeChildNodes, ownerComponent);
|
25
24
|
case 3:
|
26
25
|
return new VText(node.nodeValue, ownerComponent);
|
27
26
|
case 8:
|
@@ -33,7 +32,7 @@ function virtualize(node, ownerComponent) {
|
|
33
32
|
}
|
34
33
|
}
|
35
34
|
|
36
|
-
function virtualizeHTML(html,
|
35
|
+
function virtualizeHTML(html, ownerComponent) {
|
37
36
|
if (!specialHtmlRegexp.test(html)) {
|
38
37
|
return new VText(html, ownerComponent);
|
39
38
|
}
|
@@ -42,7 +41,7 @@ function virtualizeHTML(html, doc, ownerComponent) {
|
|
42
41
|
var curChild = parseHTML(html);
|
43
42
|
|
44
43
|
while (curChild) {
|
45
|
-
vdomFragment.
|
44
|
+
vdomFragment.bO_(virtualize(curChild, ownerComponent));
|
46
45
|
curChild = curChild.nextSibling;
|
47
46
|
}
|
48
47
|
|
@@ -64,13 +63,13 @@ Node_prototype.t = function (value) {
|
|
64
63
|
value = "";
|
65
64
|
} else if (type === "object") {
|
66
65
|
if (value.toHTML) {
|
67
|
-
vdomNode = virtualizeHTML(value.toHTML()
|
66
|
+
vdomNode = virtualizeHTML(value.toHTML());
|
68
67
|
}
|
69
68
|
}
|
70
69
|
}
|
71
70
|
|
72
|
-
this.
|
73
|
-
return this.
|
71
|
+
this.bO_(vdomNode || new VText(value.toString()));
|
72
|
+
return this.cg_();
|
74
73
|
};
|
75
74
|
|
76
75
|
/**
|
@@ -78,20 +77,19 @@ Node_prototype.t = function (value) {
|
|
78
77
|
* @param {String} value The value for the new Comment node
|
79
78
|
*/
|
80
79
|
Node_prototype.c = function (value) {
|
81
|
-
this.
|
82
|
-
return this.
|
80
|
+
this.bO_(new VComment(value));
|
81
|
+
return this.cg_();
|
83
82
|
};
|
84
83
|
|
85
|
-
Node_prototype.
|
86
|
-
return this.
|
84
|
+
Node_prototype.bS_ = function () {
|
85
|
+
return this.bO_(new VDocumentFragment());
|
87
86
|
};
|
88
87
|
|
89
|
-
exports.
|
90
|
-
exports.
|
91
|
-
exports.
|
92
|
-
exports.
|
93
|
-
exports.
|
94
|
-
exports.
|
95
|
-
exports.
|
96
|
-
exports.
|
97
|
-
exports.bw_ = defaultDocument;
|
88
|
+
exports.by_ = VComment;
|
89
|
+
exports.bx_ = VDocumentFragment;
|
90
|
+
exports.bw_ = VElement;
|
91
|
+
exports.bz_ = VText;
|
92
|
+
exports.bA_ = VComponent;
|
93
|
+
exports.bB_ = VFragment;
|
94
|
+
exports.cj_ = virtualize;
|
95
|
+
exports.bC_ = virtualizeHTML;
|
package/docs/body-content.md
CHANGED
@@ -4,8 +4,8 @@ We're used to passing body content to HTML tags. When you do this, the tag has c
|
|
4
4
|
|
5
5
|
```html
|
6
6
|
<details>
|
7
|
-
<summary>Hello <strong>World</strong></summary>
|
8
|
-
<em>content</em> that can be toggled.
|
7
|
+
<summary>Hello <strong>World</strong></summary>
|
8
|
+
This is some <em>content</em> that can be toggled.
|
9
9
|
</details>
|
10
10
|
```
|
11
11
|
|
package/docs/class-components.md
CHANGED
@@ -142,12 +142,12 @@ If you target browsers that does not support classes, a plain object of methods
|
|
142
142
|
|
143
143
|
```js
|
144
144
|
module.exports = {
|
145
|
-
onCreate: function() {
|
145
|
+
onCreate: function () {
|
146
146
|
this.state = {
|
147
147
|
count: 0
|
148
148
|
};
|
149
149
|
},
|
150
|
-
increment: function() {
|
150
|
+
increment: function () {
|
151
151
|
this.state.count++;
|
152
152
|
}
|
153
153
|
};
|
@@ -893,7 +893,7 @@ class {
|
|
893
893
|
> **ProTip:** When a lifecycle event occurs in the browser, the corresponding event is emitted on the component instance. A parent component, or other code that has access to the component instance, can listen for these events. For example:
|
894
894
|
>
|
895
895
|
> ```js
|
896
|
-
> component.on("input", function(input, out) {
|
896
|
+
> component.on("input", function (input, out) {
|
897
897
|
> // The component received an input
|
898
898
|
> });
|
899
899
|
> ```
|
package/docs/express.md
CHANGED
package/docs/lasso.md
CHANGED
@@ -60,9 +60,7 @@ Marko templates can be imported and rendered by any JavaScript module. The code
|
|
60
60
|
_client.js_
|
61
61
|
|
62
62
|
```js
|
63
|
-
require("./components/app/index.marko")
|
64
|
-
.renderSync({})
|
65
|
-
.appendTo(document.body);
|
63
|
+
require("./components/app/index.marko").renderSync({}).appendTo(document.body);
|
66
64
|
```
|
67
65
|
|
68
66
|
When Lasso.js bundles up the code above it will automatically bundle up the required `./components/app/index.marko` file.
|
@@ -124,9 +122,8 @@ To retrieve the list of server rendered components, do:
|
|
124
122
|
|
125
123
|
```javascript
|
126
124
|
template.render(data, (err, output) => {
|
127
|
-
const renderedComponentsList =
|
128
|
-
output.out
|
129
|
-
);
|
125
|
+
const renderedComponentsList =
|
126
|
+
require("marko/components").getRenderedComponents(output.out);
|
130
127
|
const html = output.getOutput();
|
131
128
|
});
|
132
129
|
res.json({
|
package/docs/marko-v4.md
CHANGED
@@ -82,7 +82,7 @@ function render(data, out) {
|
|
82
82
|
if (colors && colors.length) {
|
83
83
|
out.w("<ul>");
|
84
84
|
|
85
|
-
marko_forEach(colors, function(color) {
|
85
|
+
marko_forEach(colors, function (color) {
|
86
86
|
out.w('<li class="color">' + marko_escapeXml(color) + "</li>");
|
87
87
|
});
|
88
88
|
|
@@ -109,7 +109,7 @@ function render(data, out) {
|
|
109
109
|
if (colors && colors.length) {
|
110
110
|
out.be("UL");
|
111
111
|
|
112
|
-
marko_forEach(colors, function(color) {
|
112
|
+
marko_forEach(colors, function (color) {
|
113
113
|
out.e("LI", marko_attrs0, 1).t(marko_str(color));
|
114
114
|
});
|
115
115
|
|
@@ -643,7 +643,7 @@ $ var age = calculateAge(state.birthday);
|
|
643
643
|
**Old:**
|
644
644
|
|
645
645
|
```js
|
646
|
-
template.render({}, function(err, html, out) {});
|
646
|
+
template.render({}, function (err, html, out) {});
|
647
647
|
```
|
648
648
|
|
649
649
|
**New:**
|
@@ -651,8 +651,8 @@ template.render({}, function(err, html, out) {});
|
|
651
651
|
```js
|
652
652
|
template
|
653
653
|
.render({})
|
654
|
-
.then(function(result) {})
|
655
|
-
.catch(function(err) {});
|
654
|
+
.then(function (result) {})
|
655
|
+
.catch(function (err) {});
|
656
656
|
|
657
657
|
// render() can now be used with async/await
|
658
658
|
var out = await template.render({});
|
package/docs/redux.md
CHANGED
@@ -5,7 +5,7 @@ Marko allows any Marko template/UI component to be rendered on the server or in
|
|
5
5
|
```js
|
6
6
|
var template = require("./template"); // Import ./template.marko
|
7
7
|
|
8
|
-
module.exports = function(req, res) {
|
8
|
+
module.exports = function (req, res) {
|
9
9
|
res.setHeader("Content-Type", "text/html; charset=utf-8");
|
10
10
|
template.render({ name: "Frank" }, res);
|
11
11
|
};
|
@@ -16,7 +16,7 @@ Marko can also provide you with a `Readable` stream.
|
|
16
16
|
```js
|
17
17
|
var template = require("./template"); // Import ./template.marko
|
18
18
|
|
19
|
-
module.exports = function(req) {
|
19
|
+
module.exports = function (req) {
|
20
20
|
// Return a Readable stream for someone to do something with:
|
21
21
|
return template.stream({ name: "Frank" });
|
22
22
|
};
|