From 70ec3bed7899ba4b480196c209d9e17b21f31f39 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 20:31:29 +0900
Subject: [PATCH 01/12] Add community

---
 src/routes/+layout.server.ts      | 10 +++++-----
 src/routes/community/+page.svelte | 17 +++++++++++++++++
 2 files changed, 22 insertions(+), 5 deletions(-)
 create mode 100644 src/routes/community/+page.svelte

diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index 039b7e7..671d1a2 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -1,6 +1,6 @@
-import type { LayoutServerLoad } from './$types'
+// import type { LayoutServerLoad } from './$types'
 
-export const load: LayoutServerLoad =
-  async (event) => ({
-    session: await event.locals.auth(),
-  })
+// export const load: LayoutServerLoad =
+//   async (event) => ({
+//     session: await event.locals.auth(),
+//   })
diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
new file mode 100644
index 0000000..5428b73
--- /dev/null
+++ b/src/routes/community/+page.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+  //   export let data
+</script>
+
+<section>
+  <h1
+    class="text-2xl font-semibold capitalize"
+  >
+    커뮤니티
+  </h1>
+  <p
+    class="text-xl font-semibold capitalize"
+  >
+    커뮤니티에서 다양한 이야기를
+    나눠보세요!
+  </p>
+</section>

From 0c394ad10be21738b172040d42cec0dfb7b43ed3 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 20:32:52 +0900
Subject: [PATCH 02/12] Add page

---
 src/routes/report/+page.server.ts | 11 +++++++++++
 src/routes/report/+page.svelte    | 11 +++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 src/routes/report/+page.server.ts
 create mode 100644 src/routes/report/+page.svelte

diff --git a/src/routes/report/+page.server.ts b/src/routes/report/+page.server.ts
new file mode 100644
index 0000000..88b2677
--- /dev/null
+++ b/src/routes/report/+page.server.ts
@@ -0,0 +1,11 @@
+// import { redirect } from '@sveltejs/kit'
+// import type { PageServerLoad } from './$types'
+
+// export const load: PageServerLoad =
+//   async (event) => {
+//     const session =
+//       await event.locals.auth()
+//     if (!session?.user)
+//       throw redirect(303, '/auth')
+//     return {}
+//   }
diff --git a/src/routes/report/+page.svelte b/src/routes/report/+page.svelte
new file mode 100644
index 0000000..fee7c68
--- /dev/null
+++ b/src/routes/report/+page.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  //   export let data
+</script>
+
+<section>
+  <h1
+    class="text-2xl font-semibold capitalize"
+  >
+    문의하기
+  </h1>
+</section>

From a8ea955ac265b8fb9bc3b59938bdc6e61716e662 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 20:37:21 +0900
Subject: [PATCH 03/12] Update header

---
 src/components/header.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/header.svelte b/src/components/header.svelte
index c2eab78..c42c79f 100644
--- a/src/components/header.svelte
+++ b/src/components/header.svelte
@@ -11,6 +11,7 @@
     MAIN = '/',
     ABOUT = '/about',
     BLOG = '/blog',
+    REPORT = '/report',
   }
 </script>
 
@@ -33,6 +34,11 @@
     class="{`${path === PATHS.ABOUT && 'font-bold text-blue-700'} text-xl`}"
     >About</a
   >
+  <a
+    href="{PATHS.REPORT}"
+    class="{`${path === PATHS.REPORT && 'font-bold text-blue-700'} text-xl`}"
+    >Report</a
+  >
 </nav>
 
 <style>

From ce8df43db43b8d86f3d50ba1b25c7669709e1b69 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 20:49:13 +0900
Subject: [PATCH 04/12] Publish

---
 src/routes/report/+page.svelte | 104 ++++++++++++++++++++++++++++++++-
 1 file changed, 102 insertions(+), 2 deletions(-)

diff --git a/src/routes/report/+page.svelte b/src/routes/report/+page.svelte
index fee7c68..20d2c62 100644
--- a/src/routes/report/+page.svelte
+++ b/src/routes/report/+page.svelte
@@ -1,11 +1,111 @@
 <script lang="ts">
