@builder.io/mitosis 0.0.85 → 0.0.87

package/dist/src/parsers/builder/builder.js

@@ -53,6 +53,7 @@ var parsers_1 = require("../../helpers/parsers");
 var __1 = require("../..");
 var helpers_1 = require("./helpers");
 var state_1 = require("../jsx/state");
+var bindings_1 = require("../../helpers/bindings");
 // Omit some superflous styles that can come from Builder's web importer
 var styleOmitList = [
     'backgroundRepeatX',
@@ -108,7 +109,7 @@ var getActionBindingsFromBlock = function (block, options) {
                 continue;
             }
             var useKey = "on".concat((0, lodash_1.upperFirst)(key));
-            bindings[useKey] = { code: "".concat(wrapBindingIfNeeded(value, options)) };
+            bindings[useKey] = (0, bindings_1.createSingleBinding)({ code: "".concat(wrapBindingIfNeeded(value, options)) });
         }
     }
     return bindings;
@@ -225,18 +226,19 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         var css = getCssFromBlock(block);
         var styleString = getStyleStringFromBlock(block, options);
         var actionBindings = getActionBindingsFromBlock(block, options);
+        var bindings = __assign(__assign(__assign({ symbol: (0, bindings_1.createSingleBinding)({
+                code: JSON.stringify({
+                    data: (_a = block.component) === null || _a === void 0 ? void 0 : _a.options.symbol.data,
+                    content: (_b = block.component) === null || _b === void 0 ? void 0 : _b.options.symbol.content,
+                }),
+            }) }, actionBindings), (styleString && {
+            style: (0, bindings_1.createSingleBinding)({ code: styleString }),
+        })), (Object.keys(css).length && {
+            css: (0, bindings_1.createSingleBinding)({ code: JSON.stringify(css) }),
+        }));
         return (0, create_mitosis_node_1.createMitosisNode)({
             name: 'Symbol',
-            bindings: __assign(__assign(__assign({ symbol: {
-                    code: JSON.stringify({
-                        data: (_a = block.component) === null || _a === void 0 ? void 0 : _a.options.symbol.data,
-                        content: (_b = block.component) === null || _b === void 0 ? void 0 : _b.options.symbol.content,
-                    }),
-                } }, actionBindings), (styleString && {
-                style: { code: styleString },
-            })), (Object.keys(css).length && {
-                css: { code: JSON.stringify(css) },
-            })),
+            bindings: bindings,
         });
     } }, (!exports.symbolBlocksAsChildren
     ? {}
@@ -255,15 +257,15 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 name: 'Symbol',
                 bindings: __assign(__assign(__assign({ 
                     // TODO: this doesn't use all attrs
-                    symbol: {
+                    symbol: (0, bindings_1.createSingleBinding)({
                         code: JSON.stringify({
                             data: (_c = block.component) === null || _c === void 0 ? void 0 : _c.options.symbol.content.data,
                             content: content, // TODO: convert to <SymbolInternal>...</SymbolInternal> so can be parsed
                         }),
-                    } }, actionBindings), (styleString && {
-                    style: { code: styleString },
+                    }) }, actionBindings), (styleString && {
+                    style: (0, bindings_1.createSingleBinding)({ code: styleString }),
                 })), (Object.keys(css).length && {
-                    css: { code: JSON.stringify(css) },
+                    css: (0, bindings_1.createSingleBinding)({ code: JSON.stringify(css) }),
                 })),
                 children: !blocks
                     ? []
@@ -298,7 +300,9 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         return (0, create_mitosis_node_1.createMitosisNode)({
             name: 'For',
             bindings: {
-                each: { code: "state.".concat(block.component.options.repeat.collection) },
+                each: (0, bindings_1.createSingleBinding)({
+                    code: "state.".concat(block.component.options.repeat.collection),
+                }),
             },
             scope: {
                 forName: block.component.options.repeat.itemName,
@@ -332,9 +336,9 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         var innerBindings = {};
         var componentOptionsText = blockBindings['component.options.text'];
         if (componentOptionsText) {
-            innerBindings[options.preserveTextBlocks ? 'innerHTML' : '_text'] = {
+            innerBindings[options.preserveTextBlocks ? 'innerHTML' : '_text'] = (0, bindings_1.createSingleBinding)({
                 code: wrapBindingIfNeeded(componentOptionsText.code, options),
-            };
+            });
         }
         var innerProperties = (_a = {},
             _a[options.preserveTextBlocks ? 'innerHTML' : '_text'] = block.component.options.text,
@@ -394,14 +398,14 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
         if (isFragment) {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
-                bindings: { when: { code: code } },
+                bindings: { when: (0, bindings_1.createSingleBinding)({ code: code }) },
                 children: ((_d = block.children) === null || _d === void 0 ? void 0 : _d.map(function (child) { return (0, exports.builderElementToMitosisNode)(child, options); })) || [],
             });
         }
         else {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
-                bindings: { when: { code: code } },
+                bindings: { when: (0, bindings_1.createSingleBinding)({ code: code }) },
                 children: [
                     (0, exports.builderElementToMitosisNode)(__assign(__assign({}, block), { code: __assign(__assign({}, block.code), { bindings: (0, lodash_1.omit)(blockBindings, 'show', 'hide') }), bindings: (0, lodash_1.omit)(blockBindings, 'show', 'hide') }), options),
                 ],
@@ -416,9 +420,9 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'For',
                 bindings: {
-                    each: {
+                    each: (0, bindings_1.createSingleBinding)({
                         code: wrapBindingIfNeeded((_g = block.repeat) === null || _g === void 0 ? void 0 : _g.collection, options),
-                    },
+                    }),
                 },
                 scope: {
                     forName: ((_h = block.repeat) === null || _h === void 0 ? void 0 : _h.itemName) || 'item',
@@ -433,9 +437,9 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'For',
                 bindings: {
-                    each: {
+                    each: (0, bindings_1.createSingleBinding)({
                         code: wrapBindingIfNeeded((_m = block.repeat) === null || _m === void 0 ? void 0 : _m.collection, options),
-                    },
+                    }),
                 },
                 scope: {
                     forName: ((_o = block.repeat) === null || _o === void 0 ? void 0 : _o.itemName) || 'item',
@@ -745,10 +749,10 @@ function mapBuilderBindingsToMitosisBindingWithCode(bindings) {
         Object.keys(bindings).forEach(function (key) {
             var value = bindings[key];
             if (typeof value === 'string') {
-                result[key] = { code: value };
+                result[key] = (0, bindings_1.createSingleBinding)({ code: value });
             }
             else if (value && typeof value === 'object' && value.code) {
-                result[key] = { code: value.code };
+                result[key] = (0, bindings_1.createSingleBinding)({ code: value.code });
             }
             else {
                 throw new Error('Unexpected binding value: ' + JSON.stringify(value));

package/dist/src/parsers/jsx/element-parser.js

@@ -44,6 +44,7 @@ var nullable_1 = require("../../helpers/nullable");
 var create_mitosis_node_1 = require("../../helpers/create-mitosis-node");
 var function_1 = require("fp-ts/lib/function");
 var helpers_1 = require("./helpers");
+var bindings_1 = require("../../helpers/bindings");
 var types = babel.types;
 var getForArguments = function (params) {
     var _a = params
@@ -81,11 +82,11 @@ var jsxElementToJson = function (node) {
                     return (0, create_mitosis_node_1.createMitosisNode)({
                         name: 'For',
                         bindings: {
-                            each: {
+                            each: (0, bindings_1.createSingleBinding)({
                                 code: (0, generator_1.default)(node.expression.callee)
                                     .code // Remove .map or potentially ?.map
                                     .replace(/\??\.map$/, ''),
-                            },
+                            }),
                         },
                         scope: forArguments,
                         children: [(0, exports.jsxElementToJson)(callback.body)],
@@ -99,7 +100,7 @@ var jsxElementToJson = function (node) {
                 return (0, create_mitosis_node_1.createMitosisNode)({
                     name: 'Show',
                     bindings: {
-                        when: { code: (0, generator_1.default)(node.expression.left).code },
+                        when: (0, bindings_1.createSingleBinding)({ code: (0, generator_1.default)(node.expression.left).code }),
                     },
                     children: [(0, exports.jsxElementToJson)(node.expression.right)],
                 });
@@ -116,7 +117,7 @@ var jsxElementToJson = function (node) {
                     else: (0, exports.jsxElementToJson)(node.expression.alternate),
                 },
                 bindings: {
-                    when: { code: (0, generator_1.default)(node.expression.test).code },
+                    when: (0, bindings_1.createSingleBinding)({ code: (0, generator_1.default)(node.expression.test).code }),
                 },
                 children: [(0, exports.jsxElementToJson)(node.expression.consequent)],
             });
@@ -124,7 +125,7 @@ var jsxElementToJson = function (node) {
         // TODO: support {foo ? bar : baz}
         return (0, create_mitosis_node_1.createMitosisNode)({
             bindings: {
-                _text: { code: (0, generator_1.default)(node.expression).code },
+                _text: (0, bindings_1.createSingleBinding)({ code: (0, generator_1.default)(node.expression).code }),
             },
         });
     }
@@ -153,7 +154,7 @@ var jsxElementToJson = function (node) {
             meta: {
                 else: elseValue || undefined,
             },
-            bindings: __assign({}, (whenValue ? { when: { code: whenValue } } : {})),
+            bindings: __assign({}, (whenValue ? { when: (0, bindings_1.createSingleBinding)({ code: whenValue }) } : {})),
             children: node.children.map(exports.jsxElementToJson).filter(nullable_1.checkIsDefined),
         });
     }
@@ -178,9 +179,9 @@ var jsxElementToJson = function (node) {
                 return (0, create_mitosis_node_1.createMitosisNode)({
                     name: 'For',
                     bindings: {
-                        each: {
+                        each: (0, bindings_1.createSingleBinding)({
                             code: forCode,
-                        },
+                        }),
                     },
                     scope: forArguments,
                     children: [(0, exports.jsxElementToJson)(childExpression.body)],
@@ -211,26 +212,27 @@ var jsxElementToJson = function (node) {
                 var value = item.value;
                 // boolean attribute
                 if (value === null) {
-                    memo[key] = {
+                    memo[key] = (0, bindings_1.createSingleBinding)({
                         code: 'true',
-                    };
+                    });
                     return memo;
                 }
                 if (types.isJSXExpressionContainer(value) && !types.isStringLiteral(value.expression)) {
                     var expression = value.expression;
                     if (types.isArrowFunctionExpression(expression)) {
                         if (key.startsWith('on')) {
-                            memo[key] = {
+                            var args = expression.params.map(function (node) { return node === null || node === void 0 ? void 0 : node.name; });
+                            memo[key] = (0, bindings_1.createSingleBinding)({
                                 code: (0, generator_1.default)(expression.body).code,
-                                arguments: expression.params.map(function (node) { return node === null || node === void 0 ? void 0 : node.name; }),
-                            };
+                                arguments: args.length ? args : undefined,
+                            });
                         }
                         else {
-                            memo[key] = { code: (0, generator_1.default)(expression.body).code };
+                            memo[key] = (0, bindings_1.createSingleBinding)({ code: (0, generator_1.default)(expression.body).code });
                         }
                     }
                     else {
-                        memo[key] = { code: (0, generator_1.default)(expression).code };
+                        memo[key] = (0, bindings_1.createSingleBinding)({ code: (0, generator_1.default)(expression).code });
                     }
                     return memo;
                 }
@@ -243,6 +245,7 @@ var jsxElementToJson = function (node) {
                 memo[key] = {
                     code: types.stringLiteral((0, generator_1.default)(item.argument).code).value,
                     type: 'spread',
+                    spreadType: 'normal',
                 };
             }
             return memo;

package/dist/src/parsers/jsx/state.js

@@ -112,21 +112,10 @@ function mapStateIdentifiers(json) {
         }
     }
     (0, traverse_1.default)(json).forEach(function (item) {
-        var _a, _b;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var key in item.bindings) {
                 var value = item.bindings[key];
-                if (value) {
-                    item.bindings[key] = {
-                        code: mapStateIdentifiersInExpression(value.code, stateProperties),
-                    };
-                    if ((_a = value.arguments) === null || _a === void 0 ? void 0 : _a.length) {
-                        item.bindings[key].arguments = value.arguments;
-                    }
-                    if ((_b = value.type) === null || _b === void 0 ? void 0 : _b.length) {
-                        item.bindings[key].type = value.type;
-                    }
-                }
+                item.bindings[key].code = mapStateIdentifiersInExpression(value.code, stateProperties);
             }
             consolidateClassBindings(item);
         }

package/dist/src/parsers/svelte/helpers/bindings.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processBindings = void 0;
+var bindings_1 = require("../../../helpers/bindings");
 function replaceGroupWithChecked(node, isArray) {
     var _a, _b, _c;
     if (isArray === void 0) { isArray = false; }
@@ -19,9 +20,9 @@ function replaceGroupWithChecked(node, isArray) {
                 ? "".concat(groupBinding, " === ").concat(bindingValue)
                 : "".concat(groupBinding, " === '").concat(propertyValue, "'");
         }
-        node.bindings['checked'] = {
+        node.bindings['checked'] = (0, bindings_1.createSingleBinding)({
             code: code,
-        };
+        });
         delete node.bindings.group;
     }
 }
@@ -66,10 +67,10 @@ function processBindings(json, node) {
         onChangeCode = "event.target.checked ? ".concat(binding, ".push(").concat(target, ") : ").concat(binding, ".splice(").concat(binding, ".indexOf(").concat(node.properties.value ? "'".concat(node.properties.value, "'") : (_g = node.bindings.value) === null || _g === void 0 ? void 0 : _g.code, "), 1)");
     }
     if (name !== 'ref' && binding) {
-        node.bindings['onChange'] = {
+        node.bindings['onChange'] = (0, bindings_1.createSingleBinding)({
             code: onChangeCode,
             arguments: ['event'],
-        };
+        });
     }
 }
 exports.processBindings = processBindings;

package/dist/src/parsers/svelte/helpers/post-process.js

@@ -119,15 +119,12 @@ function addPropertiesAndState(json, input) {
     return output;
 }
 function addPropertiesAndStateToNode(json, node) {
-    var _a, _b, _c, _d;
-    for (var _i = 0, _e = Object.keys(node.bindings); _i < _e.length; _i++) {
-        var key = _e[_i];
+    var _a;
+    for (var _i = 0, _b = Object.keys(node.bindings); _i < _b.length; _i++) {
+        var key = _b[_i];
         if (Object.prototype.hasOwnProperty.call(node.bindings, key)) {
-            node.bindings[key] = {
-                code: addPropertiesAndState(json, (_b = (_a = node.bindings[key]) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : '').trim(),
-                arguments: (_c = node.bindings[key]) === null || _c === void 0 ? void 0 : _c.arguments,
-                type: (_d = node.bindings[key]) === null || _d === void 0 ? void 0 : _d.type,
-            };
+            var value = node.bindings[key];
+            node.bindings[key].code = addPropertiesAndState(json, (_a = value === null || value === void 0 ? void 0 : value.code) !== null && _a !== void 0 ? _a : '').trim();
         }
     }
 }

package/dist/src/parsers/svelte/html/each.d.ts

@@ -1,35 +1,4 @@
 import type { TemplateNode } from 'svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
-export declare function parseEach(json: SveltosisComponent, node: TemplateNode): {
-    name: string;
-    scope: {
-        forName: any;
-    };
-    bindings: {
-        each: {
-            code: any;
-        };
-    };
-    children: import("../../..").MitosisNode[];
-    '@type': "@builder.io/mitosis/node";
-    meta: import("../../../types/json").JSONObject;
-    properties: {
-        [key: string]: string | undefined;
-    };
-} | {
-    name: string;
-    scope: {
-        forName: any;
-    };
-    bindings: {
-        each: {
-            code: any;
-        };
-    };
-    children: import("../../..").MitosisNode[];
-    '@type': "@builder.io/mitosis/node";
-    meta: import("../../../types/json").JSONObject;
-    properties: {
-        [key: string]: string | undefined;
-    };
-};
+import { MitosisNode } from '../../../types/mitosis-node';
+export declare function parseEach(json: SveltosisComponent, node: TemplateNode): MitosisNode;

package/dist/src/parsers/svelte/html/each.js

@@ -14,11 +14,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseEach = void 0;
 var mitosis_node_1 = require("../helpers/mitosis-node");
 var children_1 = require("../helpers/children");
+var bindings_1 = require("../../../helpers/bindings");
 function parseEach(json, node) {
     return __assign(__assign({}, (0, mitosis_node_1.createMitosisNode)()), { name: 'For', scope: { forName: node.context.name }, bindings: {
-            each: {
+            each: (0, bindings_1.createSingleBinding)({
                 code: node.expression.name,
-            },
+            }),
         }, children: (0, children_1.parseChildren)(json, node) });
 }
 exports.parseEach = parseEach;

package/dist/src/parsers/svelte/html/element.js

@@ -18,6 +18,7 @@ var mitosis_node_1 = require("../helpers/mitosis-node");
 var children_1 = require("../helpers/children");
 var string_1 = require("../helpers/string");
 var actions_1 = require("./actions");
+var bindings_1 = require("../../../helpers/bindings");
 var SPECIAL_ELEMENTS = new Set(['svelte:component', 'svelte:element']);
 function parseElement(json, node) {
     var _a;
@@ -28,9 +29,7 @@ function parseElement(json, node) {
         var nodeReference = (0, string_1.uniqueName)(Object.keys(json.refs), node.name);
         if (!Object.keys(json.refs).includes(nodeReference)) {
             json.refs[nodeReference] = { argument: '', typeParameter: '' };
-            mitosisNode.bindings.ref = {
-                code: nodeReference,
-            };
+            mitosisNode.bindings.ref = (0, bindings_1.createSingleBinding)({ code: nodeReference });
         }
         return nodeReference;
     };
@@ -72,23 +71,21 @@ function parseElement(json, node) {
                                     ? (0, string_1.insertAt)(mitosisNode.bindings.class.code, ' ${' + code + '}', mitosisNode.bindings.class.code.length - 1)
                                     : '`${' + code + '}`';
                             }
-                            mitosisNode.bindings[attribute.name] = {
-                                code: code,
-                            };
+                            mitosisNode.bindings[attribute.name] = (0, bindings_1.createSingleBinding)({ code: code });
                             break;
                         }
                         case 'AttributeShorthand': {
                             // e.g. <input {value}/>
                             var value = attribute.value[0];
                             var code = value.expression.name;
-                            mitosisNode.bindings[code] = {
-                                code: code,
-                            };
+                            mitosisNode.bindings[code] = (0, bindings_1.createSingleBinding)({ code: code });
                             break;
                         }
                         default: {
                             var name_1 = attribute.name;
-                            mitosisNode.bindings[name_1] = { code: attribute.value.toString() };
+                            mitosisNode.bindings[name_1] = (0, bindings_1.createSingleBinding)({
+                                code: attribute.value.toString(),
+                            });
                         }
                     }
                     break;
@@ -98,6 +95,7 @@ function parseElement(json, node) {
                     mitosisNode.bindings[expression.name] = {
                         code: expression.name,
                         type: 'spread',
+                        spreadType: 'normal',
                     };
                     break;
                 }
@@ -145,7 +143,7 @@ function parseElement(json, node) {
                             arguments: ['event'],
                         };
                     }
-                    mitosisNode.bindings["on".concat((0, lodash_1.upperFirst)(attribute.name))] = object;
+                    mitosisNode.bindings["on".concat((0, lodash_1.upperFirst)(attribute.name))] = (0, bindings_1.createSingleBinding)(object);
                     // add event handlers as props (e.g. props.onClick)
                     json.props = __assign(__assign({}, json.props), (_a = {}, _a["on".concat((0, lodash_1.upperFirst)(attribute.name))] = { default: function () { return ({}); } }, _a));
                     break;
@@ -172,14 +170,14 @@ function parseElement(json, node) {
                     }
                     if (name_2 !== 'ref' && name_2 !== 'group' && name_2 !== 'this') {
                         var onChangeCode = "".concat(binding, " = event.target.value");
-                        mitosisNode.bindings['onChange'] = {
+                        mitosisNode.bindings['onChange'] = (0, bindings_1.createSingleBinding)({
                             code: onChangeCode,
                             arguments: ['event'],
-                        };
+                        });
                     }
-                    mitosisNode.bindings[name_2] = {
+                    mitosisNode.bindings[name_2] = (0, bindings_1.createSingleBinding)({
                         code: binding,
-                    };
+                    });
                     break;
                 }
                 case 'Class': {
@@ -200,16 +198,12 @@ function parseElement(json, node) {
                         Object.prototype.hasOwnProperty.call(mitosisNode.bindings.class, 'code') &&
                         ((_u = mitosisNode.bindings.class) === null || _u === void 0 ? void 0 : _u.code.length)) {
                         code = (0, string_1.insertAt)(mitosisNode.bindings.class.code, ' ${' + binding + '}', mitosisNode.bindings.class.code.length - 1);
-                        mitosisNode.bindings.class = {
-                            code: code,
-                        };
+                        mitosisNode.bindings.class = (0, bindings_1.createSingleBinding)({ code: code });
                     }
                     else {
                         // otherwise just assign
                         code = '`' + code + '${' + binding + '}`';
-                        mitosisNode.bindings.class = {
-                            code: code,
-                        };
+                        mitosisNode.bindings.class = (0, bindings_1.createSingleBinding)({ code: code });
                     }
                     break;
                 }
@@ -228,9 +222,9 @@ function parseElement(json, node) {
     if (filteredChildren.length === 1 && filteredChildren[0].type === 'RawMustacheTag') {
         var child = filteredChildren[0];
         mitosisNode.children = [];
-        mitosisNode.bindings.innerHTML = {
+        mitosisNode.bindings.innerHTML = (0, bindings_1.createSingleBinding)({
             code: (0, astring_1.generate)(child.expression),
-        };
+        });
     }
     else {
         mitosisNode.children = (0, children_1.parseChildren)(json, node);

package/dist/src/parsers/svelte/html/if-else.js

@@ -16,14 +16,15 @@ var astring_1 = require("astring");
 var _1 = require(".");
 var mitosis_node_1 = require("../helpers/mitosis-node");
 var children_1 = require("../helpers/children");
+var bindings_1 = require("../../../helpers/bindings");
 function parseIfElse(json, node) {
     var _a, _b, _c;
     var mitosisNode = (0, mitosis_node_1.createMitosisNode)();
     mitosisNode.name = 'Show';
     mitosisNode.bindings = {
-        when: {
+        when: (0, bindings_1.createSingleBinding)({
             code: (0, astring_1.generate)(node.expression),
-        },
+        }),
     };
     mitosisNode.children = (0, children_1.parseChildren)(json, node);
     if (node.else) {

package/dist/src/parsers/svelte/html/mustache-tag.js

@@ -2,22 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseRawMustacheTag = exports.parseMustacheTag = void 0;
 var astring_1 = require("astring");
+var bindings_1 = require("../../../helpers/bindings");
 var mitosis_node_1 = require("../helpers/mitosis-node");
 function parseMustacheTag(node) {
     var mitosisNode = (0, mitosis_node_1.createMitosisNode)();
     mitosisNode.name = 'div';
-    mitosisNode.bindings['_text'] = {
+    mitosisNode.bindings['_text'] = (0, bindings_1.createSingleBinding)({
         code: (0, astring_1.generate)(node.expression),
-    };
+    });
     return mitosisNode;
 }
 exports.parseMustacheTag = parseMustacheTag;
 function parseRawMustacheTag(node) {
     var mitosisNode = (0, mitosis_node_1.createMitosisNode)();
     mitosisNode.name = 'div';
-    mitosisNode.bindings.innerHTML = {
+    mitosisNode.bindings.innerHTML = (0, bindings_1.createSingleBinding)({
         code: (0, astring_1.generate)(node.expression),
-    };
+    });
     return mitosisNode;
 }
 exports.parseRawMustacheTag = parseRawMustacheTag;