@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/constants/media-sizes.js

@@ -18,13 +18,12 @@ exports.sizes = {
         default: 991,
         max: 1200,
     },
-    getWidthForSize: function (size) {
+    getWidthForSize(size) {
         return this[size].default;
     },
-    getSizeForWidth: function (width) {
-        for (var _i = 0, sizeNames_1 = exports.sizeNames; _i < sizeNames_1.length; _i++) {
-            var size = sizeNames_1[_i];
-            var value = this[size];
+    getSizeForWidth(width) {
+        for (const size of exports.sizeNames) {
+            const value = this[size];
             if (width <= value.max) {
                 return size;
             }

package/dist/src/generators/alpine/generate.js

@@ -1,46 +1,32 @@
 "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.componentToAlpine = exports.isValidAlpineBinding = exports.checkIsComponentNode = void 0;
-var babel_transform_1 = require("../../helpers/babel-transform");
-var dash_case_1 = require("../../helpers/dash-case");
-var fast_clone_1 = require("../../helpers/fast-clone");
-var get_refs_1 = require("../../helpers/get-refs");
-var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-var merge_options_1 = require("../../helpers/merge-options");
-var remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
-var replace_identifiers_1 = require("../../helpers/replace-identifiers");
-var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
-var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
-var collect_css_1 = require("../../helpers/styles/collect-css");
-var mitosis_node_1 = require("../../types/mitosis-node");
-var lodash_1 = require("lodash");
-var standalone_1 = require("prettier/standalone");
-var html_tags_1 = require("../../constants/html_tags");
-var plugins_1 = require("../../modules/plugins");
-var render_mount_hook_1 = require("./render-mount-hook");
-var render_update_hooks_1 = require("./render-update-hooks");
-var checkIsComponentNode = function (node) {
-    return node.name === '@builder.io/mitosis/component';
-};
+const babel_transform_1 = require("../../helpers/babel-transform");
+const dash_case_1 = require("../../helpers/dash-case");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const get_refs_1 = require("../../helpers/get-refs");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const merge_options_1 = require("../../helpers/merge-options");
+const remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
+const replace_identifiers_1 = require("../../helpers/replace-identifiers");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+const collect_css_1 = require("../../helpers/styles/collect-css");
+const mitosis_node_1 = require("../../types/mitosis-node");
+const lodash_1 = require("lodash");
+const standalone_1 = require("prettier/standalone");
+const html_tags_1 = require("../../constants/html_tags");
+const plugins_1 = require("../../modules/plugins");
+const render_mount_hook_1 = require("./render-mount-hook");
+const render_update_hooks_1 = require("./render-update-hooks");
+const checkIsComponentNode = (node) => node.name === '@builder.io/mitosis/component';
 exports.checkIsComponentNode = checkIsComponentNode;
 /**
  * Test if the binding expression would be likely to generate
  * valid or invalid liquid. If we generate invalid liquid tags
  * Shopify will reject our PUT to update the template
  */
-var isValidAlpineBinding = function (str) {
-    if (str === void 0) { str = ''; }
+const isValidAlpineBinding = (str = '') => {
     return true;
     /*
     const strictMatches = Boolean(
@@ -58,57 +44,53 @@ var isValidAlpineBinding = function (str) {
     */
 };
 exports.isValidAlpineBinding = isValidAlpineBinding;
-var removeOnFromEventName = function (str) { return str.replace(/^on/, ''); };
-var removeTrailingSemicolon = function (str) { return str.replace(/;$/, ''); };
-var trim = function (str) { return str.trim(); };
-var replaceInputRefs = (0, lodash_1.curry)(function (json, str) {
-    (0, get_refs_1.getRefs)(json).forEach(function (value) {
-        str = str.replaceAll(value, "this.$refs.".concat(value));
+const removeOnFromEventName = (str) => str.replace(/^on/, '');
+const removeTrailingSemicolon = (str) => str.replace(/;$/, '');
+const trim = (str) => str.trim();
+const replaceInputRefs = (0, lodash_1.curry)((json, str) => {
+    (0, get_refs_1.getRefs)(json).forEach((value) => {
+        str = str.replaceAll(value, `this.$refs.${value}`);
     });
     return str;
 });
-var replaceStateWithThis = function (str) { return str.replaceAll('state.', 'this.'); };
-var getStateObjectString = function (json) {
-    return (0, lodash_1.flow)(get_state_object_string_1.getStateObjectStringFromComponent, trim, replaceInputRefs(json), (0, render_mount_hook_1.renderMountHook)(json), (0, render_update_hooks_1.renderUpdateHooks)(json), replaceStateWithThis, 
-    // cleanup bad regexes that result in malformed JSON strings that start with `{,`
-    function (x) { return (x.startsWith('{,') ? x.replace('{,', '{') : x); })(json);
-};
-var bindEventHandlerKey = (0, lodash_1.flowRight)(dash_case_1.dashCase, removeOnFromEventName);
-var bindEventHandlerValue = (0, lodash_1.flowRight)(function (x) {
-    return (0, replace_identifiers_1.replaceIdentifiers)({
-        code: x,
-        from: 'event',
-        to: '$event',
-    });
-}, removeTrailingSemicolon, trim, remove_surrounding_block_1.removeSurroundingBlock, strip_state_and_props_refs_1.stripStateAndPropsRefs);
-var bindEventHandler = function (_a) {
-    var useShorthandSyntax = _a.useShorthandSyntax;
-    return function (eventName, code) {
-        var bind = useShorthandSyntax ? '@' : 'x-on:';
-        return " ".concat(bind).concat(bindEventHandlerKey(eventName), "=\"").concat(bindEventHandlerValue(code).trim(), "\"");
-    };
+const replaceStateWithThis = (str) => str.replaceAll('state.', 'this.');
+const getStateObjectString = (json) => (0, lodash_1.flow)(get_state_object_string_1.getStateObjectStringFromComponent, trim, replaceInputRefs(json), (0, render_mount_hook_1.renderMountHook)(json), (0, render_update_hooks_1.renderUpdateHooks)(json), replaceStateWithThis, 
+// cleanup bad regexes that result in malformed JSON strings that start with `{,`
+(x) => (x.startsWith('{,') ? x.replace('{,', '{') : x))(json);
+const bindEventHandlerKey = (0, lodash_1.flowRight)(dash_case_1.dashCase, removeOnFromEventName);
+const bindEventHandlerValue = (0, lodash_1.flowRight)((x) => (0, replace_identifiers_1.replaceIdentifiers)({
+    code: x,
+    from: 'event',
+    to: '$event',
+}), removeTrailingSemicolon, trim, remove_surrounding_block_1.removeSurroundingBlock, strip_state_and_props_refs_1.stripStateAndPropsRefs);
+const bindEventHandler = ({ useShorthandSyntax }) => (eventName, code) => {
+    const bind = useShorthandSyntax ? '@' : 'x-on:';
+    return ` ${bind}${bindEventHandlerKey(eventName)}="${bindEventHandlerValue(code).trim()}"`;
 };
-var mappers = {
-    For: function (json, options) {
+const mappers = {
+    For: (json, options) => {
         var _a, _b, _c;
         return !((0, mitosis_node_1.checkIsForNode)(json) &&
             (0, exports.isValidAlpineBinding)((_a = json.bindings.each) === null || _a === void 0 ? void 0 : _a.code) &&
             (0, exports.isValidAlpineBinding)(json.scope.forName))
             ? ''
-            : "<template x-for=\"".concat(json.scope.forName, " in ").concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)((_b = json.bindings.each) === null || _b === void 0 ? void 0 : _b.code), "\">\n    ").concat(((_c = json.children) !== null && _c !== void 0 ? _c : []).map(function (item) { return blockToAlpine(item, options); }).join('\n'), "\n    </template>");
+            : `<template x-for="${json.scope.forName} in ${(0, strip_state_and_props_refs_1.stripStateAndPropsRefs)((_b = json.bindings.each) === null || _b === void 0 ? void 0 : _b.code)}">
+    ${((_c = json.children) !== null && _c !== void 0 ? _c : []).map((item) => blockToAlpine(item, options)).join('\n')}
+    </template>`;
     },
-    Fragment: function (json, options) { return blockToAlpine(__assign(__assign({}, json), { name: 'div' }), options); },
-    Show: function (json, options) {
+    Fragment: (json, options) => blockToAlpine({ ...json, name: 'div' }, options),
+    Show: (json, options) => {
         var _a, _b, _c;
         return !(0, exports.isValidAlpineBinding)((_a = json.bindings.when) === null || _a === void 0 ? void 0 : _a.code)
             ? ''
-            : "<template x-if=\"".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)((_b = json.bindings.when) === null || _b === void 0 ? void 0 : _b.code), "\">\n    ").concat(((_c = json.children) !== null && _c !== void 0 ? _c : []).map(function (item) { return blockToAlpine(item, options); }).join('\n'), "\n    </template>");
+            : `<template x-if="${(0, strip_state_and_props_refs_1.stripStateAndPropsRefs)((_b = json.bindings.when) === null || _b === void 0 ? void 0 : _b.code)}">
+    ${((_c = json.children) !== null && _c !== void 0 ? _c : []).map((item) => blockToAlpine(item, options)).join('\n')}
+    </template>`;
     },
 };
 // TODO: spread support
-var blockToAlpine = function (json, options) {
+const blockToAlpine = (json, options = {}) => {
     var _a, _b;
-    if (options === void 0) { options = {}; }
     if (mappers[json.name]) {
         return mappers[json.name](json, options);
     }
@@ -118,10 +100,10 @@ var blockToAlpine = function (json, options) {
     }
     if ((_a = json.bindings._text) === null || _a === void 0 ? void 0 : _a.code) {
         return (0, exports.isValidAlpineBinding)(json.bindings._text.code)
-            ? "<span x-html=\"".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings._text.code), "\"></span>")
+            ? `<span x-html="${(0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings._text.code)}"></span>`
             : '';
     }
-    var str = "<".concat(json.name, " ");
+    let str = `<${json.name} `;
     /*
     // Copied from the liquid generator. Not sure what it does.
     if (
@@ -135,84 +117,84 @@ var blockToAlpine = function (json, options) {
           `;
     }
     */
-    for (var key in json.properties) {
-        var value = json.properties[key];
-        str += " ".concat(key, "=\"").concat(value, "\" ");
+    for (const key in json.properties) {
+        const value = json.properties[key];
+        str += ` ${key}="${value}" `;
     }
-    for (var key in json.bindings) {
+    for (const key in json.bindings) {
         if (key === '_spread' || key === 'css') {
             continue;
         }
-        var _c = json.bindings[key], value = _c.code, bindingType = _c.type;
+        const { code: value, type: bindingType } = json.bindings[key];
         // TODO: proper babel transform to replace. Util for this
-        var useValue = (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value);
+        const useValue = (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value);
         if (key.startsWith('on')) {
             str += bindEventHandler(options)(key, value);
         }
         else if (key === 'ref') {
-            str += " x-ref=\"".concat(useValue, "\"");
+            str += ` x-ref="${useValue}"`;
         }
         else if ((0, exports.isValidAlpineBinding)(useValue)) {
-            var bind = options.useShorthandSyntax && bindingType !== 'spread' ? ':' : 'x-bind:';
-            str += " ".concat(bind).concat(bindingType === 'spread' ? '' : key, "=\"").concat(useValue, "\" ").replace(':=', '=');
+            const bind = options.useShorthandSyntax && bindingType !== 'spread' ? ':' : 'x-bind:';
+            str += ` ${bind}${bindingType === 'spread' ? '' : key}="${useValue}" `.replace(':=', '=');
         }
     }
     return html_tags_1.SELF_CLOSING_HTML_TAGS.has(json.name)
-        ? "".concat(str, " />")
-        : "".concat(str, ">").concat(((_b = json.children) !== null && _b !== void 0 ? _b : []).map(function (item) { return blockToAlpine(item, options); }).join('\n'), "</").concat(json.name, ">");
+        ? `${str} />`
+        : `${str}>${((_b = json.children) !== null && _b !== void 0 ? _b : []).map((item) => blockToAlpine(item, options)).join('\n')}</${json.name}>`;
 };
-var componentToAlpine = function (_options) {
-    if (_options === void 0) { _options = {}; }
-    return function (_a) {
-        var component = _a.component;
-        var options = (0, merge_options_1.initializeOptions)({ target: 'alpine', component: component, defaults: _options });
-        var json = (0, fast_clone_1.fastClone)(component);
-        if (options.plugins) {
-            json = (0, plugins_1.runPreJsonPlugins)({ json: json, plugins: options.plugins });
-        }
-        var css = (0, collect_css_1.collectCss)(json);
-        (0, strip_meta_properties_1.stripMetaProperties)(json);
-        if (options.plugins) {
-            json = (0, plugins_1.runPostJsonPlugins)({ json: json, plugins: options.plugins });
-        }
-        var componentName = (0, lodash_1.camelCase)(json.name) || 'MyComponent';
-        var stateObjectString = getStateObjectString(json);
-        // Set x-data on root element
-        json.children[0].properties['x-data'] = options.inlineState
-            ? stateObjectString
-            : "".concat(componentName, "()");
-        if ((0, render_update_hooks_1.hasRootUpdateHook)(json)) {
-            json.children[0].properties['x-effect'] = 'onUpdate';
-        }
-        var str = css.trim().length ? "<style>".concat(css, "</style>") : '';
-        str += json.children.map(function (item) { return blockToAlpine(item, options); }).join('\n');
-        if (!options.inlineState) {
-            str += "<script>\n          ".concat((0, babel_transform_1.babelTransformCode)("document.addEventListener('alpine:init', () => {\n              Alpine.data('".concat(componentName, "', () => (").concat(stateObjectString, "))\n          })")), "\n        </script>");
-        }
-        if (options.plugins) {
-            str = (0, plugins_1.runPreCodePlugins)({ json: json, code: str, plugins: options.plugins });
-        }
-        if (options.prettier !== false) {
-            try {
-                str = (0, standalone_1.format)(str, {
-                    parser: 'html',
-                    htmlWhitespaceSensitivity: 'ignore',
-                    plugins: [
-                        // To support running in browsers
-                        require('prettier/parser-html'),
-                        require('prettier/parser-postcss'),
-                        require('prettier/parser-babel'),
-                    ],
-                });
-            }
-            catch (err) {
-                console.warn('Could not prettify', { string: str }, err);
-            }
+const componentToAlpine = (_options = {}) => ({ component }) => {
+    const options = (0, merge_options_1.initializeOptions)({ target: 'alpine', component, defaults: _options });
+    let json = (0, fast_clone_1.fastClone)(component);
+    if (options.plugins) {
+        json = (0, plugins_1.runPreJsonPlugins)({ json, plugins: options.plugins });
+    }
+    const css = (0, collect_css_1.collectCss)(json);
+    (0, strip_meta_properties_1.stripMetaProperties)(json);
+    if (options.plugins) {
+        json = (0, plugins_1.runPostJsonPlugins)({ json, plugins: options.plugins });
+    }
+    const componentName = (0, lodash_1.camelCase)(json.name) || 'MyComponent';
+    const stateObjectString = getStateObjectString(json);
+    // Set x-data on root element
+    json.children[0].properties['x-data'] = options.inlineState
+        ? stateObjectString
+        : `${componentName}()`;
+    if ((0, render_update_hooks_1.hasRootUpdateHook)(json)) {
+        json.children[0].properties['x-effect'] = 'onUpdate';
+    }
+    let str = css.trim().length ? `<style>${css}</style>` : '';
+    str += json.children.map((item) => blockToAlpine(item, options)).join('\n');
+    if (!options.inlineState) {
+        str += `<script>
+          ${(0, babel_transform_1.babelTransformCode)(`document.addEventListener('alpine:init', () => {
+              Alpine.data('${componentName}', () => (${stateObjectString}))
+          })`)}
+        </script>`;
+    }
+    if (options.plugins) {
+        str = (0, plugins_1.runPreCodePlugins)({ json, code: str, plugins: options.plugins });
+    }
+    if (options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'html',
+                htmlWhitespaceSensitivity: 'ignore',
+                plugins: [
+                    // To support running in browsers
+                    require('prettier/parser-html'),
+                    require('prettier/parser-postcss'),
+                    require('prettier/parser-babel'),
+                ],
+            });
         }
-        if (options.plugins) {
-            str = (0, plugins_1.runPostCodePlugins)({ json: json, code: str, plugins: options.plugins });
+        catch (err) {
+            console.warn('Could not prettify', { string: str }, err);
         }
-        return str;
-    };
+    }
+    if (options.plugins) {
+        str = (0, plugins_1.runPostCodePlugins)({ json, code: str, plugins: options.plugins });
+    }
+    return str;
 };
 exports.componentToAlpine = componentToAlpine;

package/dist/src/generators/alpine/render-mount-hook.js

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderMountHook = void 0;
-var lodash_1 = require("lodash");
-var on_mount_1 = require("../helpers/on-mount");
-var render_update_hooks_1 = require("./render-update-hooks");
+const lodash_1 = require("lodash");
+const on_mount_1 = require("../helpers/on-mount");
+const render_update_hooks_1 = require("./render-update-hooks");
 function shouldRenderMountHook(json) {
     return json.hooks.onMount.length > 0 || (0, render_update_hooks_1.hasWatchHooks)(json);
 }
-exports.renderMountHook = (0, lodash_1.curry)(function (json, objectString) {
+exports.renderMountHook = (0, lodash_1.curry)((json, objectString) => {
     return shouldRenderMountHook(json)
-        ? objectString.replace(/(?:,)?(\s*)(}\s*)$/, ", init() {\n      ".concat((0, render_update_hooks_1.renderWatchHooks)(json), "\n      ").concat((0, on_mount_1.stringifySingleScopeOnMount)(json), "\n    }$1$2"))
+        ? objectString.replace(/(?:,)?(\s*)(}\s*)$/, `, init() {
+      ${(0, render_update_hooks_1.renderWatchHooks)(json)}
+      ${(0, on_mount_1.stringifySingleScopeOnMount)(json)}
+    }$1$2`)
         : objectString;
 });

package/dist/src/generators/alpine/render-update-hooks.js

@@ -1,44 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderWatchHooks = exports.hasWatchHooks = exports.renderUpdateHooks = exports.hasRootUpdateHook = void 0;
-var lodash_1 = require("lodash");
-var extractCode = function (hook) { return hook.code; };
+const lodash_1 = require("lodash");
+const extractCode = (hook) => hook.code;
 function renderRootUpdateHook(hooks, output) {
     if (hooks.length === 0) {
         return output;
     }
-    var str = "onUpdate() {\n        ".concat(hooks.map(extractCode).join('\n'), "\n    }");
-    return output.replace(/,?(\s*})$/, ",\n".concat(str, "$1"));
+    const str = `onUpdate() {
+        ${hooks.map(extractCode).join('\n')}
+    }`;
+    return output.replace(/,?(\s*})$/, `,\n${str}$1`);
 }
 function getRootUpdateHooks(json) {
     var _a;
-    return ((_a = json.hooks.onUpdate) !== null && _a !== void 0 ? _a : []).filter(function (hook) { return hook.deps == ''; });
+    return ((_a = json.hooks.onUpdate) !== null && _a !== void 0 ? _a : []).filter((hook) => hook.deps == '');
 }
 function hasRootUpdateHook(json) {
     return getRootUpdateHooks(json).length > 0;
 }
 exports.hasRootUpdateHook = hasRootUpdateHook;
-exports.renderUpdateHooks = (0, lodash_1.curry)(function (json, output) {
+exports.renderUpdateHooks = (0, lodash_1.curry)((json, output) => {
     return renderRootUpdateHook(getRootUpdateHooks(json), output);
 });
 function getWatchHooks(json) {
     var _a;
-    return ((_a = json.hooks.onUpdate) !== null && _a !== void 0 ? _a : []).filter(function (hook) { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.match(/state|this/); });
+    return ((_a = json.hooks.onUpdate) !== null && _a !== void 0 ? _a : []).filter((hook) => { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.match(/state|this/); });
 }
-var hasWatchHooks = function (json) {
+const hasWatchHooks = (json) => {
     return getWatchHooks(json).length > 0;
 };
 exports.hasWatchHooks = hasWatchHooks;
 function renderWatchHook(hook) {
     var _a, _b;
-    var deps = (_b = ((_a = hook.deps) !== null && _a !== void 0 ? _a : '')) === null || _b === void 0 ? void 0 : _b.slice(1).slice(0, -1).split(', ').filter(function (dep) { return dep.match(/state|this/); });
+    const deps = (_b = ((_a = hook.deps) !== null && _a !== void 0 ? _a : '')) === null || _b === void 0 ? void 0 : _b.slice(1).slice(0, -1).split(', ').filter((dep) => dep.match(/state|this/));
     return deps
-        .map(function (dep) {
-        return "this.$watch('".concat(dep.replace(/(state|this)\./, ''), "', (value, oldValue) => { ").concat(hook.code, " });");
-    })
+        .map((dep) => `this.$watch('${dep.replace(/(state|this)\./, '')}', (value, oldValue) => { ${hook.code} });`)
         .join('\n');
 }
-var renderWatchHooks = function (json) {
+const renderWatchHooks = (json) => {
     return (0, exports.hasWatchHooks)(json) ? getWatchHooks(json).map(renderWatchHook).join('\n') : '';
 };
 exports.renderWatchHooks = renderWatchHooks;

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

@@ -1,14 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAppropriateTemplateFunctionKeys = exports.HELPER_FUNCTIONS = void 0;
-var HELPER_FUNCTIONS = function (isTs) { return ({
-    useObjectWrapper: "useObjectWrapper(...args".concat(isTs ? ': any[]' : '', ") {\n    let obj = {}\n    args.forEach((arg) => {\n      obj = { ...obj, ...arg };\n    });\n    return obj;\n  }"),
-    useObjectDotValues: "useObjectDotValues(obj".concat(isTs ? ': any' : '', ")").concat(isTs ? ': any[]' : '', ") {\n    return Object.values(obj);\n  }"),
-    useTypeOf: "useTypeOf(obj".concat(isTs ? ': any' : '', ")").concat(isTs ? ': string' : '', ") {\n    return typeof obj;\n  }"),
-    useJsonStringify: "useJsonStringify(...args".concat(isTs ? ': any' : '', ")").concat(isTs ? ': string' : '', ") {\n    return JSON.stringify(...args);\n  }"),
-}); };
+const HELPER_FUNCTIONS = (isTs) => ({
+    useObjectWrapper: `useObjectWrapper(...args${isTs ? ': any[]' : ''}) {
+    let obj = {}
+    args.forEach((arg) => {
+      obj = { ...obj, ...arg };
+    });
+    return obj;
+  }`,
+    useObjectDotValues: `useObjectDotValues(obj${isTs ? ': any' : ''})${isTs ? ': any[]' : ''}) {
+    return Object.values(obj);
+  }`,
+    useTypeOf: `useTypeOf(obj${isTs ? ': any' : ''})${isTs ? ': string' : ''}) {
+    return typeof obj;
+  }`,
+    useJsonStringify: `useJsonStringify(...args${isTs ? ': any' : ''})${isTs ? ': string' : ''}) {
+    return JSON.stringify(...args);
+  }`,
+});
 exports.HELPER_FUNCTIONS = HELPER_FUNCTIONS;
-var getAppropriateTemplateFunctionKeys = function (code) {
-    return Object.keys((0, exports.HELPER_FUNCTIONS)()).filter(function (key) { return code.includes(key); });
-};
+const getAppropriateTemplateFunctionKeys = (code) => Object.keys((0, exports.HELPER_FUNCTIONS)()).filter((key) => code.includes(key));
 exports.getAppropriateTemplateFunctionKeys = getAppropriateTemplateFunctionKeys;