serverから規約等を配信するように

mehm8128 · Mar 23, 2024 · 661364b · 661364b
1 parent 8ca2552
commit 661364b
Show file tree

Hide file tree

Showing 14 changed files with 60 additions and 10 deletions.
diff --git a/workspaces/app/src/features/consts/apiClient/constApiClient.ts b/workspaces/app/src/features/consts/apiClient/constApiClient.ts
@@ -0,0 +1,19 @@
+import { inject } from 'regexparam';
+
+import type { DomainSpecificApiClientInterface } from '../../../lib/api/DomainSpecificApiClientInterface';
+import { apiClient } from '../../../lib/api/apiClient';
+
+type ConstApiClient = DomainSpecificApiClientInterface<{
+  fetch: [{ params: { id: 'company' | 'contact' | 'overview' | 'question' | 'term' } }, string];
+}>;
+
+export const constApiClient: ConstApiClient = {
+  fetch: async ({ params }) => {
+    const response = await apiClient.get<string>(inject('/api/v1/consts/:id', params));
+    return response.data;
+  },
+  fetch$$key: (options) => ({
+    requestUrl: `/api/v1/consts/:id`,
+    ...options,
+  }),
+};
diff --git a/workspaces/app/src/features/consts/hooks/useConst.ts b/workspaces/app/src/features/consts/hooks/useConst.ts
@@ -0,0 +1,7 @@
+import useSWR from 'swr';
+
+import { constApiClient } from '../apiClient/constApiClient';
+
+export function useConst(...[options]: Parameters<typeof constApiClient.fetch>) {
+  return useSWR(constApiClient.fetch$$key(options), constApiClient.fetch, { suspense: true });
+}
diff --git a/workspaces/app/src/foundation/components/CompanyDialogContent.tsx b/workspaces/app/src/foundation/components/CompanyDialogContent.tsx
@@ -1,7 +1,7 @@
 import { useId } from 'react';
 import styled from 'styled-components';
 
-import { COMPANY } from '../constants/Company';
+import { useConst } from '../../features/consts/hooks/useConst';
 import { Color, Space, Typography } from '../styles/variables';
 
 import { Spacer } from './Spacer';
