add: slack notify

.gitignore

@@ -3,7 +3,8 @@ node_modules
 /.cache
 /build
 /public/build
-.env
+.env*
+!.env.example
 
 .firebase
 .firebaserc

app/lib/webhook.ts

@@ -0,0 +1,19 @@
+export const sendSlackMessage = async (message: string) => {
+  const webhookUrl = import.meta.env.WEBHOOK_URL;
+
+  if (!webhookUrl) {
+    throw new Error("WEBHOOK_URL is not defined");
+  }
+
+  const response = await fetch(webhookUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ text: message }),
+  });
+
+  if (!response.ok) {
+    throw new Error("Failed to send message");
+  }
+};

app/routes/items/actions/addItem.ts

@@ -1,5 +1,6 @@
 import { parseWithZod } from "@conform-to/zod";
 import { type ClientActionFunction, json } from "@remix-run/react";
+import { sendSlackMessage } from "~/lib/webhook";
 import { ItemEntity, itemSchema } from "~/models/item";
 import { itemRepository } from "~/repositories/item";
 
@@ -14,7 +15,11 @@ export const addItem: ClientActionFunction = async ({ request }) => {
   }
 
   const newItem = ItemEntity.createNew(submission.value);
-  const savedItem = await itemRepository.save(newItem);
+  const itemSavePromise = itemRepository.save(newItem);
+  const webhookSendPromise = sendSlackMessage(
+    `新しいアイテムが追加されました！\n${newItem.name}`,
+  );
+  const [savedItem] = await Promise.all([itemSavePromise, webhookSendPromise]);
 
   console.log("Document written with ID: ", savedItem.id);
   return json(submission.reply({ resetForm: true }), { status: 200 });

app/vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly WEBHOOK_URL: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}