);
}
diff --git a/app/routes/auth.google.callback.tsx b/app/routes/auth.google.callback.tsx
new file mode 100644
index 0000000..f5a78d6
--- /dev/null
+++ b/app/routes/auth.google.callback.tsx
@@ -0,0 +1,10 @@
+import type { LoaderFunctionArgs } from "@remix-run/cloudflare";
+import { getAuthenticator } from "~/services/auth.server";
+
+export const loader = ({ context, request }: LoaderFunctionArgs) => {
+ const authenticator = getAuthenticator(context);
+ return authenticator.authenticate("google", request, {
+ successRedirect: "/",
+ failureRedirect: "/",
+ });
+};
diff --git a/app/routes/auth.google.tsx b/app/routes/auth.google.tsx
new file mode 100644
index 0000000..119f268
--- /dev/null
+++ b/app/routes/auth.google.tsx
@@ -0,0 +1,7 @@
+import type { ActionFunctionArgs } from "@remix-run/cloudflare";
+import { getAuthenticator } from "~/services/auth.server";
+
+export const action = ({ context, request }: ActionFunctionArgs) => {
+ const authenticator = getAuthenticator(context);
+ return authenticator.authenticate("google", request);
+};
diff --git a/app/routes/logout.tsx b/app/routes/logout.tsx
new file mode 100644
index 0000000..067c4cb
--- /dev/null
+++ b/app/routes/logout.tsx
@@ -0,0 +1,7 @@
+import type { ActionFunctionArgs } from "@remix-run/cloudflare";
+import { getAuthenticator } from "~/services/auth.server";
+
+export const action = async ({ context, request }: ActionFunctionArgs) => {
+ const authenticator = getAuthenticator(context);
+ await authenticator.logout(request, { redirectTo: "/" });
+};
diff --git a/app/routes/posts.create.tsx b/app/routes/posts.create.tsx
new file mode 100644
index 0000000..b90bf3d
--- /dev/null
+++ b/app/routes/posts.create.tsx
@@ -0,0 +1,22 @@
+import { type ActionFunctionArgs, redirect } from "@remix-run/cloudflare";
+import { getDBClient } from "~/libs/drizzle/client.server";
+import { posts } from "~/libs/drizzle/schema";
+import { getAuthenticator } from "~/services/auth.server";
+
+export const action = async ({ context, request }: ActionFunctionArgs) => {
+ const authenticator = getAuthenticator(context);
+ const user = await authenticator.isAuthenticated(request);
+ if (user) {
+ const db = getDBClient(context.cloudflare.env.DB);
+ const formData = await request.formData();
+ const postBody = formData.get("post-body")?.toString();
+ // validation
+ if (postBody === undefined || postBody.length === 0) {
+ return new Response("Post body is empty", { status: 500 });
+ }
+ await db
+ .insert(posts)
+ .values({ body: postBody?.toString(), userId: user.id });
+ }
+ return redirect("/");
+};
diff --git a/app/routes/posts.delete.tsx b/app/routes/posts.delete.tsx
new file mode 100644
index 0000000..db1355b
--- /dev/null
+++ b/app/routes/posts.delete.tsx
@@ -0,0 +1,25 @@
+import { type ActionFunctionArgs, redirect } from "@remix-run/cloudflare";
+import { and, eq } from "drizzle-orm";
+import { getDBClient } from "~/libs/drizzle/client.server";
+import { posts } from "~/libs/drizzle/schema";
+import { getAuthenticator } from "~/services/auth.server";
+
+export const action = async ({ context, request }: ActionFunctionArgs) => {
+ const authenticator = getAuthenticator(context);
+ const user = await authenticator.isAuthenticated(request);
+ if (user) {
+ const db = getDBClient(context.cloudflare.env.DB);
+ const formData = await request.formData();
+ const postId = formData.get("post-id")?.toString();
+ // validation
+ if (postId === undefined || Number.isNaN(Number.parseInt(postId))) {
+ return new Response("Post ID is invalid", { status: 500 });
+ }
+ await db
+ .delete(posts)
+ .where(
+ and(eq(posts.id, Number.parseInt(postId)), eq(posts.userId, user.id))
+ );
+ }
+ return redirect("/");
+};
diff --git a/app/routes/resources.tsx b/app/routes/resources.tsx
deleted file mode 100644
index b65ad79..0000000
--- a/app/routes/resources.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import type { LoaderFunctionArgs, ActionFunctionArgs } from "@remix-run/node";
-import { Form, json, useLoaderData } from "@remix-run/react";
-import { drizzle } from "drizzle-orm/d1";
-import { resources } from "~/db/schema.server";
-
-export async function action({ request, context }: ActionFunctionArgs) {
- const env = context.cloudflare.env as Env;
- const formData = await request.formData();
- const title = formData.get("title") as string;
- const href = formData.get("href") as string;
- const db = drizzle(env.DB);
-
- await db.insert(resources).values({ title, href }).execute();
-
- return json({ message: "Resource added" }, { status: 201 });
-}
-
-export async function loader({ context }: LoaderFunctionArgs) {
- const env = context.cloudflare.env as Env;
- const db = drizzle(env.DB);
- const resourceList = await db
- .select({
- id: resources.id,
- title: resources.title,
- href: resources.href,
- })
- .from(resources)
- .orderBy(resources.id);
-
- return json({
- resourceList,
- });
-}
-
-export default function ResourcesPage() {
- const { resourceList } = useLoaderData