@builder.io/mitosis 0.0.56-1 → 0.0.56-101

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

@@ -44,10 +44,8 @@ var babelTransform = function (code, visitor) {
         configFile: false,
         babelrc: false,
         presets: [[tsPreset, { isTSX: true, allExtensions: true }]],
-        plugins: __spreadArray([
-            [decorators, { legacy: true }],
-            jsxPlugin
-        ], (visitor ? [function () { return ({ visitor: visitor }); }] : []), true),
+        parserOpts: { allowReturnOutsideFunction: true },
+        plugins: __spreadArray([[decorators, { legacy: true }], jsxPlugin], (visitor ? [function () { return ({ visitor: visitor }); }] : []), true),
     });
 };
 exports.babelTransform = babelTransform;
@@ -57,7 +55,6 @@ var babelTransformCode = function (code, visitor) {
 };
 exports.babelTransformCode = babelTransformCode;
 var babelTransformExpression = function (code, visitor, type) {
-    var _a;
     if (type === void 0) { type = 'unknown'; }
     if (!code) {
         return '';
@@ -68,8 +65,7 @@ var babelTransformExpression = function (code, visitor, type) {
     }
     // For Builder content
     if (type === 'unknown' &&
-        (code.includes('return _virtual_index') ||
-            code.trim().startsWith('return ')) &&
+        (code.includes('return _virtual_index') || code.trim().startsWith('return ')) &&
         !code.trim().startsWith('function')) {
         type = 'functionBody';
     }
@@ -80,8 +76,7 @@ var babelTransformExpression = function (code, visitor, type) {
     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) || '';
+            var result = (0, exports.babelTransformCode)(useCode, visitor);
             if (type === 'functionBody') {
                 return result.replace(/^function\(\)\{/, '').replace(/\};$/, '');
             }
@@ -97,8 +92,7 @@ var babelTransformExpression = function (code, visitor, type) {
             // 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));
+            var isMethod = Boolean(!code.startsWith('function') && code.match(/^[a-z0-9_]+\s*\([^\)]*\)\s*[\{:]/i));
             if (isMethod) {
                 useCode = "function ".concat(useCode);
             }
@@ -106,8 +100,8 @@ var babelTransformExpression = function (code, visitor, type) {
             // 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 addes trailing semicolons, but for expressions we need those gone
+            result = (0, exports.babelTransformCode)(useCode, visitor)
+                // Babel adds trailing semicolons, but for expressions we need those gone
                 .replace(/;$/, '')
                 // Remove our fake variable assignment
                 .replace(/let _ =\s/, '');
@@ -129,7 +123,7 @@ var babelTransformExpression = function (code, visitor, type) {
         return result.replace(/^function\s*\(\)\s*\{/, '').replace(/\};?$/, '');
     }
     else {
-        // Babel addes trailing semicolons, but for expressions we need those gone
+        // 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(/;$/, '');

package/dist/src/helpers/create-mitosis-component.d.ts

@@ -1,2 +1,2 @@
 import { MitosisComponent } from '../types/mitosis-component';
-export declare const createMitosisComponent: (options?: Partial<MitosisComponent> | undefined) => MitosisComponent;
+export declare const createMitosisComponent: (options?: Partial<MitosisComponent>) => MitosisComponent;

package/dist/src/helpers/create-mitosis-component.js

@@ -12,5 +12,5 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMitosisComponent = void 0;
-var createMitosisComponent = function (options) { return (__assign({ '@type': '@builder.io/mitosis/component', imports: [], inputs: [], meta: {}, state: {}, children: [], hooks: {}, context: { get: {}, set: {} }, name: (options === null || options === void 0 ? void 0 : options.name) || 'MyComponent', subComponents: [] }, options)); };
+var createMitosisComponent = function (options) { return (__assign({ '@type': '@builder.io/mitosis/component', imports: [], exports: {}, inputs: [], meta: {}, refs: {}, state: {}, children: [], hooks: {}, context: { get: {}, set: {} }, name: (options === null || options === void 0 ? void 0 : options.name) || 'MyComponent', subComponents: [] }, options)); };
 exports.createMitosisComponent = createMitosisComponent;

package/dist/src/helpers/create-mitosis-node.js

@@ -12,5 +12,5 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMitosisNode = void 0;
-var createMitosisNode = function (options) { return (__assign({ '@type': '@builder.io/mitosis/node', name: 'div', meta: {}, properties: {}, bindings: {}, children: [] }, options)); };
+var createMitosisNode = function (options) { return (__assign({ '@type': '@builder.io/mitosis/node', name: 'div', meta: {}, scope: {}, properties: {}, bindings: {}, children: [] }, options)); };
 exports.createMitosisNode = createMitosisNode;

package/dist/src/helpers/fast-clone.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fastClone = void 0;
-var fastClone = function (obj) {
-    return JSON.parse(JSON.stringify(obj));
-};
+var fastClone = function (obj) { return JSON.parse(JSON.stringify(obj)); };
 exports.fastClone = fastClone;

package/dist/src/helpers/filter-empty-text-nodes.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterEmptyTextNodes = void 0;
 var filterEmptyTextNodes = function (node) {
-    return !(typeof node.properties._text === 'string' &&
-        !node.properties._text.trim().length);
+    return !(typeof node.properties._text === 'string' && !node.properties._text.trim().length);
 };
 exports.filterEmptyTextNodes = filterEmptyTextNodes;

package/dist/src/helpers/get-bindings.d.ts

@@ -0,0 +1,2 @@
+import { MitosisNode } from '../types/mitosis-node';
+export declare function getBindingsCode(children: MitosisNode[]): string[];

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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);
+            });
+        }
+        if (child.children) {
+            bindings.push.apply(bindings, getBindingsCode(child.children));
+        }
+    });
+    return bindings;
+}
+exports.getBindingsCode = getBindingsCode;

