@builder.io/mitosis 0.0.115-0 → 0.0.115-2

package/dist/src/generators/template.js

@@ -92,11 +92,11 @@ var componentToTemplate = function (options) {
         var component = _a.component;
         var json = (0, fast_clone_1.fastClone)(component);
         if (options.plugins) {
-            json = (0, plugins_1.runPreJsonPlugins)(json, options.plugins);
+            json = (0, plugins_1.runPreJsonPlugins)({ json: json, plugins: options.plugins });
         }
         var css = (0, collect_css_1.collectCss)(json);
         if (options.plugins) {
-            json = (0, plugins_1.runPostJsonPlugins)(json, options.plugins);
+            json = (0, plugins_1.runPostJsonPlugins)({ json: json, plugins: options.plugins });
         }
         var str = json.children.map(function (item) { return blockToTemplate(item); }).join('\n');
         if (css.trim().length) {
@@ -104,7 +104,7 @@ var componentToTemplate = function (options) {
         }
         str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    export default function template(props) {\n      let state = ", "\n\n      return `", "`\n    }\n  \n  "], ["\n    export default function template(props) {\n      let state = ", "\n\n      return \\`", "\\`\n    }\n  \n  "])), (0, get_state_object_string_1.getStateObjectStringFromComponent)(json), str.replace(/\s+/g, ' '));
         if (options.plugins) {
-            str = (0, plugins_1.runPreCodePlugins)(str, options.plugins);
+            str = (0, plugins_1.runPreCodePlugins)({ json: json, code: str, plugins: options.plugins });
         }
         if (options.prettier !== false) {
             try {
@@ -124,7 +124,7 @@ var componentToTemplate = function (options) {
             }
         }
         if (options.plugins) {
-            str = (0, plugins_1.runPostCodePlugins)(str, options.plugins);
+            str = (0, plugins_1.runPostCodePlugins)({ json: json, code: str, plugins: options.plugins });
         }
         return str;
     };

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

@@ -174,7 +174,7 @@ var componentToVue = function (userOptions) {
         (0, process_http_requests_1.processHttpRequests)(component);
         processDynamicComponents(component, options);
         processForKeys(component, options);
-        component = (0, plugins_1.runPreJsonPlugins)(component, options.plugins);
+        component = (0, plugins_1.runPreJsonPlugins)({ json: component, plugins: options.plugins });
         if (options.api === 'options') {
             (0, map_refs_1.mapRefs)(component, function (refName) { return "this.$refs.".concat(refName); });
         }
@@ -182,7 +182,7 @@ var componentToVue = function (userOptions) {
         var props = Array.from((0, get_props_1.getProps)(component));
         var elementProps = props.filter(function (prop) { return !(0, slots_1.isSlotProperty)(prop); });
         var slotsProps = props.filter(function (prop) { return (0, slots_1.isSlotProperty)(prop); });
-        component = (0, plugins_1.runPostJsonPlugins)(component, options.plugins);
+        component = (0, plugins_1.runPostJsonPlugins)({ json: component, plugins: options.plugins });
         var css = (0, collect_css_1.collectCss)(component, {
             prefix: (_c = (_b = options.cssNamespace) === null || _b === void 0 ? void 0 : _b.call(options)) !== null && _c !== void 0 ? _c : undefined,
         });
@@ -222,7 +222,12 @@ var componentToVue = function (userOptions) {
             : (0, optionsApi_1.generateOptionsApiScript)(component, options, path, template, elementProps, onUpdateWithDeps, onUpdateWithoutDeps), !css.trim().length
             ? ''
             : "<style scoped>\n      ".concat(css, "\n    </style>"));
-        str = (0, plugins_1.runPreCodePlugins)(str, options.plugins, { json: component });
+        str = (0, plugins_1.runPreCodePlugins)({
+            json: component,
+            code: str,
+            plugins: options.plugins,
+            options: { json: component },
+        });
         if (true || options.prettier !== false) {
             try {
                 str = (0, standalone_1.format)(str, {
@@ -240,7 +245,7 @@ var componentToVue = function (userOptions) {
                 console.warn('Could not prettify', { string: str }, err);
             }
         }
-        str = (0, plugins_1.runPostCodePlugins)(str, options.plugins);
+        str = (0, plugins_1.runPostCodePlugins)({ json: component, code: str, plugins: options.plugins });
         for (var _i = 0, removePatterns_1 = removePatterns; _i < removePatterns_1.length; _i++) {
             var pattern = removePatterns_1[_i];
             str = str.replace(pattern, '').trim();

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

@@ -1,6 +1,6 @@
 import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisContext } from '../types/mitosis-context';
-declare type ValueMapper = (code: string, type: 'data' | 'function' | 'getter', typeParameter?: string, key?: string) => string;
+declare type ValueMapper = (code: string, type: 'data' | 'function' | 'getter', typeParameter: string | undefined, key: string | undefined) => string;
 interface GetStateObjectStringOptions {
     data?: boolean;
     functions?: boolean;

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

@@ -34,19 +34,19 @@ var convertStateMemberToString = function (_a) {
                 if (functions === false || typeof code !== 'string') {
                     return undefined;
                 }
-                return "".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(code, 'function', typeParameter));
+                return "".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(code, 'function', typeParameter, key));
             }
             case 'method': {
                 if (functions === false || typeof code !== 'string') {
                     return undefined;
                 }
-                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'function', typeParameter));
+                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'function', typeParameter, key));
             }
             case 'getter': {
                 if (getters === false || typeof code !== 'string') {
                     return undefined;
                 }
-                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'getter', typeParameter));
+                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'getter', typeParameter, key));
             }
             case 'property': {
                 if (data === false) {

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

@@ -54,7 +54,7 @@ exports.checkIsComponentImport = checkIsComponentImport;
 var transformImportPath = function (theImport, target, preserveFileExtensions) {
     // We need to drop the `.lite` from context files, because the context generator does so as well.
     if (theImport.path.endsWith('.context.lite')) {
-        return theImport.path.replace('.lite', '.js');
+        return theImport.path.replace('.lite', '');
     }
     if ((0, exports.checkIsComponentImport)(theImport) && !preserveFileExtensions) {
         return theImport.path.replace('.lite', getFileExtensionForTarget(target));

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

@@ -19,6 +19,7 @@ export declare const replaceNodes: ({ code, nodeMaps, }: {
     code: string;
     nodeMaps: {
         from: types.Node;
+        condition?: ((path: babel.NodePath<types.Node>) => boolean) | undefined;
         to: types.Node;
     }[];
 }) => string;

package/dist/src/helpers/replace-identifiers.js

@@ -147,6 +147,7 @@ var replacePropsIdentifier = function (to) { return function (code) {
     return (0, exports.replaceIdentifiers)({ code: code, from: 'props', to: to });
 }; };
 exports.replacePropsIdentifier = replacePropsIdentifier;
+var isNewlyGenerated = function (node) { var _a; return (_a = node === null || node === void 0 ? void 0 : node._builder_meta) === null || _a === void 0 ? void 0 : _a.newlyGenerated; };
 /**
  * Replaces all instances of a Babel AST Node with a new Node within a code string.
  * Uses `generate()` to convert the Node to a string and compare them.
@@ -154,17 +155,15 @@ exports.replacePropsIdentifier = replacePropsIdentifier;
 var replaceNodes = function (_a) {
     var code = _a.code, nodeMaps = _a.nodeMaps;
     var searchAndReplace = function (path) {
-        var _a, _b, _c, _d;
-        if ((_b = (_a = path.node) === null || _a === void 0 ? void 0 : _a._builder_meta) === null || _b === void 0 ? void 0 : _b.newlyGenerated) {
+        if (isNewlyGenerated(path.node) || isNewlyGenerated(path.parent))
             return;
-        }
         for (var _i = 0, nodeMaps_1 = nodeMaps; _i < nodeMaps_1.length; _i++) {
-            var _e = nodeMaps_1[_i], from = _e.from, to = _e.to;
-            if ((_d = (_c = path.node) === null || _c === void 0 ? void 0 : _c._builder_meta) === null || _d === void 0 ? void 0 : _d.newlyGenerated) {
+            var _a = nodeMaps_1[_i], from = _a.from, to = _a.to, condition = _a.condition;
+            if (isNewlyGenerated(path.node) || isNewlyGenerated(path.parent))
                 return;
-            }
             // if (path.node.type !== from.type) return;
-            if ((0, generator_1.default)(path.node).code === (0, generator_1.default)(from).code) {
+            var matchesCondition = condition ? condition(path) : true;
+            if ((0, generator_1.default)(path.node).code === (0, generator_1.default)(from).code && matchesCondition) {
                 var x = core_1.types.cloneNode(to);
                 x._builder_meta = { newlyGenerated: true };
                 try {
@@ -176,6 +175,7 @@ var replaceNodes = function (_a) {
                         orig: (0, generator_1.default)(path.node).code,
                         to: (0, generator_1.default)(x).code,
                     });
+                    console.log({ parent: path.parent });
                     // throw err;
                 }
             }

package/dist/src/modules/plugins.d.ts

@@ -1,7 +1,25 @@
 import { MitosisComponent } from '../types/mitosis-component';
 import { Plugin } from '../types/plugins';
 export type { Plugin };
-export declare const runPreJsonPlugins: (json: MitosisComponent, plugins: Plugin[], options?: any) => MitosisComponent;
-export declare const runPostJsonPlugins: (json: MitosisComponent, plugins: Plugin[], options?: any) => MitosisComponent;
-export declare const runPreCodePlugins: (code: string, plugins: Plugin[], options?: any) => string;
-export declare const runPostCodePlugins: (code: string, plugins: Plugin[], options?: any) => string;
+export declare const runPreJsonPlugins: ({ json, plugins, options, }: {
+    json: MitosisComponent;
+    plugins: Plugin[];
+    options?: any;
+}) => MitosisComponent;
+export declare const runPostJsonPlugins: ({ json, plugins, options, }: {
+    json: MitosisComponent;
+    plugins: Plugin[];
+    options?: any;
+}) => MitosisComponent;
+export declare const runPreCodePlugins: ({ code, plugins, options, json, }: {
+    json: MitosisComponent;
+    code: string;
+    plugins: Plugin[];
+    options?: any;
+}) => string;
+export declare const runPostCodePlugins: ({ code, plugins, options, json, }: {
+    json: MitosisComponent;
+    code: string;
+    plugins: Plugin[];
+    options?: any;
+}) => string;

package/dist/src/modules/plugins.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runPostCodePlugins = exports.runPreCodePlugins = exports.runPostJsonPlugins = exports.runPreJsonPlugins = void 0;
-var runPreJsonPlugins = function (json, plugins, options) {
-    var _a;
+var runPreJsonPlugins = function (_a) {
+    var _b;
+    var json = _a.json, plugins = _a.plugins, options = _a.options;
     var useJson = json;
     for (var _i = 0, plugins_1 = plugins; _i < plugins_1.length; _i++) {
         var plugin = plugins_1[_i];
-        var preFunction = (_a = plugin(options).json) === null || _a === void 0 ? void 0 : _a.pre;
+        var preFunction = (_b = plugin(options).json) === null || _b === void 0 ? void 0 : _b.pre;
         if (preFunction) {
             useJson = preFunction(json) || json;
         }
@@ -14,12 +15,13 @@ var runPreJsonPlugins = function (json, plugins, options) {
     return useJson;
 };
 exports.runPreJsonPlugins = runPreJsonPlugins;
-var runPostJsonPlugins = function (json, plugins, options) {
-    var _a;
+var runPostJsonPlugins = function (_a) {
+    var _b;
+    var json = _a.json, plugins = _a.plugins, options = _a.options;
     var useJson = json;
     for (var _i = 0, plugins_2 = plugins; _i < plugins_2.length; _i++) {
         var plugin = plugins_2[_i];
-        var postFunction = (_a = plugin(options).json) === null || _a === void 0 ? void 0 : _a.post;
+        var postFunction = (_b = plugin(options).json) === null || _b === void 0 ? void 0 : _b.post;
         if (postFunction) {
             useJson = postFunction(json) || json;
         }
@@ -27,27 +29,29 @@ var runPostJsonPlugins = function (json, plugins, options) {
     return useJson;
 };
 exports.runPostJsonPlugins = runPostJsonPlugins;
-var runPreCodePlugins = function (code, plugins, options) {
-    var _a;
+var runPreCodePlugins = function (_a) {
+    var _b;
+    var code = _a.code, plugins = _a.plugins, options = _a.options, json = _a.json;
     var string = code;
     for (var _i = 0, plugins_3 = plugins; _i < plugins_3.length; _i++) {
         var plugin = plugins_3[_i];
-        var preFunction = (_a = plugin(options).code) === null || _a === void 0 ? void 0 : _a.pre;
+        var preFunction = (_b = plugin(options).code) === null || _b === void 0 ? void 0 : _b.pre;
         if (preFunction) {
-            string = preFunction(string);
+            string = preFunction(string, json);
         }
     }
     return string;
 };
 exports.runPreCodePlugins = runPreCodePlugins;
-var runPostCodePlugins = function (code, plugins, options) {
-    var _a;
+var runPostCodePlugins = function (_a) {
+    var _b;
+    var code = _a.code, plugins = _a.plugins, options = _a.options, json = _a.json;
     var string = code;
     for (var _i = 0, plugins_4 = plugins; _i < plugins_4.length; _i++) {
         var plugin = plugins_4[_i];
-        var postFunction = (_a = plugin(options).code) === null || _a === void 0 ? void 0 : _a.post;
+        var postFunction = (_b = plugin(options).code) === null || _b === void 0 ? void 0 : _b.post;
         if (postFunction) {
-            string = postFunction(string);
+            string = postFunction(string, json);
         }
     }
     return string;

package/dist/src/parsers/jsx/hooks/use-target.js

@@ -84,8 +84,6 @@ var getUseTargetStatements = function (useTargetHook) {
         targetBlock[prop.key.name] = {
             code: (0, generator_1.default)(targetCode).code,
         };
-        // TO-DO: replace the useTarget() call with a magic string
-        // this will be replaced with the actual target code later
     });
     return Object.keys(targetBlock).length ? targetBlock : undefined;
 };

package/dist/src/types/metadata.d.ts

@@ -12,6 +12,7 @@ export declare type ComponentMetadata = {
         component?: {
             isLight?: boolean;
         };
+        setUseStoreFirst?: boolean;
         hasDeepStore?: boolean;
         mutable?: string[];
         imports?: Dictionary<string>;
@@ -20,5 +21,8 @@ export declare type ComponentMetadata = {
     solid?: {
         state?: Dictionary<SolidState>;
     };
+    rsc?: {
+        isRSC?: boolean;
+    };
 };
 export {};

package/dist/src/types/plugins.d.ts

@@ -5,7 +5,7 @@ export declare type Plugin = (options?: any) => {
         post?: (json: MitosisComponent) => MitosisComponent | void;
     };
     code?: {
-        pre?: (code: string) => string;
-        post?: (code: string) => string;
+        pre?: (code: string, json: MitosisComponent) => string;
+        post?: (code: string, json: MitosisComponent) => string;
     };
 };