cleanup recipes

Author: anotherjesse

recipes/ifelse_test.tsx

@@ -1,82 +1,48 @@
+/// <cts-enable />
+
 import {
-  h,
+  Cell,
+  Default,
   derive,
+  h,
   handler,
   ifElse,
-  JSONSchema,
   lift,
   NAME,
   recipe,
-  schema,
   str,
   UI,
 } from "commontools";
 
-const inputSchema = schema({
-  type: "object",
-  properties: {
-    counter: {
-      type: "integer",
-      default: 0,
-      asCell: true,
-    },
+const incCounter = handler<undefined, { counter: Cell<number> }>(
+  (_, { counter }) => {
+    counter.set(counter.get() + 1);
   },
-  default: { counter: 0 },
-});
-
-const outputSchema = schema({
-  type: "object",
-  properties: {},
-});
+);
 
-const incCounter = handler({}, {
-  type: "object",
-  properties: {
-    counter: {
-      type: "integer",
-      asCell: true,
-    },
-  },
-}, (_event, state) => {
-  if (state.counter) {
-    const current_count = state.counter.value;
-    console.log("current count=", current_count);
-    state.counter.set(current_count + 1);
-  } else {
-    console.log("counter is undefined, ignoring");
-  }
+const isEven = lift<{ counter: number }, boolean>(({ counter }) => {
+  console.log("isEven", counter);
+  return counter % 2 === 0;
 });
 
-const isEven = lift(({ counter }) => {
-  return counter % 2;
+export default recipe<{
+  counter: Default<number, 0>;
+}>("IfElseTest", ({ counter }) => {
+  derive(counter, (c) => {
+    console.log("derive counter: ", c);
+  });
+  return {
+    [NAME]: str`counter: ${counter}`,
+    [UI]: (
+      <div>
+        {isEven({ counter })
+          ? <p>counter is even : {counter}</p>
+          : <p>counter is odd : {counter}</p>}
+        <p />
+        <button type="button" onClick={incCounter({ counter })}>
+          |click me|
+        </button>
+      </div>
+    ),
+  };
 });
-
-export default recipe(
-  inputSchema,
-  outputSchema,
-  ({ counter }) => {
-    const isEvenVal = isEven({ counter });
-    derive(counter, (c) => {
-      console.log("derive counter: ", c);
-    });
-    return {
-      [NAME]: str`counter: ${counter}`,
-      [UI]: (
-        <div>
-          {ifElse(
-            isEvenVal,
-            <p>counter is odd : {counter}</p>,
-            <p>counter is even : {counter}</p>,
-          )}
-          <p />
-          <button
-            type="button"
-            onClick={incCounter({ counter })}
-          >
-            |click me|
-          </button>
-        </div>
-      ),
-    };
-  },
-);

recipes/todo-list.tsx

@@ -35,7 +35,7 @@ const addTask = handler<
     console.log("addTask", event, state);
     const items = state.items;
     const task = event.detail?.message?.trim();
-    if (task) items.set([...items.get(), { title: task, done: false }]);
+    if (task) items.push({ title: task, done: false });
   },
 );