Fix(formgen): exclude timestamps (#725)

* fix(formgen): exclude timestamps manually from formgen components

Author: sdstolworthy

.changeset/old-scissors-doubt.md

@@ -0,0 +1,5 @@
+---
+'@aws-amplify/form-generator': minor
+---
+
+Manually exclude timestamp fields from generated forms

packages/form-generator/src/local_codegen_graphql_form_generator.test.ts

@@ -20,7 +20,7 @@ const createMockField = (dataType: MockDataType, required = false) => {
   };
 };
 
-const createMockSchema = (fields: string[]) => {
+const createMockSchema = (fields: string[]): GenericDataSchema => {
   const models = fields.reduce(
     (prev, name) => ({
       ...prev,
@@ -41,7 +41,7 @@ const createMockSchema = (fields: string[]) => {
     models,
     nonModels: {},
     enums: {},
-  };
+  } as GenericDataSchema;
 };
 
 void describe('LocalCodegenGraphqlFormGenerator', () => {
@@ -262,9 +262,35 @@ void describe('LocalCodegenGraphqlFormGenerator', () => {
     ['graphql', './graphql'],
     ['gql/graphql', './gql/graphql'],
   ];
+  void it(`createdAt and updatedAt fields are removed from the generated form`, async () => {
+    const schema = createMockSchema(['Post']);
+    assert('createdAt' in schema.models.Post.fields);
+    assert('updatedAt' in schema.models.Post.fields);
+    const resultGenerationSpy = mock.fn<ResultBuilder>();
+    resultGenerationSpy.mock.mockImplementation(() => ({
+      writeToDirectory: async () => undefined,
+    }));
+    const l = new LocalGraphqlFormGenerator(
+      async () => schema as unknown as GenericDataSchema,
+      {
+        graphqlDir: './ui-components',
+      },
+      resultGenerationSpy
+    );
+
+    await l.generateForms();
+
+    assert.equal(resultGenerationSpy.mock.callCount(), 1);
+    const componentMap = resultGenerationSpy.mock.calls[0].arguments[0];
+
+    const component = componentMap['PostCreateForm.jsx'];
+    assert.equal(component.includes(`createdAt`), false);
+    assert.equal(component.includes(`updatedAt`), false);
+  });
   for (const [directory, outputDir = directory] of graphqlDirectories) {
     void it(`given the directory ${directory}, the correct import path appears for the mutations in the generated form`, async () => {
       const schema = createMockSchema(['Post']);
+
       const resultGenerationSpy = mock.fn<ResultBuilder>();
       resultGenerationSpy.mock.mockImplementation(() => ({
         writeToDirectory: async () => undefined,

packages/form-generator/src/local_codegen_graphql_form_generator.ts

@@ -277,6 +277,24 @@ export class LocalGraphqlFormGenerator implements GraphqlFormGenerator {
         name,
       }))
     );
+
+    dataSchema.models = Object.entries(dataSchema.models).reduce<
+      (typeof dataSchema)['models']
+    >((prev, [key, value]) => {
+      // Discard createdAt and updatedAt fields
+      /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+      const { createdAt, updatedAt, ...fields } = value.fields;
+
+      const valueExcludingTimestampFields = {
+        ...value,
+        fields,
+      };
+
+      prev[key] = valueExcludingTimestampFields;
+
+      return prev;
+    }, {});
+
     const forms = baseForms.reduce<Record<string, string>>(
       (prev, formSchema) => {
         const results = this.codegenForm(dataSchema, formSchema);