test: update examples to test file uploads

Author: DawidWraga

.hintrc

@@ -4,6 +4,12 @@
   ],
   "hints": {
     "typescript-config/consistent-casing": "off",
-    "typescript-config/strict": "off"
+    "typescript-config/strict": "off",
+    "axe/forms": [
+      "default",
+      {
+        "label": "off"
+      }
+    ]
   }
 }

examples/t3-with-davstack/src/app/file/file.action.ts

@@ -0,0 +1,9 @@
+"use server";
+import { action, zodFile } from "@davstack/action";
+export const uploadFile = action()
+  .input({
+    file: zodFile({ type: "*" }),
+  })
+  .mutation(async ({ input, ctx }) => {
+    console.log("FILE UPLOADING! ", { input, ctx });
+  });

examples/t3-with-davstack/src/app/file/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+import { objectToFormData } from "@davstack/action";
+import { uploadFile } from "./file.action";
+export interface FilePageProps {}
+
+export default function FilePage(props: FilePageProps) {
+  const {} = props;
+
+  return (
+    <>
+      <form action={uploadFile as any}>
+        <input type="file" name="file" />
+        <button type="submit">Upload via form action</button>
+      </form>
+
+      <button
+        onClick={async () => {
+          try {
+            const file = new Blob([], { type: "123" });
+            await uploadFile(objectToFormData({ file }));
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      >
+        upload via direct action call
+      </button>
+    </>
+  );
+}

examples/t3-with-davstack/src/app/with-server-actions/actions.tsx

@@ -1,8 +1,6 @@
 "use server";
 
-import { unstable_cache } from 'next/cache';
 import { authedAction } from "@/lib/action";
-import { revalidatePath } from "next/cache";
 import { z } from "zod";
 
 export const getTodos = authedAction.query(async ({ ctx }) => {
@@ -16,16 +14,12 @@ export const getTodos = authedAction.query(async ({ ctx }) => {
 export const createTodo = authedAction
   .input({ name: z.string().min(1) })
   .mutation(async ({ ctx, input }) => {
-    return ctx.db.todo
-      .create({
-        data: {
-          name: input.name,
-          createdBy: { connect: { id: ctx.user.id } },
-        },
-      })
-      .then(() => {
-        // revalidatePath("/with-server-actions");
-      });
+    return ctx.db.todo.create({
+      data: {
+        name: input.name,
+        createdBy: { connect: { id: ctx.user.id } },
+      },
+    });
   });
 
 export const updateTodo = authedAction