chore(fixtures): sync test-project-live and -pnpm with strict test-project

__fixtures__/fragment-test-project/web/src/pages/BlogPostPage/BlogPostPage.stories.tsx

@@ -12,6 +12,6 @@ type Story = StoryObj<typeof BlogPostPage>
 
 export const Primary: Story = {
   render: (args) => {
-    return <BlogPostPage id={42} {...args} />
+    return <BlogPostPage {...args} id={42} />
   },
 }

__fixtures__/fragment-test-project/web/src/pages/WaterfallPage/WaterfallPage.stories.tsx

@@ -12,6 +12,6 @@ type Story = StoryObj<typeof WaterfallPage>
 
 export const Primary: Story = {
   render: (args) => {
-    return <WaterfallPage id={42} {...args} />
+    return <WaterfallPage {...args} id={42} />
   },
 }

__fixtures__/test-project-live/api/src/functions/auth.ts

@@ -131,7 +131,7 @@ export const handler = async (
           email: username,
           hashedPassword: hashedPassword,
           salt: salt,
-          fullName: userAttributes['full-name'],
+          fullName: userAttributes?.['full-name'] ?? '',
         },
       })
     },

__fixtures__/test-project-live/api/src/graphql/contacts.sdl.ts

@@ -25,7 +25,7 @@ export const schema = gql`
   }
 
   type Mutation {
-    createContact(input: CreateContactInput!): Contact @skipAuth
+    createContact(input: CreateContactInput!): Contact! @skipAuth
     updateContact(id: Int!, input: UpdateContactInput!): Contact! @requireAuth
     deleteContact(id: Int!): Contact! @requireAuth(roles: ["ADMIN"])
   }

__fixtures__/test-project-live/api/src/services/contacts/contacts.ts

@@ -35,7 +35,14 @@ export const updateContact: MutationResolvers['updateContact'] = ({
   input,
 }) => {
   return db.contact.update({
-    data: input,
+    data: {
+      ...input,
+      // Every field in the GraphQL input is nullable, but Prisma doesn't
+      // accept null for required fields. undefined leaves the field unchanged
+      name: input.name ?? undefined,
+      email: input.email ?? undefined,
+      message: input.message ?? undefined,
+    },
     where: { id },
   })
 }

__fixtures__/test-project-live/api/src/services/contacts/describeContacts.test.ts

@@ -56,7 +56,7 @@ describeScenario<StandardScenario>('contacts', (getScenario) => {
       },
     })
 
-    expect(contactCreatedInAboveTest.message).toEqual(
+    expect(contactCreatedInAboveTest?.message).toEqual(
       'Describe scenario works!'
     )
   })

__fixtures__/test-project-live/api/src/services/posts/posts.ts

@@ -29,7 +29,14 @@ export const createPost: MutationResolvers['createPost'] = ({ input }) => {
 
 export const updatePost: MutationResolvers['updatePost'] = ({ id, input }) => {
   return db.post.update({
-    data: input,
+    data: {
+      ...input,
+      // Every field in the GraphQL input is nullable, but Prisma doesn't
+      // accept null for required fields. undefined leaves the field unchanged
+      title: input.title ?? undefined,
+      body: input.body ?? undefined,
+      authorId: input.authorId ?? undefined,
+    },
     where: { id },
   })
 }
@@ -42,6 +49,6 @@ export const deletePost: MutationResolvers['deletePost'] = ({ id }) => {
 
 export const Post: PostRelationResolvers = {
   author: (_obj, { root }) => {
-    return db.post.findUnique({ where: { id: root?.id } }).author()
+    return db.post.findUniqueOrThrow({ where: { id: root.id } }).author()
   },
 }

__fixtures__/test-project-live/api/src/services/users/users.ts

@@ -12,6 +12,6 @@ export const user: QueryResolvers['user'] = ({ id }) => {
 
 export const User: UserRelationResolvers = {
   posts: (_obj, { root }) => {
-    return db.user.findUnique({ where: { id: root?.id } }).posts()
+    return db.user.findUniqueOrThrow({ where: { id: root.id } }).posts()
   },
 }

__fixtures__/test-project-live/api/tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "noEmit": true,
     "allowJs": true,
+    "strict": true,
     "esModuleInterop": true,
     "target": "es2023",
     "module": "ESNext",

__fixtures__/test-project-live/packages/validators/tsconfig.json

@@ -4,6 +4,7 @@
     "target": "es2023",
     "module": "node20",
     "esModuleInterop": true,
+    "strict": true,
     "skipLibCheck": true,
     "baseUrl": ".",
     "rootDir": "src",

__fixtures__/test-project-live/scripts/tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "noEmit": true,
     "allowJs": true,
+    "strict": true,
     "esModuleInterop": true,
     "target": "es2023",
     "module": "node20",

__fixtures__/test-project-live/web/src/components/Contact/ContactForm/ContactForm.tsx

@@ -1,4 +1,4 @@
-import type { EditContactById, UpdateContactInput } from 'types/graphql'
+import type { EditContactById, CreateContactInput } from 'types/graphql'
 
 import type { RWGqlError } from '@cedarjs/forms'
 import {
@@ -14,14 +14,14 @@ type FormContact = NonNullable<EditContactById['contact']>
 
 interface ContactFormProps {
   contact?: EditContactById['contact']
-  onSave: (data: UpdateContactInput, id?: FormContact['id']) => void
-  error: RWGqlError
+  onSave: (data: CreateContactInput) => void
+  error?: RWGqlError
   loading: boolean
 }
 
 const ContactForm = (props: ContactFormProps) => {
   const onSubmit = (data: FormContact) => {
-    props.onSave(data, props?.contact?.id)
+    props.onSave(data)
   }
 
   return (

__fixtures__/test-project-live/web/src/components/Contact/EditContactCell/EditContactCell.tsx

@@ -1,6 +1,7 @@
 import type {
   EditContactById,
   UpdateContactInput,
+  UpdateContactMutation,
   UpdateContactMutationVariables,
 } from 'types/graphql'
 
@@ -28,7 +29,7 @@ export const QUERY: TypedDocumentNode<EditContactById> = gql`
 `
 
 const UPDATE_CONTACT_MUTATION: TypedDocumentNode<
-  EditContactById,
+  UpdateContactMutation,
   UpdateContactMutationVariables
 > = gql`
   mutation UpdateContactMutation($id: Int!, $input: UpdateContactInput!) {
@@ -62,18 +63,15 @@ export const Success = ({ contact }: CellSuccessProps<EditContactById>) => {
     }
   )
 
