@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/generators/context/react.js

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToReact = void 0;
-var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-var standalone_1 = require("prettier/standalone");
-var contextToReact = function (options) {
-    if (options === void 0) { options = { typescript: false, preact: false }; }
-    return function (_a) {
-        var context = _a.context;
-        var str = "\n  import { createContext } from '".concat(options.preact ? 'preact' : 'react', "';\n\n  export default createContext").concat(options.typescript ? '<any>' : '', "(").concat((0, get_state_object_string_1.stringifyContextValue)(context.value), ")\n  ");
-        if (options.format !== false) {
-            try {
-                str = (0, standalone_1.format)(str, {
-                    parser: 'typescript',
-                    plugins: [
-                        require('prettier/parser-typescript'), // To support running in browsers
-                    ],
-                });
-            }
-            catch (err) {
-                console.error('Format error for file:', str);
-                throw err;
-            }
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+const contextToReact = (options = { typescript: false, preact: false }) => ({ context }) => {
+    let str = `
+  import { createContext } from '${options.preact ? 'preact' : 'react'}';
+
+  export default createContext${options.typescript ? '<any>' : ''}(${(0, get_state_object_string_1.stringifyContextValue)(context.value)})
+  `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
         }
-        return str;
-    };
+        catch (err) {
+            console.error('Format error for file:', str);
+            throw err;
+        }
+    }
+    return str;
 };
 exports.contextToReact = contextToReact;

package/dist/src/generators/context/rsc.js

@@ -1,32 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToRsc = void 0;
-var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-var standalone_1 = require("prettier/standalone");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
 /**
  * React Server Components currently do not support context, so we use
  * plain objects and prop drilling instead.
  */
-var contextToRsc = function (options) {
-    if (options === void 0) { options = {}; }
-    return function (_a) {
-        var context = _a.context;
-        var str = "\n    export default ".concat((0, get_state_object_string_1.stringifyContextValue)(context.value), "\n    ");
-        if (options.format !== false) {
-            try {
-                str = (0, standalone_1.format)(str, {
-                    parser: 'typescript',
-                    plugins: [
-                        require('prettier/parser-typescript'), // To support running in browsers
-                    ],
-                });
-            }
-            catch (err) {
-                console.error('Format error for file:', str);
-                throw err;
-            }
+const contextToRsc = (options = {}) => ({ context }) => {
+    let str = `
+    export default ${(0, get_state_object_string_1.stringifyContextValue)(context.value)}
+    `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
         }
-        return str;
-    };
+        catch (err) {
+            console.error('Format error for file:', str);
+            throw err;
+        }
+    }
+    return str;
 };
 exports.contextToRsc = contextToRsc;

package/dist/src/generators/context/solid.js

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToSolid = void 0;
-var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-var standalone_1 = require("prettier/standalone");
-var contextToSolid = function (options) {
-    if (options === void 0) { options = {}; }
-    return function (_a) {
-        var context = _a.context;
-        var str = "\n    import { createContext } from 'solid-js';\n\n    export default createContext(".concat((0, get_state_object_string_1.stringifyContextValue)(context.value), ")\n    ");
-        if (options.format !== false) {
-            try {
-                str = (0, standalone_1.format)(str, {
-                    parser: 'typescript',
-                    plugins: [
-                        require('prettier/parser-typescript'), // To support running in browsers
-                    ],
-                });
-            }
-            catch (err) {
-                console.error('Format error for file:', str);
-                throw err;
-            }
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+const contextToSolid = (options = {}) => ({ context }) => {
+    let str = `
+    import { createContext } from 'solid-js';
+
+    export default createContext(${(0, get_state_object_string_1.stringifyContextValue)(context.value)})
+    `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
         }
-        return str;
-    };
+        catch (err) {
+            console.error('Format error for file:', str);
+            throw err;
+        }
+    }
+    return str;
 };
 exports.contextToSolid = contextToSolid;

package/dist/src/generators/context/svelte.js

@@ -1,37 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToSvelte = void 0;
-var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-var standalone_1 = require("prettier/standalone");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
 /**
  * TO-DO: support types
  */
