sync

.changeset/clean-shrimps-help.md

@@ -0,0 +1,5 @@
+---
+'@builder.io/mitosis': patch
+---
+
+do not crash with comment before method in store

packages/cli/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @builder.io/mitosis-cli
 
+## 0.5.17
+
+### Patch Changes
+
+- Updated dependencies [e430a68]
+- Updated dependencies [b5ddfa3]
+- Updated dependencies [068be0d]
+  - @builder.io/[email protected]
+
 ## 0.5.16
 
 ### Patch Changes

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/mitosis-cli",
-  "version": "0.5.16",
+  "version": "0.5.17",
   "description": "mitosis CLI",
   "types": "build/types/types.d.ts",
   "bin": {

packages/core/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Change Log
 
+## 0.5.17
+
+### Patch Changes
+
+- e430a68: [CICD] regenerate test snapshots on fail to download them into local environment
+- b5ddfa3: [Vue] fix: ref wasn't imported when using `useRef` hook without using `useState`
+
+  [Vue] fix: Composition api always use `ref()` wihtout any class -> we don't need this., but we always use `.value`
+
+  [Vue] fix: `ref` could be `null` for `useRef` see: https://vuejs.org/guide/essentials/template-refs.html#accessing-the-refs
+
+  [All] fix: replace `this.` expression in `useState` with `state.` to resolve correct `stripStateAndPropsRefs()` function inside all generators
+
+- 068be0d: [Angular, Lit, Stencil, HTML] fix: remove mapping onChange to input event
+
 ## 0.5.16
 
 ### Patch Changes

packages/core/package.json

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

packages/core/src/__tests__/__snapshots__/alpine.test.ts.snap

@@ -1381,6 +1381,20 @@ showReviewPrompt = false\\"
 "
 `;
 
+exports[`Alpine.js > jsx > Javascript Test > StoreComment 1`] = `
+"<div x-data=\\"stringLiteralStore()\\"><span x-html=\\"foo\\"></span></div>
+<script>
+  document.addEventListener(\\"alpine:init\\", () => {
+    Alpine.data(\\"stringLiteralStore\\", () => ({
+      foo: true,
+
+      bar() {},
+    }));
+  });
+</script>
+"
+`;
+
 exports[`Alpine.js > jsx > Javascript Test > StoreShadowVars 1`] = `
 "<div x-data=\\"myComponent()\\"><span x-html=\\"foo(errors)\\"></span></div>
 <script>
@@ -4404,6 +4418,20 @@ showReviewPrompt = false\\"
 "
 `;
 
+exports[`Alpine.js > jsx > Typescript Test > StoreComment 1`] = `
+"<div x-data=\\"stringLiteralStore()\\"><span x-html=\\"foo\\"></span></div>
+<script>
+  document.addEventListener(\\"alpine:init\\", () => {
+    Alpine.data(\\"stringLiteralStore\\", () => ({
+      foo: true,
+
+      bar() {},
+    }));
+  });
+</script>
+"
+`;
+
 exports[`Alpine.js > jsx > Typescript Test > StoreShadowVars 1`] = `
 "<div x-data=\\"myComponent()\\"><span x-html=\\"foo(errors)\\"></span></div>
 <script>

packages/core/src/__tests__/__snapshots__/angular.import.test.ts.snap

@@ -2717,6 +2717,39 @@ export class SmileReviewsModule {}
 "
 `;
 
+exports[`Angular with Preserve Imports and File Extensions > jsx > Javascript Test > StoreComment 1`] = `
+"import { NgModule } from \\"@angular/core\\";
+import { CommonModule } from \\"@angular/common\\";
+
+import { Component } from \\"@angular/core\\";
+
+@Component({
+  selector: \\"string-literal-store\\",
+  template: \`
+    <ng-container>{{foo}}</ng-container>
+  \`,
+  styles: [
+    \`
+      :host {
+        display: contents;
+      }
+    \`,
+  ],
+})
+export default class StringLiteralStore {
+  foo = true;
+  bar() {}
+}
+
+@NgModule({
+  declarations: [StringLiteralStore],
+  imports: [CommonModule],
+  exports: [StringLiteralStore],
+})
+export class StringLiteralStoreModule {}
+"
+`;
+
 exports[`Angular with Preserve Imports and File Extensions > jsx > Javascript Test > StoreShadowVars 1`] = `
 "import { NgModule } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";
@@ -10249,6 +10282,39 @@ export class SmileReviewsModule {}
 "
 `;
 
+exports[`Angular with Preserve Imports and File Extensions > jsx > Typescript Test > StoreComment 1`] = `
+"import { NgModule } from \\"@angular/core\\";
+import { CommonModule } from \\"@angular/common\\";
+
+import { Component } from \\"@angular/core\\";
+
+@Component({
+  selector: \\"string-literal-store\\",
+  template: \`
+    <ng-container>{{foo}}</ng-container>
+  \`,
+  styles: [
+    \`
+      :host {
+        display: contents;
+      }
+    \`,
+  ],
+})
+export default class StringLiteralStore {
+  foo = true;
+  bar() {}
+}
+
+@NgModule({
+  declarations: [StringLiteralStore],
+  imports: [CommonModule],
+  exports: [StringLiteralStore],
+})
+export class StringLiteralStoreModule {}
+"
+`;
+
 exports[`Angular with Preserve Imports and File Extensions > jsx > Typescript Test > StoreShadowVars 1`] = `
 "import { NgModule } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";

packages/core/src/__tests__/__snapshots__/angular.mapper.test.ts.snap

@@ -2754,6 +2754,40 @@ export class SmileReviewsModule {}
 "
 `;
 
+exports[`Angular with Import Mapper Tests > jsx > Javascript Test > StoreComment 1`] = `
+"import { NgModule } from \\"@angular/core\\";
+import { CommonModule } from \\"@angular/common\\";
+
+import { Component } from \\"@angular/core\\";
+
+@Component({
+  selector: \\"string-literal-store\\",
+  template: \`
+    <ng-container>{{foo}}</ng-container>
+  \`,
+  styles: [
+    \`
+      :host {
+        display: contents;
+      }
+    \`,
+  ],
+})
+export default class StringLiteralStore {
+  foo = true;
+  bar() {}
+}
+
+@NgModule({
+  declarations: [StringLiteralStore],
+  imports: [CommonModule],
+  exports: [StringLiteralStore],
+  bootstrap: [SomeOtherComponent],
+})
+export class StringLiteralStoreModule {}
+"
+`;
+
 exports[`Angular with Import Mapper Tests > jsx > Javascript Test > StoreShadowVars 1`] = `
 "import { NgModule } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";
@@ -10410,6 +10444,40 @@ export class SmileReviewsModule {}
 "
 `;
 
+exports[`Angular with Import Mapper Tests > jsx > Typescript Test > StoreComment 1`] = `
+"import { NgModule } from \\"@angular/core\\";
+import { CommonModule } from \\"@angular/common\\";
+
+import { Component } from \\"@angular/core\\";
+
+@Component({
+  selector: \\"string-literal-store\\",
+  template: \`
+    <ng-container>{{foo}}</ng-container>
+  \`,
+  styles: [
+    \`
+      :host {
+        display: contents;
+      }
+    \`,
+  ],
+})
+export default class StringLiteralStore {
+  foo = true;
+  bar() {}
+}
+
+@NgModule({
+  declarations: [StringLiteralStore],
+  imports: [CommonModule],
+  exports: [StringLiteralStore],
+  bootstrap: [SomeOtherComponent],
+})
+export class StringLiteralStoreModule {}
+"
+`;
+
 exports[`Angular with Import Mapper Tests > jsx > Typescript Test > StoreShadowVars 1`] = `
 "import { NgModule } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";

packages/core/src/__tests__/__snapshots__/angular.state.test.ts.snap

@@ -2797,6 +2797,39 @@ export class SmileReviewsModule {}
 "
 `;
 
+exports[`Angular with manually creating and handling class properties as bindings (more stable) > jsx > Javascript Test > StoreComment 1`] = `
+"import { NgModule } from \\"@angular/core\\";
+import { CommonModule } from \\"@angular/common\\";
+
+import { Component } from \\"@angular/core\\";
+
+@Component({
+  selector: \\"string-literal-store\\",
+  template: \`
+    <ng-container>{{foo}}</ng-container>
+  \`,
+  styles: [
+    \`
+      :host {
+        display: contents;
+      }
+    \`,
+  ],
+})
+export default class StringLiteralStore {
+  foo = true;
+  bar() {}
+}
+
+@NgModule({
+  declarations: [StringLiteralStore],
+  imports: [CommonModule],
+  exports: [StringLiteralStore],
+})
+export class StringLiteralStoreModule {}
+"
+`;
+
 exports[`Angular with manually creating and handling class properties as bindings (more stable) > jsx > Javascript Test > StoreShadowVars 1`] = `
 "import { NgModule } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";
@@ -10604,6 +10637,39 @@ export class SmileReviewsModule {}
 "
 `;
 
+exports[`Angular with manually creating and handling class properties as bindings (more stable) > jsx > Typescript Test > StoreComment 1`] = `
+"import { NgModule } from \\"@angular/core\\";
+import { CommonModule } from \\"@angular/common\\";
+
+import { Component } from \\"@angular/core\\";
+
+@Component({
+  selector: \\"string-literal-store\\",
+  template: \`
+    <ng-container>{{foo}}</ng-container>
+  \`,
+  styles: [
+    \`
+      :host {
+        display: contents;
+      }
+    \`,
+  ],
+})
+export default class StringLiteralStore {
+  foo = true;
+  bar() {}
+}
+
+@NgModule({
+  declarations: [StringLiteralStore],
+  imports: [CommonModule],
+  exports: [StringLiteralStore],
+})
+export class StringLiteralStoreModule {}
+"
+`;
+
 exports[`Angular with manually creating and handling class properties as bindings (more stable) > jsx > Typescript Test > StoreShadowVars 1`] = `
 "import { NgModule } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";