-  //   export let data
+  export let data
+  import { page } from '$app/stores'
+
+  import { signIn } from '@auth/sveltekit/client'
+  import GithubLoginButton from '@components/githubLoginButton.svelte'
+
+  let message: string = ''
+  let title: string = ''
+
+  const handleMessageInput = (
+    event: Event
+  ) => {
+    const target =
+      event.target as HTMLTextAreaElement
+    message = target.value
+  }
+
+  const handleTitleInput = (
+    event: Event
+  ) => {
+    const target =
+      event.target as HTMLInputElement
+    title = target.value
+  }
+
+  const handleSubmit = () => {
+    console.log(
+      '전송된 메시지:',
+      message
+    )
+  }
 </script>
 
 <section>
   <h1
-    class="text-2xl font-semibold capitalize"
+    class="mb-4 text-2xl font-semibold capitalize"
   >
     문의하기
   </h1>
+
+  <input
+    type="text"
+    class="mb-4 w-full rounded-md border p-2"
+    placeholder="제목을 입력해주세요."
+    bind:value="{title}"
+    on:input="{handleTitleInput}"
+  />
+  <textarea
+    class="w-full rounded-md border p-2"
+    rows="5"
+    placeholder="문의 내용을 입력해주세요."
+    bind:value="{message}"
+    on:input="{handleMessageInput}"
+  ></textarea>
+  <button
+    class="mt-2 rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
+    on:click="{handleSubmit}"
+  >
+    전송
+  </button>
+  {#if $page.data.session}
+    <div
+      class="flex items-center space-x-4"
+    >
+      {#if $page.data.session.user?.image}
+        <img
+          src="{$page.data.session.user
+            .image}"
+          alt="프로필 이미지"
+          class="h-12 w-12 rounded-full"
+        />
+      {/if}
+      <div>
+        <h1
+          class="text-xl font-semibold"
+        >
+          {$page.data.session.user
+            ?.name ?? '익명의 유저'}님
+          안녕하세요!
+        </h1>
+        <p class="text-gray-600">
+          email: {$page.data.session
+            .user?.email ??
+            'email이 존재하지 않습니다.'}
+        </p>
+      </div>
+    </div>
+  {:else}
+    <div
+      class="border-l-4 border-blue-500 bg-blue-100 p-4 text-blue-800"
+      role="alert"
+    >
+      <p class="font-bold">
+        아직 로그인하지 않았습니다!
+      </p>
+      <p>
+        로그인된 사용자만 서비스 문의가
+        가능합니다.
+      </p>
+    </div>
+
+    <div
+      class="my-8 h-px w-full bg-slate-400"
+    ></div>
+
+    <GithubLoginButton
+      onClick="{() => signIn('github')}"
+    />
+  {/if}
 </section>

From c59eef77bc70613e68a5dbef68979500f5ba5c67 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:33:40 +0900
Subject: [PATCH 05/12] Add nodemailer

---
 package.json   |   4 +-
 pnpm-lock.yaml | 251 ++++++++++++++++++++++++++++++++++++++++++++-----
 2 files changed, 231 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index 2452fe5..e44c660 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "eslint": "^7.7.0",
     "eslint-plugin-svelte3": "^2.7.3",
     "mdsvex": "^0.11.0",
+    "nodemailer": "^6.9.13",
     "postcss": "^8.4.32",
     "postcss-load-config": "^5.0.2",
     "prettier": "^3.2.5",
@@ -41,6 +42,7 @@
   "type": "module",
   "dependencies": {
     "@typescript-eslint/parser": "^7.4.0",
-    "mongodb": "^6.5.0"
+    "mongodb": "^6.5.0",
+    "svelte-email": "^0.0.4"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 50a8ccf..82b3761 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,14 +11,17 @@ dependencies:
   mongodb:
     specifier: ^6.5.0
     version: 6.5.0
+  svelte-email:
+    specifier: ^0.0.4
+    version: 0.0.4
 
 devDependencies:
   '@auth/core':
     specifier: ^0.28.1
-    version: 0.28.1
+    version: 0.28.1(nodemailer@6.9.13)
   '@auth/sveltekit':
     specifier: ^0.14.1
-    version: 0.14.1(@sveltejs/kit@2.5.4)(svelte@4.2.12)
+    version: 0.14.1(@sveltejs/kit@2.5.4)(nodemailer@6.9.13)(svelte@4.2.12)
   '@fontsource/fira-mono':
     specifier: ^4.5.10
     version: 4.5.10
@@ -52,6 +55,9 @@ devDependencies:
   mdsvex:
     specifier: ^0.11.0
     version: 0.11.0(svelte@4.2.12)
+  nodemailer:
+    specifier: ^6.9.13
+    version: 6.9.13
   postcss:
     specifier: ^8.4.32
     version: 8.4.38
@@ -111,7 +117,7 @@ packages:
       '@jridgewell/trace-mapping': 0.3.25
     dev: true
 
-  /@auth/core@0.28.1:
+  /@auth/core@0.28.1(nodemailer@6.9.13):
     resolution: {integrity: sha512-gvp74mypYZADpTlfGRp6HE0G3pIHWvtJpy+KZ+8FvY0cmlIpHog+jdMOdd29dQtLtN25kF2YbfHsesCFuGUQbg==}
     peerDependencies:
       '@simplewebauthn/browser': ^9.0.1
@@ -129,18 +135,19 @@ packages:
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       jose: 5.2.3
+      nodemailer: 6.9.13
       oauth4webapi: 2.10.3
       preact: 10.11.3
       preact-render-to-string: 5.2.3(preact@10.11.3)
     dev: true
 
-  /@auth/sveltekit@0.14.1(@sveltejs/kit@2.5.4)(svelte@4.2.12):
+  /@auth/sveltekit@0.14.1(@sveltejs/kit@2.5.4)(nodemailer@6.9.13)(svelte@4.2.12):
     resolution: {integrity: sha512-NBmMO4L4pwNv2QMADCAwjtrFgd8WRaVjuPyDF2aR5QlXiXLihHGy9MIs6YeNV6dXa90AIsJMpguEOdsaWhsaGA==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0 || ^2.0.0
       svelte: ^3.54.0 || ^4.0.0 || ^5
     dependencies:
-      '@auth/core': 0.28.1
+      '@auth/core': 0.28.1(nodemailer@6.9.13)
       '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.2.6)
       set-cookie-parser: 2.6.0
       svelte: 4.2.12
@@ -625,7 +632,6 @@ packages:
       strip-ansi-cjs: /strip-ansi@6.0.1
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: /wrap-ansi@7.0.0
-    dev: true
 
   /@jridgewell/gen-mapping@0.3.5:
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
@@ -703,6 +709,10 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
+  /@one-ini/wasm@0.1.1:
+    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
+    dev: false
+
   /@panva/hkdf@1.1.1:
     resolution: {integrity: sha512-dhPeilub1NuIG0X5Kvhh9lH4iW3ZsHlnzwgwbOlgwQ2wG1IqFzsgHqmKPk3WzsdWAeaxKJxgM0+W433RmN45GA==}
     dev: true
@@ -711,7 +721,6 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
     requiresBuild: true
-    dev: true
     optional: true
 
   /@polka/url@1.0.0-next.25:
@@ -830,6 +839,13 @@ packages:
     dev: true
     optional: true
 
+  /@selderee/plugin-htmlparser2@0.11.0:
+    resolution: {integrity: sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==}
+    dependencies:
+      domhandler: 5.0.3
+      selderee: 0.11.0
+    dev: false
+
   /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
     resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
     peerDependencies:
@@ -1039,6 +1055,11 @@ packages:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
     dev: true
 
+  /abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: false
+
   /acorn-import-attributes@1.9.4(acorn@8.11.3):
     resolution: {integrity: sha512-dNIX/5UEnZvVL94dV2scl4VIooK36D8AteP4xiz7cPKhDbhLhSuWkzG580g+Q7TXJklp+Z21SiaK7/HpLO84Qg==}
     peerDependencies:
@@ -1101,7 +1122,6 @@ packages:
   /ansi-regex@6.0.1:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
-    dev: true
 
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
@@ -1118,7 +1138,6 @@ packages:
   /ansi-styles@6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
-    dev: true
 
   /any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
@@ -1325,6 +1344,11 @@ packages:
     hasBin: true
     dev: true
 
+  /commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+    dev: false
+
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
@@ -1333,6 +1357,22 @@ packages:
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  /condense-newlines@0.2.1:
+    resolution: {integrity: sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-whitespace: 0.3.0
+      kind-of: 3.2.2
+    dev: false
+
+  /config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+    dev: false
+
   /console-control-strings@1.1.0:
     resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
     dev: true
@@ -1381,7 +1421,6 @@ packages:
   /deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /delegates@1.0.0:
     resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
@@ -1427,9 +1466,46 @@ packages:
     dependencies:
       esutils: 2.0.3
 
+  /dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+    dev: false
+
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: false
+
+  /domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: false
+
+  /domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+    dev: false
+
   /eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: true
+
+  /editorconfig@1.0.4:
+    resolution: {integrity: sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@one-ini/wasm': 0.1.1
+      commander: 10.0.1
+      minimatch: 9.0.1
+      semver: 7.6.0
+    dev: false
 
   /electron-to-chromium@1.4.717:
     resolution: {integrity: sha512-6Fmg8QkkumNOwuZ/5mIbMU9WI3H2fmn5ajcVya64I5Yr5CcNmO7vcLt0Y7c96DCiMO5/9G+4sI2r6eEvdg1F7A==}
@@ -1440,7 +1516,6 @@ packages:
 
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: true
 
   /enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
@@ -1449,6 +1524,11 @@ packages:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
 
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: false
+
   /es6-promise@3.3.1:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
     dev: true
@@ -1663,6 +1743,13 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: 0.1.1
+    dev: false
+
   /fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -1720,7 +1807,6 @@ packages:
     dependencies:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
-    dev: true
 
   /fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
@@ -1789,7 +1875,6 @@ packages:
       minimatch: 9.0.3
       minipass: 7.0.4
       path-scurry: 1.10.1
-    dev: true
 
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
@@ -1850,6 +1935,26 @@ packages:
       function-bind: 1.1.2
     dev: true
 
+  /html-to-text@9.0.5:
+    resolution: {integrity: sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@selderee/plugin-htmlparser2': 0.11.0
+      deepmerge: 4.3.1
+      dom-serializer: 2.0.0
+      htmlparser2: 8.0.2
+      selderee: 0.11.0
+    dev: false
+
+  /htmlparser2@8.0.2:
+    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      entities: 4.5.0
+    dev: false
+
   /https-proxy-agent@5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
@@ -1897,6 +2002,10 @@ packages:
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: false
+
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -1904,12 +2013,21 @@ packages:
       binary-extensions: 2.3.0
     dev: true
 
+  /is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+    dev: false
+
   /is-core-module@2.13.1:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
       hasown: 2.0.2
     dev: true
 
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -1934,6 +2052,11 @@ packages:
       '@types/estree': 1.0.5
     dev: true
 
+  /is-whitespace@0.3.0:
+    resolution: {integrity: sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -1944,7 +2067,6 @@ packages:
       '@isaacs/cliui': 8.0.2
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
-    dev: true
 
   /jiti@1.21.0:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
@@ -1955,6 +2077,23 @@ packages:
     resolution: {integrity: sha512-KUXdbctm1uHVL8BYhnyHkgp3zDX5KW8ZhAKVFEfUbU2P8Alpzjb+48hHvjOdQIyPshoblhzsuqOwEEAbtHVirA==}
     dev: true
 
+  /js-beautify@1.15.1:
+    resolution: {integrity: sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      config-chain: 1.1.13
+      editorconfig: 1.0.4
+      glob: 10.3.10
+      js-cookie: 3.0.5
+      nopt: 7.2.0
+    dev: false
+
+  /js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
+    dev: false
+
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -1982,11 +2121,22 @@ packages:
     dependencies:
       json-buffer: 3.0.1
 
+  /kind-of@3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: false
+
   /kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
     dev: true
 
+  /leac@0.6.0:
+    resolution: {integrity: sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==}
+    dev: false
+
   /levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -2021,7 +2171,6 @@ packages:
   /lru-cache@10.2.0:
     resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==}
     engines: {node: 14 || >=16.14}
-    dev: true
 
   /lru-cache@6.0.0:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
@@ -2084,6 +2233,13 @@ packages:
     dependencies:
       brace-expansion: 1.1.11
 
+  /minimatch@9.0.1:
+    resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: false
+
   /minimatch@9.0.3:
     resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -2109,7 +2265,6 @@ packages:
   /minipass@7.0.4:
     resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==}
     engines: {node: '>=16 || 14 >=14.17'}
-    dev: true
 
   /minizlib@2.1.2:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
@@ -2222,6 +2377,11 @@ packages:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
     dev: true
 
+  /nodemailer@6.9.13:
+    resolution: {integrity: sha512-7o38Yogx6krdoBf3jCAqnIN4oSQFx+fMa0I7dK1D+me9kBxx12D+/33wSb+fhOCtIxvYJ+4x4IMEhmhCKfAiOA==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
   /nopt@5.0.0:
     resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
     engines: {node: '>=6'}
@@ -2230,6 +2390,14 @@ packages:
       abbrev: 1.1.1
     dev: true
 
+  /nopt@7.2.0:
+    resolution: {integrity: sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      abbrev: 2.0.0
+    dev: false
+
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -2285,6 +2453,13 @@ packages:
     dependencies:
       callsites: 3.1.0
 
+  /parseley@0.12.1:
+    resolution: {integrity: sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==}
+    dependencies:
+      leac: 0.6.0
+      peberminta: 0.9.0
+    dev: false
+
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
@@ -2303,13 +2478,16 @@ packages:
     dependencies:
       lru-cache: 10.2.0
       minipass: 7.0.4
-    dev: true
 
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
     dev: false
 
+  /peberminta@0.9.0:
+    resolution: {integrity: sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==}
+    dev: false
+
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
@@ -2515,6 +2693,15 @@ packages:
     resolution: {integrity: sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==}
     dev: true
 
+  /pretty@2.0.0:
+    resolution: {integrity: sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      condense-newlines: 0.2.1
+      extend-shallow: 2.0.1
+      js-beautify: 1.15.1
+    dev: false
+
   /prism-svelte@0.4.7:
     resolution: {integrity: sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==}
     dev: true
@@ -2528,6 +2715,10 @@ packages:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
 
+  /proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+    dev: false
+
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -2658,6 +2849,12 @@ packages:
       source-map-js: 1.2.0
     dev: true
 
+  /selderee@0.11.0:
+    resolution: {integrity: sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==}
+    dependencies:
+      parseley: 0.12.1
+    dev: false
+
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -2695,7 +2892,6 @@ packages:
   /signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
-    dev: true
 
   /sirv@2.0.4:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
@@ -2758,7 +2954,6 @@ packages:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
-    dev: true
 
   /string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
@@ -2777,7 +2972,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       ansi-regex: 6.0.1
-    dev: true
 
   /strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
@@ -2848,6 +3042,14 @@ packages:
       - sugarss
     dev: true
 
+  /svelte-email@0.0.4:
+    resolution: {integrity: sha512-v3lMKxz6aaNdFstERH5r7BMTrxw0JWTPcc0Gubjcd8l++uyiol53tCk9INfMgMV4EyZy7WFOs24uurt4pxpMjQ==}
+    dependencies:
+      html-to-text: 9.0.5
+      pretty: 2.0.0
+      svelte: 3.59.2
+    dev: false
+
   /svelte-hmr@0.15.3(svelte@4.2.12):
     resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
@@ -2907,6 +3109,11 @@ packages:
       typescript: 5.4.3
     dev: true
 
+  /svelte@3.59.2:
+    resolution: {integrity: sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==}
+    engines: {node: '>= 8'}
+    dev: false
+
   /svelte@4.2.12:
     resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
     engines: {node: '>=16'}
@@ -3184,7 +3391,6 @@ packages:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: true
 
   /wrap-ansi@8.1.0:
     resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
@@ -3193,7 +3399,6 @@ packages:
       ansi-styles: 6.2.1
       string-width: 5.1.2
       strip-ansi: 7.1.0
-    dev: true
 
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}

From 7c2d51f917cb81d1cac7b08afe35f7ea430a490a Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:33:50 +0900
Subject: [PATCH 06/12] Add emailSetup

---
 src/lib/emailSetup.server.ts | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/lib/emailSetup.server.ts

diff --git a/src/lib/emailSetup.server.ts b/src/lib/emailSetup.server.ts
new file mode 100644
index 0000000..ba9ec4b
--- /dev/null
+++ b/src/lib/emailSetup.server.ts
@@ -0,0 +1,32 @@
+import nodemailer from 'nodemailer'
+import {
+  GOOGLE_EMAIL,
+  GOOGLE_EMAIL_PASSWORD,
+} from '$env/static/private'
+
+let transporter =
+  nodemailer.createTransport({
+    host: 'smtp.gmail.com',
+    port: 587,
+    secure: false,
+    auth: {
+      user: GOOGLE_EMAIL,
+      pass: GOOGLE_EMAIL_PASSWORD,
+    },
+  })
+
+transporter.verify(function (
+  error: any
+) {
+  if (error) {
+    // eslint-disable-next-line no-console
+    console.error(error)
+  } else {
+    // eslint-disable-next-line no-console
+    console.log(
+      'Server is ready to take our messages'
+    )
+  }
+})
+
+export default transporter

From 127f41a27a7297153bd669d31a5d46c43e8f2168 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:33:56 +0900
Subject: [PATCH 07/12] Add server

---
 src/routes/report/+page.server.ts | 68 ++++++++++++++++++++++++++++++-
 1 file changed, 66 insertions(+), 2 deletions(-)

diff --git a/src/routes/report/+page.server.ts b/src/routes/report/+page.server.ts
index 88b2677..2514b2a 100644
--- a/src/routes/report/+page.server.ts
+++ b/src/routes/report/+page.server.ts
@@ -1,5 +1,8 @@
-// import { redirect } from '@sveltejs/kit'
-// import type { PageServerLoad } from './$types'
+import { redirect } from '@sveltejs/kit'
+import type { PageServerLoad } from './$types'
+
+import { GOOGLE_EMAIL } from '$env/static/private'
+import transporter from '$lib/emailSetup.server.js'
 
 // export const load: PageServerLoad =
 //   async (event) => {
@@ -9,3 +12,64 @@
 //       throw redirect(303, '/auth')
 //     return {}
 //   }
+
+export const actions = {
+  default: async ({
+    request,
+  }: {
+    request: any
+  }) => {
+    try {
+      const formData =
+        await request.formData()
+      const subject =
+        formData.get('subject')
+      const body = formData.get('body')
+      // eslint-disable-next-line no-console
+      console.log(body)
+      let html = `<h2>문의가 도착했습니다.</h2><pre>${body}</pre>`
+
+      const message = {
+        from: GOOGLE_EMAIL,
+        to: 'frorong0727@gmail.com',
+        bcc: 'https://www.frorong.shop',
+        subject: subject,
+        text: body,
+        html: html,
+      }
+
+      const sendEmail = async (
+        message: any
+      ) => {
+        await new Promise(
+          (resolve, reject) => {
+            transporter.sendMail(
+              message,
+              (
+                err: any,
+                info: unknown
+              ) => {
+                if (err) {
+                  // eslint-disable-next-line no-console
+                  console.error(err)
+                  reject(err)
+                } else {
+                  resolve(info)
+                }
+              }
+            )
+          }
+        )
+      }
+
+      await sendEmail(message)
+
+      return {
+        success: 'Email is sent',
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error)
+    }
+  },
+}

From ff39679e73972b66c405f9e13a2856d975e58690 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:34:00 +0900
Subject: [PATCH 08/12] Add page

---
 src/routes/report/+page.svelte | 47 +++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/routes/report/+page.svelte b/src/routes/report/+page.svelte
index 20d2c62..634145f 100644
--- a/src/routes/report/+page.svelte
+++ b/src/routes/report/+page.svelte
@@ -2,6 +2,7 @@
   export let data
   import { page } from '$app/stores'
 
+  export let form
   import { signIn } from '@auth/sveltekit/client'
   import GithubLoginButton from '@components/githubLoginButton.svelte'
 
@@ -39,26 +40,32 @@
     문의하기
   </h1>
 
-  <input
-    type="text"
-    class="mb-4 w-full rounded-md border p-2"
-    placeholder="제목을 입력해주세요."
-    bind:value="{title}"
-    on:input="{handleTitleInput}"
-  />
-  <textarea
-    class="w-full rounded-md border p-2"
-    rows="5"
-    placeholder="문의 내용을 입력해주세요."
-    bind:value="{message}"
-    on:input="{handleMessageInput}"
-  ></textarea>
-  <button
-    class="mt-2 rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
-    on:click="{handleSubmit}"
-  >
-    전송
-  </button>
+  <form method="POST">
+    <input
+      name="subject"
+      type="text"
+      class="mb-4 w-full rounded-md border p-2"
+      placeholder="제목을 입력해주세요."
+      bind:value="{title}"
+      on:input="{handleTitleInput}"
+    />
+    <textarea
+      name="body"
+      class="w-full rounded-md border p-2"
+      rows="5"
+      placeholder="문의 내용을 입력해주세요."
+      bind:value="{message}"
+      on:input="{handleMessageInput}"
+    ></textarea>
+    <button
+      class="mt-2 rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
+      on:click="{handleSubmit}"
+      type="submit"
+    >
+      전송
+    </button>
+  </form>
+
   {#if $page.data.session}
     <div
       class="flex items-center space-x-4"

From 586015c726542a4d4a078c553191fd5d0a16779c Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:34:18 +0900
Subject: [PATCH 09/12] Rollback

---
 src/routes/+layout.server.ts      | 10 +++++-----
 src/routes/report/+page.server.ts | 16 ++++++++--------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index 671d1a2..039b7e7 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -1,6 +1,6 @@
-// import type { LayoutServerLoad } from './$types'
+import type { LayoutServerLoad } from './$types'
 
-// export const load: LayoutServerLoad =
-//   async (event) => ({
-//     session: await event.locals.auth(),
-//   })
+export const load: LayoutServerLoad =
+  async (event) => ({
+    session: await event.locals.auth(),
+  })
diff --git a/src/routes/report/+page.server.ts b/src/routes/report/+page.server.ts
index 2514b2a..338f5ec 100644
--- a/src/routes/report/+page.server.ts
+++ b/src/routes/report/+page.server.ts
@@ -4,14 +4,14 @@ import type { PageServerLoad } from './$types'
 import { GOOGLE_EMAIL } from '$env/static/private'
 import transporter from '$lib/emailSetup.server.js'
 
-// export const load: PageServerLoad =
-//   async (event) => {
-//     const session =
-//       await event.locals.auth()
-//     if (!session?.user)
-//       throw redirect(303, '/auth')
-//     return {}
-//   }
+export const load: PageServerLoad =
+  async (event) => {
+    const session =
+      await event.locals.auth()
+    if (!session?.user)
+      throw redirect(303, '/auth')
+    return {}
+  }
 
 export const actions = {
   default: async ({

From a37ea0f04fa7b24d8d40b18604b51a5f4a24fe27 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:35:05 +0900
Subject: [PATCH 10/12] Update html

---
 src/routes/report/+page.svelte | 71 ++++++++++++----------------------
 1 file changed, 24 insertions(+), 47 deletions(-)

diff --git a/src/routes/report/+page.svelte b/src/routes/report/+page.svelte
index 634145f..9affe71 100644
--- a/src/routes/report/+page.svelte
+++ b/src/routes/report/+page.svelte
@@ -35,63 +35,40 @@
 
 <section>
   <h1
-    class="mb-4 text-2xl font-semibold capitalize"
+    class="my-4 text-2xl font-semibold capitalize"
   >
     문의하기
   </h1>
 
-  <form method="POST">
-    <input
-      name="subject"
-      type="text"
-      class="mb-4 w-full rounded-md border p-2"
-      placeholder="제목을 입력해주세요."
-      bind:value="{title}"
-      on:input="{handleTitleInput}"
-    />
-    <textarea
-      name="body"
-      class="w-full rounded-md border p-2"
-      rows="5"
-      placeholder="문의 내용을 입력해주세요."
-      bind:value="{message}"
-      on:input="{handleMessageInput}"
-    ></textarea>
-    <button
-      class="mt-2 rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
-      on:click="{handleSubmit}"
-      type="submit"
-    >
-      전송
-    </button>
-  </form>
-
   {#if $page.data.session}
     <div
       class="flex items-center space-x-4"
     >
-      {#if $page.data.session.user?.image}
-        <img
-          src="{$page.data.session.user
-            .image}"
-          alt="프로필 이미지"
-          class="h-12 w-12 rounded-full"
+      <form method="POST">
+        <input
+          name="subject"
+          type="text"
+          class="mb-4 w-full rounded-md border p-2"
+          placeholder="제목을 입력해주세요."
+          bind:value="{title}"
+          on:input="{handleTitleInput}"
         />
-      {/if}
-      <div>
-        <h1
-          class="text-xl font-semibold"
+        <textarea
+          name="body"
+          class="w-full rounded-md border p-2"
+          rows="5"
+          placeholder="문의 내용을 입력해주세요."
+          bind:value="{message}"
+          on:input="{handleMessageInput}"
+        ></textarea>
+        <button
+          class="mt-2 rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
+          on:click="{handleSubmit}"
+          type="submit"
         >
-          {$page.data.session.user
-            ?.name ?? '익명의 유저'}님
-          안녕하세요!
-        </h1>
-        <p class="text-gray-600">
-          email: {$page.data.session
-            .user?.email ??
-            'email이 존재하지 않습니다.'}
-        </p>
-      </div>
+          전송
+        </button>
+      </form>
     </div>
   {:else}
     <div

From 121caa22758fba4c825da3e2de9f659c5cf78969 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:37:44 +0900
Subject: [PATCH 11/12] Disable provider

---
 src/routes/report/+page.server.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/routes/report/+page.server.ts b/src/routes/report/+page.server.ts
index 338f5ec..c849a41 100644
--- a/src/routes/report/+page.server.ts
+++ b/src/routes/report/+page.server.ts
@@ -1,17 +1,17 @@
-import { redirect } from '@sveltejs/kit'
-import type { PageServerLoad } from './$types'
+// import { redirect } from '@sveltejs/kit'
+// import type { PageServerLoad } from './$types'
 
 import { GOOGLE_EMAIL } from '$env/static/private'
 import transporter from '$lib/emailSetup.server.js'
 
-export const load: PageServerLoad =
-  async (event) => {
-    const session =
-      await event.locals.auth()
-    if (!session?.user)
-      throw redirect(303, '/auth')
-    return {}
-  }
+// export const load: PageServerLoad =
+//   async (event) => {
+//     const session =
+//       await event.locals.auth()
+//     if (!session?.user)
+//       throw redirect(303, '/auth')
+//     return {}
+//   }
 
 export const actions = {
   default: async ({

From 5ad370221cbcb21ba2560a0b6f813f5294635888 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Sat, 30 Mar 2024 21:40:08 +0900
Subject: [PATCH 12/12] Delte console

---
 src/routes/report/+page.server.ts | 2 --
 src/routes/report/+page.svelte    | 8 --------
 2 files changed, 10 deletions(-)

diff --git a/src/routes/report/+page.server.ts b/src/routes/report/+page.server.ts
index c849a41..91ef893 100644
--- a/src/routes/report/+page.server.ts
+++ b/src/routes/report/+page.server.ts
@@ -25,8 +25,6 @@ export const actions = {
       const subject =
         formData.get('subject')
       const body = formData.get('body')
-      // eslint-disable-next-line no-console
-      console.log(body)
       let html = `<h2>문의가 도착했습니다.</h2><pre>${body}</pre>`
 
       const message = {
diff --git a/src/routes/report/+page.svelte b/src/routes/report/+page.svelte
index 9affe71..7ba22a3 100644
--- a/src/routes/report/+page.svelte
+++ b/src/routes/report/+page.svelte
@@ -24,13 +24,6 @@
       event.target as HTMLInputElement
     title = target.value
   }
-
-  const handleSubmit = () => {
-    console.log(
-      '전송된 메시지:',
-      message
-    )
-  }
 </script>
 
 <section>
@@ -63,7 +56,6 @@
         ></textarea>
         <button
           class="mt-2 rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
-          on:click="{handleSubmit}"
           type="submit"
         >
           전송