-var contextToSvelte = function (options) {
-    return function (_a) {
-        var context = _a.context;
-        var isReactive = context.type === 'reactive';
-        var str = "\nconst key = Symbol();  \n".concat(isReactive ? 'import {writable} from "svelte/store";' : '', "\n\nexport default {\n  ").concat(context.name, ": ").concat([
-            isReactive && 'writable(',
-            (0, get_state_object_string_1.stringifyContextValue)(context.value),
-            isReactive && ')',
-        ]
-            .filter(Boolean)
-            .join(''), ", \n  key \n}\n");
-        if (options.prettier !== false) {
-            try {
-                str = (0, standalone_1.format)(str, {
-                    parser: 'typescript',
-                    plugins: [
-                        require('prettier/parser-typescript'), // To support running in browsers
-                    ],
-                });
-            }
-            catch (err) {
-                console.error('Format error for file:', str);
-                throw err;
-            }
+const contextToSvelte = (options) => ({ context }) => {
+    const isReactive = context.type === 'reactive';
+    let str = `
+const key = Symbol();  
+${isReactive ? 'import {writable} from "svelte/store";' : ''}
+
+export default {
+  ${context.name}: ${[
+        isReactive && 'writable(',
+        (0, get_state_object_string_1.stringifyContextValue)(context.value),
+        isReactive && ')',
+    ]
+        .filter(Boolean)
+        .join('')}, 
+  key 
+}
+`;
+    if (options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
         }
-        return str;
-    };
+        catch (err) {
+            console.error('Format error for file:', str);
+            throw err;
+        }
+    }
+    return str;
 };
 exports.contextToSvelte = contextToSvelte;

package/dist/src/generators/context/vue.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToVue = void 0;
-var context_with_symbol_key_1 = require("./helpers/context-with-symbol-key");
+const context_with_symbol_key_1 = require("./helpers/context-with-symbol-key");
 exports.contextToVue = context_with_symbol_key_1.getContextWithSymbolKey;

package/dist/src/generators/helpers/context.js

@@ -1,22 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getContextType = exports.hasGetContext = exports.hasSetContext = exports.hasContext = void 0;
-var hasContext = function (component) {
-    return (0, exports.hasSetContext)(component) || (0, exports.hasGetContext)(component);
-};
+const hasContext = (component) => (0, exports.hasSetContext)(component) || (0, exports.hasGetContext)(component);
 exports.hasContext = hasContext;
-var hasSetContext = function (component) {
-    return Object.keys(component.context.set).length > 0;
-};
+const hasSetContext = (component) => Object.keys(component.context.set).length > 0;
 exports.hasSetContext = hasSetContext;
-var hasGetContext = function (component) {
-    return Object.keys(component.context.get).length > 0;
-};
+const hasGetContext = (component) => Object.keys(component.context.get).length > 0;
 exports.hasGetContext = hasGetContext;
-var getContextType = function (_a) {
-    var _b, _c;
-    var component = _a.component, context = _a.context;
+const getContextType = ({ component, context, }) => {
+    var _a, _b;
     // TO-DO: remove useMetadata check if no longer needed.
-    return ((_c = (_b = component.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.contextTypes) === null || _c === void 0 ? void 0 : _c[context.name]) || context.type || 'normal';
+    return ((_b = (_a = component.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.contextTypes) === null || _b === void 0 ? void 0 : _b[context.name]) || context.type || 'normal';
 };
 exports.getContextType = getContextType;

package/dist/src/generators/helpers/functions.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FUNCTION_HACK_PLUGIN = void 0;
-var patterns_1 = require("../../helpers/patterns");
-var FUNCTION_HACK_PLUGIN = function () { return ({
+const patterns_1 = require("../../helpers/patterns");
+const FUNCTION_HACK_PLUGIN = () => ({
     json: {
-        pre: function (json) {
+        pre: (json) => {
             var _a, _b;
-            for (var key in json.state) {
-                var value = (_a = json.state[key]) === null || _a === void 0 ? void 0 : _a.code;
-                var type = (_b = json.state[key]) === null || _b === void 0 ? void 0 : _b.type;
+            for (const key in json.state) {
+                const value = (_a = json.state[key]) === null || _a === void 0 ? void 0 : _a.code;
+                const type = (_b = json.state[key]) === null || _b === void 0 ? void 0 : _b.type;
                 if (typeof value === 'string' && type === 'method') {
-                    var newValue = (0, patterns_1.prefixWithFunction)(value);
+                    const newValue = (0, patterns_1.prefixWithFunction)(value);
                     json.state[key] = {
                         code: newValue,
                         type: 'method',
@@ -25,5 +25,5 @@ var FUNCTION_HACK_PLUGIN = function () { return ({
             }
         },
     },
-}); };
+});
 exports.FUNCTION_HACK_PLUGIN = FUNCTION_HACK_PLUGIN;

package/dist/src/generators/helpers/on-mount.js

@@ -4,17 +4,21 @@ exports.stringifySingleScopeOnMount = void 0;
 /**
  * Helper for frameworks where all `onMount()`s must share a single scope.
  */
-var stringifySingleScopeOnMount = function (json) {
-    var hooks = json.hooks.onMount;
+const stringifySingleScopeOnMount = (json) => {
+    const hooks = json.hooks.onMount;
     if (hooks.length === 0)
         return '';
     if (hooks.length === 1) {
         return hooks[0].code;
     }
     return hooks
-        .map(function (hook, i) {
-        var hookFnName = "onMountHook_".concat(i);
-        return "\n    const ".concat(hookFnName, " = () => {\n      ").concat(hook.code, "\n    }\n    ").concat(hookFnName, "();");
+        .map((hook, i) => {
+        const hookFnName = `onMountHook_${i}`;
+        return `
+    const ${hookFnName} = () => {
+      ${hook.code}
+    }
+    ${hookFnName}();`;
     })
         .join('');
 };

package/dist/src/generators/helpers/rsc.js

@@ -4,12 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIfIsClientComponent = void 0;
-var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var checkIsNodeAMitosisComponent = function (node) {
-    return node.name[0] === node.name[0].toUpperCase();
-};
-var checkIfIsClientComponent = function (json) {
+const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const checkIsNodeAMitosisComponent = (node) => node.name[0] === node.name[0].toUpperCase();
+const checkIfIsClientComponent = (json) => {
     var _a, _b;
     if (json.hooks.onMount.length)
         return true;
@@ -23,12 +21,12 @@ var checkIfIsClientComponent = function (json) {
         return true;
     if (Object.keys(json.context.get).length)
         return true;
-    if (Object.values(json.state).filter(function (s) { return (s === null || s === void 0 ? void 0 : s.type) === 'property'; }).length)
+    if (Object.values(json.state).filter((s) => (s === null || s === void 0 ? void 0 : s.type) === 'property').length)
         return true;
-    var foundEventListener = false;
+    let foundEventListener = false;
     (0, legacy_1.default)(json).forEach(function (node) {
         if ((0, is_mitosis_node_1.isMitosisNode)(node) && !checkIsNodeAMitosisComponent(node)) {
-            if (Object.keys(node.bindings).filter(function (item) { return item.startsWith('on'); }).length) {
+            if (Object.keys(node.bindings).filter((item) => item.startsWith('on')).length) {
                 foundEventListener = true;
                 this.stop();
             }