@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/generators/qwik/src-generator.js

@@ -4,13 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.iteratorProperty = exports.lastProperty = exports.isStatement = exports.iif = exports.arrowFnValue = exports.arrowFnBlock = exports.invoke = exports.quote = exports.Imports = exports.Symbol = exports.SrcBuilder = exports.File = void 0;
-var parser_typescript_1 = __importDefault(require("prettier/parser-typescript"));
-var standalone_1 = require("prettier/standalone");
-var html_tags_1 = require("../../constants/html_tags");
-var builder_1 = require("../../parsers/builder");
-var stable_serialize_1 = require("./helpers/stable-serialize");
-var File = /** @class */ (function () {
-    function File(filename, options, qwikModule, qrlPrefix) {
+const parser_typescript_1 = __importDefault(require("prettier/parser-typescript"));
+const standalone_1 = require("prettier/standalone");
+const html_tags_1 = require("../../constants/html_tags");
+const builder_1 = require("../../parsers/builder");
+const stable_serialize_1 = require("./helpers/stable-serialize");
+class File {
+    get module() {
+        return this.filename.substr(0, this.filename.lastIndexOf('.'));
+    }
+    get path() {
+        return this.filename;
+    }
+    get contents() {
+        return this.toString();
+    }
+    constructor(filename, options, qwikModule, qrlPrefix) {
         this.imports = new Imports();
         this.exports = new Map();
         this.filename = filename;
@@ -19,41 +28,19 @@ var File = /** @class */ (function () {
         this.qwikModule = qwikModule;
         this.qrlPrefix = qrlPrefix;
     }
-    Object.defineProperty(File.prototype, "module", {
-        get: function () {
-            return this.filename.substr(0, this.filename.lastIndexOf('.'));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(File.prototype, "path", {
-        get: function () {
-            return this.filename;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(File.prototype, "contents", {
-        get: function () {
-            return this.toString();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    File.prototype.import = function (module, symbol, as) {
+    import(module, symbol, as) {
         return this.imports.get(module, symbol, as);
-    };
-    File.prototype.toQrlChunk = function () {
+    }
+    toQrlChunk() {
         return quote(this.qrlPrefix + this.module + '.js');
-    };
-    File.prototype.exportConst = function (name, value, locallyVisible) {
-        if (locallyVisible === void 0) { locallyVisible = false; }
+    }
+    exportConst(name, value, locallyVisible = false) {
         if (this.exports.has(name))
             return;
         this.exports.set(name, this.src.isModule ? name : 'exports.' + name);
         this.src.const(name, value, true, locallyVisible);
-    };
-    File.prototype.exportDefault = function (symbolName) {
+    }
+    exportDefault(symbolName) {
         if (this.options.isPretty) {
             this.src.emit('\n\n');
         }
@@ -63,23 +50,22 @@ var File = /** @class */ (function () {
         else {
             this.src.emit('module.exports=', symbolName, ';');
         }
-    };
-    File.prototype.toString = function () {
-        var _this = this;
-        var srcImports = new SrcBuilder(this, this.options);
-        var imports = this.imports.imports;
-        var modules = Array.from(imports.keys()).sort();
-        modules.forEach(function (module) {
+    }
+    toString() {
+        const srcImports = new SrcBuilder(this, this.options);
+        const imports = this.imports.imports;
+        const modules = Array.from(imports.keys()).sort();
+        modules.forEach((module) => {
             if (module == '<SELF>')
                 return;
-            var symbolMap = imports.get(module);
-            var symbols = Array.from(symbolMap.values());
+            const symbolMap = imports.get(module);
+            const symbols = Array.from(symbolMap.values());
             symbols.sort(symbolSort);
-            if (removeExt(module) !== removeExt(_this.qrlPrefix + _this.filename)) {
+            if (removeExt(module) !== removeExt(this.qrlPrefix + this.filename)) {
                 srcImports.import(module, symbols);
             }
         });
-        var source = srcImports.toString() + this.src.toString();
+        let source = srcImports.toString() + this.src.toString();
         if (this.options.isPretty) {
             try {
                 source = (0, standalone_1.format)(source, {
@@ -101,19 +87,18 @@ var File = /** @class */ (function () {
             }
         }
         return source;
-    };
-    return File;
-}());
+    }
+}
 exports.File = File;
 function symbolSort(a, b) {
     return a.importName < b.importName ? -1 : a.importName === b.importName ? 0 : 1;
 }
 function removeExt(filename) {
-    var indx = filename.lastIndexOf('.');
+    const indx = filename.lastIndexOf('.');
     return indx == -1 ? filename : filename.substr(0, indx);
 }
-var SrcBuilder = /** @class */ (function () {
-    function SrcBuilder(file, options) {
+class SrcBuilder {
+    constructor(file, options) {
         this.buf = [];
         this.jsxDepth = 0;
         /**
@@ -128,8 +113,7 @@ var SrcBuilder = /** @class */ (function () {
         this.isJSX = options.isJSX;
         this.isBuilder = options.isBuilder;
     }
-    SrcBuilder.prototype.import = function (module, symbols) {
-        var _this = this;
+    import(module, symbols) {
         if (this.isModule) {
             this.emit('import');
             if (symbols.length === 1 && symbols[0].importName === 'default') {
@@ -137,22 +121,22 @@ var SrcBuilder = /** @class */ (function () {
             }
             else {
                 this.emit('{');
-                symbols.forEach(function (symbol) {
+                symbols.forEach((symbol) => {
                     if (symbol.importName === symbol.localName) {
-                        _this.emit(symbol.importName);
+                        this.emit(symbol.importName);
                     }
                     else {
-                        _this.emit(symbol.importName, ' as ', symbol.localName);
+                        this.emit(symbol.importName, ' as ', symbol.localName);
                     }
-                    _this.emit(',');
+                    this.emit(',');
                 });
                 this.emit('}');
             }
             this.emit('from', quote(module), ';');
         }
         else {
-            symbols.forEach(function (symbol) {
-                _this.const(symbol.localName, function () {
+            symbols.forEach((symbol) => {
+                this.const(symbol.localName, function () {
                     this.emit(invoke('require', [quote(module)]));
                     if (symbol.importName !== 'default') {
                         this.emit('.', symbol.importName);
@@ -164,14 +148,10 @@ var SrcBuilder = /** @class */ (function () {
             this.emit('\n\n');
         }
         return this;
-    };
-    SrcBuilder.prototype.emit = function () {
-        var values = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            values[_i] = arguments[_i];
-        }
-        for (var i = 0; i < values.length; i++) {
-            var value = values[i];
+    }
+    emit(...values) {
+        for (let i = 0; i < values.length; i++) {
+            const value = values[i];
             if (typeof value == 'function') {
                 value.call(this);
             }
@@ -195,8 +175,8 @@ var SrcBuilder = /** @class */ (function () {
             }
             else if (typeof value == 'object') {
                 this.emit('{');
-                var separator = false;
-                for (var key in value) {
+                let separator = false;
+                for (const key in value) {
                     if (Object.prototype.hasOwnProperty.call(value, key)) {
                         if (separator) {
                             this.emit(',');
@@ -212,8 +192,8 @@ var SrcBuilder = /** @class */ (function () {
             }
         }
         return this;
-    };
-    SrcBuilder.prototype.push = function (value) {
+    }
+    push(value) {
         if (value.startsWith(')') ||
             value.startsWith(':') ||
             value.startsWith(']') ||
@@ -221,20 +201,18 @@ var SrcBuilder = /** @class */ (function () {
             value.startsWith(',') ||
             value.startsWith('?')) {
             // clear last ',' or ';';
-            var index = this.buf.length - 1;
-            var ch = this.buf[index];
+            let index = this.buf.length - 1;
+            let ch = this.buf[index];
             if (ch.endsWith(',') || ch.endsWith(';')) {
                 ch = ch.substring(0, ch.length - 1);
                 this.buf[index] = ch;
             }
         }
         this.buf.push(value);
-    };
-    SrcBuilder.prototype.emitList = function (values, sep) {
-        if (sep === void 0) { sep = ','; }
-        var separator = false;
-        for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
-            var value = values_1[_i];
+    }
+    emitList(values, sep = ',') {
+        let separator = false;
+        for (const value of values) {
             if (separator) {
                 this.emit(sep);
             }
@@ -242,10 +220,8 @@ var SrcBuilder = /** @class */ (function () {
             separator = true;
         }
         return this;
-    };
-    SrcBuilder.prototype.const = function (name, value, export_, locallyVisible) {
-        if (export_ === void 0) { export_ = false; }
-        if (locallyVisible === void 0) { locallyVisible = false; }
+    }
+    const(name, value, export_ = false, locallyVisible = false) {
         if (export_) {
             this.emit(this.isModule
                 ? 'export const '
@@ -260,20 +236,20 @@ var SrcBuilder = /** @class */ (function () {
         }
         this.emit(';');
         return this;
-    };
-    SrcBuilder.prototype.type = function (def) {
+    }
+    type(def) {
         if (this.isTypeScript) {
             this.emit(':', def);
         }
         return this;
-    };
-    SrcBuilder.prototype.typeParameters = function (typeParameters) {
+    }
+    typeParameters(typeParameters) {
         if (this.isTypeScript && typeParameters && typeParameters.length) {
             this.emit('<', typeParameters, '>');
         }
-    };
-    SrcBuilder.prototype.jsxExpression = function (expression) {
-        var previousJsxDepth = this.jsxDepth;
+    }
+    jsxExpression(expression) {
+        const previousJsxDepth = this.jsxDepth;
         try {
             if (previousJsxDepth) {
                 this.jsxDepth = 0;
@@ -287,10 +263,10 @@ var SrcBuilder = /** @class */ (function () {
             }
             this.jsxDepth = previousJsxDepth;
         }
-    };
-    SrcBuilder.prototype.jsxBegin = function (symbol, props, bindings) {
+    }
+    jsxBegin(symbol, props, bindings) {
         this.jsxDepth++;
-        var self = this;
+        const self = this;
         if (symbol == 'div' && ('href' in props || 'href' in bindings)) {
             // HACK: if we contain href then we are `a` not `div`
             symbol = 'a';
@@ -301,60 +277,56 @@ var SrcBuilder = /** @class */ (function () {
         else {
             this.emit('h(', literalTagName(symbol), ',{');
         }
-        for (var key in props) {
+        for (const key in props) {
             if (Object.prototype.hasOwnProperty.call(props, key) &&
                 !ignoreKey(key) &&
                 !Object.prototype.hasOwnProperty.call(bindings, key)) {
                 emitJsxProp(key, quote(props[key]));
             }
         }
-        var _loop_1 = function (rawKey) {
+        for (const rawKey in bindings) {
             if (bindings[rawKey].type === 'spread') {
-                if (this_1.isJSX) {
-                    this_1.emit('{...', bindings[rawKey].code, '}');
+                if (this.isJSX) {
+                    this.emit('{...', bindings[rawKey].code, '}');
                 }
                 else {
-                    this_1.emit('...', bindings[rawKey].code);
+                    this.emit('...', bindings[rawKey].code);
                 }
             }
             else if (Object.prototype.hasOwnProperty.call(bindings, rawKey) && !ignoreKey(rawKey)) {
-                var binding_1 = bindings[rawKey];
-                binding_1 =
-                    binding_1 && typeof binding_1 == 'object' && 'code' in binding_1 ? binding_1.code : binding_1;
+                let binding = bindings[rawKey];
+                binding =
+                    binding && typeof binding == 'object' && 'code' in binding ? binding.code : binding;
                 if (rawKey === 'class' && props.class) {
                     // special case for classes as they can have both static and dynamic binding
-                    binding_1 = quote(props.class + ' ') + '+' + binding_1;
+                    binding = quote(props.class + ' ') + '+' + binding;
                 }
-                var key = lastProperty(rawKey);
+                let key = lastProperty(rawKey);
                 if (isEvent(key)) {
                     key = key + '$';
-                    binding_1 = "".concat(this_1.file.import(this_1.file.qwikModule, '$').localName, "((event)=>").concat(binding_1, ")");
+                    binding = `${this.file.import(this.file.qwikModule, '$').localName}((event)=>${binding})`;
                 }
-                else if (!binding_1 && rawKey in props) {
-                    binding_1 = quote(props[rawKey]);
+                else if (!binding && rawKey in props) {
+                    binding = quote(props[rawKey]);
                 }
-                else if (binding_1 != null && binding_1 === props[key]) {
+                else if (binding != null && binding === props[key]) {
                     // HACK: workaround for the fact that sometimes the `bindings` have string literals
                     // We assume that when the binding content equals prop content.
-                    binding_1 = quote(binding_1);
+                    binding = quote(binding);
                 }
-                else if (typeof binding_1 == 'string' && isStatement(binding_1)) {
-                    binding_1 = iif(binding_1);
+                else if (typeof binding == 'string' && isStatement(binding)) {
+                    binding = iif(binding);
                 }
                 if (key === 'hide' || key === 'show') {
-                    var _a = key == 'hide' ? ['"none"', '"inherit"'] : ['"inherit"', '"none"'], truthy_1 = _a[0], falsy_1 = _a[1];
+                    let [truthy, falsy] = key == 'hide' ? ['"none"', '"inherit"'] : ['"inherit"', '"none"'];
                     emitJsxProp('style', function () {
-                        this.emit('{display:', binding_1, '?', truthy_1, ':', falsy_1, '}');
+                        this.emit('{display:', binding, '?', truthy, ':', falsy, '}');
                     });
                 }
                 else {
-                    emitJsxProp(key, binding_1);
+                    emitJsxProp(key, binding);
                 }
             }
-        };
-        var this_1 = this;
-        for (var rawKey in bindings) {
-            _loop_1(rawKey);
         }
         if (this.isJSX) {
             if (!this.isSelfClosingTag(symbol)) {
@@ -388,11 +360,11 @@ var SrcBuilder = /** @class */ (function () {
                 }
             }
         }
-    };
-    SrcBuilder.prototype.isSelfClosingTag = function (symbol) {
+    }
+    isSelfClosingTag(symbol) {
         return html_tags_1.SELF_CLOSING_HTML_TAGS.has(String(symbol));
-    };
-    SrcBuilder.prototype.jsxEnd = function (symbol) {
+    }
+    jsxEnd(symbol) {
         if (this.isJSX) {
             if (this.isSelfClosingTag(symbol)) {
                 this.emit(' />');
@@ -405,8 +377,8 @@ var SrcBuilder = /** @class */ (function () {
             this.emit('),');
         }
         this.jsxDepth--;
-    };
-    SrcBuilder.prototype.jsxBeginFragment = function (symbol) {
+    }
+    jsxBeginFragment(symbol) {
         this.jsxDepth++;
         if (this.isJSX) {
             this.emit('<>');
@@ -414,8 +386,8 @@ var SrcBuilder = /** @class */ (function () {
         else {
             this.emit('h(', symbol.localName, ',null,');
         }
-    };
-    SrcBuilder.prototype.jsxEndFragment = function () {
+    }
+    jsxEndFragment() {
         this.jsxDepth--;
         if (this.isJSX) {
             this.emit('</>');
@@ -423,20 +395,19 @@ var SrcBuilder = /** @class */ (function () {
         else {
             this.emit(')');
         }
-    };
-    SrcBuilder.prototype.jsxTextBinding = function (exp) {
+    }
+    jsxTextBinding(exp) {
         if (this.isJSX) {
             this.emit('{', exp, '}');
         }
         else {
             this.emit(exp);
         }
-    };
-    SrcBuilder.prototype.toString = function () {
+    }
+    toString() {
         return this.buf.join('');
-    };
-    return SrcBuilder;
-}());
+    }
+}
 exports.SrcBuilder = SrcBuilder;
 function isEvent(name) {
     return name.startsWith('on') && isUppercase(name.charAt(2)) && !name.endsWith('$');
@@ -444,45 +415,41 @@ function isEvent(name) {
 function isUppercase(ch) {
     return ch == ch.toUpperCase();
 }
-var Symbol = /** @class */ (function () {
-    function Symbol(importName, localName) {
+class Symbol {
+    constructor(importName, localName) {
         this.importName = importName;
         this.localName = localName;
     }
-    return Symbol;
-}());
+}
 exports.Symbol = Symbol;
-var Imports = /** @class */ (function () {
-    function Imports() {
+class Imports {
+    constructor() {
         this.imports = new Map();
     }
-    Imports.prototype.get = function (moduleName, symbolName, asVar) {
-        var importSymbols = this.imports.get(moduleName);
+    get(moduleName, symbolName, asVar) {
+        let importSymbols = this.imports.get(moduleName);
         if (!importSymbols) {
             importSymbols = new Map();
             this.imports.set(moduleName, importSymbols);
         }
-        var symbol = importSymbols.get(symbolName);
+        let symbol = importSymbols.get(symbolName);
         if (!symbol) {
             symbol = new Symbol(symbolName, asVar || symbolName);
             importSymbols.set(symbolName, symbol);
         }
         return symbol;
-    };
-    Imports.prototype.hasImport = function (localName) {
-        for (var _i = 0, _a = Array.from(this.imports.values()); _i < _a.length; _i++) {
-            var symbolMap = _a[_i];
-            for (var _b = 0, _c = Array.from(symbolMap.values()); _b < _c.length; _b++) {
-                var symbol = _c[_b];
+    }
+    hasImport(localName) {
+        for (const symbolMap of Array.from(this.imports.values())) {
+            for (const symbol of Array.from(symbolMap.values())) {
                 if (symbol.localName === localName) {
                     return true;
                 }
             }
         }
         return false;
-    };
-    return Imports;
-}());
+    }
+}
 exports.Imports = Imports;
 function ignoreKey(key) {
     return (key.startsWith('$') ||
@@ -495,12 +462,12 @@ function possiblyQuotePropertyName(key) {
     return /^\w[\w\d]*$/.test(key) ? key : quote(key);
 }
 function quote(text) {
-    var string = (0, stable_serialize_1.stableJSONserialize)(text);
+    const string = (0, stable_serialize_1.stableJSONserialize)(text);
     // So \u2028 is a line separator character and prettier treats it as such
     // https://www.fileformat.info/info/unicode/char/2028/index.htm
     // That means it can't be inside of a string, so we replace it with `\\u2028`.
     // (see double `\\` vs `\`)
-    var parts = string.split('\u2028');
+    const parts = string.split('\u2028');
     return parts.join('\\u2028');
 }
 exports.quote = quote;
@@ -515,9 +482,9 @@ exports.invoke = invoke;
 function arrowFnBlock(args, statements, argTypes) {
     return function () {
         this.emit('(');
-        for (var i = 0; i < args.length; i++) {
-            var arg = args[i];
-            var type = argTypes && argTypes[i];
+        for (let i = 0; i < args.length; i++) {
+            const arg = args[i];
+            const type = argTypes && argTypes[i];
             this.emit(arg);
             if (type && this.file.options.isTypeScript) {
                 this.emit(':', type);
@@ -534,8 +501,8 @@ function arrowFnValue(args, expression) {
     };
 }
 exports.arrowFnValue = arrowFnValue;
-var _virtual_index = '_virtual_index;';
-var return_virtual_index = 'return _virtual_index;';
+const _virtual_index = '_virtual_index;';
+const return_virtual_index = 'return _virtual_index;';
 function iif(code) {
     if (!code)
         return;
@@ -551,7 +518,7 @@ function iif(code) {
     };
 }
 exports.iif = iif;
-var LOWER_CASE = 'a'.charCodeAt(0) - 1;
+const LOWER_CASE = 'a'.charCodeAt(0) - 1;
 function literalTagName(symbol) {
     if (typeof symbol == 'string' &&
         symbol.charCodeAt(0) > LOWER_CASE &&
@@ -581,9 +548,9 @@ function isStatement(code) {
         // Code starting with `(` is most likely an IFF and hence is an expression.
         return false;
     }
-    var codeNoStrings = code.replace(STRING_LITERAL, 'STRING_LITERAL');
-    var identifiers = codeNoStrings.split(EXPRESSION_SEPARATORS);
-    var filteredIdentifiers = identifiers.filter(function (i) {
+    const codeNoStrings = code.replace(STRING_LITERAL, 'STRING_LITERAL');
+    const identifiers = codeNoStrings.split(EXPRESSION_SEPARATORS);
+    const filteredIdentifiers = identifiers.filter((i) => {
         i = i.trim();
         return i && !i.match(EXPRESSION_IDENTIFIER);
     });
@@ -591,13 +558,13 @@ function isStatement(code) {
 }
 exports.isStatement = isStatement;
 // https://regexr.com/6cppf
-var STRING_LITERAL = /(["'`])((\\{2})*|((\n|.)*?[^\\](\\{2})*))\1/g;
+const STRING_LITERAL = /(["'`])((\\{2})*|((\n|.)*?[^\\](\\{2})*))\1/g;
 // https://regexr.com/6cpk4
-var EXPRESSION_SEPARATORS = /[()\[\]{}.\?:\-+/*,|&]+/;
+const EXPRESSION_SEPARATORS = /[()\[\]{}.\?:\-+/*,|&]+/;
 // https://regexr.com/6cpka
-var EXPRESSION_IDENTIFIER = /^\s*[a-zA-Z0-9_$]+\s*$/;
+const EXPRESSION_IDENTIFIER = /^\s*[a-zA-Z0-9_$]+\s*$/;
 function lastProperty(expr) {
-    var parts = expr.split('.');
+    const parts = expr.split('.');
     return parts[parts.length - 1];
 }
 exports.lastProperty = lastProperty;