feat: allow reading tag variables after they are written

Author: DylanPiercey

.changeset/few-views-kneel.md

@@ -0,0 +1,5 @@
+---
+"@marko/runtime-tags": patch
+---
+
+Allow reading proposed tag variable value after writing.

.sizes.json

@@ -44,31 +44,31 @@
     {
       "name": "comments",
       "user": {
-        "min": 891,
-        "brotli": 455
+        "min": 893,
+        "brotli": 458
       },
       "runtime": {
         "min": 7019,
         "brotli": 3005
       },
       "total": {
-        "min": 7910,
-        "brotli": 3460
+        "min": 7912,
+        "brotli": 3463
       }
     },
     {
       "name": "comments 💧",
       "user": {
-        "min": 140,
-        "brotli": 119
+        "min": 142,
+        "brotli": 123
       },
       "runtime": {
         "min": 2355,
         "brotli": 1202
       },
       "total": {
-        "min": 2495,
-        "brotli": 1321
+        "min": 2497,
+        "brotli": 1325
       }
     }
   ]

.sizes/comments.csr/entry.js

@@ -1,4 +1,4 @@
-// size: 891 (min) 455 (brotli)
+// size: 893 (min) 458 (brotli)
 const $setup$if$content = ($scope) => {
     ($scope[0],
       $comment_comments$if$content._($scope),
@@ -37,7 +37,7 @@ const $setup$if$content = ($scope) => {
   $i$for$content = value(9, $expr_input_path_i$for$content),
   $open$for$content_effect = effect("a0", ($scope, { 12: open }) =>
     on($scope[2], "click", function () {
-      $open$for$content($scope, !open);
+      $open$for$content($scope, (open = !open));
     }),
   ),
   $open$for$content = state(12, ($scope, open) => {

.sizes/comments.ssr/entry.js

@@ -1,7 +1,7 @@
-// size: 140 (min) 119 (brotli)
+// size: 142 (min) 123 (brotli)
 const $open$for$content_effect = effect("a0", ($scope, { 12: open }) =>
     on($scope[2], "click", function () {
-      $open$for$content($scope, !open);
+      $open$for$content($scope, (open = !open));
     }),
   ),
   $open$for$content = state(12, ($scope, open) => {

.sizes/counter.csr/entry.js

@@ -1,7 +1,7 @@
 // size: 184 (min) 151 (brotli)
 const $clickCount_effect = effect("a0", ($scope, { 2: clickCount }) =>
     on($scope[0], "click", function () {
-      $clickCount($scope, clickCount + 1);
+      $clickCount($scope, ++clickCount);
     }),
   ),
   $clickCount = state(2, ($scope, clickCount) => {

.sizes/counter.ssr/entry.js

@@ -1,7 +1,7 @@
 // size: 106 (min) 97 (brotli)
 const $clickCount_effect = effect("a0", ($scope, { 2: clickCount }) =>
     on($scope[0], "click", function () {
-      $clickCount($scope, clickCount + 1);
+      $clickCount($scope, ++clickCount);
     }),
   ),
   $clickCount = state(2, ($scope, clickCount) => {

packages/runtime-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.hydrate.js

@@ -1,8 +1,7 @@
-// size: 162 (min) 122 (brotli)
+// size: 162 (min) 123 (brotli)
 const $clickCount_effect = _$.effect("a0", ($scope, { 3: clickCount }) =>
     _$.on($scope[0], "click", function () {
-      ($lastClickCount($scope, clickCount),
-        $clickCount($scope, clickCount + 1));
+      ($lastClickCount($scope, clickCount), $clickCount($scope, ++clickCount));
     }),
   ),
   $clickCount = _$.state(3, ($scope, clickCount) => {

packages/runtime-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.js

@@ -5,7 +5,7 @@ const $clickCount_effect = _$.effect("__tests__/template.marko_0_clickCount", ($
   clickCount
 }) => _$.on($scope["#button/0"], "click", function () {
   $lastClickCount($scope, clickCount);
-  $clickCount($scope, clickCount + 1), clickCount;
+  $clickCount($scope, ++clickCount)
 }));
 const $clickCount = /* @__PURE__ */_$.state("clickCount/3", ($scope, clickCount) => {
   _$.data($scope["#text/1"], clickCount);

packages/runtime-tags/src/__tests__/fixtures/async-state/__snapshots__/dom.expected/template.hydrate.js

@@ -15,7 +15,7 @@ const $await$try$content = _$.awaitTag(0, $await_content),
   $clickCount_closure = _$.dynamicClosure($clickCount$try$content),
   $clickCount_effect = _$.effect("a1", ($scope, { 2: clickCount }) =>
     _$.on($scope[0], "click", function () {
-      $clickCount($scope, clickCount + 1);
+      $clickCount($scope, ++clickCount);
     }),
   ),
   $clickCount = _$.state(2, ($scope) => {

packages/runtime-tags/src/__tests__/fixtures/async-state/__snapshots__/dom.expected/template.js

@@ -15,7 +15,7 @@ const $clickCount_closure = /* @__PURE__ */_$.dynamicClosure($clickCount$try$con
 const $clickCount_effect = _$.effect("__tests__/template.marko_0_clickCount", ($scope, {
   clickCount
 }) => _$.on($scope["#button/0"], "click", function () {
-  $clickCount($scope, clickCount + 1), clickCount;
+  $clickCount($scope, ++clickCount)
 }));
 const $clickCount = /* @__PURE__ */_$.state("clickCount/2", $scope => {
   $clickCount_closure($scope);