package/dist/src/helpers/get-custom-imports.d.ts

@@ -0,0 +1,15 @@
+import { MitosisComponent } from '../types/mitosis-component';
+/**
+ * Return custom imports of basic values (aka things
+ * that are not ClassCase like components and types)
+ *
+ * For for code like:
+ *   import { foo, bar } from './constants'
+ *
+ * Will return:
+ *   ['foo', 'bar' ]
+ *
+ * This also filters for strings that appears to be actually used
+ * by the template
+ */
+export declare function getCustomImports(json: MitosisComponent): string[];

package/dist/src/helpers/get-custom-imports.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCustomImports = void 0;
+var is_upper_case_1 = require("./is-upper-case");
+/**
+ * Return custom imports of basic values (aka things
+ * that are not ClassCase like components and types)
+ *
+ * For for code like:
+ *   import { foo, bar } from './constants'
+ *
+ * Will return:
+ *   ['foo', 'bar' ]
+ *
+ * This also filters for strings that appears to be actually used
+ * by the template
+ */
+function getCustomImports(json) {
+    var blocksString = JSON.stringify(json.children);
+    var customImports = json.imports
+        .map(function (item) {
+        return Object.keys(item.imports).filter(function (item) {
+            return item &&
+                // this ignores component imports, which are CamelCased.
+                (!(0, is_upper_case_1.isUpperCase)(item[0]) ||
+                    // this includes constants which are typically CAPITALIZED.
+                    item.toUpperCase() === item);
+        });
+    })
+        .flat()
+        // This is imperfect. Basically, if the string of this import name
+        // doesn't occur at all, it's definitely not used. If it does, it might.
+        // So this simple check helps us ~90% of the time not over-add imports
+        // to templates. Arguably "good enough" for now, as there is generally no
+        // consequence to over adding here, and it would be a lot more performance expensive
+        // during compilation to do a complete AST parse and look for real references
+        .filter(function (item) { return blocksString.includes(item); });
+    return customImports;
+}
+exports.getCustomImports = getCustomImports;

package/dist/src/helpers/get-prop-functions.d.ts

@@ -0,0 +1,5 @@
+import { MitosisComponent } from '../types/mitosis-component';
+/**
+ * Get props used in the components by reference
+ */
+export declare const getPropFunctions: (json: MitosisComponent) => string[];

package/dist/src/helpers/get-prop-functions.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPropFunctions = void 0;
+var traverse_1 = __importDefault(require("traverse"));
+var propsRegex = /props\s*\.\s*([a-zA-Z0-9_\4]+)\(/;
+var allPropsMatchesRegex = new RegExp(propsRegex, 'g');
+/**
+ * Get props used in the components by reference
+ */
+var getPropFunctions = function (json) {
+    var props = [];
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if (typeof item === 'string') {
+            // TODO: proper babel ref matching
+            var matches = item.match(allPropsMatchesRegex);
+            if (matches) {
+                for (var _i = 0, matches_1 = matches; _i < matches_1.length; _i++) {
+                    var match = matches_1[_i];
+                    props.push(match.match(propsRegex)[1]);
+                }
+            }
+        }
+    });
+    return props;
+};
+exports.getPropFunctions = getPropFunctions;

