From ec264e03815a676393b5f4681592cb856bfa7498 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Tue, 14 Jan 2025 22:22:10 +0100
Subject: [PATCH] State

---
 packages/example/src/routes/index.tsx                  |  5 ++---
 packages/example/src/views/post/VPost.tsx              |  4 ++--
 .../example/src/views/posts/services/PostsState.ts     | 10 +++++++++-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/example/src/routes/index.tsx b/packages/example/src/routes/index.tsx
index cde72ca..4cc7ad2 100644
--- a/packages/example/src/routes/index.tsx
+++ b/packages/example/src/routes/index.tsx
@@ -4,7 +4,7 @@ import { Reffuse as PostsReffuse } from "@/views/posts/reffuse"
 import { PostsState } from "@/views/posts/services"
 import { VPosts } from "@/views/posts/VPosts"
 import { createFileRoute } from "@tanstack/react-router"
-import { Effect, Layer, SubscriptionRef } from "effect"
+import { Effect } from "effect"
 
 
 export const Route = createFileRoute("/")({
@@ -15,8 +15,7 @@ function Index() {
 
     const postsLayer = Reffuse.useMemo(FetchData.FetchData.pipe(
         Effect.flatMap(({ fetchPosts }) => fetchPosts),
-        Effect.flatMap(SubscriptionRef.make),
-        Effect.map(posts => Layer.succeed(PostsState.PostsState, { posts })),
+        Effect.map(PostsState.make),
     ))
 
 
diff --git a/packages/example/src/views/post/VPost.tsx b/packages/example/src/views/post/VPost.tsx
index 0effa47..6fceed6 100644
--- a/packages/example/src/views/post/VPost.tsx
+++ b/packages/example/src/views/post/VPost.tsx
@@ -1,5 +1,5 @@
 import { Post } from "@/domain"
-import { Chunk, Effect, Ref } from "effect"
+import { Effect } from "effect"
 import { PostsState } from "../posts/services"
 import { Reffuse } from "./reffuse"
 
@@ -22,7 +22,7 @@ export function VPost({ post, index }: VPostProps) {
 
             <button
                 onClick={() => PostsState.PostsState.pipe(
-                    Effect.flatMap(({ posts }) => Ref.update(posts, Chunk.remove(index))),
+                    Effect.flatMap(state => state.remove(index)),
                     runSync,
                 )}
             >
diff --git a/packages/example/src/views/posts/services/PostsState.ts b/packages/example/src/views/posts/services/PostsState.ts
index 74d3aca..e7fbdc2 100644
--- a/packages/example/src/views/posts/services/PostsState.ts
+++ b/packages/example/src/views/posts/services/PostsState.ts
@@ -1,7 +1,15 @@
 import { Post } from "@/domain"
-import { Chunk, Context, SubscriptionRef } from "effect"
+import { Chunk, Context, Effect, Layer, Ref, SubscriptionRef } from "effect"
 
 
 export class PostsState extends Context.Tag("PostsState")<PostsState, {
     readonly posts: SubscriptionRef.SubscriptionRef<Chunk.Chunk<Post.Post>>
+    readonly remove: (index: number) => Effect.Effect<void>
 }>() {}
+
+export const make = (posts: Chunk.Chunk<Post.Post>) => Layer.effect(PostsState, SubscriptionRef.make(posts).pipe(
+    Effect.map(posts => ({
+        posts,
+        remove: (index: number) => Ref.update(posts, Chunk.remove(index)),
+    }))
+))