[TSK-45] リザルトの値を送信することができる

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+end_of_line = lf
+insert_final_newline = true

.env.local.template

@@ -4,5 +4,5 @@ AUTH0_ISSUER_BASE_URL=''
 AUTH0_CLIENT_ID=''
 AUTH0_CLIENT_SECRET=''
 
-HASURA_GRAPHQL_URL=''
+NEXT_PUBLIC_HASURA_GRAPHQL_URL=''
 HASURA_GRAPHQL_ADMIN_SECRET=''

.github/workflows/ci.yml

@@ -15,8 +15,6 @@ jobs:
         uses: oven-sh/setup-bun@v1
       - name: Install dependencies
         run: bun install
-      - name: Run Typecheck
-        run: bun run typecheck
       - name: Run Check
         run: bun run check
       - name: Run Test

app/api/access-token/route.ts

@@ -0,0 +1 @@
+export { GET } from '@/_shared/api/access-token';

lefthook.yml

@@ -8,4 +8,4 @@ pre-push:
   commands:
     check:
       glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"
-      run: bun typecheck && bun test && bunx biome check --no-errors-on-unmatched --files-ignore-unknown=true {pushed_files}
+      run: bun type:check && bun test && bunx biome check --no-errors-on-unmatched --files-ignore-unknown=true {pushed_files}

package.json

@@ -12,13 +12,17 @@
     "test:watch": "vitest watch",
     "coverage": "vitest run --coverage",
     "fix": "run-s *:fix",
-    "lint:fix": "biome lint --apply-unsafe ./",
     "format:fix": "biome format ./ --write",
-    "check": "biome check ./",
-    "typecheck": "tsc --noEmit",
+    "analyzer:fix": "biome check --apply ./",
+    "lint:fix": "biome lint --apply-unsafe ./",
+    "check": "run-s *:check",
+    "format:check": "biome format ./",
+    "analyzer:check": "biome check ./",
+    "lint:check": "biome lint ./",
+    "type:check": "tsc --noEmit",
     "lefthook:sync": "lefthook install",
     "add:component": "bunx shadcn-ui@latest add",
-    "gql:codegen": "graphql-codegen --config ./src/_shared/lib/gql-codegen/api/config.ts && bun format:fix && bun lint:fix"
+    "gql:codegen": "graphql-codegen --config ./src/_shared/lib/gql-codegen/api/config.ts"
   },
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",

src/_entities/game/api/insert-game-session-with-throws.graphql

@@ -0,0 +1,13 @@
+mutation InsertGameSessionWithThrows($gameSession: game_sessions_insert_input!) {
+  insert_game_sessions_one(object: $gameSession) {
+    game_type_id
+    rate_80
+    rate_100
+    score_summary
+    user_id
+    throws {
+      id
+      position_id
+    }
+  }
+}

src/_entities/game/api/insert-game-session-with-throws.ts

@@ -0,0 +1,24 @@
+import type { DartsHitHistory } from '@/_entities/score/model/types';
+import { graphqlSdk } from '@/_shared/lib/gql-codegen';
+
+type InsertGameSessionWithThrowsArgs = {
+  gameTypeId: number;
+  throws: (DartsHitHistory | undefined)[];
+};
+
+export const insertGameSessionWithThrows = async ({
+  gameTypeId,
+  throws,
+}: InsertGameSessionWithThrowsArgs) => {
+  return graphqlSdk.InsertGameSessionWithThrows({
+    gameSession: {
+      game_type_id: gameTypeId,
+      rate_80: 1,
+      rate_100: 1,
+      score_summary: '{}',
+      throws: {
+        data: throws.map(t => ({ position_id: t?.id ?? null })),
+      },
+    },
+  });
+};

src/_entities/score/model/types.ts

@@ -1,6 +1,7 @@
-import type { Darts_Positions } from '@/_shared/lib/gql-codegen/api/generated/graphql';
+import type { Darts_Positions_Max_Fields } from '@/_shared/lib/gql-codegen/api/generated/graphql';
 
-export type DartsPosition = Darts_Positions;
+// MEMO: リレーションを取り除いた型定義を使用している
+export type DartsPosition = Darts_Positions_Max_Fields;
 export type DartsHitHistory = DartsPosition | null;
 export type DartsRound = [DartsHitHistory?, DartsHitHistory?, DartsHitHistory?];
 export type DartsRoundsHistory = Array<DartsRound>;

src/_pages/game-play/ui/screen/screen.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { insertGameSessionWithThrows } from '@/_entities/game/api/insert-game-session-with-throws';
 import { useConnectDartsliveHome } from '@/_features/connect-dartsboard';
 import { pagesPath } from '@/_shared/lib/pathpida';
 import { Button } from '@/_shared/ui/button';