package/dist/src/helpers/get-props-ref.d.ts

@@ -0,0 +1,2 @@
+import { MitosisComponent } from '../types/mitosis-component';
+export declare function getPropsRef(json: MitosisComponent, shouldRemove?: boolean): [string, boolean];

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPropsRef = void 0;
+var traverse_1 = __importDefault(require("traverse"));
+var is_mitosis_node_1 = require("./is-mitosis-node");
+function getPropsRef(json, shouldRemove) {
+    var has = false;
+    var prop = '';
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            var binding = item.bindings.ref;
+            var regexp = /(.+)?props\.(.+)( |\)|;|\()?$/;
+            if (binding && regexp.test(binding.code)) {
+                var match = regexp.exec(binding.code);
+                var _prop = match === null || match === void 0 ? void 0 : match[2];
+                if (_prop) {
+                    prop = _prop;
+                }
+                if (shouldRemove) {
+                    delete item.bindings.ref;
+                }
+                has = true;
+                this.stop();
+            }
+        }
+    });
+    return [prop, has];
+}
+exports.getPropsRef = getPropsRef;

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

@@ -9,9 +9,10 @@ var is_mitosis_node_1 = require("./is-mitosis-node");
 var getRefs = function (json) {
     var refs = new Set();
     (0, traverse_1.default)(json).forEach(function (item) {
+        var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
-            if (typeof item.bindings.ref === 'string') {
-                refs.add(item.bindings.ref);
+            if (typeof ((_a = item.bindings.ref) === null || _a === void 0 ? void 0 : _a.code) === 'string') {
+                refs.add(item.bindings.ref.code);
             }
         }
     });

package/dist/src/helpers/get-state-object-string.d.ts

@@ -1,12 +1,14 @@
-import { JSONObject } from '../types/json';
+import { MitosisContext } from '../types/mitosis-context';
 import { MitosisComponent } from '../types/mitosis-component';
-export declare type GetStateObjectStringOptions = {
+interface GetStateObjectStringOptions {
     data?: boolean;
     functions?: boolean;
     getters?: boolean;
     valueMapper?: (code: string, type: 'data' | 'function' | 'getter') => string;
     format?: 'object' | 'class' | 'variables';
     keyPrefix?: string;
-};
-export declare const getMemberObjectString: (object: JSONObject, options?: GetStateObjectStringOptions) => string;
+}
+export declare const getMemberObjectString: (object: MitosisComponent['state'], userOptions?: GetStateObjectStringOptions) => string;
+export declare const stringifyContextValue: (object: MitosisContext['value'], userOptions?: GetStateObjectStringOptions) => string;
 export declare const getStateObjectStringFromComponent: (component: MitosisComponent, options?: GetStateObjectStringOptions) => string;
+export {};

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

@@ -14,53 +14,62 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStateObjectStringFromComponent = exports.getMemberObjectString = void 0;
+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 convertStateMemberToString = function (options) {
+var state_1 = require("./state");
+var DEFAULT_OPTIONS = {
+    format: 'object',
+    keyPrefix: '',
+    valueMapper: function (val) { return val; },
+    data: true,
+    functions: true,
+    getters: true,
+};
+var convertStateMemberToString = function (_a) {
+    var data = _a.data, format = _a.format, functions = _a.functions, getters = _a.getters, keyPrefix = _a.keyPrefix, valueMapper = _a.valueMapper;
     return function (_a) {
-        var key = _a[0], value = _a[1];
-        var valueMapper = options.valueMapper || (function (val) { return val; });
-        var keyValueDelimiter = options.format === 'object' ? ':' : '=';
-        var keyPrefix = options.keyPrefix || '';
-        if (typeof value === 'string') {
-            if (value.startsWith(function_literal_prefix_1.functionLiteralPrefix)) {
-                if (options.functions === false) {
+        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) {
                     return undefined;
                 }
-                var functionValue = value.replace(function_literal_prefix_1.functionLiteralPrefix, '');
+                var functionValue = code.replace(function_literal_prefix_1.functionLiteralPrefix, '');
                 return "".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(functionValue, 'function'));
             }
-            else if (value.startsWith(method_literal_prefix_1.methodLiteralPrefix)) {
-                var methodValue = value.replace(method_literal_prefix_1.methodLiteralPrefix, '');
+            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 && options.getters === false) {
+                if (isGet && getters === false) {
                     return undefined;
                 }
-                if (!isGet && options.functions === false) {
+                if (!isGet && functions === false) {
                     return undefined;
                 }
                 return "".concat(keyPrefix, " ").concat(valueMapper(methodValue, isGet ? 'getter' : 'function'));
             }
         }
-        if (options.data === false) {
+        if (data === false) {
             return undefined;
         }
-        return "".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(json5_1.default.stringify(value), 'data'));
+        return "".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(json5_1.default.stringify(code), 'data'));
     };
 };
-var getMemberObjectString = function (object, options) {
-    if (options === void 0) { options = {}; }
-    var format = options.format || 'object';
-    var lineItemDelimiter = format === 'object' ? ',' : '\n';
+var getMemberObjectString = function (object, userOptions) {
+    if (userOptions === void 0) { userOptions = {}; }
+    var options = __assign(__assign({}, DEFAULT_OPTIONS), userOptions);
+    var lineItemDelimiter = options.format === 'object' ? ',' : '\n';
     var stringifiedProperties = Object.entries(object)
-        .map(convertStateMemberToString(__assign(__assign({}, options), { format: format })))
+        .map(convertStateMemberToString(options))
         .filter(function (x) { return x !== undefined; })
         .join(lineItemDelimiter);
-    var prefix = format === 'object' ? '{' : '';
-    var suffix = format === 'object' ? '}' : '';
+    var prefix = options.format === 'object' ? '{' : '';
+    var suffix = options.format === 'object' ? '}' : '';
     // NOTE: we add a `lineItemDelimiter` at the very end because other functions will sometimes append more properties.
     // If the delimiter is a comma and the format is `object`, then we need to make sure we have an extra comma at the end,
     // or the object will become invalid JS.
@@ -69,9 +78,10 @@ var getMemberObjectString = function (object, options) {
     return "".concat(prefix).concat(stringifiedProperties).concat(extraDelimiter).concat(suffix);
 };
 exports.getMemberObjectString = getMemberObjectString;
-var getStateObjectStringFromComponent = function (component, options) {
-    if (options === void 0) { options = {}; }
-    var stateObjectStr = (0, exports.getMemberObjectString)(component.state, options);
-    return stateObjectStr;
+var stringifyContextValue = function (object, userOptions) {
+    if (userOptions === void 0) { userOptions = {}; }
+    return (0, exports.getMemberObjectString)((0, state_1.mapJsonObjectToStateValue)(object), userOptions);
 };
+exports.stringifyContextValue = stringifyContextValue;
+var getStateObjectStringFromComponent = function (component, options) { return (0, exports.getMemberObjectString)(component.state, options); };
 exports.getStateObjectStringFromComponent = getStateObjectStringFromComponent;

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

@@ -7,15 +7,16 @@ exports.setStyles = exports.getStyles = void 0;
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
 var getStyles = function (json) {
+    var _a;
     if (!json.bindings.css) {
         return null;
     }
     var css;
     try {
-        css = json5_1.default.parse(json.bindings.css);
+        css = json5_1.default.parse((_a = json.bindings.css) === null || _a === void 0 ? void 0 : _a.code);
     }
     catch (err) {
-        console.warn('Could not json 5 parse css', err, json.bindings.css);
+        console.warn('Could not json 5 parse css', err, json.bindings.css.code);
         return null;
     }
     return css;
@@ -26,7 +27,7 @@ var setStyles = function (json, styles) {
         delete json.bindings.css;
     }
     else {
-        json.bindings.css = json5_1.default.stringify(styles);
+        json.bindings.css = { code: json5_1.default.stringify(styles) };
     }
 };
 exports.setStyles = setStyles;

package/dist/src/helpers/getters-to-functions.d.ts

@@ -1,5 +1,5 @@
 import { MitosisComponent } from '../types/mitosis-component';
 /**
- * Map getters like `useState({ get foo() { ... }})` from `state.foo` to `foo()`
+ * Map getters like `useStore({ get foo() { ... }})` from `state.foo` to `foo()`
  */
 export declare const gettersToFunctions: (json: MitosisComponent) => void;

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

@@ -7,11 +7,12 @@ exports.gettersToFunctions = void 0;
 var method_literal_prefix_1 = require("../constants/method-literal-prefix");
 var traverse_1 = __importDefault(require("traverse"));
 /**
- * Map getters like `useState({ get foo() { ... }})` from `state.foo` to `foo()`
+ * 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 value = json.state[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 ')) {

package/dist/src/helpers/handle-missing-state.js

@@ -6,7 +6,7 @@ function handleMissingState(json) {
     var stateUsed = (0, get_state_used_1.getStateUsed)(json);
     Array.from(stateUsed).forEach(function (property) {
         if (!(property in json.state)) {
-            json.state[property] = null;
+            json.state[property] = { code: null, type: 'property' };
         }
     });
 }

package/dist/src/helpers/has-bindings-text.d.ts

@@ -0,0 +1,2 @@
+import { MitosisComponent } from '../types/mitosis-component';
+export declare const hasBindingsText: (json: MitosisComponent) => boolean;

package/dist/src/helpers/has-bindings-text.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasBindingsText = void 0;
+var traverse_1 = __importDefault(require("traverse"));
+var is_mitosis_node_1 = require("./is-mitosis-node");
+var is_children_1 = __importDefault(require("./is-children"));
+var hasBindingsText = function (json) {
+    var has = false;
+    (0, traverse_1.default)(json).forEach(function (node) {
+        var _a;
+        if ((0, is_mitosis_node_1.isMitosisNode)(node) && !(0, is_children_1.default)(node) && ((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code)) {
+            has = true;
+            this.stop();
+        }
+    });
+    return has;
+};
+exports.hasBindingsText = hasBindingsText;

package/dist/src/helpers/has-stateful-dom.d.ts

@@ -0,0 +1,2 @@
+import { MitosisComponent } from '../types/mitosis-component';
+export declare const hasStatefulDom: (json: MitosisComponent) => boolean;

package/dist/src/helpers/has-stateful-dom.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasStatefulDom = void 0;
+var traverse_1 = __importDefault(require("traverse"));
+var is_mitosis_node_1 = require("./is-mitosis-node");
+var hasStatefulDom = function (json) {
+    var has = false;
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            if (/input|textarea|select/.test(item.name)) {
+                has = true;
+                this.stop();
+            }
+        }
+    });
+    return has;
+};
+exports.hasStatefulDom = hasStatefulDom;

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

@@ -0,0 +1,9 @@
+import { MitosisComponent } from '../types/mitosis-component';
+import { MitosisNode } from '../types/mitosis-node';
+/**
+ * Test if the component has something
+ *
+ * e.g.
+ *    const hasSpread = has(component, node => Boolean(node.bindings._spread));
+ */
+export declare function has(json: MitosisComponent, test: (node: MitosisNode) => boolean): boolean;

package/dist/src/helpers/has.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.has = void 0;
+var traverse_1 = __importDefault(require("traverse"));
+var is_mitosis_node_1 = require("./is-mitosis-node");
+/**
+ * Test if the component has something
+ *
+ * e.g.
+ *    const hasSpread = has(component, node => Boolean(node.bindings._spread));
+ */
+function has(json, test) {
+    var found = false;
+    (0, traverse_1.default)(json).forEach(function (thing) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(thing)) {
+            if (test(thing)) {
+                found = true;
+                this.stop();
+            }
+        }
+    });
+    return found;
+}
+exports.has = has;

package/dist/src/helpers/is-children.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function isChildren(node) {
-    return ("".concat(node.bindings._text || '').replace(/\s+/g, '') === 'props.children');
+    var _a;
+    return ("".concat(((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code) || node.properties.__text || '').replace(/\s+/g, '') ===
+        'props.children');
 }
 exports.default = isChildren;

package/dist/src/helpers/is-component.js

@@ -4,7 +4,5 @@ exports.isComponent = void 0;
 /**
  * This node is a component, vs a plain html tag (<Foo> vs <div>)
  */
-var isComponent = function (json) {
-    return json.name.toLowerCase() !== json.name;
-};
+var isComponent = function (json) { return json.name.toLowerCase() !== json.name; };
 exports.isComponent = isComponent;

package/dist/src/helpers/is-html-attribute.d.ts

@@ -0,0 +1,4 @@
+export declare const htmlElementAttributes: {
+    [key: string]: string[];
+};
+export declare const isHtmlAttribute: (attr: string, tagName: string) => boolean;