chore(examples): update hello-world example

Author: ije

examples/hello-world/api/counter/[action].ts

@@ -1,22 +1,27 @@
 import type { APIRequest } from 'aleph/types.ts'
 
-const global = globalThis as any
+const store = globalThis as any
 
 export default async function handler(req: APIRequest) {
-    let count = global['__count'] || (global['__count'] = 0)
+    let count = store.$count || 0
+
     switch (req.params.action) {
         case 'increase':
             count++
-            global['__count'] = count
+            store.$count = count
             req.json({ count })
             break
         case 'decrease':
             count--
-            global['__count'] = count
+            store.$count = count
             req.json({ count })
             break
         default:
-            req.status(400).json({ error: 'UnknownAction', status: 400, message: `undefined acton '${req.params.action}'` })
+            req.status(400).json({
+                error: 'UnknownAction',
+                status: 400,
+                message: `undefined acton '${req.params.action}'`
+            })
             break
     }
 }

examples/hello-world/api/counter/index.ts

@@ -1,8 +1,7 @@
 import type { APIRequest } from 'aleph/types.ts'
 
-const global = globalThis as any
+const store = globalThis as any
 
 export default async function handler(req: APIRequest) {
-    const count = global['__count'] || (global['__count'] = 0)
-    req.json({ count })
+    req.json({ count: store.$count || 0 })
 }

examples/hello-world/lib/useCounter.ts

@@ -1,8 +1,8 @@
 import { useCallback, useEffect, useState } from 'react'
 
 export default function useCounter(): [number, boolean, () => void, () => void] {
-    const [isSyncing, setIsSyncing] = useState(true)
     const [count, setCount] = useState(0)
+    const [isSyncing, setIsSyncing] = useState(true)
     const increase = useCallback(() => {
         setCount(n => n + 1)
         fetch('/api/counter/increase').catch(e => console.error(e))
@@ -13,9 +13,9 @@ export default function useCounter(): [number, boolean, () => void, () => void]
     }, [])
 
     useEffect(() => {
-        fetch('/api/counter').then(resp => resp.json().catch(() => ({ count: 0 })))
+        fetch('/api/counter').then(resp => resp.json().catch(() => ({})))
             .then(({ count }) => {
-                if (typeof count === 'number') {
+                if (typeof count === 'number' && !Number.isNaN(count)) {
                     setCount(count)
                 }
             })