fix: fix some hypothetical racing condition

HerringtonDarkholme · HerringtonDarkholme · commit 7c04756403ab · 2024-05-13T15:03:11.000-07:00
diff --git a/website/src/components/Playground.vue b/website/src/components/Playground.vue
@@ -77,19 +77,23 @@ watchEffect(async () => {
   langLoaded.value = true
 })
 
-watchEffect(async () => {
+watchEffect(async (onInvalidate) => {
   if (!langLoaded.value || !yaml.value) {
     return
   }
+  let invalidated = false
   // before async
   const [src, json] = [source.value, buildRules()]
+  onInvalidate(() => invalidated = true)
   try {
     const [matches, fixed] = await doFind(src, json)
+    if (invalidated) { return }
     rewrittenCode.value = fixed
     matchedHighlights.value = matches
     matchedEnvs.value = matches.map(m => m.env)
     ruleErrors.value = null
   } catch (e) {
+    if (invalidated) { return }
     console.error(e)
     ruleErrors.value = e.toString()
     matchedHighlights.value = []
