@builder.io/mitosis 0.0.56-99 → 0.0.58

package/dist/src/helpers/babel-transform.js

@@ -34,10 +34,43 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.babelTransformExpression = exports.babelTransformCode = exports.babelTransform = void 0;
 var babel = __importStar(require("@babel/core"));
-var lodash_1 = require("lodash");
 var jsxPlugin = require('@babel/plugin-syntax-jsx');
 var tsPreset = require('@babel/preset-typescript');
 var decorators = require('@babel/plugin-syntax-decorators');
+var function_1 = require("fp-ts/lib/function");
+var handleErrorOrExpression = function (_a) {
+    var code = _a.code, useCode = _a.useCode, result = _a.result, visitor = _a.visitor;
+    try {
+        // If it can't, e.g. this is an expression or code fragment, modify the code below and try again
+        // Detect method fragments. These get passed sometimes and otherwise
+        // generate compile errors. They are of the form `foo() { ... }`
+        var isMethod = Boolean(!code.startsWith('function') && code.match(/^[a-z0-9_]+\s*\([^\)]*\)\s*[\{:]/i));
+        if (isMethod) {
+            useCode = "function ".concat(useCode);
+        }
+        // Parse the code as an expression (instead of the default, a block) by giving it a fake variable assignment
+        // e.g. if the code parsed is { ... } babel will treat that as a block by deafult, unless processed as an expression
+        // that is an object
+        useCode = "let _ = ".concat(useCode);
+        result = (0, function_1.pipe)((0, exports.babelTransformCode)(useCode, visitor), trimSemicolons, function (str) {
+            // Remove our fake variable assignment
+            return str.replace(/let _ =\s/, '');
+        });
+        if (isMethod) {
+            return result.replace('function', '');
+        }
+        return result;
+    }
+    catch (err) {
+        console.error('Error parsing code:\n', code, '\n', result);
+        try {
+            return (0, exports.babelTransformExpression)(code, visitor, 'functionBody');
+        }
+        catch (err) {
+            throw err;
+        }
+    }
+};
 var babelTransform = function (code, visitor) {
     return babel.transform(code, {
         sourceFileName: 'file.tsx',
@@ -49,13 +82,21 @@ var babelTransform = function (code, visitor) {
     });
 };
 exports.babelTransform = babelTransform;
-var babelTransformCode = function (code, visitor) {
-    var _a;
-    return ((_a = (0, exports.babelTransform)(code, visitor)) === null || _a === void 0 ? void 0 : _a.code) || '';
-};
+var babelTransformCode = function (code, visitor) { var _a; return ((_a = (0, exports.babelTransform)(code, visitor)) === null || _a === void 0 ? void 0 : _a.code) || ''; };
 exports.babelTransformCode = babelTransformCode;
+// Babel adds trailing semicolons, but for expressions we need those gone
+// TODO: maybe detect if the original code ended with one, and keep it if so, for the case
+// of appending several fragements
+var trimSemicolons = function (code) { return code.replace(/;$/, ''); };
+var trimExpression = function (type) { return function (code) {
+    switch (type) {
+        case 'functionBody':
+            return code.replace(/^function\s*\(\)\s*\{/, '').replace(/\};?$/, '');
+        default:
+            return trimSemicolons(code);
+    }
+}; };
 var babelTransformExpression = function (code, visitor, type) {
-    var _a;
     if (type === void 0) { type = 'unknown'; }
     if (!code) {
         return '';
@@ -74,61 +115,16 @@ var babelTransformExpression = function (code, visitor, type) {
     if (type === 'functionBody') {
         useCode = "function(){".concat(useCode, "}");
     }
-    var result = type === 'expression'
-        ? null
-        : (0, lodash_1.attempt)(function () {
-            var _a;
-            var result = ((_a = (0, exports.babelTransform)(useCode, visitor)) === null || _a === void 0 ? void 0 : _a.code) || '';
-            if (type === 'functionBody') {
-                return result.replace(/^function\(\)\{/, '').replace(/\};$/, '');
-            }
-            else {
-                // Babel addes trailing semicolons, but for expressions we need those gone
-                // TODO: maybe detect if the original code ended with one, and keep it if so, for the case
-                // of appending several fragements
-                return result.replace(/;$/, '');
-            }
-        });
-    if ((0, lodash_1.isError)(result) || type === 'expression') {
+    if (type !== 'expression') {
         try {
-            // If it can't, e.g. this is an expression or code fragment, modify the code below and try again
-            // Detect method fragments. These get passed sometimes and otherwise
-            // generate compile errors. They are of the form `foo() { ... }`
-            var isMethod = Boolean(!code.startsWith('function') && code.match(/^[a-z0-9_]+\s*\([^\)]*\)\s*[\{:]/i));
-            if (isMethod) {
-                useCode = "function ".concat(useCode);
-            }
-            // Parse the code as an expression (instead of the default, a block) by giving it a fake variable assignment
-            // e.g. if the code parsed is { ... } babel will treat that as a block by deafult, unless processed as an expression
-            // that is an object
-            useCode = "let _ = ".concat(useCode);
-            result = (((_a = (0, exports.babelTransform)(useCode, visitor)) === null || _a === void 0 ? void 0 : _a.code) || '')
-                // Babel adds trailing semicolons, but for expressions we need those gone
-                .replace(/;$/, '')
-                // Remove our fake variable assignment
-                .replace(/let _ =\s/, '');
-            if (isMethod) {
-                result = result.replace('function', '');
-            }
+            return (0, function_1.pipe)((0, exports.babelTransformCode)(useCode, visitor), trimExpression(type));
         }
-        catch (err) {
-            console.error('Error parsing code:\n', code, '\n', result);
-            try {
-                return (0, exports.babelTransformExpression)(code, visitor, 'functionBody');
-            }
-            catch (err) {
-                throw err;
-            }
+        catch (error) {
+            return handleErrorOrExpression({ code: code, useCode: useCode, result: null, visitor: visitor });
         }
     }
-    if (type === 'functionBody') {
-        return result.replace(/^function\s*\(\)\s*\{/, '').replace(/\};?$/, '');
-    }
     else {
-        // Babel adds trailing semicolons, but for expressions we need those gone
-        // TODO: maybe detect if the original code ended with one, and keep it if so, for the case
-        // of appending several fragements
-        return result.replace(/;$/, '');
+        return handleErrorOrExpression({ code: code, useCode: useCode, result: null, visitor: visitor });
     }
 };
 exports.babelTransformExpression = babelTransformExpression;

package/dist/src/helpers/get-bindings.js

@@ -4,11 +4,9 @@ exports.getBindingsCode = void 0;
 function getBindingsCode(children) {
     var bindings = [];
     children.forEach(function (child) {
-        if (child.bindings) {
-            Object.keys(child.bindings).forEach(function (key) {
-                bindings.push(child.bindings[key].code);
-            });
-        }
+        Object.values(child.bindings || []).forEach(function (binding) {
+            bindings.push(binding.code);
+        });
         if (child.children) {
             bindings.push.apply(bindings, getBindingsCode(child.children));
         }

package/dist/src/helpers/get-props.js

@@ -7,6 +7,15 @@ exports.getProps = void 0;
 var traverse_1 = __importDefault(require("traverse"));
 var propsRegex = /props\s*\.\s*([a-zA-Z0-9_\$]+)/;
 var allPropsMatchesRegex = new RegExp(propsRegex, 'g');
+// copied from https://github.com/vuejs/core/blob/fa6556a0d56eeff1fec4f948460351ccf8f99f35/packages/compiler-core/src/validateExpression.ts
+// typeof, instanceof and in are allowed
+var prohibitedKeywordRE = new RegExp('\\b' +
+    ('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
+        'super,throw,while,yield,delete,export,import,return,switch,default,' +
+        'extends,finally,continue,debugger,function,arguments,typeof,void')
+        .split(',')
+        .join('\\b|\\b') +
+    '\\b');
 /**
  * Get props used in the components by reference
  */
@@ -19,7 +28,11 @@ var getProps = function (json) {
             if (matches) {
                 for (var _i = 0, matches_1 = matches; _i < matches_1.length; _i++) {
                     var match = matches_1[_i];
-                    props.add(match.match(propsRegex)[1]);
+                    var prop = match.match(propsRegex)[1];
+                    if (prop.match(prohibitedKeywordRE)) {
+                        throw new Error("avoid using JavaScript keyword as property name: \"".concat(prop, "\""));
+                    }
+                    props.add(prop);
                 }
             }
         }

package/dist/src/helpers/get-state-object-string.js

@@ -16,10 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStateObjectStringFromComponent = exports.stringifyContextValue = exports.getMemberObjectString = void 0;
 var json5_1 = __importDefault(require("json5"));
-var function_literal_prefix_1 = require("../constants/function-literal-prefix");
-var method_literal_prefix_1 = require("../constants/method-literal-prefix");
-var patterns_1 = require("./patterns");
-var state_1 = require("./state");
 var DEFAULT_OPTIONS = {
     format: 'object',
     keyPrefix: '',
@@ -33,31 +29,38 @@ var convertStateMemberToString = function (_a) {
     return function (_a) {
         var key = _a[0], state = _a[1];
         var keyValueDelimiter = format === 'object' ? ':' : '=';
-        var code = state === null || state === void 0 ? void 0 : state.code;
-        if (typeof code === 'string') {
-            if (code.startsWith(function_literal_prefix_1.functionLiteralPrefix)) {
-                if (functions === false) {
+        if (!state) {
+            return undefined;
+        }
+        var code = state.code;
+        switch (state.type) {
+            case 'function': {
+                if (functions === false || typeof code !== 'string') {
                     return undefined;
                 }
-                var functionValue = code.replace(function_literal_prefix_1.functionLiteralPrefix, '');
-                return "".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(functionValue, 'function'));
+                return "".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(code, 'function'));
             }
-            else if (code.startsWith(method_literal_prefix_1.methodLiteralPrefix)) {
-                var methodValue = code.replace(method_literal_prefix_1.methodLiteralPrefix, '');
-                var isGet = Boolean(methodValue.match(patterns_1.GETTER));
-                if (isGet && getters === false) {
+            case 'method': {
+                if (functions === false || typeof code !== 'string') {
                     return undefined;
                 }
-                if (!isGet && functions === false) {
+                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'function'));
+            }
+            case 'getter': {
+                if (getters === false || typeof code !== 'string') {
                     return undefined;
                 }
-                return "".concat(keyPrefix, " ").concat(valueMapper(methodValue, isGet ? 'getter' : 'function'));
+                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'getter'));
             }
+            case 'property': {
+                if (data === false) {
+                    return undefined;
+                }
+                return "".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(json5_1.default.stringify(code), 'data'));
+            }
+            default:
+                break;
         }
-        if (data === false) {
-            return undefined;
-        }
-        return "".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(json5_1.default.stringify(code), 'data'));
     };
 };
 var getMemberObjectString = function (object, userOptions) {
@@ -80,7 +83,7 @@ var getMemberObjectString = function (object, userOptions) {
 exports.getMemberObjectString = getMemberObjectString;
 var stringifyContextValue = function (object, userOptions) {
     if (userOptions === void 0) { userOptions = {}; }
-    return (0, exports.getMemberObjectString)((0, state_1.mapJsonObjectToStateValue)(object), userOptions);
+    return (0, exports.getMemberObjectString)(object, userOptions);
 };
 exports.stringifyContextValue = stringifyContextValue;
 var getStateObjectStringFromComponent = function (component, options) { return (0, exports.getMemberObjectString)(component.state, options); };

package/dist/src/helpers/getters-to-functions.js

@@ -4,22 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.gettersToFunctions = void 0;
-var method_literal_prefix_1 = require("../constants/method-literal-prefix");
 var traverse_1 = __importDefault(require("traverse"));
 /**
  * Map getters like `useStore({ get foo() { ... }})` from `state.foo` to `foo()`
  */
 var gettersToFunctions = function (json) {
-    var getterKeys = Object.keys(json.state).filter(function (item) {
-        var _a;
-        var value = (_a = json.state[item]) === null || _a === void 0 ? void 0 : _a.code;
-        if (typeof value === 'string' &&
-            value.startsWith(method_literal_prefix_1.methodLiteralPrefix) &&
-            value.replace(method_literal_prefix_1.methodLiteralPrefix, '').startsWith('get ')) {
-            return true;
-        }
-        return false;
-    });
+    var getterKeys = Object.keys(json.state).filter(function (item) { var _a; return ((_a = json.state[item]) === null || _a === void 0 ? void 0 : _a.type) === 'getter'; });
     (0, traverse_1.default)(json).forEach(function (item) {
         // TODO: not all strings are expressions!
         if (typeof item === 'string') {

package/dist/src/helpers/map-refs.js

@@ -42,8 +42,6 @@ var traverse_1 = __importDefault(require("traverse"));
 var babel = __importStar(require("@babel/core"));
 var get_refs_1 = require("./get-refs");
 var is_mitosis_node_1 = require("./is-mitosis-node");
-var method_literal_prefix_1 = require("../constants/method-literal-prefix");
-var function_literal_prefix_1 = require("../constants/function-literal-prefix");
 var babel_transform_1 = require("./babel-transform");
 var patterns_1 = require("./patterns");
 var tsPreset = require('@babel/preset-typescript');
@@ -59,31 +57,33 @@ var replaceRefsInString = function (code, refs, mapper) {
     });
 };
 var mapRefs = function (component, mapper) {
-    var _a;
     var refSet = (0, get_refs_1.getRefs)(component);
     // grab refs not used for bindings
     Object.keys(component.refs).forEach(function (ref) { return refSet.add(ref); });
     var refs = Array.from(refSet);
-    for (var _i = 0, _b = Object.keys(component.state); _i < _b.length; _i++) {
-        var key = _b[_i];
-        var value = (_a = component.state[key]) === null || _a === void 0 ? void 0 : _a.code;
-        if (typeof value === 'string') {
-            if (value.startsWith(method_literal_prefix_1.methodLiteralPrefix)) {
-                var methodValue = value.replace(method_literal_prefix_1.methodLiteralPrefix, '');
-                var isGet = Boolean(methodValue.match(patterns_1.GETTER));
-                var isSet = Boolean(methodValue.match(patterns_1.SETTER));
-                component.state[key] = {
-                    code: method_literal_prefix_1.methodLiteralPrefix +
-                        replaceRefsInString(methodValue.replace(/^(get |set )?/, 'function '), refs, mapper).replace(/^function /, isGet ? 'get ' : isSet ? 'set ' : ''),
-                    type: isGet ? 'getter' : 'method',
-                };
-            }
-            else if (value.startsWith(function_literal_prefix_1.functionLiteralPrefix)) {
-                component.state[key] = {
-                    code: function_literal_prefix_1.functionLiteralPrefix +
-                        replaceRefsInString(value.replace(function_literal_prefix_1.functionLiteralPrefix, ''), refs, mapper),
-                    type: 'function',
-                };
+    for (var _i = 0, _a = Object.keys(component.state); _i < _a.length; _i++) {
+        var key = _a[_i];
+        var stateVal = component.state[key];
+        if (typeof (stateVal === null || stateVal === void 0 ? void 0 : stateVal.code) === 'string') {
+            var value = stateVal.code;
+            switch (stateVal.type) {
+                case 'method':
+                case 'getter':
+                    var isGet = stateVal.type === 'getter';
+                    var isSet = Boolean(value.match(patterns_1.SETTER));
+                    component.state[key] = {
+                        code: replaceRefsInString(value.replace(/^(get |set )?/, 'function '), refs, mapper).replace(/^function /, isGet ? 'get ' : isSet ? 'set ' : ''),
+                        type: stateVal.type,
+                    };
+                    break;
+                case 'function':
+                    component.state[key] = {
+                        code: replaceRefsInString(value, refs, mapper),
+                        type: 'function',
+                    };
+                    break;
+                default:
+                    break;
             }
         }
     }
@@ -98,8 +98,8 @@ var mapRefs = function (component, mapper) {
             }
         }
     });
-    for (var _c = 0, _d = Object.keys(component.hooks); _c < _d.length; _c++) {
-        var key = _d[_c];
+    for (var _b = 0, _c = Object.keys(component.hooks); _b < _c.length; _b++) {
+        var key = _c[_b];
         var hooks = component.hooks[key];
         if (Array.isArray(hooks)) {
             hooks.forEach(function (hook) {

package/dist/src/helpers/nodes/for.d.ts

@@ -0,0 +1,4 @@
+import { ForNode } from '../../types/mitosis-node';
+export declare const getForArguments: (node: ForNode, { excludeCollectionName }?: {
+    excludeCollectionName: boolean;
+}) => string[];

package/dist/src/helpers/nodes/for.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getForArguments = void 0;
+var nullable_1 = require("../nullable");
+var getForArguments = function (node, _a) {
+    var _b = _a === void 0 ? { excludeCollectionName: false } : _a, excludeCollectionName = _b.excludeCollectionName;
+    return [
+        node.scope.forName || 'item',
+        node.scope.indexName,
+        excludeCollectionName ? undefined : node.scope.collectionName,
+    ].filter(nullable_1.checkIsDefined);
+};
+exports.getForArguments = getForArguments;

package/dist/src/helpers/nullable.d.ts

@@ -0,0 +1,2 @@
+export declare type Nullable<X> = X | null | undefined;
+export declare const checkIsDefined: <T>(value: Nullable<T>) => value is NonNullable<T>;

package/dist/src/helpers/nullable.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsDefined = void 0;
+var checkIsDefined = function (value) {
+    return value !== null && value !== undefined;
+};
+exports.checkIsDefined = checkIsDefined;

package/dist/src/helpers/patterns.d.ts

@@ -1,2 +1,4 @@
 export declare const GETTER: RegExp;
 export declare const SETTER: RegExp;
+export declare const replaceGetterWithFunction: (str: string) => string;
+export declare const prefixWithFunction: (str: string) => string;

package/dist/src/helpers/patterns.js

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SETTER = exports.GETTER = void 0;
+exports.prefixWithFunction = exports.replaceGetterWithFunction = exports.SETTER = exports.GETTER = void 0;
 exports.GETTER = /^get /;
 exports.SETTER = /^set /;
+var replaceGetterWithFunction = function (str) { return str.replace(/^(get )?/, 'function '); };
+exports.replaceGetterWithFunction = replaceGetterWithFunction;
+var prefixWithFunction = function (str) { return "function ".concat(str); };
+exports.prefixWithFunction = prefixWithFunction;

package/dist/src/helpers/render-imports.js

@@ -40,7 +40,7 @@ var getFileExtensionForTarget = function (target) {
         case 'angular':
             return '';
         // these `.lite` extensions are handled in the `transpile` step of the CLI.
-        // TO-DO: consolidate file-extension renaming to one place.
+        // TO-DO: consolidate file-extension renaming to this file, and remove `.lite` replaces from the CLI `transpile`.
         default:
             return '.lite';
     }
@@ -51,7 +51,7 @@ var checkIsComponentImport = function (theImport) {
 var transformImportPath = function (theImport, target) {
     // We need to drop the `.lite` from context files, because the context generator does so as well.
     if (theImport.path.endsWith('.context.lite')) {
-        return theImport.path.replace('.lite', '');
+        return theImport.path.replace('.lite', '.js');
     }
     if (checkIsComponentImport(theImport)) {
         return theImport.path.replace('.lite', getFileExtensionForTarget(target));
@@ -110,7 +110,7 @@ var renderImport = function (_a) {
             console.warn('Vue: Async Component imports cannot include named imports. Dropping async import. This might break your code.');
         }
         else {
-            return "const ".concat(importValue, " = () => import('").concat(path, "')");
+            return "const ".concat(importValue, " = () => import('").concat(path, "').then(x => x.default)");
         }
     }
     return importValue ? "import ".concat(importValue, " from '").concat(path, "';") : "import '".concat(path, "';");

package/dist/src/helpers/replace-identifiers.d.ts

@@ -0,0 +1,5 @@
+export declare const replaceIdentifiers: ({ code, from, to, }: {
+    code: string;
+    from: string | string[];
+    to: string | ((identifier: string) => string);
+}) => string;

package/dist/src/helpers/{replace-idenifiers.js → replace-identifiers.js}

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceIdentifiers = void 0;
 var core_1 = require("@babel/core");
 var babel_transform_1 = require("./babel-transform");
-var replaceIdentifiers = function (code, from, to) {
+var replaceIdentifiers = function (_a) {
+    var code = _a.code, from = _a.from, to = _a.to;
     return (0, babel_transform_1.babelTransformExpression)(code, {
         Identifier: function (path) {
             if (

package/dist/src/helpers/slots.d.ts

@@ -1,2 +1,4 @@
+export declare type SlotMapper = (slotName: string) => string;
 export declare const isSlotProperty: (key: string) => boolean;
 export declare const stripSlotPrefix: (key: string) => string;
+export declare function replaceSlotsInString(code: string, mapper: SlotMapper): string;

package/dist/src/helpers/slots.js

@@ -1,8 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stripSlotPrefix = exports.isSlotProperty = void 0;
+exports.replaceSlotsInString = exports.stripSlotPrefix = exports.isSlotProperty = void 0;
+var core_1 = require("@babel/core");
+var babel_transform_1 = require("./babel-transform");
 var SLOT_PREFIX = 'slot';
 var isSlotProperty = function (key) { return key.startsWith(SLOT_PREFIX); };
 exports.isSlotProperty = isSlotProperty;
 var stripSlotPrefix = function (key) { return key.substring(SLOT_PREFIX.length); };
 exports.stripSlotPrefix = stripSlotPrefix;
+function replaceSlotsInString(code, mapper) {
+    return (0, babel_transform_1.babelTransformExpression)(code, {
+        Identifier: function (path) {
+            var name = path.node.name;
+            var isSlot = (0, exports.isSlotProperty)(name);
+            if (isSlot) {
+                path.replaceWith(core_1.types.identifier(mapper((0, exports.stripSlotPrefix)(name).toLowerCase())));
+            }
+        },
+    });
+}
+exports.replaceSlotsInString = replaceSlotsInString;

package/dist/src/helpers/state.d.ts

@@ -1,4 +1,2 @@
-import { JSONObject } from '../types/json';
 import { MitosisComponent } from '../types/mitosis-component';
 export declare const checkHasState: (component: MitosisComponent) => boolean;
-export declare const mapJsonObjectToStateValue: (value: JSONObject) => MitosisComponent['state'];

package/dist/src/helpers/state.js

@@ -1,16 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapJsonObjectToStateValue = exports.checkHasState = void 0;
-var lodash_1 = require("lodash");
+exports.checkHasState = void 0;
 var checkHasState = function (component) {
     return Boolean(Object.keys(component.state).length);
 };
 exports.checkHasState = checkHasState;
-var mapJsonToStateValue = function (value) { return ({
-    code: value,
-    type: 'property',
-}); };
-var mapJsonObjectToStateValue = function (value) {
-    return (0, lodash_1.mapValues)(value, mapJsonToStateValue);
-};
-exports.mapJsonObjectToStateValue = mapJsonObjectToStateValue;

package/dist/src/helpers/strip-state-and-props-refs.d.ts

@@ -16,4 +16,4 @@ export declare type StripStateAndPropsRefsOptions = {
  *
  * @todo proper ref replacement with babel
  */
-export declare const stripStateAndPropsRefs: (code?: string, options?: StripStateAndPropsRefsOptions) => string;
+export declare const stripStateAndPropsRefs: (code?: string, _options?: StripStateAndPropsRefsOptions) => string;

package/dist/src/helpers/strip-state-and-props-refs.js

@@ -1,6 +1,27 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripStateAndPropsRefs = void 0;
+var DEFAULT_OPTIONS = {
+    replaceWith: '',
+    contextVars: [],
+    outputVars: [],
+    stateVars: [],
+    context: 'this.',
+    domRefs: [],
+    includeProps: true,
+    includeState: true,
+};
 /**
  * Remove state. and props. from expressions, e.g.
  * state.foo -> foo
@@ -9,48 +30,39 @@ exports.stripStateAndPropsRefs = void 0;
  *
  * @todo proper ref replacement with babel
  */
-var stripStateAndPropsRefs = function (code, options) {
-    if (options === void 0) { options = {}; }
+var stripStateAndPropsRefs = function (code, _options) {
+    if (_options === void 0) { _options = {}; }
     var newCode = code || '';
-    var replacer = options.replaceWith || '';
-    var contextVars = (options === null || options === void 0 ? void 0 : options.contextVars) || [];
-    var outputVars = (options === null || options === void 0 ? void 0 : options.outputVars) || [];
-    var context = (options === null || options === void 0 ? void 0 : options.context) || 'this.';
-    var domRefs = (options === null || options === void 0 ? void 0 : options.domRefs) || [];
-    var stateVars = (options === null || options === void 0 ? void 0 : options.stateVars) || [];
-    if (contextVars.length) {
-        contextVars.forEach(function (_var) {
-            newCode = newCode.replace(
-            // determine expression edge cases - https://regex101.com/r/iNcTSM/1
-            new RegExp('(^|\\n|\\r| |;|\\(|\\[|!)' + _var + '(\\?\\.|\\.|\\(| |;|\\)|$)', 'g'), '$1' + context + _var + '$2');
-        });
-    }
-    if (outputVars.length) {
-        outputVars.forEach(function (_var) {
-            // determine expression edge cases onMessage( to this.onMessage.emit(
-            var regexp = '(^|\\s|;|\\()(props\\.?)' + _var + '\\(';
-            var replacer = '$1' + context + _var + '.emit(';
-            newCode = newCode.replace(new RegExp(regexp, 'g'), replacer);
-        });
-    }
-    if (options.includeProps !== false) {
-        if (typeof replacer === 'string') {
-            newCode = newCode.replace(/props\./g, replacer);
+    var _a = __assign(__assign({}, DEFAULT_OPTIONS), _options), replaceWith = _a.replaceWith, contextVars = _a.contextVars, outputVars = _a.outputVars, context = _a.context, domRefs = _a.domRefs, includeProps = _a.includeProps, includeState = _a.includeState, stateVars = _a.stateVars;
+    contextVars.forEach(function (_var) {
+        newCode = newCode.replace(
+        // determine expression edge cases - https://regex101.com/r/iNcTSM/1
+        new RegExp('(^|\\n|\\r| |;|\\(|\\[|!)' + _var + '(\\?\\.|\\.|\\(| |;|\\)|$)', 'g'), '$1' + context + _var + '$2');
+    });
+    outputVars.forEach(function (_var) {
+        // determine expression edge cases onMessage( to this.onMessage.emit(
+        var regexp = '(^|\\s|;|\\()(props\\.?)' + _var + '\\(';
+        var replacer = '$1' + context + _var + '.emit(';
+        newCode = newCode.replace(new RegExp(regexp, 'g'), replacer);
+    });
+    if (includeProps !== false) {
+        if (typeof replaceWith === 'string') {
+            newCode = newCode.replace(/props\./g, replaceWith);
         }
         else {
-            newCode = newCode.replace(/props\.([\$a-z0-9_]+)/gi, function (memo, name) { return replacer(name); });
+            newCode = newCode.replace(/props\.([\$a-z0-9_]+)/gi, function (memo, name) { return replaceWith(name); });
         }
         // TODO: webcomponent edge-case
         if (/el\.this\.props/.test(newCode)) {
             newCode = newCode.replace(/el\.this\.props/g, 'el.props');
         }
     }
-    if (options.includeState !== false) {
-        if (typeof replacer === 'string') {
-            newCode = newCode.replace(/state\./g, replacer);
+    if (includeState !== false) {
+        if (typeof replaceWith === 'string') {
+            newCode = newCode.replace(/state\./g, replaceWith);
         }
         else {
-            newCode = newCode.replace(/state\.([\$a-z0-9_]+)/gi, function (memo, name) { return replacer(name); });
+            newCode = newCode.replace(/state\.([\$a-z0-9_]+)/gi, function (memo, name) { return replaceWith(name); });
         }
     }
     var matchPropertyAccessorsArguments = '\\?\\.|,|\\.|\\(| |;|\\)|\\]|$'; // foo?.stuff | foo) | foo | foo] etc.

package/dist/src/helpers/styles/helpers.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="lodash" />
 import * as CSS from 'csstype';
 import { MitosisNode } from '../../types/mitosis-node';
 import { MitosisComponent } from '../../types/mitosis-component';
@@ -19,8 +20,8 @@ export declare const hasStyle: (component: MitosisComponent) => boolean;
 export declare type StyleMap = {
     [className: string]: CSS.Properties | StyleMap;
 };
-export declare const getNestedSelectors: (map: StyleMap) => import("lodash").Dictionary<StyleMap | CSS.Properties<0 | (string & {}), string & {}>>;
-export declare const getStylesOnly: (map: StyleMap) => import("lodash").Dictionary<StyleMap | CSS.Properties<0 | (string & {}), string & {}>>;
+export declare const getNestedSelectors: (map: StyleMap) => import("lodash").Dictionary<CSS.Properties<0 | (string & {}), string & {}> | StyleMap>;
+export declare const getStylesOnly: (map: StyleMap) => import("lodash").Dictionary<CSS.Properties<0 | (string & {}), string & {}> | StyleMap>;
 /**
  * { 'my-class': { display: 'block', '&.foo': { display: 'none' } }}
  */