0.1.1 (#3)

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

packages/example/src/routes/__root.tsx

@@ -1,7 +1,8 @@
 import { Container, Flex, Theme } from "@radix-ui/themes"
-import "@radix-ui/themes/styles.css"
 import { createRootRoute, Link, Outlet } from "@tanstack/react-router"
 import { TanStackRouterDevtools } from "@tanstack/router-devtools"
+
+import "@radix-ui/themes/styles.css"
 import "../index.css"
 
 
@@ -17,6 +18,8 @@ function Root() {
                     <Link to="/">Index</Link>
                     <Link to="/time">Time</Link>
                     <Link to="/count">Count</Link>
+                    <Link to="/tests">Tests</Link>
+                    <Link to="/blank">Blank</Link>
                 </Flex>
             </Container>
 

packages/example/src/routes/blank.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/blank')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/blank"!</div>
+}

packages/example/src/routes/index.tsx

@@ -1,10 +1,9 @@
-import { R } from "@/reffuse"
 import { TodosContext } from "@/todos/reffuse"
 import { TodosState } from "@/todos/services"
 import { VTodos } from "@/todos/views/VTodos"
 import { Container } from "@radix-ui/themes"
 import { createFileRoute } from "@tanstack/react-router"
-import { Console, Effect, Layer } from "effect"
+import { Layer } from "effect"
 import { useMemo } from "react"
 
 
@@ -18,10 +17,6 @@ function Index() {
         Layer.provideMerge(TodosState.make("todos"))
     ), [])
 
-    R.useEffect(Effect.addFinalizer(() => Console.log("Effect cleanup")).pipe(
-        Effect.flatMap(() => Console.log("Effect recalculated"))
-    ))
-
 
     return (
         <Container>

packages/example/src/routes/tests.tsx

@@ -0,0 +1,23 @@
+import { R } from "@/reffuse"
+import { createFileRoute } from "@tanstack/react-router"
+import { GetRandomValues, makeUuid4 } from "@typed/id"
+import { Console, Effect } from "effect"
+
+
+export const Route = createFileRoute("/tests")({
+    component: RouteComponent
+})
+
+function RouteComponent() {
+    // R.useMemo(Effect.addFinalizer(() => Console.log("Cleanup!")).pipe(
+    //     Effect.map(() => "test")
+    // ))
+
+    const value = R.useMemoScoped(Effect.addFinalizer(() => Console.log("cleanup")).pipe(
+        Effect.andThen(makeUuid4),
+        Effect.provide(GetRandomValues.CryptoRandom),
+    ), [])
+    console.log(value)
+
+    return <div>Hello "/tests"!</div>
+}

packages/example/src/routes/time.tsx

@@ -1,6 +1,6 @@
 import { R } from "@/reffuse"
 import { createFileRoute } from "@tanstack/react-router"
-import { Console, DateTime, Effect, Ref, Schedule, Stream } from "effect"
+import { DateTime, Ref, Schedule, Stream } from "effect"
 
 
 const timeEverySecond = Stream.repeatEffectWithSchedule(
@@ -16,21 +16,7 @@ export const Route = createFileRoute("/time")({
 function Time() {
 
     const timeRef = R.useRefFromEffect(DateTime.now)
-
-    R.useFork(Effect.addFinalizer(() => Console.log("Cleanup")).pipe(
-        Effect.flatMap(() =>
-            Stream.runForEach(timeEverySecond, v => Ref.set(timeRef, v))
-        )
-    ), [timeRef])
-    // Reffuse.useFork(Effect.addFinalizer(() => Console.log("Cleanup")).pipe(
-    //     Effect.flatMap(() => DateTime.now),
-    //     Effect.flatMap(v => Ref.set(timeRef, v)),
-    //     Effect.repeat(Schedule.intersect(
-    //         Schedule.forever,
-    //         Schedule.spaced("1 second"),
-    //     )),
-    // ), [timeRef])
-
+    R.useFork(Stream.runForEach(timeEverySecond, v => Ref.set(timeRef, v)), [timeRef])
     const [time] = R.useRefState(timeRef)