0.1.2 (#4)

Co-authored-by: Julien Valverdé <julien.valverde@mailo.com>
Reviewed-on: https://gitea:3000/Thilawyn/reffuse/pulls/4

packages/example/src/todos/views/VNewTodo.tsx

@@ -1,23 +1,24 @@
 import { Todo } from "@/domain"
 import { Box, Button, Card, Flex, TextArea } from "@radix-ui/themes"
-import { Effect, Option } from "effect"
+import { Effect, Option, SubscriptionRef } from "effect"
 import { R } from "../reffuse"
 import { TodosState } from "../services"
 
 
+const createEmptyTodo = Todo.generateUniqueID.pipe(
+    Effect.map(id => Todo.Todo.make({
+        id,
+        content: "",
+        completedAt: Option.none(),
+    }, true))
+)
+
+
 export function VNewTodo() {
 
     const runSync = R.useRunSync()
 
-    const createEmptyTodo = Todo.generateUniqueID.pipe(
-        Effect.map(id => Todo.Todo.make({
-            id,
-            content: "",
-            completedAt: Option.none(),
-        }, true))
-    )
-
-    const todoRef = R.useRefFromEffect(createEmptyTodo)
+    const todoRef = R.useMemo(() => createEmptyTodo.pipe(Effect.flatMap(SubscriptionRef.make)), [])
     const [todo, setTodo] = R.useRefState(todoRef)
 
 
@@ -36,7 +37,7 @@ export function VNewTodo() {
                         <Button
                             onClick={() => TodosState.TodosState.pipe(
                                 Effect.flatMap(state => state.prepend(todo)),
-                                Effect.flatMap(() => createEmptyTodo),
+                                Effect.andThen(createEmptyTodo),
                                 Effect.map(setTodo),
                                 runSync,
                             )}