-  const onSave = (
-    input: UpdateContactInput,
-    id: EditContactById['contact']['id']
-  ) => {
-    updateContact({ variables: { id, input } })
+  const onSave = (input: UpdateContactInput) => {
+    updateContact({ variables: { id: contact.id, input } })
   }
 
   return (
     <div className="rw-segment">
       <header className="rw-segment-header">
         <h2 className="rw-heading rw-heading-secondary">
-          Edit Contact {contact?.id}
+          Edit Contact {contact.id}
         </h2>
       </header>
       <div className="rw-segment-main">

__fixtures__/test-project-live/web/src/components/Post/EditPostCell/EditPostCell.tsx

@@ -1,6 +1,7 @@
 import type {
   EditPostById,
   UpdatePostInput,
+  UpdatePostMutation,
   UpdatePostMutationVariables,
 } from 'types/graphql'
 
@@ -28,7 +29,7 @@ export const QUERY: TypedDocumentNode<EditPostById> = gql`
 `
 
 const UPDATE_POST_MUTATION: TypedDocumentNode<
-  EditPostById,
+  UpdatePostMutation,
   UpdatePostMutationVariables
 > = gql`
   mutation UpdatePostMutation($id: Int!, $input: UpdatePostInput!) {
@@ -59,16 +60,14 @@ export const Success = ({ post }: CellSuccessProps<EditPostById>) => {
     },
   })
 
-  const onSave = (input: UpdatePostInput, id: EditPostById['post']['id']) => {
-    updatePost({ variables: { id, input } })
+  const onSave = (input: UpdatePostInput) => {
+    updatePost({ variables: { id: post.id, input } })
   }
 
   return (
     <div className="rw-segment">
       <header className="rw-segment-header">
-        <h2 className="rw-heading rw-heading-secondary">
-          Edit Post {post?.id}
-        </h2>
+        <h2 className="rw-heading rw-heading-secondary">Edit Post {post.id}</h2>
       </header>
       <div className="rw-segment-main">
         <PostForm post={post} onSave={onSave} error={error} loading={loading} />

__fixtures__/test-project-live/web/src/components/Post/PostForm/PostForm.tsx

@@ -1,4 +1,4 @@
-import type { EditPostById, UpdatePostInput } from 'types/graphql'
+import type { EditPostById, CreatePostInput } from 'types/graphql'
 
 import type { RWGqlError } from '@cedarjs/forms'
 import {
@@ -14,14 +14,14 @@ type FormPost = NonNullable<EditPostById['post']>
 
 interface PostFormProps {
   post?: EditPostById['post']
-  onSave: (data: UpdatePostInput, id?: FormPost['id']) => void
-  error: RWGqlError
+  onSave: (data: CreatePostInput) => void
+  error?: RWGqlError
   loading: boolean
 }
 
 const PostForm = (props: PostFormProps) => {
   const onSubmit = (data: FormPost) => {
-    props.onSave(data, props?.post?.id)
+    props.onSave(data)
   }
 
   return (

__fixtures__/test-project-live/web/src/lib/formatters.tsx

@@ -25,7 +25,7 @@ export const jsonDisplay = (obj: unknown) => {
   )
 }
 
-export const truncate = (value: string | number) => {
+export const truncate = (value: string | number | null | undefined) => {
   let output = value?.toString() ?? ''
 
   if (output.length > MAX_STRING_LENGTH) {
@@ -53,6 +53,6 @@ export function timeTag(dateTime: string | undefined | null) {
   return output
 }
 
-export const checkboxInputTag = (checked: boolean) => {
-  return <input type="checkbox" checked={checked} disabled />
+export const checkboxInputTag = (checked: boolean | null | undefined) => {
+  return <input type="checkbox" checked={!!checked} disabled />
 }

__fixtures__/test-project-live/web/src/pages/BlogPostPage/BlogPostPage.stories.tsx

@@ -12,8 +12,6 @@ type Story = StoryObj<typeof BlogPostPage>
 
 export const Primary: Story = {
   render: (args) => {
-    return (
-      <BlogPostPage id={'4c3d3e8e-2b1a-4f5c-8c7d-000000000042'} {...args} />
-    )
+    return <BlogPostPage {...args} id={42} />
   },
 }

__fixtures__/test-project-live/web/src/pages/ContactUsPage/ContactUsPage.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react'
 
 import { validateEmail } from '@my-org/validators'
 import { useForm } from 'react-hook-form'
+import type { CreateContactInput } from 'types/graphql'
 
 import {
   Form,
@@ -24,7 +25,7 @@ const CREATE_CONTACT = gql`
 `
 
 const ContactUsPage = () => {
-  const formMethods = useForm()
+  const formMethods = useForm<CreateContactInput>()
   const [isSubmitting, setIsSubmitting] = useState(false)
   const blocker = useBlocker({
     when: formMethods.formState.isDirty && !isSubmitting,
@@ -39,7 +40,7 @@ const ContactUsPage = () => {
     },
   })
 
-  const onSubmit = async (data) => {
+  const onSubmit = async (data: CreateContactInput) => {
     setIsSubmitting(true)
     try {
       await create({ variables: { input: data } })

__fixtures__/test-project-live/web/src/pages/ProfilePage/ProfilePage.tsx

@@ -10,6 +10,10 @@ const ProfilePage = () => {
     return <p>Loading...</p>
   }
 
+  if (!currentUser) {
+    return <p>Not logged in</p>
+  }
+
   return (
     <>
       <Metadata title="Profile" description="Profile page" og />

__fixtures__/test-project-live/web/src/pages/WaterfallPage/WaterfallPage.stories.tsx

@@ -12,8 +12,6 @@ type Story = StoryObj<typeof WaterfallPage>
 
 export const Primary: Story = {
   render: (args) => {
-    return (
-      <WaterfallPage id={'4c3d3e8e-2b1a-4f5c-8c7d-000000000042'} {...args} />
-    )
+    return <WaterfallPage {...args} id={42} />
   },
 }

__fixtures__/test-project-live/web/tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "noEmit": true,
     "allowJs": true,
+    "strict": true,
     "esModuleInterop": true,
     "target": "ES2022",
     "module": "ESNext",

__fixtures__/test-project-pnpm/api/src/functions/auth.ts

@@ -131,7 +131,7 @@ export const handler = async (
           email: username,
           hashedPassword: hashedPassword,
           salt: salt,
-          fullName: userAttributes['full-name'],
+          fullName: userAttributes?.['full-name'] ?? '',
         },
       })
     },

__fixtures__/test-project-pnpm/api/src/graphql/contacts.sdl.ts

@@ -25,7 +25,7 @@ export const schema = gql`
   }
 
   type Mutation {
-    createContact(input: CreateContactInput!): Contact @skipAuth
+    createContact(input: CreateContactInput!): Contact! @skipAuth
     updateContact(id: Int!, input: UpdateContactInput!): Contact! @requireAuth
     deleteContact(id: Int!): Contact! @requireAuth(roles: ["ADMIN"])
   }

__fixtures__/test-project-pnpm/api/src/services/contacts/contacts.ts

@@ -35,7 +35,14 @@ export const updateContact: MutationResolvers['updateContact'] = ({
   input,
 }) => {
   return db.contact.update({
-    data: input,
+    data: {
+      ...input,
+      // Every field in the GraphQL input is nullable, but Prisma doesn't
+      // accept null for required fields. undefined leaves the field unchanged
+      name: input.name ?? undefined,
+      email: input.email ?? undefined,
+      message: input.message ?? undefined,
+    },
     where: { id },
   })
 }

__fixtures__/test-project-pnpm/api/src/services/contacts/describeContacts.test.ts

@@ -56,7 +56,7 @@ describeScenario<StandardScenario>('contacts', (getScenario) => {
       },
     })
 