@@ -11,6 +11,7 @@ const _Content = styled.section`
   white-space: pre-line;
 `;
 export default function CompanyDialogContent() {
+  const { data } = useConst({ params: { id: 'company' } });
   const companyDialogA11yId = useId();
 
   return (
@@ -20,7 +21,7 @@ export default function CompanyDialogContent() {
       </Text>
       <Spacer height={Space * 1} />
       <Text as="p" color={Color.MONO_100} typography={Typography.NORMAL12}>
-        {COMPANY}
+        {data}
       </Text>
     </_Content>
   );

diff --git a/workspaces/app/src/foundation/components/ContactDialogContent.tsx b/workspaces/app/src/foundation/components/ContactDialogContent.tsx
@@ -1,7 +1,7 @@
 import { useId } from 'react';
 import styled from 'styled-components';
 
-import { CONTACT } from '../constants/Contact';
+import { useConst } from '../../features/consts/hooks/useConst';
 import { Color, Space, Typography } from '../styles/variables';
 
 import { Spacer } from './Spacer';
@@ -11,6 +11,7 @@ const _Content = styled.section`
   white-space: pre-line;
 `;
 export default function ContactDialogContent() {
+  const { data } = useConst({ params: { id: 'contact' } });
   const contactDialogA11yId = useId();
 
   return (
@@ -20,7 +21,7 @@ export default function ContactDialogContent() {
       </Text>
       <Spacer height={Space * 1} />
       <Text as="p" color={Color.MONO_100} typography={Typography.NORMAL12}>
-        {CONTACT}
+        {data}
       </Text>
     </_Content>
   );

diff --git a/workspaces/app/src/foundation/components/OverviewDialogContent.tsx b/workspaces/app/src/foundation/components/OverviewDialogContent.tsx
@@ -1,7 +1,7 @@
 import { useId } from 'react';
 import styled from 'styled-components';
 
-import { OVERVIEW } from '../constants/Overview';
+import { useConst } from '../../features/consts/hooks/useConst';
 import { Color, Space, Typography } from '../styles/variables';
 
 import { Spacer } from './Spacer';
@@ -11,6 +11,7 @@ const _Content = styled.section`
   white-space: pre-line;
 `;
 export default function OverviewDialogContent() {
+  const { data } = useConst({ params: { id: 'overview' } });
   const overviewDialogA11yId = useId();
 
   return (
@@ -20,7 +21,7 @@ export default function OverviewDialogContent() {
       </Text>
       <Spacer height={Space * 1} />
       <Text as="p" color={Color.MONO_100} typography={Typography.NORMAL12}>
-        {OVERVIEW}
+        {data}
       </Text>
     </_Content>
   );

diff --git a/workspaces/app/src/foundation/components/QuestionDialogContent.tsx b/workspaces/app/src/foundation/components/QuestionDialogContent.tsx
@@ -1,7 +1,7 @@
 import { useId } from 'react';
 import styled from 'styled-components';
 
-import { QUESTION } from '../constants/Question';
+import { useConst } from '../../features/consts/hooks/useConst';
 import { Color, Space, Typography } from '../styles/variables';
 
 import { Spacer } from './Spacer';
@@ -11,6 +11,7 @@ const _Content = styled.section`
   white-space: pre-line;
 `;
 export default function QuestionDialogContent() {
+  const { data } = useConst({ params: { id: 'question' } });
   const questionDialogA11yId = useId();
 
   return (
@@ -20,7 +21,7 @@ export default function QuestionDialogContent() {
       </Text>
       <Spacer height={Space * 1} />
       <Text as="p" color={Color.MONO_100} typography={Typography.NORMAL12}>
-        {QUESTION}
+        {data}
       </Text>
     </_Content>
   );

diff --git a/workspaces/app/src/foundation/components/TermDialogContent.tsx b/workspaces/app/src/foundation/components/TermDialogContent.tsx
@@ -1,7 +1,7 @@
 import { useId } from 'react';
 import styled from 'styled-components';
 
-import { TERM } from '../constants/Term';
+import { useConst } from '../../features/consts/hooks/useConst';
 import { Color, Space, Typography } from '../styles/variables';
 
 import { Spacer } from './Spacer';
@@ -11,6 +11,7 @@ const _Content = styled.section`
   white-space: pre-line;
 `;
 export default function TermDialogContent() {
+  const { data } = useConst({ params: { id: 'term' } });
   const termDialogA11yId = useId();
 
   return (
@@ -20,7 +21,7 @@ export default function TermDialogContent() {
       </Text>
       <Spacer height={Space * 1} />
       <Text as="p" color={Color.MONO_100} typography={Typography.NORMAL12}>
-        {TERM}
+        {data}
       </Text>
     </_Content>
   );

diff --git a/...s/app/src/foundation/constants/Company.ts → workspaces/server/src/constants/company.ts b/...s/app/src/foundation/constants/Company.ts → workspaces/server/src/constants/company.ts
diff --git a/...s/app/src/foundation/constants/Contact.ts → workspaces/server/src/constants/contact.ts b/...s/app/src/foundation/constants/Contact.ts → workspaces/server/src/constants/contact.ts
diff --git a/.../app/src/foundation/constants/Overview.ts → workspaces/server/src/constants/overview.ts b/.../app/src/foundation/constants/Overview.ts → workspaces/server/src/constants/overview.ts
diff --git a/.../app/src/foundation/constants/Question.ts → workspaces/server/src/constants/question.ts b/.../app/src/foundation/constants/Question.ts → workspaces/server/src/constants/question.ts
diff --git a/...aces/app/src/foundation/constants/Term.ts → workspaces/server/src/constants/term.ts b/...aces/app/src/foundation/constants/Term.ts → workspaces/server/src/constants/term.ts
diff --git a/workspaces/server/src/routes/api/consts/index.ts b/workspaces/server/src/routes/api/consts/index.ts
@@ -0,0 +1,17 @@
+import { Hono } from 'hono';
+
+import { COMPANY } from '../../../constants/company';
+import { CONTACT } from '../../../constants/contact';
+import { OVERVIEW } from '../../../constants/overview';
+import { QUESTION } from '../../../constants/question';
+import { TERM } from '../../../constants/term';
+
+const app = new Hono();
+
+app.get('/api/v1/consts/company', (c) => c.text(COMPANY));
+app.get('/api/v1/consts/contact', (c) => c.text(CONTACT));
+app.get('/api/v1/consts/overview', (c) => c.text(OVERVIEW));
+app.get('/api/v1/consts/question', (c) => c.text(QUESTION));
+app.get('/api/v1/consts/term', (c) => c.text(TERM));
+
+export { app as constsApp };
diff --git a/workspaces/server/src/routes/api/index.ts b/workspaces/server/src/routes/api/index.ts
@@ -4,6 +4,7 @@ import { OpenAPIHono } from '@hono/zod-openapi';
 import { authApp } from './auth';
 import { authorApp } from './authors';
 import { bookApp } from './books';
+import { constsApp } from './consts';
 import { episodePageApp } from './episodePages';
 import { episodeApp } from './episodes';
 import { featureApp } from './features';
@@ -31,6 +32,7 @@ app.get(
 app.route('/', authorApp);
 app.route('/', episodeApp);
 app.route('/', bookApp);
+app.route('/', constsApp);
 app.route('/', episodePageApp);
 app.route('/', imageApp);
 app.route('/', featureApp);