keybase · chrisnojima-zoom · Dec 16, 2025 · Dec 16, 2025 · Dec 16, 2025 · Dec 16, 2025
diff --git a/shared/immer-test-2/index.html b/shared/immer-test-2/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <title>Immer Test 2</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
+
diff --git a/shared/immer-test-2/index.tsx b/shared/immer-test-2/index.tsx
@@ -0,0 +1,50 @@
+import * as React from 'react'
+import {useStore} from './store'
+
+const serializeForDisplay = (value: unknown): unknown => {
+  if (value instanceof Set) {
+    return Array.from(value).map(serializeForDisplay)
+  }
+  if (value instanceof Map) {
+    const obj: Record<string, unknown> = {}
+    for (const [key, val] of value.entries()) {
+      obj[String(key)] = serializeForDisplay(val)
+    }
+    return obj
+  }
+  if (value && typeof value === 'object' && !Array.isArray(value)) {
+    const obj: Record<string, unknown> = {}
+    for (const [key, val] of Object.entries(value)) {
+      obj[key] = serializeForDisplay(val)
+    }
+    return obj
+  }
+  if (Array.isArray(value)) {
+    return value.map(serializeForDisplay)
+  }
+  return value
+}
+
+const TestApp = () => {
+  const toggleLocalReaction = useStore(s => s.toggleLocalReaction)
+  const message = useStore(s => s.messageMap.get(1))
+
+  const handleClick = () => {
+    const targetOrdinal = 1
+    toggleLocalReaction({
+      decorated: ':+1:',
+      emoji: '+1',
+      targetOrdinal,
+      username: 'testuser',
+    })
+  }
+
+  return (
+    <div>
+      <button onClick={handleClick}>Toggle Reaction</button>
+      <pre>{JSON.stringify(serializeForDisplay(message), null, 2)}</pre>
+    </div>
+  )
+}
+
+export default TestApp
diff --git a/shared/immer-test-2/main.tsx b/shared/immer-test-2/main.tsx
@@ -0,0 +1,7 @@
+import * as React from 'react'
+import {createRoot} from 'react-dom/client'
+import TestApp from './index'
+
+const root = createRoot(document.getElementById('root')!)
+root.render(<TestApp />)
+