-    expect(contactCreatedInAboveTest.message).toEqual(
+    expect(contactCreatedInAboveTest?.message).toEqual(
       'Describe scenario works!'
     )
   })

__fixtures__/test-project-pnpm/api/src/services/posts/posts.ts

@@ -29,7 +29,14 @@ export const createPost: MutationResolvers['createPost'] = ({ input }) => {
 
 export const updatePost: MutationResolvers['updatePost'] = ({ id, input }) => {
   return db.post.update({
-    data: input,
+    data: {
+      ...input,
+      // Every field in the GraphQL input is nullable, but Prisma doesn't
+      // accept null for required fields. undefined leaves the field unchanged
+      title: input.title ?? undefined,
+      body: input.body ?? undefined,
+      authorId: input.authorId ?? undefined,
+    },
     where: { id },
   })
 }
@@ -42,6 +49,6 @@ export const deletePost: MutationResolvers['deletePost'] = ({ id }) => {
 
 export const Post: PostRelationResolvers = {
   author: (_obj, { root }) => {
-    return db.post.findUnique({ where: { id: root?.id } }).author()
+    return db.post.findUniqueOrThrow({ where: { id: root.id } }).author()
   },
 }

__fixtures__/test-project-pnpm/api/src/services/users/users.ts

@@ -12,6 +12,6 @@ export const user: QueryResolvers['user'] = ({ id }) => {
 
 export const User: UserRelationResolvers = {
   posts: (_obj, { root }) => {
-    return db.user.findUnique({ where: { id: root?.id } }).posts()
+    return db.user.findUniqueOrThrow({ where: { id: root.id } }).posts()
   },
 }