@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/generators/qwik/component.js

@@ -1,46 +1,32 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addCommonStyles = exports.renderUseLexicalScope = exports.addComponent = exports.createFileSet = void 0;
-var compile_away_builder_components_1 = require("../../plugins/compile-away-builder-components");
-var on_mount_1 = require("../helpers/on-mount");
-var directives_1 = require("./directives");
-var handlers_1 = require("./helpers/handlers");
-var stable_serialize_1 = require("./helpers/stable-serialize");
-var styles_1 = require("./helpers/styles");
-var jsx_1 = require("./jsx");
-var src_generator_1 = require("./src-generator");
-function createFileSet(options) {
-    if (options === void 0) { options = {}; }
-    var opts = __assign({ qwikLib: '@builder.io/qwik', qrlPrefix: './', output: 'ts', minify: false, jsx: true }, options);
-    var extension = (opts.output == 'mjs' ? 'js' : opts.output) + (opts.jsx ? 'x' : '');
-    var srcOptions = {
+const compile_away_builder_components_1 = require("../../plugins/compile-away-builder-components");
+const on_mount_1 = require("../helpers/on-mount");
+const directives_1 = require("./directives");
+const handlers_1 = require("./helpers/handlers");
+const stable_serialize_1 = require("./helpers/stable-serialize");
+const styles_1 = require("./helpers/styles");
+const jsx_1 = require("./jsx");
+const src_generator_1 = require("./src-generator");
+function createFileSet(options = {}) {
+    const opts = {
+        qwikLib: '@builder.io/qwik',
+        qrlPrefix: './',
+        output: 'ts',
+        minify: false,
+        jsx: true,
+        ...options,
+    };
+    const extension = (opts.output == 'mjs' ? 'js' : opts.output) + (opts.jsx ? 'x' : '');
+    const srcOptions = {
         isPretty: !opts.minify,
         isModule: opts.output != 'cjs',
         isTypeScript: opts.output == 'ts',
         isJSX: opts.jsx,
         isBuilder: true,
     };
-    var fileSet = {
+    const fileSet = {
         high: new src_generator_1.File('high.' + extension, srcOptions, opts.qwikLib, opts.qrlPrefix),
         med: new src_generator_1.File('med.' + extension, srcOptions, opts.qwikLib, opts.qrlPrefix),
         low: new src_generator_1.File('low.' + extension, srcOptions, opts.qwikLib, opts.qrlPrefix),
@@ -55,55 +41,54 @@ exports.createFileSet = createFileSet;
 function getCommonStyles(fileSet) {
     return fileSet['CommonStyles'];
 }
-function addComponent(fileSet, component, opts) {
-    if (opts === void 0) { opts = {}; }
-    var _opts = __assign({ isRoot: false, shareStyles: false }, opts);
-    (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, __assign(__assign({}, compile_away_builder_components_1.components), { 
+function addComponent(fileSet, component, opts = {}) {
+    const _opts = { isRoot: false, shareStyles: false, ...opts };
+    (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, {
+        ...compile_away_builder_components_1.components,
         // A set of components that should not be compiled away because they are implemented as runtime components.
-        Image: undefined, CoreButton: undefined }));
+        Image: undefined,
+        CoreButton: undefined,
+    });
     addBuilderBlockClass(component.children);
-    var componentName = component.name;
-    var handlers = (0, handlers_1.renderHandlers)(fileSet.high, componentName, component.children);
+    const componentName = component.name;
+    const handlers = (0, handlers_1.renderHandlers)(fileSet.high, componentName, component.children);
     // If the component has no handlers, than it is probably static
     // and so it is unlikely to be re-rendered on the client, therefore
     // put it in a low priority bucket.
-    var isStatic = Array.from(handlers.keys()).reduce(function (p, v) { return p && v.indexOf('state') == -1; }, true);
-    var onRenderFile = isStatic ? fileSet.low : fileSet.med;
-    var componentFile = fileSet.med;
-    var styles = _opts.shareStyles ? getCommonStyles(fileSet).styles : new Map();
+    const isStatic = Array.from(handlers.keys()).reduce((p, v) => p && v.indexOf('state') == -1, true);
+    const onRenderFile = isStatic ? fileSet.low : fileSet.med;
+    const componentFile = fileSet.med;
+    const styles = _opts.shareStyles ? getCommonStyles(fileSet).styles : new Map();
     (0, styles_1.collectStyles)(component.children, styles);
-    var useStyles = function () { return null; };
+    let useStyles = () => null;
     if (styles.size) {
         if (_opts.shareStyles) {
             if (_opts.isRoot) {
-                var symbolName = componentName + 'Styles';
+                const symbolName = componentName + 'Styles';
                 getCommonStyles(fileSet).symbolName = symbolName;
                 useStyles = generateStyles(onRenderFile, fileSet.low, symbolName, false);
             }
         }
         else {
-            var symbolName = componentName + 'Styles';
+            const symbolName = componentName + 'Styles';
             onRenderFile.exportConst(symbolName, (0, styles_1.renderStyles)(styles));
             useStyles = generateStyles(onRenderFile, onRenderFile, symbolName, true);
         }
     }
     if (component.meta.cssCode) {
-        var symbolName = componentName + 'UsrStyles';
+        const symbolName = componentName + 'UsrStyles';
         onRenderFile.exportConst(symbolName, (0, stable_serialize_1.stableJSONserialize)(component.meta.cssCode));
-        useStyles = (function (fns) {
-            return function () {
-                var _this = this;
-                fns.forEach(function (fn) { return fn.apply(_this); });
-            };
+        useStyles = ((fns) => function () {
+            fns.forEach((fn) => fn.apply(this));
         })([useStyles, generateStyles(onRenderFile, onRenderFile, symbolName, false)]);
     }
-    var directives = new Map();
-    var rootChildren = component.children;
+    const directives = new Map();
+    let rootChildren = component.children;
     addComponentOnMount(onRenderFile, function () {
         return this.emit('return ', (0, jsx_1.renderJSXNodes)(onRenderFile, directives, handlers, rootChildren, styles, null, {}), ';');
     }, componentName, component, useStyles);
     componentFile.exportConst(componentName, (0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'componentQrl'), [generateQrl(componentFile, onRenderFile, componentName + 'OnMount')], ['any', 'any']));
-    directives.forEach(function (code, name) {
+    directives.forEach((code, name) => {
         fileSet.med.import(fileSet.med.qwikModule, 'h');
         fileSet.med.exportConst(name, code, true);
     });
@@ -126,8 +111,8 @@ function generateStyles(fromFile, dstFile, symbol, scoped) {
     };
 }
 function addBuilderBlockClass(children) {
-    children.forEach(function (child) {
-        var props = child.properties;
+    children.forEach((child) => {
+        const props = child.properties;
         if (props['builder-id']) {
             props.class = (props.class ? props.class + ' ' : '') + 'builder-block';
         }
@@ -145,37 +130,23 @@ function renderUseLexicalScope(file) {
 }
 exports.renderUseLexicalScope = renderUseLexicalScope;
 function addCommonStyles(fileSet) {
-    var _a = getCommonStyles(fileSet), styles = _a.styles, symbolName = _a.symbolName;
-    var onRenderFile = fileSet.low;
+    const { styles, symbolName } = getCommonStyles(fileSet);
+    const onRenderFile = fileSet.low;
     if (symbolName) {
         onRenderFile.exportConst(symbolName, (0, styles_1.renderStyles)(styles));
     }
 }
 exports.addCommonStyles = addCommonStyles;
 function addComponentOnMount(componentFile, onRenderEmit, componentName, component, useStyles) {
-    var inputInitializer = [];
+    const inputInitializer = [];
     if (component.inputs) {
-        component.inputs.forEach(function (input) {
+        component.inputs.forEach((input) => {
             input.defaultValue !== undefined &&
                 inputInitializer.push('if(!state.hasOwnProperty("', input.name, '"))state.', input.name, '=', (0, stable_serialize_1.stableJSONserialize)(input.defaultValue), ';');
         });
     }
     componentFile.exportConst(componentName + 'OnMount', function () {
-        var _this = this;
-        this.emit((0, src_generator_1.arrowFnValue)(['p'], function () {
-            return _this.emit.apply(_this, __spreadArray(__spreadArray(['{',
-                'const s=',
-                componentFile.import(componentFile.qwikModule, 'useStore').localName,
-                '(()=>{',
-                'const state=Object.assign({},structuredClone(typeof __STATE__==="object"&&__STATE__[p.serverStateId]),p);'], inputInitializer, false), [inlineCode((0, on_mount_1.stringifySingleScopeOnMount)(component)),
-                'return state;',
-                '},{deep:true});',
-                'const l={};',
-                'const state=__proxyMerge__(s,l);',
-                useStyles,
-                onRenderEmit,
-                ';}'], false));
-        }));
+        this.emit((0, src_generator_1.arrowFnValue)(['p'], () => this.emit('{', 'const s=', componentFile.import(componentFile.qwikModule, 'useStore').localName, '(()=>{', 'const state=Object.assign({},structuredClone(typeof __STATE__==="object"&&__STATE__[p.serverStateId]),p);', ...inputInitializer, inlineCode((0, on_mount_1.stringifySingleScopeOnMount)(component)), 'return state;', '},{deep:true});', 'const l={};', 'const state=__proxyMerge__(s,l);', useStyles, onRenderEmit, ';}')));
     });
 }
 function inlineCode(code) {
@@ -190,11 +161,10 @@ function inlineCode(code) {
         }
     };
 }
-function generateQrl(fromFile, dstFile, componentName, capture) {
-    if (capture === void 0) { capture = []; }
+function generateQrl(fromFile, dstFile, componentName, capture = []) {
     return (0, src_generator_1.invoke)(fromFile.import(fromFile.qwikModule, 'qrl'), [
         dstFile.toQrlChunk(),
         (0, src_generator_1.quote)(componentName),
-        "[".concat(capture.join(','), "]"),
+        `[${capture.join(',')}]`,
     ]);
 }

package/dist/src/generators/qwik/directives.js

@@ -1,92 +1,78 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Image = exports.DIRECTIVES = void 0;
-var for_1 = require("../../helpers/nodes/for");
-var minify_1 = require("../minify");
-var src_generator_1 = require("./src-generator");
+const for_1 = require("../../helpers/nodes/for");
+const minify_1 = require("../minify");
+const src_generator_1 = require("./src-generator");
 exports.DIRECTIVES = {
-    Show: function (node, blockFn) {
-        return function () {
-            var _this = this;
-            var _a;
-            var expr = (_a = node.bindings.when) === null || _a === void 0 ? void 0 : _a.code;
-            var elseBlockFn = blockFn.else;
-            this.jsxExpression(function () {
-                _this.emit(expr, '?');
-                blockFn();
-                _this.emit(':');
-                if (elseBlockFn) {
-                    elseBlockFn();
-                }
-                else {
-                    _this.emit('null');
-                }
-            });
-        };
+    Show: (node, blockFn) => function () {
+        var _a;
+        const expr = (_a = node.bindings.when) === null || _a === void 0 ? void 0 : _a.code;
+        const elseBlockFn = blockFn.else;
+        this.jsxExpression(() => {
+            this.emit(expr, '?');
+            blockFn();
+            this.emit(':');
+            if (elseBlockFn) {
+                elseBlockFn();
+            }
+            else {
+                this.emit('null');
+            }
+        });
     },
-    For: function (_node, blockFn) {
-        return function () {
-            var _this = this;
-            var _a;
-            var node = _node;
-            var expr = (_a = node.bindings.each) === null || _a === void 0 ? void 0 : _a.code;
-            this.jsxExpression(function () {
-                var forArgs = (0, for_1.getForArguments)(node);
-                var forName = forArgs[0];
-                _this.emit('(', expr, '||[]).map(');
-                _this.isBuilder && _this.emit('((');
-                _this.emit('(', forArgs, ') => {');
-                if (_this.isBuilder) {
-                    _this.emit('const l={...this,', (0, src_generator_1.iteratorProperty)(expr), ':', forName, '==null?{}:', forName, ',', function () {
-                        return forArgs.forEach(function (arg) {
-                            _this.emit(arg, ':', arg, ',');
-                        });
-                    }, '};');
-                    _this.emit('const state = __proxyMerge__(s,l);');
-                }
-                _this.emit('return(');
-                blockFn();
-                _this.emit(');}');
-                _this.isBuilder && _this.emit(').bind(l))');
-                _this.emit(')');
-            });
-        };
+    For: (_node, blockFn) => function () {
+        var _a;
+        const node = _node;
+        const expr = (_a = node.bindings.each) === null || _a === void 0 ? void 0 : _a.code;
+        this.jsxExpression(() => {
+            const forArgs = (0, for_1.getForArguments)(node);
+            const forName = forArgs[0];
+            this.emit('(', expr, '||[]).map(');
+            this.isBuilder && this.emit('((');
+            this.emit('(', forArgs, ') => {');
+            if (this.isBuilder) {
+                this.emit('const l={...this,', (0, src_generator_1.iteratorProperty)(expr), ':', forName, '==null?{}:', forName, ',', () => forArgs.forEach((arg) => {
+                    this.emit(arg, ':', arg, ',');
+                }), '};');
+                this.emit('const state = __proxyMerge__(s,l);');
+            }
+            this.emit('return(');
+            blockFn();
+            this.emit(');}');
+            this.isBuilder && this.emit(').bind(l))');
+            this.emit(')');
+        });
     },
-    Image: (0, minify_1.minify)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), Image),
-    CoreButton: (0, minify_1.minify)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), CoreButton),
-    __passThroughProps__: (0, minify_1.minify)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ""], ["", ""])), __passThroughProps__),
-    __proxyMerge__: (0, minify_1.minify)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", ""], ["", ""])), __proxyMerge__),
+    Image: (0, minify_1.minify) `${Image}`,
+    CoreButton: (0, minify_1.minify) `${CoreButton}`,
+    __passThroughProps__: (0, minify_1.minify) `${__passThroughProps__}`,
+    __proxyMerge__: (0, minify_1.minify) `${__proxyMerge__}`,
 };
 function Image(props) {
     var _a;
-    var jsx = props.children || [];
-    var image = props.image;
+    let jsx = props.children || [];
+    let image = props.image;
     if (image) {
-        var isBuilderIoImage = !!(image || '').match(/\.builder\.io/) && !props.noWebp;
-        var isPixel = (_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.id.startsWith('builder-pixel-');
-        var imgProps = {
+        const isBuilderIoImage = !!(image || '').match(/\.builder\.io/) && !props.noWebp;
+        const isPixel = (_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.id.startsWith('builder-pixel-');
+        const imgProps = {
             src: props.image,
-            style: "object-fit:".concat(props.backgroundSize || 'cover', ";object-position:").concat(props.backgroundPosition || 'center', ";") + (props.aspectRatio ? 'position:absolute;height:100%;width:100%;top:0;left:0' : ''),
+            style: `object-fit:${props.backgroundSize || 'cover'};object-position:${props.backgroundPosition || 'center'};` + (props.aspectRatio ? 'position:absolute;height:100%;width:100%;top:0;left:0' : ''),
             sizes: props.sizes,
             alt: props.altText,
             role: !props.altText ? 'presentation' : undefined,
             loading: isPixel ? 'eager' : 'lazy',
             srcset: undefined,
         };
-        var qwikBugWorkaround = function (imgProps) {
-            return Object.keys(imgProps).forEach(function (k) { return imgProps[k] === undefined && delete imgProps[k]; });
-        };
+        const qwikBugWorkaround = (imgProps) => Object.keys(imgProps).forEach((k) => imgProps[k] === undefined && delete imgProps[k]);
         qwikBugWorkaround(imgProps);
         if (isBuilderIoImage) {
-            var webpImage_1 = updateQueryParam(image, 'format', 'webp');
-            var srcset = ['100', '200', '400', '800', '1200', '1600', '2000']
+            const webpImage = updateQueryParam(image, 'format', 'webp');
+            const srcset = ['100', '200', '400', '800', '1200', '1600', '2000']
                 .concat(props.srcsetSizes ? String(props.srcsetSizes).split(' ') : [])
-                .map(function (size) {
-                return updateQueryParam(webpImage_1, 'width', size) + ' ' + size + 'w';
+                .map((size) => {
+                return updateQueryParam(webpImage, 'width', size) + ' ' + size + 'w';
             })
                 .concat(tryAppendWidth(image))
                 .join(', ');
@@ -102,27 +88,26 @@ function Image(props) {
             jsx = [h('img', imgProps, jsx)];
         }
         if (props.aspectRatio && !(props.fitContent && props.children && props.children.length)) {
-            var sizingDiv = h('div', {
+            const sizingDiv = h('div', {
                 class: 'builder-image-sizer',
-                style: "width:100%;padding-top:".concat((props.aspectRatio || 1) * 100, "%;pointer-events:none;font-size:0"),
+                style: `width:100%;padding-top:${(props.aspectRatio || 1) * 100}%;pointer-events:none;font-size:0`,
             });
             jsx.push(sizingDiv);
         }
     }
-    var children = props.children ? [jsx].concat(props.children) : [jsx];
+    const children = props.children ? [jsx].concat(props.children) : [jsx];
     return h(props.href ? 'a' : 'div', __passThroughProps__({ href: props.href, class: props.class }, props), children);
-    function updateQueryParam(uri, key, value) {
-        if (uri === void 0) { uri = ''; }
-        var re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i');
-        var separator = uri.indexOf('?') !== -1 ? '&' : '?';
+    function updateQueryParam(uri = '', key, value) {
+        const re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i');
+        const separator = uri.indexOf('?') !== -1 ? '&' : '?';
         if (uri.match(re)) {
             return uri.replace(re, '$1' + key + '=' + encodeURIComponent(value) + '$2');
         }
         return uri + separator + key + '=' + encodeURIComponent(value);
     }
     function tryAppendWidth(url) {
-        var match = url.match(/[?&]width=(\d+)/);
-        var width = match && match[1];
+        const match = url.match(/[?&]width=(\d+)/);
+        const width = match && match[1];
         if (width) {
             return [url + ' ' + width + 'w'];
         }
@@ -131,7 +116,7 @@ function Image(props) {
 }
 exports.Image = Image;
 function __passThroughProps__(dstProps, srcProps) {
-    for (var key in srcProps) {
+    for (const key in srcProps) {
         if (Object.prototype.hasOwnProperty.call(srcProps, key) &&
             ((key.startsWith('on') && key.endsWith('$')) || key == 'style')) {
             dstProps[key] = srcProps[key];
@@ -140,8 +125,8 @@ function __passThroughProps__(dstProps, srcProps) {
     return dstProps;
 }
 function CoreButton(props) {
-    var hasLink = !!props.link;
-    var hProps = {
+    const hasLink = !!props.link;
+    const hProps = {
         dangerouslySetInnerHTML: props.text || '',
         href: props.link,
         target: props.openInNewTab ? '_blank' : '_self',
@@ -151,7 +136,7 @@ function CoreButton(props) {
 }
 function __proxyMerge__(state, local) {
     return new Proxy(state, {
-        get: function (obj, prop) {
+        get: (obj, prop) => {
             if (local && prop in local) {
                 return local[prop];
             }
@@ -159,10 +144,9 @@ function __proxyMerge__(state, local) {
                 return state[prop];
             }
         },
-        set: function (obj, prop, value) {
+        set: (obj, prop, value) => {
             obj[prop] = value;
             return true;
         },
     });
 }
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/generators/qwik/helpers/add-prevent-default.js

@@ -4,24 +4,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addPreventDefault = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_mitosis_node_1 = require("../../../helpers/is-mitosis-node");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("../../../helpers/is-mitosis-node");
 /**
  * Find event handlers that explicitly call .preventDefault() and
  * add preventdefault:event
  * https://qwik.builder.io/tutorial/events/preventdefault
  */
 function addPreventDefault(json) {
-    (0, legacy_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach((node) => {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.bindings) {
-                for (var _i = 0, _b = Object.keys(node.bindings); _i < _b.length; _i++) {
-                    var key = _b[_i];
+                for (const key of Object.keys(node.bindings)) {
                     if (key.startsWith('on')) {
                         if ((_a = node.bindings[key]) === null || _a === void 0 ? void 0 : _a.code.includes('.preventDefault()')) {
-                            var event_1 = key.slice(2).toLowerCase();
-                            node.properties['preventdefault:' + event_1] = '';
+                            const event = key.slice(2).toLowerCase();
+                            node.properties['preventdefault:' + event] = '';
                             node.bindings[key].code = node.bindings[key].code.replace(/.*?\.preventDefault\(\);?/, '').trim();
                         }
                     }

package/dist/src/generators/qwik/helpers/convert-method-to-function.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertMethodToFunction = void 0;
 function convertMethodToFunction(code, properties, lexicalArgs) {
-    var out = [];
-    var idx = 0;
-    var lastIdx = idx;
-    var end = code.length;
-    var mode = "code" /* Mode.code */;
-    var braceDepth = 0;
-    var stringEndBraceDepth = -1;
-    var stringEndBraceDepthQueue = [];
-    var lastCh = null;
+    const out = [];
+    let idx = 0;
+    let lastIdx = idx;
+    let end = code.length;
+    let mode = "code" /* Mode.code */;
+    let braceDepth = 0;
+    let stringEndBraceDepth = -1;
+    let stringEndBraceDepthQueue = [];
+    let lastCh = null;
     while (idx < end) {
-        var ch = code.charCodeAt(idx++);
+        const ch = code.charCodeAt(idx++);
         switch (mode) {
             case "code" /* Mode.code */:
                 if (ch === QUOTE_DOUBLE) {
@@ -46,22 +46,22 @@ function convertMethodToFunction(code, properties, lexicalArgs) {
                     consumeIdent();
                     if (code.charCodeAt(idx) == DOT) {
                         idx++;
-                        var propEndIdx = findIdentEnd();
-                        var identifier = code.substring(idx, propEndIdx);
-                        var propType = properties[identifier];
+                        const propEndIdx = findIdentEnd();
+                        const identifier = code.substring(idx, propEndIdx);
+                        const propType = properties[identifier];
                         if (propType) {
-                            var isGetter = code.charCodeAt(propEndIdx) !== OPEN_PAREN;
+                            const isGetter = code.charCodeAt(propEndIdx) !== OPEN_PAREN;
                             lastIdx = idx = propEndIdx + (isGetter ? 0 : 1);
                             if (isGetter) {
                                 if (propType === 'method') {
-                                    out.push(identifier, ".bind(null,".concat(lexicalArgs.join(','), ")"));
+                                    out.push(identifier, `.bind(null,${lexicalArgs.join(',')})`);
                                 }
                                 else {
-                                    out.push(identifier, "(".concat(lexicalArgs.join(','), ")"));
+                                    out.push(identifier, `(${lexicalArgs.join(',')})`);
                                 }
                             }
                             else {
-                                out.push(identifier, "(".concat(lexicalArgs.join(','), ","));
+                                out.push(identifier, `(${lexicalArgs.join(',')},`);
                             }
                         }
                         else {
@@ -107,7 +107,7 @@ function convertMethodToFunction(code, properties, lexicalArgs) {
         lastIdx = idx;
     }
     function findIdentEnd() {
-        var scanIdx = idx;
+        let scanIdx = idx;
         while (isIdentCh(code.charCodeAt(scanIdx)) && scanIdx < end) {
             scanIdx++;
         }
@@ -130,7 +130,7 @@ function isIdentCh(ch) {
 function isWord(ch, code, idx, word) {
     if (ch !== word.charCodeAt(0))
         return false;
-    for (var i = 1; i < word.length; i++) {
+    for (let i = 1; i < word.length; i++) {
         if (code.charCodeAt(idx + i - 1) !== word.charCodeAt(i)) {
             return false;
         }
@@ -140,22 +140,22 @@ function isWord(ch, code, idx, word) {
     }
     return true;
 }
-var QUOTE_DOUBLE = '"'.charCodeAt(0);
-var QUOTE_SINGLE = "'".charCodeAt(0);
-var QUOTE_BACK_TICK = '`'.charCodeAt(0);
-var BACKSLASH = "\\".charCodeAt(0);
-var FORWARD_SLASH = "/".charCodeAt(0);
-var EOL = "\n".charCodeAt(0);
-var STAR = "*".charCodeAt(0);
-var CHAR_0 = "0".charCodeAt(0);
-var CHAR_9 = "9".charCodeAt(0);
-var CHAR_a = "a".charCodeAt(0);
-var CHAR_z = "z".charCodeAt(0);
-var CHAR_A = "A".charCodeAt(0);
-var CHAR_Z = "Z".charCodeAt(0);
-var UNDERSCORE = "_".charCodeAt(0);
-var DOLLAR = "$".charCodeAt(0);
-var DOT = ".".charCodeAt(0);
-var OPEN_PAREN = '('.charCodeAt(0);
-var OPEN_BRACE = '{'.charCodeAt(0);
-var CLOSE_BRACE = '}'.charCodeAt(0);
+const QUOTE_DOUBLE = '"'.charCodeAt(0);
+const QUOTE_SINGLE = "'".charCodeAt(0);
+const QUOTE_BACK_TICK = '`'.charCodeAt(0);
+const BACKSLASH = `\\`.charCodeAt(0);
+const FORWARD_SLASH = `/`.charCodeAt(0);
+const EOL = `\n`.charCodeAt(0);
+const STAR = `*`.charCodeAt(0);
+const CHAR_0 = `0`.charCodeAt(0);
+const CHAR_9 = `9`.charCodeAt(0);
+const CHAR_a = `a`.charCodeAt(0);
+const CHAR_z = `z`.charCodeAt(0);
+const CHAR_A = `A`.charCodeAt(0);
+const CHAR_Z = `Z`.charCodeAt(0);
+const UNDERSCORE = `_`.charCodeAt(0);
+const DOLLAR = `$`.charCodeAt(0);
+const DOT = `.`.charCodeAt(0);
+const OPEN_PAREN = '('.charCodeAt(0);
+const OPEN_BRACE = '{'.charCodeAt(0);
+const CLOSE_BRACE = '}'.charCodeAt(0);