One-for-All-156 Created the template. (#159)

apps/web/src/app/(appListNavigation)/view/summary/create/[viewId]/page.tsx

@@ -0,0 +1,7 @@
+import { CreateSummaryView } from "@pageComponents/summaryViewCreate";
+
+const Page = ({ params: { viewId } }: { params: { viewId: string } }) => (
+  <CreateSummaryView viewId={viewId} />
+);
+
+export default Page;

apps/web/src/feature/view/modify/ModifyViewServer.tsx

@@ -1,9 +1,9 @@
 import { convertToAppListData } from "@feature/view/modify/function/convertToAppListData";
 import { convertToInputViewApps } from "@feature/view/modify/function/convertToInputViewApps";
 import { ModifyViewClient } from "@feature/view/modify/ModifyViewClient";
-import { convertToView } from "@features/view/server/convertToView";
 import { findUser } from "@persistence/browser/server/find-user";
 import { fetchQuery } from "@persistence/database/server/fetchQuery";
+import { parseToView } from "@v3/graphql/public/convert/parseToView";
 import {
   GetAppFieldListDocument,
   GetViewDocument,
@@ -19,7 +19,7 @@ export const ModifyViewServer = async ({ viewId }: { viewId: string }) => {
   const appListData = convertToAppListData(data);
 
   const { data: viewData } = await fetchQuery(GetViewDocument, { viewId });
-  const view = convertToView(viewData);
+  const view = parseToView(viewData.view);
   const inputViewApps = convertToInputViewApps(viewData);
 
   return (

apps/web/src/features/appRecordList/client/useGetLookupOptions/useGetLookupOptions.test.ts

@@ -1,6 +1,6 @@
-import * as convertToRecordsMock from "@oneforall/domain/convert/convertToRecords";
 import { renderHook } from "@testing-library/react";
 import * as useGetRecordsQueryMock from "@v3/graphql/public";
+import * as convertToRecordsMock from "@v3/graphql/public/convert/parseToRecords";
 
 import { useGetLookupOptions } from "./useGetLookupOptions";
 
@@ -62,7 +62,7 @@ describe("convertToImportHistories", () => {
       },
       jest.fn(),
     ]);
-    jest.spyOn(convertToRecordsMock, "convertToRecords");
+    jest.spyOn(convertToRecordsMock, "parseToRecords");
 
     renderHook(() =>
       useGetLookupOptions({
@@ -82,7 +82,7 @@ describe("convertToImportHistories", () => {
       variables: { appId: "appId" },
     });
 
-    expect(convertToRecordsMock.convertToRecords).toHaveBeenCalledWith([
+    expect(convertToRecordsMock.parseToRecords).toHaveBeenCalledWith([
       {
         __typename: "Record",
         id: "r1",
@@ -100,7 +100,7 @@ describe("convertToImportHistories", () => {
 
   it("selectFieldId, saveFieldId が存在する場合", () => {
     jest.spyOn(useGetRecordsQueryMock, "useGetRecordsQuery");
-    jest.spyOn(convertToRecordsMock, "convertToRecords").mockReturnValue({
+    jest.spyOn(convertToRecordsMock, "parseToRecords").mockReturnValue({
       1: {
         recordId: "r1",
         isEditing: false,
@@ -167,7 +167,7 @@ describe("convertToImportHistories", () => {
 
   it("selectFieldId, saveFieldId が存在しない場合", () => {
     jest.spyOn(useGetRecordsQueryMock, "useGetRecordsQuery");
-    jest.spyOn(convertToRecordsMock, "convertToRecords").mockReturnValue({
+    jest.spyOn(convertToRecordsMock, "parseToRecords").mockReturnValue({
       1: {
         recordId: "r1",
         isEditing: false,

apps/web/src/features/appRecordList/client/useGetLookupOptions/useGetLookupOptions.ts

@@ -1,9 +1,9 @@
 import { filterLookupData } from "@features/appRecordList/client/useGetLookupOptions/filterLookupData";
 import { sortLookupData } from "@features/appRecordList/client/useGetLookupOptions/sortLookupData";
-import { convertToRecords } from "@oneforall/domain/convert/convertToRecords";
 import { FieldOptionsLookup } from "@oneforall/domain/schema/appSchema";
 import { RecordColumns } from "@oneforall/domain/schema/recordSchema";
 import { useGetRecordsQuery } from "@v3/graphql/public";
+import { parseToRecords } from "@v3/graphql/public/convert/parseToRecords";
 
 export const useGetLookupOptions = ({
   options: {
@@ -21,7 +21,7 @@ export const useGetLookupOptions = ({
 }) => {
   const [{ data: recordsData }] = useGetRecordsQuery({ variables: { appId } });
 
-  const records = convertToRecords(recordsData?.records ?? []);
+  const records = parseToRecords(recordsData?.records ?? []);
 
   const lookupData = Object.values(records)
     .filter((r) => filterLookupData(r, filters, columns))

apps/web/src/features/fieldOptions/FieldOptionsLookUpInputFactory/useMakeSelector.ts

@@ -1,6 +1,6 @@
-import { convertToFields } from "@oneforall/domain/convert/convertToFields";
 import { useFindUser } from "@persistence/browser/client/useFindUser";
 import { useGetAppFieldListQuery } from "@v3/graphql/public";
+import { parseToFields } from "@v3/graphql/public/convert/parseToFields";
 
 /**
  * @package
@@ -28,7 +28,7 @@ export const useMakeSelector = ({ appId }: { appId: string }) => {
         value: f.id,
       })) ?? [];
 
-  const fields = convertToFields(
+  const fields = parseToFields(
     data?.group?.apps.find((a) => a.id === appId)?.fields ?? [],
   );
 

apps/web/src/pageComponents/appModify/components/ModifyAppServer.tsx

@@ -1,12 +1,12 @@
-import { convertToApp } from "@oneforall/domain/convert/convertToApp";
 import { AppFieldValue } from "@oneforall/domain/schema/appFieldValue";
 import { ModifyAppClient } from "@pageComponents/appModify/components/ModifyAppClient";
 import { fetchQuery } from "@persistence/database/server/fetchQuery";
+import { parseToApp } from "@v3/graphql/public/convert/parseToApp";
 import { GetAppDocument } from "@v3/graphql/public/type";
 
 export const ModifyAppServer = async ({ appId }: { appId: string }) => {
   const { data } = await fetchQuery(GetAppDocument, { appId });
-  const app = convertToApp(data);
+  const app = parseToApp(data);
 
   const fields = Object.fromEntries(
     Object.entries(app.fields).map(([id, f]) => [

apps/web/src/pageComponents/appRecordImport/components/RecordImportServer.tsx

@@ -1,16 +1,16 @@
-import { convertToApp } from "@oneforall/domain/convert/convertToApp";
 import { importFileSettingsSchema } from "@oneforall/domain/schema/importFileSettingsSchema";
 import { convertToImportFileFieldMapping } from "@pageComponents/appRecordImport/server/convertToImportFileFieldMapping";
 import { convertToImportHistories } from "@pageComponents/appRecordImport/server/convertToImportHistories";
 import { fetchQuery } from "@persistence/database/server/fetchQuery";
 import { getLookupRecords } from "@server/lookupRecords";
+import { parseToApp } from "@v3/graphql/public/convert/parseToApp";
 import { GetAppDocument, GetImportFileDocument } from "@v3/graphql/public/type";
 
 import { RecordImportClient } from "./RecordImportClient";
 
 export const RecordImportServer = async ({ appId }: { appId: string }) => {
   const { data } = await fetchQuery(GetAppDocument, { appId });
-  const app = convertToApp(data);
+  const app = parseToApp(data);
 
   const lookupRecords = await getLookupRecords(app);
 

apps/web/src/pageComponents/appRecordList/components/RecordListServer.tsx

@@ -1,14 +1,14 @@
-import { convertToApp } from "@oneforall/domain/convert/convertToApp";
-import { convertToRecords } from "@oneforall/domain/convert/convertToRecords";
 import { RecordListClient } from "@pageComponents/appRecordList/components/RecordListClient";
 import { makeColumnsTemplate } from "@pageComponents/appRecordList/server/makeColumnsTemplate";
 import { fetchQuery } from "@persistence/database/server/fetchQuery";
+import { parseToApp } from "@v3/graphql/public/convert/parseToApp";
+import { parseToRecords } from "@v3/graphql/public/convert/parseToRecords";
 import { GetAppDocument } from "@v3/graphql/public/type";
 
 export const RecordListServer = async ({ appId }: { appId: string }) => {
   const { data } = await fetchQuery(GetAppDocument, { appId });
-  const app = convertToApp(data);
-  const records = convertToRecords(data?.app?.records ?? []);
+  const app = parseToApp(data);
+  const records = parseToRecords(data?.app?.records ?? []);
 
   const columnsTemplate = makeColumnsTemplate(app.fields);
 

apps/web/src/pageComponents/summaryViewCreate/components/CreateSummaryViewClient.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+export const CreateSummaryViewClient = () => {
+  return <div>CreateSummaryViewClient</div>;
+};

apps/web/src/pageComponents/summaryViewCreate/components/CreateSummaryViewServer.tsx

@@ -0,0 +1,27 @@
+import { convertToViewRecords } from "@features/viewRecordList/server/convertToViewRecords";
+import { ViewRecords } from "@oneforall/domain/schema/view/viewRecordSchema";
+import { fetchQuery } from "@persistence/database/server/fetchQuery";
+import { parseToView } from "@v3/graphql/public/convert/parseToView";
+import { GetViewRecordsSourceDocument } from "@v3/graphql/public/type";
+
+import { CreateSummaryViewClient } from "./CreateSummaryViewClient";
+
+export const CreateSummaryViewServer = async ({
+  viewId,
+}: {
+  viewId: string;
+}) => {
+  const { data } = await fetchQuery(GetViewRecordsSourceDocument, {
+    viewId,
+  });
+
+  const view = parseToView(data.view);
+
+  const records: ViewRecords = convertToViewRecords(
+    view.fields,
+    data.view?.viewApps ?? [],
+  );
+  records;
+
+  return <CreateSummaryViewClient />;
+};

apps/web/src/pageComponents/summaryViewCreate/index.ts

@@ -0,0 +1 @@
+export { CreateSummaryViewServer as CreateSummaryView } from "./components/CreateSummaryViewServer";

apps/web/src/pageComponents/viewRecordList/components/ViewRecordListServer.tsx

@@ -1,15 +1,15 @@
-import { convertToView } from "@features/view/server/convertToView";
 import { convertToViewRecords } from "@features/viewRecordList/server/convertToViewRecords";
 import { ViewRecordListClient } from "@pageComponents/viewRecordList/components/ViewRecordListClient";
 import { fetchQuery } from "@persistence/database/server/fetchQuery";
+import { parseToView } from "@v3/graphql/public/convert/parseToView";
 import { GetViewRecordsSourceDocument } from "@v3/graphql/public/type";
 
 export const ViewRecordListServer = async ({ viewId }: { viewId: string }) => {
   const { data } = await fetchQuery(GetViewRecordsSourceDocument, {
     viewId,
   });
 
-  const view = convertToView(data);
+  const view = parseToView(data.view);
 
   const headerItems = [
     { name: "No." },

apps/web/src/server/lookupRecords/fetchLookupAppRecords.ts

@@ -1,5 +1,5 @@
-import { convertToRecords } from "@oneforall/domain/convert/convertToRecords";
 import { fetchQuery } from "@persistence/database/server/fetchQuery";
+import { parseToRecords } from "@v3/graphql/public/convert/parseToRecords";
 import { GetRecordsInAppIdsDocument } from "@v3/graphql/public/type";
 
 /**
@@ -11,6 +11,6 @@ export const fetchLookupAppRecords = async (appIds: string[]) => {
   });
 
   return Object.fromEntries(
-    data.apps.map((app) => [app.id, convertToRecords(app.records)]),
+    data.apps.map((app) => [app.id, parseToRecords(app.records)]),
   );
 };

packages/graphql/jest.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  preset: "ts-jest",
+  transformIgnorePatterns: ["/node_modules/(?!three/examples/)"],
+  transform: {
+    "node_modules/three/examples/.+.(j|t)sx?$": "ts-jest",
+  },
+  testEnvironment: "jsdom",
+};