@builder.io/mitosis 0.3.17 → 0.3.19

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

@@ -576,7 +576,9 @@ var classPropertiesPlugin = function () { return ({
 // if any state "property" is trying to access state.* or props.*
 // then we need to move them to onInit where they can be accessed
 var transformState = function (json) {
-    Object.entries(json.state).forEach(function (_a) {
+    Object.entries(json.state)
+        .reverse()
+        .forEach(function (_a) {
         var _b;
         var key = _a[0], value = _a[1];
         if ((value === null || value === void 0 ? void 0 : value.type) === 'property') {
@@ -586,7 +588,7 @@ var transformState = function (json) {
                 if (!((_b = json.hooks.onInit) === null || _b === void 0 ? void 0 : _b.code)) {
                     json.hooks.onInit = { code: '' };
                 }
-                json.hooks.onInit.code += "\nthis.".concat(key, " = ").concat(code, ";\n");
+                json.hooks.onInit.code = "\nthis.".concat(key, " = ").concat(code, ";\n").concat(json.hooks.onInit.code);
             }
         }
     });

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

@@ -144,6 +144,7 @@ var NATIVE_EVENT_MAPPER = {
 var blockToReact = function (json, options, component, insideJsx, parentSlots) {
     var _a, _b, _c, _d;
     if (parentSlots === void 0) { parentSlots = []; }
+    var needsToRenderSlots = [];
     if (NODE_MAPPERS[json.name]) {
         return NODE_MAPPERS[json.name](json, options, component, insideJsx, parentSlots);
     }
@@ -167,6 +168,31 @@ var blockToReact = function (json, options, component, insideJsx, parentSlots) {
     str += "<".concat(json.name, " ");
     for (var key in json.properties) {
         var value = (json.properties[key] || '').replace(/"/g, '&quot;').replace(/\n/g, '\\n');
+        // Handle src for Image
+        // Handle src for Image
+        if (json.name === 'Image' && key === 'src') {
+            var src = void 0;
+            var imageSource = json.properties.src;
+            if (imageSource) {
+                var isUrl = /^(http|https):\/\/[^ "]+$/.test(imageSource);
+                src = isUrl ? "{ uri: '".concat(imageSource, "' }") : "require('".concat(imageSource, "')");
+                str += "source={".concat(src, "} ");
+                continue; // Skip further processing for 'src' in Image
+            }
+        }
+        // Handle href for TouchableOpacity
+        if (json.name === 'TouchableOpacity' && key === 'href') {
+            var hrefValue = (0, helpers_1.processBinding)(value, options);
+            if (hrefValue) {
+                var onPress = "() => Linking.openURL(".concat(JSON.stringify(hrefValue), ")");
+                str += " onPress={".concat(onPress, "} ");
+            }
+            continue; // Skip further processing for 'href' in TouchableOpacity
+        }
+        // Ignore target for TouchableOpacity
+        if (json.name === 'TouchableOpacity' && key === 'target') {
+            continue; // Skip further processing for 'target' in TouchableOpacity
+        }
         if (key === 'class') {
             str = "".concat(str.trim(), " className=\"").concat(value, "\" ");
         }
@@ -196,6 +222,28 @@ var blockToReact = function (json, options, component, insideJsx, parentSlots) {
             continue;
         }
         var useBindingValue = (0, helpers_1.processBinding)(value, options);
+        if (json.name === 'Image' && key === 'src') {
+            var src = void 0;
+            var imageSource = (0, helpers_1.processBinding)(value, options);
+            if (imageSource) {
+                src = "{ uri: ".concat(imageSource, " }");
+                str += "source={".concat(src, "} ");
+                continue; // Skip further processing for 'src' in Image
+            }
+        }
+        // Handle href for TouchableOpacity
+        if (json.name === 'TouchableOpacity' && key === 'href') {
+            var hrefValue = (0, helpers_1.processBinding)(value, options);
+            if (hrefValue) {
+                var onPress = "() => Linking.openURL(".concat(hrefValue, ")");
+                str += " onPress={".concat(onPress, "} ");
+                continue; // Skip further processing for 'href' in TouchableOpacity
+            }
+        }
+        // Ignore target for TouchableOpacity
+        if (json.name === 'TouchableOpacity' && key === 'target') {
+            continue; // Skip further processing for 'target' in TouchableOpacity
+        }
         if (((_d = json.bindings[key]) === null || _d === void 0 ? void 0 : _d.type) === 'spread') {
             str += " {...(".concat(value, ")} ");
         }
@@ -261,7 +309,6 @@ var blockToReact = function (json, options, component, insideJsx, parentSlots) {
         return str;
     }
     // TODO: update MitosisNode for simple code
-    var needsToRenderSlots = [];
     var childrenNodes = '';
     if (json.children) {
         childrenNodes = json.children

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

@@ -241,7 +241,7 @@ var getDefaultImport = function (json, options) {
         return "\n    /** @jsx h */\n    import { h, Fragment } from 'preact';\n    ";
     }
     if (type === 'native') {
-        return "\n    import * as React from 'react';\n    import { FlatList, ScrollView, View, StyleSheet, Image, Text, Pressable, TextInput } from 'react-native';\n    ";
+        return "\n    import * as React from 'react';\n    import { FlatList, ScrollView, View, StyleSheet, Image, Text, Pressable, TextInput, TouchableOpacity, Button, Linking, Pressable } from 'react-native';\n    ";
     }
     if (type === 'taro') {
         return "\n    import * as React from 'react';\n    ";

package/dist/src/generators/react-native/index.js

@@ -118,6 +118,16 @@ var PROCESS_REACT_NATIVE_PLUGIN = function () { return ({
                         if (node.name === 'input') {
                             node.name = 'TextInput';
                         }
+                        else if (node.name === 'img') {
+                            node.name = 'Image';
+                        }
+                        else if (node.name === 'a') {
+                            node.name = 'TouchableOpacity';
+                        }
+                        else if (node.name === 'button') {
+                            node.name = 'Button';
+                        }
+                        // if node is not button or a and still has onClick it needs to pressable
                         else if (node.bindings.onClick) {
                             node.name = 'Pressable';
                         }

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

@@ -10,7 +10,7 @@ var lodash_1 = require("lodash");
 var html_tags_1 = require("../../constants/html_tags");
 var styles_1 = require("./helpers/styles");
 var ATTTRIBUTE_MAPPERS = {
-    for: 'htmlFor',
+// for: 'htmlFor',
 };
 var transformAttributeName = function (name) {
     if ((0, typescript_1.objectHasKey)(ATTTRIBUTE_MAPPERS, name))

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.3.17",
+  "version": "0.3.19",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {