apps/frontend/Todo.ts

@@ -18,6 +18,7 @@ import {
   reasonableString,
   parseStringE,
   leafE,
+  ReasonableString,
 } from "@effect-ts-demo/core/ext/Schema"
 import * as Todo from "@effect-ts-demo/todo-client/Tasks"
 import { TaskId, TaskListId } from "@effect-ts-demo/todo-client/Tasks"
@@ -202,7 +203,7 @@ export function filterByCategory(category: TaskView | string) {
       return ident
     }
     default:
-      return A.filter((t: Todo.Task) => t.listId === category)
+      return A.filter((t: Todo.Task) => t.listId === (category as any))
   }
 }
 
@@ -218,8 +219,8 @@ function isSameDay(today: Date) {
 
 export const emptyTasks = [] as readonly Todo.Task[]
 
-export const Category = nonEmptyString
-export type Category = NonEmptyString
+export const Category = reasonableString
+export type Category = ReasonableString
 
 export * from "@effect-ts-demo/todo-types"
 export * from "@effect-ts-demo/todo-types/Task"

apps/frontend/features/Tasks/TaskList/index.tsx

@@ -21,7 +21,14 @@ import { TodoClient } from "@/index"
 import { Todo } from "@/index"
 import { renderIf_, toUpperCaseFirst } from "@/utils"
 
-import { useGetTask, useMe, useModifyMe, useNewTask, useTasks } from "../data"
+import {
+  parseRSunsafe,
+  useGetTask,
+  useMe,
+  useModifyMe,
+  useNewTask,
+  useTasks,
+} from "../data"
 import { useRouting } from "../routing"
 
 import TaskList from "./TaskList"
@@ -81,7 +88,9 @@ const TaskListView = memo(function ({
       ? category === "tasks"
         ? meResult.value.right.inboxOrder
         : A.findFirstMap_(meResult.value.right.lists, (l) =>
-            l._tag === "TaskList" && l.id === category ? O.some(l.order) : O.none
+            l._tag === "TaskList" && l.id === (category as any)
+              ? O.some(l.order)
+              : O.none
           )["|>"](O.getOrElse(() => []))
       : []
     const tasks = unfilteredTasks["|>"](Todo.filterByCategory(category))
@@ -116,7 +125,9 @@ const TaskListView = memo(function ({
           ? { inboxOrder: order }
           : {
               lists: A.map_(r.lists, (l) =>
-                l.id === category && l._tag === "TaskList" ? { ...l, order } : l
+                l.id === (category as any) && l._tag === "TaskList"
+                  ? { ...l, order }
+                  : l
               ),
             }),
       }))
@@ -166,7 +177,7 @@ const TaskListView = memo(function ({
             fullWidth
             placeholder="Add a Task"
             disabled={addTask.loading}
-            onChange={addTask}
+            onChange={flow(parseRSunsafe, addTask)}
           />
         </Box>
       </>

apps/frontend/features/Tasks/data.ts

@@ -224,7 +224,8 @@ export function useTaskCommandsResolved(t: Todo.Task) {
   }
 }
 
-const parseRS = Parser.for(S.reasonableString)["|>"](S.condemnFail)
+export const parseRS = Parser.for(S.reasonableString)["|>"](S.condemnFail)
+export const parseRSunsafe = Parser.for(S.reasonableString)["|>"](S.unsafe)
 
 export function useTaskCommands(id: Todo.TaskId) {
   const modifyTasks = useModifyTasks()