@@ -68,9 +69,22 @@ export default function Game() {
 
   useEffect(() => {
     if (Number(difficulty) <= currentSBullCount + currentDBullCount * 2) {
-      router.push(pagesPath.game.result.$url().pathname);
+      (async () => {
+        const response = await insertGameSessionWithThrows({
+          gameTypeId: 10,
+          throws: dartsRoundsHistory.flat(),
+        });
+        if (response.insert_game_sessions_one)
+          router.push(pagesPath.game.result.$url().pathname);
+      })();
     }
-  }, [currentSBullCount, currentDBullCount, difficulty, router]);
+  }, [
+    currentSBullCount,
+    currentDBullCount,
+    difficulty,
+    router,
+    dartsRoundsHistory,
+  ]);
 
   return (
     <main className='h-full p-4'>

src/_pages/home/ui/screen/screen.tsx

@@ -18,6 +18,9 @@ export default function Home() {
             <Button asChild>
               <Link href={pagesPath.game.$url()}>Play Game</Link>
             </Button>
+            <Button asChild>
+              <Link href='/api/auth/logout'>Logout</Link>
+            </Button>
           </div>
         </div>
         <Tabs defaultValue='overview' className='space-y-4'>

src/_shared/api/access-token/api-route.ts

@@ -0,0 +1,15 @@
+import { getAccessToken } from '@auth0/nextjs-auth0';
+import { NextResponse } from 'next/server';
+
+export const GET = async () => {
+  const { accessToken } = await getAccessToken();
+
+  if (accessToken === undefined) {
+    return NextResponse.json(
+      { error: 'Access token not found' },
+      { status: 401 },
+    );
+  }
+
+  return NextResponse.json({ accessToken }, { status: 200 });
+};

src/_shared/api/access-token/get-access-token.ts

@@ -0,0 +1,24 @@
+import type {
+  AccessTokenResponse,
+  ErrorResponse,
+} from '@/_shared/api/access-token/type';
+
+export const getAccessToken = async (): Promise<
+  AccessTokenResponse | ErrorResponse
+> => {
+  const response = await fetch('/api/access-token', {
+    next: {
+      revalidate: 60 * 60,
+    },
+  });
+
+  if (response.status === 200) {
+    return response.json() as Promise<AccessTokenResponse>;
+  }
+
+  if (response.status === 401) {
+    return response.json() as Promise<ErrorResponse>;
+  }
+
+  return { error: 'Internal Server Error' };
+};

src/_shared/api/access-token/index.ts

@@ -0,0 +1,2 @@
+export { GET } from './api-route';
+export { getAccessToken } from './get-access-token';

src/_shared/api/access-token/type.ts

@@ -0,0 +1,7 @@
+export type AccessTokenResponse = {
+  accessToken: string;
+};
+
+export type ErrorResponse = {
+  error: string;
+};

src/_shared/lib/gql-codegen/api/config.ts

@@ -2,9 +2,16 @@ import type { CodegenConfig } from '@graphql-codegen/cli';
 
 const config: CodegenConfig = {
   overwrite: true,
+  hooks: {
+    afterOneFileWrite: [
+      'bun run format:fix',
+      'bun run analyzer:fix',
+      'bun run lint:fix',
+    ],
+  },
   schema: [
     {
-      [process.env.HASURA_GRAPHQL_URL ?? '']: {
+      [process.env.NEXT_PUBLIC_HASURA_GRAPHQL_URL ?? '']: {
         headers: {
           'x-hasura-admin-secret':
             process.env.HASURA_GRAPHQL_ADMIN_SECRET ?? '',
@@ -14,7 +21,7 @@ const config: CodegenConfig = {
   ],
   documents: ['src/**/*.tsx', 'src/**/*.ts', 'src/**/*.graphql'],
   generates: {
-    'src/shared/lib/gql-codegen/api/generated/': {
+    'src/_shared/lib/gql-codegen/api/generated/': {
       preset: 'client',
       config: {
         gqlTagName: 'graphql',
@@ -30,9 +37,15 @@ const config: CodegenConfig = {
         defaultScalarType: 'unknown',
         enumsAsTypes: true,
         useTypeImports: true,
+        scalars: {
+          float8: 'number',
+          json: 'string',
+          timestamptz: 'string',
+          uuid: 'string',
+        },
       },
     },
-    'src/shared/lib/gql-codegen/api/generated/sdk.ts': {
+    'src/_shared/lib/gql-codegen/api/generated/sdk.ts': {
       plugins: [
         {
           add: {

src/_shared/lib/gql-codegen/api/generated/gql.ts

@@ -13,8 +13,8 @@ import * as types from './graphql';
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
-  'query GetDartsPositions {\n  darts_positions {\n    id\n    multiplier\n    score\n    position_code\n    sector\n  }\n}':
-    types.GetDartsPositionsDocument,
+  'mutation InsertGameSessionWithThrows($gameSession: game_sessions_insert_input!) {\n  insert_game_sessions_one(object: $gameSession) {\n    game_type_id\n    rate_80\n    rate_100\n    score_summary\n    user_id\n    throws {\n      id\n      position_id\n    }\n  }\n}':
+    types.InsertGameSessionWithThrowsDocument,
 };
 
 /**
@@ -35,8 +35,8 @@ export function graphql(source: string): unknown;
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(
-  source: 'query GetDartsPositions {\n  darts_positions {\n    id\n    multiplier\n    score\n    position_code\n    sector\n  }\n}',
-): (typeof documents)['query GetDartsPositions {\n  darts_positions {\n    id\n    multiplier\n    score\n    position_code\n    sector\n  }\n}'];
+  source: 'mutation InsertGameSessionWithThrows($gameSession: game_sessions_insert_input!) {\n  insert_game_sessions_one(object: $gameSession) {\n    game_type_id\n    rate_80\n    rate_100\n    score_summary\n    user_id\n    throws {\n      id\n      position_id\n    }\n  }\n}',
+): (typeof documents)['mutation InsertGameSessionWithThrows($gameSession: game_sessions_insert_input!) {\n  insert_game_sessions_one(object: $gameSession) {\n    game_type_id\n    rate_80\n    rate_100\n    score_summary\n    user_id\n    throws {\n      id\n      position_id\n    }\n  }\n}'];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};