@builder.io/mitosis 0.3.16 → 0.3.17

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

@@ -573,6 +573,24 @@ 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) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        if ((value === null || value === void 0 ? void 0 : value.type) === 'property') {
+            if (value.code && (value.code.includes('state.') || value.code.includes('props.'))) {
+                var code = (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value.code, { replaceWith: 'this' });
+                json.state[key].code = 'null';
+                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");
+            }
+        }
+    });
+};
 var componentToAngular = function (userOptions) {
     if (userOptions === void 0) { userOptions = {}; }
     return function (_a) {
@@ -734,6 +752,7 @@ var componentToAngular = function (userOptions) {
             childComponents: childComponents,
             nativeAttributes: (_e = (_d = useMetadata === null || useMetadata === void 0 ? void 0 : useMetadata.angular) === null || _d === void 0 ? void 0 : _d.nativeAttributes) !== null && _e !== void 0 ? _e : [],
         }), dynamicComponents = _p.components, dynamicTemplate = _p.dynamicTemplate;
+        transformState(json);
         var dataString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
             format: 'class',
             valueMapper: processAngularCode({

package/package.json

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