fix(refresh): don't reset scheduled timeout if a rerender occurs

@mizu/refresh/README.md

@@ -15,7 +15,7 @@ Reprocess an element at a specified interval _(in seconds)_.
 ## Notes
 
 > [!WARNING]
-> Context is recreated from the initial root context and the element itself, meaning intermediate computations are not retained. Use this only on elements that can be rendered independently to avoid unexpected errors.
+> Ensure proper context management to prevent unexpected errors.
 
 > [!WARNING]
 > Avoid using with iterative directives like [`*for`](#for) as [`*refresh`](#refresh) will be duplicated for each generated element.
@@ -36,4 +36,4 @@ Reprocess an element at a specified interval _(in seconds)_.
 
 ### `$refresh: boolean`
 
-A flag that indicates whether the element is being refreshed.
+Indicates if the element is currently being refreshed.

@mizu/refresh/mod.ts

@@ -21,6 +21,7 @@ export const _refresh = {
     // Clear interval if value is null
     if (value === null) {
       clearTimeout(cache.get(element)?.id)
+      cache.delete(element)
       return
     }
 
@@ -30,8 +31,11 @@ export const _refresh = {
       renderer.warn(`[${this.name}] expects a finite positive number but got ${value}, ignoring`, element)
       return
     }
-    clearTimeout(cache.get(element)?.id)
-    cache.set(element, { interval, id: NaN })
+    const cached = cache.get(element) ?? cache.set(element, { interval, id: NaN }).get(element)!
+    if (((cached.interval !== interval) && (!Number.isNaN(cached.id))) || (options.state[renderer.internal("refreshing")])) {
+      clearTimeout(cached.id)
+      cached.id = NaN
+    }
   },
   cleanup(renderer, element, { cache, ...options }) {
     // Cleanup interval from commented out elements
@@ -48,7 +52,7 @@ export const _refresh = {
     }
     cache.get(element)!.id = setTimeout(() => {
       if (element.isConnected) {
-        renderer.render(element as HTMLElement, { ...options, state: { ...options.state, $refresh: true } })
+        renderer.render(element as HTMLElement, { ...options, state: { ...options.state, $refresh: true, [renderer.internal("refreshing")]: true } })
       }
     }, cache.get(element)!.interval)
   },

@mizu/refresh/mod_test.html

@@ -12,6 +12,9 @@
     context.foo = fn()
     await delay(context.interval * 1000)
     expect(context.foo).toHaveBeenCalled()
+    context.foo = fn()
+    await delay(context.interval * 1000)
+    expect(context.foo).toHaveBeenCalled()
   </script>
   <script>
     context.interval = .105
@@ -21,6 +24,9 @@
     context.foo = fn()
     await delay(context.interval * 1000)
     expect(context.foo).toHaveBeenCalled()
+    context.foo = fn()
+    await delay(context.interval * 1000)
+    expect(context.foo).toHaveBeenCalled()
   </script>
   <render></render>
   <script>
@@ -34,6 +40,35 @@
   </script>
 </test>
 
+<test name="[*refresh] does not reset upon normal rerenderings">
+  <script>
+    context.foo = () => null
+    context.interval = .100
+  </script>
+  <render>
+    <p *refresh="(foo(), interval)"></p>
+  </render>
+  <script>
+    context.foo = fn()
+    storage.loop = true
+    await Promise.race([
+      delay(context.interval * 1000),
+      new Promise(async () => {
+        while (storage.loop) {
+          await rerender()
+          await delay(.001)
+        }
+      }),
+    ])
+    storage.loop = false
+    expect(context.foo).toHaveBeenCalled()
+  </script>
+  <script>
+    context.interval = null
+  </script>
+  <render></render>
+</test>
+
 <test name="[*refresh] handles commented elements">
   <script>
     context.value = true