Use localStorage to store count

Author: ije

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

@@ -1,19 +1,17 @@
 import type { APIRequest } from 'aleph/types.ts'
 
-const store = globalThis as any
-
 export default async function handler(req: APIRequest) {
-  let count = store.$count || 0
+  let count = parseInt(localStorage.getItem('count') || '0')
 
   switch (req.params['action']) {
     case 'increase':
       count++
-      store.$count = count
+      localStorage.setItem('count', count.toString())
       req.json({ count })
       break
     case 'decrease':
       count--
-      store.$count = count
+      localStorage.setItem('count', count.toString())
       req.json({ count })
       break
     default:

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

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

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

@@ -1,19 +1,17 @@
 import type { APIRequest } from 'aleph/types.ts'
 
-const store = globalThis as any
-
 export default async function handler(req: APIRequest) {
-  let count = store.$count || 0
+  let count = parseInt(localStorage.getItem('count') || '0')
 
   switch (req.params['action']) {
     case 'increase':
       count++
-      store.$count = count
+      localStorage.setItem('count', count.toString())
       req.json({ count })
       break
     case 'decrease':
       count--
-      store.$count = count
+      localStorage.setItem('count', count.toString())
       req.json({ count })
       break
     default:

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

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

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

@@ -1,19 +1,17 @@
 import type { APIRequest } from 'aleph/types.ts'
 
-const store = globalThis as any
-
 export default async function handler(req: APIRequest) {
-  let count = store.$count || 0
+  let count = parseInt(localStorage.getItem('count') || '0')
 
   switch (req.params['action']) {
     case 'increase':
       count++
-      store.$count = count
+      localStorage.setItem('count', count.toString())
       req.json({ count })
       break
     case 'decrease':
       count--
-      store.$count = count
+      localStorage.setItem('count', count.toString())
       req.json({ count })
       break
     default:

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

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