@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/generators/builder.js

@@ -1,90 +1,100 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToBuilder = exports.blockToBuilder = void 0;
-var json5_1 = __importDefault(require("json5"));
-var lodash_1 = require("lodash");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var standalone_1 = require("prettier/standalone");
-var media_sizes_1 = require("../constants/media-sizes");
-var dedent_1 = require("../helpers/dedent");
-var fast_clone_1 = require("../helpers/fast-clone");
-var filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
-var get_state_object_string_1 = require("../helpers/get-state-object-string");
-var has_props_1 = require("../helpers/has-props");
-var is_component_1 = require("../helpers/is-component");
-var is_upper_case_1 = require("../helpers/is-upper-case");
-var remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
-var state_1 = require("../helpers/state");
-var builder_1 = require("../parsers/builder");
-var symbol_processor_1 = require("../symbols/symbol-processor");
-var on_mount_1 = require("./helpers/on-mount");
-var omitMetaProperties = function (obj) {
-    return (0, lodash_1.omitBy)(obj, function (_value, key) { return key.startsWith('$'); });
-};
-var builderBlockPrefixes = ['Amp', 'Core', 'Builder', 'Raw', 'Form'];
-var mapComponentName = function (name) {
+const is_mitosis_node_1 = require("../helpers/is-mitosis-node");
+const replace_identifiers_1 = require("../helpers/replace-identifiers");
+const core_1 = require("@babel/core");
+const json5_1 = __importDefault(require("json5"));
+const lodash_1 = require("lodash");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const standalone_1 = require("prettier/standalone");
+const media_sizes_1 = require("../constants/media-sizes");
+const dedent_1 = require("../helpers/dedent");
+const fast_clone_1 = require("../helpers/fast-clone");
+const filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
+const get_state_object_string_1 = require("../helpers/get-state-object-string");
+const has_props_1 = require("../helpers/has-props");
+const is_component_1 = require("../helpers/is-component");
+const is_upper_case_1 = require("../helpers/is-upper-case");
+const remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
+const state_1 = require("../helpers/state");
+const builder_1 = require("../parsers/builder");
+const symbol_processor_1 = require("../symbols/symbol-processor");
+const on_mount_1 = require("./helpers/on-mount");
+const omitMetaProperties = (obj) => (0, lodash_1.omitBy)(obj, (_value, key) => key.startsWith('$'));
+const builderBlockPrefixes = ['Amp', 'Core', 'Builder', 'Raw', 'Form'];
+const mapComponentName = (name) => {
     if (name === 'CustomCode') {
         return 'Custom Code';
     }
-    for (var _i = 0, builderBlockPrefixes_1 = builderBlockPrefixes; _i < builderBlockPrefixes_1.length; _i++) {
-        var prefix = builderBlockPrefixes_1[_i];
+    for (const prefix of builderBlockPrefixes) {
         if (name.startsWith(prefix)) {
-            var suffix = name.replace(prefix, '');
+            const suffix = name.replace(prefix, '');
             if ((0, is_upper_case_1.isUpperCase)(suffix[0])) {
-                return "".concat(prefix, ":").concat(name.replace(prefix, ''));
+                return `${prefix}:${name.replace(prefix, '')}`;
             }
         }
     }
     return name;
 };
-var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
-    ? {}
-    : {
-        Symbol: function (node, options) {
-            var child = node.children[0];
-            var symbolOptions = (node.bindings.symbol && json5_1.default.parse(node.bindings.symbol.code)) || {};
-            if (child) {
-                (0, lodash_1.set)(symbolOptions, 'content.data.blocks', child.children.map(function (item) { return (0, exports.blockToBuilder)(item, options); }));
-            }
-            return el({
-                component: {
-                    name: 'Symbol',
-                    options: {
-                        // TODO: forward other symbol options
-                        symbol: symbolOptions,
+const componentMappers = {
+    // TODO: add back if this direction (blocks as children not prop) is desired
+    ...(!builder_1.symbolBlocksAsChildren
+        ? {}
+        : {
+            Symbol(node, options) {
+                const child = node.children[0];
+                const symbolOptions = (node.bindings.symbol && json5_1.default.parse(node.bindings.symbol.code)) || {};
+                if (child) {
+                    (0, lodash_1.set)(symbolOptions, 'content.data.blocks', child.children.map((item) => (0, exports.blockToBuilder)(item, options)));
+                }
+                return el({
+                    component: {
+                        name: 'Symbol',
+                        options: {
+                            // TODO: forward other symbol options
+                            symbol: symbolOptions,
+                        },
                     },
-                },
-            }, options);
-        },
-    })), { Columns: function (node, options) {
-        var block = (0, exports.blockToBuilder)(node, options, { skipMapper: true });
-        var columns = block.children.map(function (item) { return ({
+                }, options);
+            },
+        }),
+    Columns(node, options) {
+        const block = (0, exports.blockToBuilder)(node, options, { skipMapper: true });
+        const columns = block.children.map((item) => ({
             blocks: item.children,
-        }); });
+        }));
         block.component.options.columns = columns;
         block.children = [];
         return block;
-    }, For: function (_node, options) {
+    },
+    For(_node, options) {
         var _a;
-        var node = _node;
+        // rename `index` var to `state.$index`
+        const replaceIndex = (node) => {
+            (0, legacy_1.default)(node).forEach(function (thing) {
+                if ((0, is_mitosis_node_1.isMitosisNode)(thing)) {
+                    for (const [key, value] of Object.entries(thing.bindings)) {
+                        if (value === null || value === void 0 ? void 0 : value.code.includes('index')) {
+                            thing.bindings[key].code = (0, replace_identifiers_1.replaceNodes)({
+                                code: value.code,
+                                nodeMaps: [
+                                    {
+                                        from: core_1.types.identifier('index'),
+                                        to: core_1.types.memberExpression(core_1.types.identifier('state'), core_1.types.identifier('$index')),
+                                    },
+                                ],
+                            });
+                        }
+                    }
+                }
+            });
+            return node;
+        };
+        const node = _node;
         return el({
             component: {
                 name: 'Core:Fragment',
@@ -95,9 +105,10 @@ var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
             },
             children: node.children
                 .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-                .map(function (node) { return (0, exports.blockToBuilder)(node, options); }),
+                .map((node) => (0, exports.blockToBuilder)(replaceIndex(node), options)),
         }, options);
-    }, Show: function (node, options) {
+    },
+    Show(node, options) {
         var _a;
         return el({
             // TODO: the reverse mapping for this
@@ -109,14 +120,19 @@ var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
             },
             children: node.children
                 .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-                .map(function (node) { return (0, exports.blockToBuilder)(node, options); }),
+                .map((node) => (0, exports.blockToBuilder)(node, options)),
         }, options);
-    } });
-var el = function (options, toBuilderOptions) { return (__assign(__assign({ '@type': '@builder.io/sdk:Element' }, (toBuilderOptions.includeIds && {
-    id: 'builder-' + (0, symbol_processor_1.hashCodeAsString)(options),
-})), options)); };
+    },
+};
+const el = (options, toBuilderOptions) => ({
+    '@type': '@builder.io/sdk:Element',
+    ...(toBuilderOptions.includeIds && {
+        id: 'builder-' + (0, symbol_processor_1.hashCodeAsString)(options),
+    }),
+    ...options,
+});
 function tryFormat(code) {
-    var str = code;
+    let str = code;
     try {
         str = (0, standalone_1.format)(str, {
             parser: 'babel',
@@ -131,24 +147,23 @@ function tryFormat(code) {
     }
     return str;
 }
-var blockToBuilder = function (json, options, _internalOptions) {
-    var _a;
-    var _b, _c, _d, _e, _f, _g;
-    if (options === void 0) { options = {}; }
-    if (_internalOptions === void 0) { _internalOptions = {}; }
-    var mapper = !_internalOptions.skipMapper && componentMappers[json.name];
+const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
+    var _a, _b, _c, _d, _e, _f;
+    const mapper = !_internalOptions.skipMapper && componentMappers[json.name];
     if (mapper) {
         return mapper(json, options);
     }
-    if (json.properties._text || ((_b = json.bindings._text) === null || _b === void 0 ? void 0 : _b.code)) {
+    if (json.properties._text || ((_a = json.bindings._text) === null || _a === void 0 ? void 0 : _a.code)) {
         return el({
             tagName: 'span',
-            bindings: __assign({}, (((_c = json.bindings._text) === null || _c === void 0 ? void 0 : _c.code)
-                ? {
-                    'component.options.text': json.bindings._text.code,
-                    'json.bindings._text.code': undefined,
-                }
-                : {})),
+            bindings: {
+                ...(((_b = json.bindings._text) === null || _b === void 0 ? void 0 : _b.code)
+                    ? {
+                        'component.options.text': json.bindings._text.code,
+                        'json.bindings._text.code': undefined,
+                    }
+                    : {}),
+            },
             component: {
                 name: 'Text',
                 options: {
@@ -157,119 +172,139 @@ var blockToBuilder = function (json, options, _internalOptions) {
             },
         }, options);
     }
-    var thisIsComponent = (0, is_component_1.isComponent)(json);
-    var bindings = json.bindings;
-    var actions = {};
-    for (var key in bindings) {
-        var eventBindingKeyRegex = /^on([A-Z])/;
-        var firstCharMatchForEventBindingKey = (_d = key.match(eventBindingKeyRegex)) === null || _d === void 0 ? void 0 : _d[1];
+    const thisIsComponent = (0, is_component_1.isComponent)(json);
+    let bindings = json.bindings;
+    const actions = {};
+    for (const key in bindings) {
+        const eventBindingKeyRegex = /^on([A-Z])/;
+        const firstCharMatchForEventBindingKey = (_c = key.match(eventBindingKeyRegex)) === null || _c === void 0 ? void 0 : _c[1];
         if (firstCharMatchForEventBindingKey) {
             actions[key.replace(eventBindingKeyRegex, firstCharMatchForEventBindingKey.toLowerCase())] =
-                (0, remove_surrounding_block_1.removeSurroundingBlock)((_e = bindings[key]) === null || _e === void 0 ? void 0 : _e.code);
+                (0, remove_surrounding_block_1.removeSurroundingBlock)((_d = bindings[key]) === null || _d === void 0 ? void 0 : _d.code);
             delete bindings[key];
         }
     }
-    var builderBindings = {};
-    var componentOptions = omitMetaProperties(json.properties);
+    const builderBindings = {};
+    const componentOptions = omitMetaProperties(json.properties);
     if (thisIsComponent) {
-        var _loop_1 = function (key) {
+        for (const key in bindings) {
             if (key === 'css') {
-                return "continue";
+                continue;
             }
-            var value = bindings[key];
-            var parsed = (0, lodash_1.attempt)(function () { return json5_1.default.parse(value === null || value === void 0 ? void 0 : value.code); });
+            const value = bindings[key];
+            const parsed = (0, lodash_1.attempt)(() => json5_1.default.parse(value === null || value === void 0 ? void 0 : value.code));
             if (!(parsed instanceof Error)) {
                 componentOptions[key] = parsed;
             }
             else {
-                builderBindings["component.options.".concat(key)] = bindings[key].code;
+                builderBindings[`component.options.${key}`] = bindings[key].code;
             }
-        };
-        for (var key in bindings) {
-            _loop_1(key);
         }
     }
-    var hasCss = !!((_f = bindings.css) === null || _f === void 0 ? void 0 : _f.code);
-    var responsiveStyles = {
+    const hasCss = !!((_e = bindings.css) === null || _e === void 0 ? void 0 : _e.code);
+    let responsiveStyles = {
         large: {},
     };
     if (hasCss) {
-        var cssRules = json5_1.default.parse((_g = bindings.css) === null || _g === void 0 ? void 0 : _g.code);
-        var cssRuleKeys = Object.keys(cssRules);
-        for (var _i = 0, cssRuleKeys_1 = cssRuleKeys; _i < cssRuleKeys_1.length; _i++) {
-            var ruleKey = cssRuleKeys_1[_i];
-            var mediaQueryMatch = ruleKey.match(media_sizes_1.mediaQueryRegex);
+        const cssRules = json5_1.default.parse((_f = bindings.css) === null || _f === void 0 ? void 0 : _f.code);
+        const cssRuleKeys = Object.keys(cssRules);
+        for (const ruleKey of cssRuleKeys) {
+            const mediaQueryMatch = ruleKey.match(media_sizes_1.mediaQueryRegex);
             if (mediaQueryMatch) {
-                var fullmatch = mediaQueryMatch[0], pixelSize = mediaQueryMatch[1];
-                var sizeForWidth = media_sizes_1.sizes.getSizeForWidth(Number(pixelSize));
-                var currentSizeStyles = responsiveStyles[sizeForWidth] || {};
-                responsiveStyles[sizeForWidth] = __assign(__assign({}, currentSizeStyles), cssRules[ruleKey]);
+                const [fullmatch, pixelSize] = mediaQueryMatch;
+                const sizeForWidth = media_sizes_1.sizes.getSizeForWidth(Number(pixelSize));
+                const currentSizeStyles = responsiveStyles[sizeForWidth] || {};
+                responsiveStyles[sizeForWidth] = {
+                    ...currentSizeStyles,
+                    ...cssRules[ruleKey],
+                };
             }
             else {
-                responsiveStyles.large = __assign(__assign({}, responsiveStyles.large), (_a = {}, _a[ruleKey] = cssRules[ruleKey], _a));
+                responsiveStyles.large = {
+                    ...responsiveStyles.large,
+                    [ruleKey]: cssRules[ruleKey],
+                };
             }
         }
         delete json.bindings.css;
     }
     if (thisIsComponent) {
-        for (var key in json.bindings) {
-            builderBindings["component.options.".concat(key)] = json.bindings[key].code;
+        for (const key in json.bindings) {
+            builderBindings[`component.options.${key}`] = json.bindings[key].code;
         }
     }
-    return el(__assign(__assign(__assign(__assign({ tagName: thisIsComponent ? undefined : json.name }, (hasCss && {
-        responsiveStyles: responsiveStyles,
-    })), { layerName: json.properties.$name }), (thisIsComponent && {
-        component: {
-            name: mapComponentName(json.name),
-            options: componentOptions,
-        },
-    })), { code: {
+    return el({
+        tagName: thisIsComponent ? undefined : json.name,
+        ...(hasCss && {
+            responsiveStyles,
+        }),
+        layerName: json.properties.$name,
+        ...(thisIsComponent && {
+            component: {
+                name: mapComponentName(json.name),
+                options: componentOptions,
+            },
+        }),
+        code: {
             bindings: builderBindings,
-            actions: actions,
-        }, properties: thisIsComponent ? undefined : omitMetaProperties(json.properties), bindings: thisIsComponent
+            actions,
+        },
+        properties: thisIsComponent ? undefined : omitMetaProperties(json.properties),
+        bindings: thisIsComponent
             ? builderBindings
-            : (0, lodash_1.omit)((0, lodash_1.mapValues)(bindings, function (value) { return value === null || value === void 0 ? void 0 : value.code; }), 'css'), actions: actions, children: json.children
+            : (0, lodash_1.omit)((0, lodash_1.mapValues)(bindings, (value) => value === null || value === void 0 ? void 0 : value.code), 'css'),
+        actions,
+        children: json.children
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-            .map(function (child) { return (0, exports.blockToBuilder)(child, options); }) }), options);
+            .map((child) => (0, exports.blockToBuilder)(child, options)),
+    }, options);
 };
 exports.blockToBuilder = blockToBuilder;
-var componentToBuilder = function (options) {
-    if (options === void 0) { options = {}; }
-    return function (_a) {
-        var _b, _c;
-        var component = _a.component;
-        var hasState = (0, state_1.checkHasState)(component);
-        var result = (0, fast_clone_1.fastClone)({
-            data: {
-                httpRequests: (_c = (_b = component === null || component === void 0 ? void 0 : component.meta) === null || _b === void 0 ? void 0 : _b.useMetadata) === null || _c === void 0 ? void 0 : _c.httpRequests,
-                jsCode: tryFormat((0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n\n        ", "\n        \n        ", "\n      "], ["\n        ", "\n\n        ", "\n        \n        ", "\n      "])), !(0, has_props_1.hasProps)(component) ? '' : "var props = state;", !hasState ? '' : "Object.assign(state, ".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(component), ");"), (0, on_mount_1.stringifySingleScopeOnMount)(component))),
-                tsCode: tryFormat((0, dedent_1.dedent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n\n        ", "\n\n        ", "\n      "], ["\n        ", "\n\n        ", "\n\n        ", "\n      "])), !(0, has_props_1.hasProps)(component) ? '' : "var props = state;", !hasState ? '' : "useStore(".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(component), ");"), !component.hooks.onMount.length
-                    ? ''
-                    : "onMount(() => {\n                ".concat((0, on_mount_1.stringifySingleScopeOnMount)(component), "\n              })"))),
-                blocks: component.children
-                    .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-                    .map(function (child) { return (0, exports.blockToBuilder)(child, options); }),
-            },
+const componentToBuilder = (options = {}) => ({ component }) => {
+    var _a, _b;
+    const hasState = (0, state_1.checkHasState)(component);
+    const result = (0, fast_clone_1.fastClone)({
+        data: {
+            httpRequests: (_b = (_a = component === null || component === void 0 ? void 0 : component.meta) === null || _a === void 0 ? void 0 : _a.useMetadata) === null || _b === void 0 ? void 0 : _b.httpRequests,
+            jsCode: tryFormat((0, dedent_1.dedent) `
+        ${!(0, has_props_1.hasProps)(component) ? '' : `var props = state;`}
+
+        ${!hasState ? '' : `Object.assign(state, ${(0, get_state_object_string_1.getStateObjectStringFromComponent)(component)});`}
+        
+        ${(0, on_mount_1.stringifySingleScopeOnMount)(component)}
+      `),
+            tsCode: tryFormat((0, dedent_1.dedent) `
+        ${!(0, has_props_1.hasProps)(component) ? '' : `var props = state;`}
+
+        ${!hasState ? '' : `useStore(${(0, get_state_object_string_1.getStateObjectStringFromComponent)(component)});`}
+
+        ${!component.hooks.onMount.length
+                ? ''
+                : `onMount(() => {
+                ${(0, on_mount_1.stringifySingleScopeOnMount)(component)}
+              })`}
+      `),
+            blocks: component.children
+                .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
+                .map((child) => (0, exports.blockToBuilder)(child, options)),
+        },
+    });
+    const subComponentMap = {};
+    for (const subComponent of component.subComponents) {
+        const name = subComponent.name;
+        subComponentMap[name] = (0, exports.componentToBuilder)(options)({
+            component: subComponent,
         });
-        var subComponentMap = {};
-        for (var _i = 0, _d = component.subComponents; _i < _d.length; _i++) {
-            var subComponent = _d[_i];
-            var name_1 = subComponent.name;
-            subComponentMap[name_1] = (0, exports.componentToBuilder)(options)({
-                component: subComponent,
-            });
-        }
-        (0, legacy_1.default)([result, subComponentMap]).forEach(function (el) {
-            var _a;
-            if ((0, builder_1.isBuilderElement)(el)) {
-                var value = subComponentMap[(_a = el.component) === null || _a === void 0 ? void 0 : _a.name];
-                if (value) {
-                    (0, lodash_1.set)(el, 'component.options.symbol.content', value);
-                }
+    }
+    (0, legacy_1.default)([result, subComponentMap]).forEach(function (el) {
+        var _a;
+        if ((0, builder_1.isBuilderElement)(el)) {
+            const value = subComponentMap[(_a = el.component) === null || _a === void 0 ? void 0 : _a.name];
+            if (value) {
+                (0, lodash_1.set)(el, 'component.options.symbol.content', value);
             }
-        });
-        return result;
-    };
+        }
+    });
+    return result;
 };
 exports.componentToBuilder = componentToBuilder;
-var templateObject_1, templateObject_2;

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

@@ -1,32 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToAngular = void 0;
-var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-var standalone_1 = require("prettier/standalone");
-var contextToAngular = function (options) {
-    if (options === void 0) { options = { typescript: false }; }
-    return function (_a) {
-        var context = _a.context;
-        var str = "\nimport { Injectable } from '@angular/core';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport default class ".concat(context.name, "Context {\n    ").concat((0, get_state_object_string_1.stringifyContextValue)(context.value)
-            .replace(/^\{/, '')
-            .replace(/\}$/, '')
-            .replaceAll(',', ';\n')
-            .replaceAll(':', ': any = '), "\n    constructor() { }\n}\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 contextToAngular = (options = { typescript: false }) => ({ context }) => {
+    let str = `
+import { Injectable } from '@angular/core';
+
+@Injectable({
+    providedIn: 'root'
+})
+export default class ${context.name}Context {
+    ${(0, get_state_object_string_1.stringifyContextValue)(context.value)
+        .replace(/^\{/, '')
+        .replace(/\}$/, '')
+        .replaceAll(',', ';\n')
+        .replaceAll(':', ': any = ')}
+    constructor() { }
+}
+  `;
+    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.contextToAngular = contextToAngular;

package/dist/src/generators/context/helpers/context-with-symbol-key.js

@@ -1,27 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getContextWithSymbolKey = void 0;
-var standalone_1 = require("prettier/standalone");
-var get_state_object_string_1 = require("../../../helpers/get-state-object-string");
-var getContextWithSymbolKey = function (options) {
-    return function (_a) {
-        var context = _a.context;
-        var str = "\n  const key = Symbol();  \n\n  export default {\n    ".concat(context.name, ": ").concat((0, get_state_object_string_1.stringifyContextValue)(context.value), ", \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 standalone_1 = require("prettier/standalone");
+const get_state_object_string_1 = require("../../../helpers/get-state-object-string");
+const getContextWithSymbolKey = (options) => ({ context }) => {
+    let str = `
+  const key = Symbol();  
+
+  export default {
+    ${context.name}: ${(0, get_state_object_string_1.stringifyContextValue)(context.value)}, 
+    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.getContextWithSymbolKey = getContextWithSymbolKey;

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

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToQwik = void 0;
-var standalone_1 = require("prettier/standalone");
-var contextToQwik = function (options) {
-    if (options === void 0) { options = {}; }
-    return function (_a) {
-        var context = _a.context;
-        var str = "\n  import { createContextId } from '@builder.io/qwik';\n\n  export default createContextId<any>(\"".concat(context.name, "\")\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 standalone_1 = require("prettier/standalone");
+const contextToQwik = (options = {}) => ({ context }) => {
+    let str = `
+  import { createContextId } from '@builder.io/qwik';
+
+  export default createContextId<any>("${context.name}")
+  `;
+    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.contextToQwik = contextToQwik;