ripple 0.2.21 → 0.2.22

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is a TypeScript UI framework for the web",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "type": "module",
   "module": "src/runtime/index.js",
   "main": "src/runtime/index.js",

package/src/compiler/phases/3-transform/index.js

@@ -787,8 +787,8 @@ const visitors = {
 
 		if (
 			left.type === 'MemberExpression' &&
-			((left.property.type === 'Identifier' && is_tracked_name(left.property.name)) ||
-				left.computed)
+			left.property.type === 'Identifier' &&
+			is_tracked_name(left.property.name)
 		) {
 			return b.call(
 				'$.set_property',

package/tests/__snapshots__/basic.test.ripple.snap

@@ -30,3 +30,15 @@ exports[`basic > render static text 1`] = `
   
 </div>
 `;
+
+exports[`basic > renders simple JS expression logic correctly 1`] = `
+<div>
+  <div>
+    {"0":"Test"}
+  </div>
+  <div>
+    1
+  </div>
+  
+</div>
+`;

package/tests/basic.test.ripple

@@ -510,6 +510,20 @@ describe('basic', () => {
 		expect(evenDiv.textContent).toBe('Even');
 	});
 
+	it('renders simple JS expression logic correctly', () => {
+		component Example() {
+			let test = {}
+			let counter = 0;
+			test[counter++] = 'Test';
+
+			<div>{JSON.stringify(test)}</div>
+			<div>{JSON.stringify(counter)}</div>
+		}
+		render(Example);
+
+		expect(container).toMatchSnapshot();
+	});
+
 	it('renders with simple reactive objects', () => {
 		component Basic() {
 			let $user = {