Fetch APIのクレデンシャル指定方法をcredentialsからheader内のCookieに変更

  Cloudflare WorkersはFetch APIの`credentials: 'include'`に対応していない。
  そのため、リクエストに含まれるcookieをFetch APIのリクエストヘッダに直接追加することで解決。

  また、+page.jsではなく+page.server.jsでないとcookiesを参照できない。

front/.env.development

@@ -1 +1 @@
-PUBLIC_API_ENDPOINT = /api
+PUBLIC_API_ENDPOINT = http://localhost:8787/api

front/src/routes/(app)/+layout.js → front/src/routes/(app)/+layout.server.js

@@ -1,9 +1,11 @@
 import { redirect } from "@sveltejs/kit";
 import { PUBLIC_API_ENDPOINT } from '$env/static/public';
 
-export const load = async ({ fetch }) => {
+export const load = async ({ cookies, fetch }) => {
   const res = await fetch(`${PUBLIC_API_ENDPOINT}/v1/ping`, {
-    credentials: 'include'
+    headers: {
+      cookie: cookies.get('id')
+    }
   });
 
   if (res.status === 200) {

front/src/routes/(app)/register/+page.js → front/src/routes/(app)/register/+page.server.js

@@ -1,9 +1,7 @@
 import { PUBLIC_API_ENDPOINT } from '$env/static/public';
 
-export const load = async ({ fetch }) => {
-  const { status } = await fetch(`${PUBLIC_API_ENDPOINT}/auth/register`, {
-    credentials: 'include'
-  }).then(r=>r.json());
+export const load = async ({ cookies, fetch }) => {
+  const { status } = await fetch(`${PUBLIC_API_ENDPOINT}/auth/register`).then(r=>r.json());
 
   return {
     status

front/src/routes/(mail)/+layout.js → front/src/routes/(mail)/+layout.server.js

@@ -1,9 +1,11 @@
 import { redirect } from "@sveltejs/kit";
 import { PUBLIC_API_ENDPOINT } from '$env/static/public';
 
-export const load = async ({ fetch }) => {
+export const load = async ({ cookies, fetch }) => {
   const res = await fetch(`${PUBLIC_API_ENDPOINT}/v1/ping`, {
-    credentials: 'include'
+    headers: {
+      cookie: cookies.get('id')
+    }
   });
 
   if (res.status === 401) {

front/src/routes/(mail)/i/inbox/+page.server.js

@@ -0,0 +1,13 @@
+import { PUBLIC_API_ENDPOINT } from '$env/static/public';
+
+export const load = async ({ cookies, fetch }) => {
+  const messages = await fetch(`${PUBLIC_API_ENDPOINT}/v1/messages`, {
+    headers: {
+      cookie: cookies.get('id')
+    }
+  }).then(r=>r.json());
+
+  return {
+    messages
+  };
+}

front/src/routes/(mail)/i/message/[id]/+page.server.js

@@ -0,0 +1,13 @@
+import { PUBLIC_API_ENDPOINT } from '$env/static/public';
+
+export const load = async ({ cookies, fetch, params }) => {
+  const message = await fetch(`${PUBLIC_API_ENDPOINT}/v1/message/${params.id}`, {
+    headers: {
+      cookie: cookies.get('id')
+    }
+  }).then(r=>r.json());
+
+  return {
+    message
+  };
+}